/*!
Theme Name: Home Exam Child
Theme URI: http://underscores.me/
Author: Invictus Studio
Author URI: http://invictusstudio.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: home-exam-child
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

alpha is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  line-height: 1.5;
  color: #000;
}

::-webkit-scrollbar {
  width: 12px;
  background-color: #fff;
}

::-webkit-scrollbar-thumb {
  background-color: #4ba0ff;
  border: 1px solid #fff;
  border-radius: 10px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff;
}

p {
  margin: 0 !important;
}

ul {
  padding: 0;
  margin: 0;
}

.section {
  padding: 50px 0;
}

a {
  text-decoration: none !important;
  transition: 0.5s ease !important;
}

a,
input,
button {
  outline: 0 !important;
}

.post,
.page {
  margin: 0;
}

body,
p {
  font-weight: 400;
  color: #000;
  font-family: "Roboto" !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  font-family: "Anek Bangla" !important;
}

.home .entry-title {
  display: none;
}

ul li,
li {
  list-style: none;
}

.skip-link.screen-reader-text {
  display: none;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: inherit;
  opacity: 1;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: inherit;
  opacity: 1;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: inherit;
  opacity: 1;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: inherit;
  opacity: 1;
}

#sidebar {
  display: none;
}

.entry-footer {
  clear: both;
}

#colophon {
  clear: both;
}

/* 404 - NOT FOUND PAGE */

.error-404.not-found {
  text-align: center;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  position: relative;
  background-image: url(/wp-content/uploads/2020/10/404.jpg);
  background-size: cover;
}

.not_found_inner {
  max-width: 69.5%;
	margin: 0 auto;
}

.error404 #masthead,
.error404 #colophon {
  display: none;
}

.logo a {
  outline: 0 !important;
}
.error-404.not-found .logo {
  padding: 0;
  background-color: transparent;
	display: none;
}

.error-404.not-found h1 {
  font-size: 200px;
  line-height: 1;
  color: #000;
  margin: 30px 0;
  font-weight: 800;
}

.error-404.not-found h1 span {
  color: #4BA0FF;
}

.page-header h3 {
  color: #000;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 40px;
}

.page-header p {
  font-size: 22px !important;
  color: #000;
  margin-bottom: 20px;
}

.page-content .return_home {
  background-color: #4BA0FF;
  color: #fff;
  padding: 20px 50px;
  display: inline-block;
  font-size: 20px;
  box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.5);
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  border: 2px solid #4BA0FF;
	    margin-top: 50px;
}

.page-content .return_home:hover {
  transform: translateY(-3px);
  background-color: transparent;
  color: #000;
  transform: scale(1.1);
}

/* 404 - NOT FOUND PAGE ENDS */

/*SEARCH RESULTS - NO RESULTS CSS */

.search-results article.product,
.search-results article.page {
  display: none;
}

.search-results .page-title span::before,
.search-results .page-title span::after {
  content: '"';
}

.search-results .page-title {
  font-weight: bold;
  font-size: 28px;
  text-align: center;
  margin-bottom: 30px;
}

.search-results .page-header {
  width: 100%;
}

.search-results #primary {
  display: flex;
  flex-wrap: wrap;
}

.search-results #primary article {
  width: 30%;
  margin: 0 1.5%;
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.1);
  padding: 20px;
  padding-top: 0;
  margin-bottom: 35px;
  border-radius: 6px;
}

.search-results #primary article a.post-thumbnail {
  display: block;
  margin-left: -20px;
  margin-right: -20px;
}

.search-results #primary article a.post-thumbnail img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.search-results #primary article .entry-title a {
  display: block;
  color: #000;
  font-size: 24px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
}

.no-results.not-found {
  text-align: center;
  margin-bottom: 50px;
}

.no-results.not-found .search-form input.search-field {
  height: 45px;
  padding-left: 10px;
  border: 1px solid #eee;
  background-color: #eee;
  color: #333;
  font-size: 14px;
  width: 250px;
}

.no-results.not-found .search-form .search-submit {
  height: 45px;
  padding: 0 30px;
  border: 0;
  background-color: #0b204d;
  color: #fff;
  cursor: pointer;
}

.no-results.not-found .search-form .search-submit:hover {
  background-color: #252525;
}

.no-results.not-found .search-form label span {
  display: none;
  width: 0;
}

/*SEARCH RESULTS - NO RESULTS CSS ENDS*/

/* Modal box CSS*/

.modal {
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-content {
  background-color: transparent !important;
  border: 0px solid rgba(0, 0, 0, 0.2) !important;
}

.modal-footer {
  display: none !important;
}

.modal-header {
  border-bottom: 0px !important;
}

.close {
  color: #000 !important;
  opacity: 1 !important;
  border: 1px solid #fff !important;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background-color: #fff !important;
  padding: 0 !important;
  float: left !important;
  margin: 0 !important;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.modal-dialog {
  max-width: 650px !important;
  margin: 50px auto !important;
}

.close span {
  display: block;
  color: #fff;
  position: absolute;
  left: 120%;
  top: 0;
}

.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
  height: 50px !important;
}

.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
  padding: 15px 15px 15px 40px !important;
}

.dgwt-wcas-details-main-image img {
  max-height: 200px !important;
}

.dgwt-wcas-suggestion-selected {
  background-color: #0b204d;
}

.dgwt-wcas-suggestion-selected .dgwt-wcas-st {
  color: #fff;
}

.dgwt-wcas-suggestion-selected .dgwt-wcas-sp {
  color: #fff;
}

.dgwt-wcas-pd-addtc .add_to_cart_inline {
  margin-left: 20px;
}

.asl_nores {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.results .asl_nores .asl_keyword {
  padding: 5px 0px !important;
  cursor: pointer;
  font-weight: bold;
  font-family: inherit;
  border-top: 1px solid #eee;
}

.asl_nores_header {
  margin-bottom: 10px !important;
}

/*  Modal CSS ENDS */

/*  Drop down menu CSS*/
#primary-menu {
  text-align: center;
  margin: 0;
}

#primary-menu li {
  display: inline-block;
  padding: 0 30px;
}

#primary-menu li:not(:last-child) a {
  font-weight: 400;
  font-size: 16px;
  line-height: 36px;
  text-transform: capitalize;
  color: #000000;
  position: relative;
}

#primary-menu li:not(:last-child) a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -39px;
  width: 0%;
  height: 3px;
  background: #4ba0ff;
  transition: 0.5s all ease;
}

#primary-menu li:not(:last-child) a:hover::before,
#primary-menu li:not(:last-child).current-menu-item a::before {
  width: 100%;
}

#primary-menu li:not(:last-child).current-menu-item a {
  font-weight: bold;
}

#primary-menu li:last-child a {
  background: #4ba0ff;
  border-radius: 10px;
  padding: 18px 30px;
  padding-right: 55px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
  display: block;
}

#primary-menu li:last-child a:hover {
  transform: translateY(-10px);
  background: #2386f4;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
}

#primary-menu li:last-child a:before {
  content: "";
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(/wp-content/uploads/2026/01/Arrow-right.svg);
  width: 14px;
  height: 11px;
}

#primary-menu li:last-child {
  padding: 0px;
}

.menu-item-has-children {
  position: relative;
}

.menu-item-has-children::after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  right: -5px;
  top: 2px;
  display: block;
}

.menu-item-has-children .sub-menu {
  position: absolute;
  z-index: 99;
  background-color: #fff;
  box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.15);
  top: calc(100% + 10px);
  left: 10px;
  width: 220px;
  border-radius: 5px;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.5s ease-in-out;
  visibility: hidden;
  overflow: hidden;
}

.menu-item-has-children:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

#primary-menu .sub-menu li {
  display: block;
  padding: 0;
}

#primary-menu .sub-menu li a:hover {
  color: #fff;
  border-color: transparent;
}

#primary-menu .sub-menu li a {
  display: block;
  text-align: left;
  padding: 17px 10px;
  border-bottom: 1px solid #eee;
  position: relative;
  z-index: 9;
  transition: all 0.5s ease-in-out;
}

#primary-menu .sub-menu li:last-child a {
  border-bottom: 0;
}

#primary-menu .sub-menu li a:hover::before {
  width: 100%;
  background-color: #0b204d;
  border-color: #0b204d;
}

#primary-menu .sub-menu li a::before {
  content: "";
  background-color: transparent;
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.5s ease-in-out;
  z-index: -1;
  border-bottom: 1px solid transparent;
}

.menu-toggle {
  display: none;
}

/*  Drop down menu CSS ENDS */

/*
Nav bar
*/
#mm #primary-menu ul.sub-menu li {
  width: 100%;
  border: none;
}

#mm #primary-menu ul.sub-menu li a {
  font-size: 18px;
  line-height: 18px;
  border: none;
  padding: 10px 0;
}

#mm ul li ul li ul {
  padding-bottom: 0 !important;
  padding-left: 20px;
}

/* #mm #primary-menu li ul.sub-menu ul.sub-menu li a {
  font-size: 16px;
} */
#mm #primary-menu .sub-menu li a::before {
  content: unset;
}

#mm ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  overflow: visible;
  position: relative;
  margin: 0;
  width: 100%;
  left: 0px;
  background: #d4d4d3;
  box-shadow: none;
  padding-bottom: 10px;
}

i.fas.fa-angle-down.active:before {
  transform: rotate(0deg);
}

#mml {
  padding: 0 15px;
  color: #ffffff;
}

#mml h4 {
  display: inline-block;
  margin-bottom: 0;
  margin-top: 12px;
}

.mm {
  position: fixed;
  min-height: 49px;
  padding-top: 0px;
  padding-bottom: 0px;
  z-index: 999;
  width: 100%;
  background: #fff;
}

#mmb {
  position: absolute;
  width: 30px;
  height: 50px;
  margin-right: 15px;
  top: 17px;
  right: 0;
  cursor: pointer;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

#mmb span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #82a9e6;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#mmb span:nth-child(1) {
  top: 16px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#mmb span:nth-child(2) {
  top: 26px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#mmb span:nth-child(3) {
  top: 36px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

#mmb.on span {
  height: 3px;
}

#mmb.on span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 15px;
  left: 8px;
}

#mmb.on span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#mmb.on span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 36px;
  left: 8px;
}

div#mm {
  padding-left: 0;
  margin-bottom: 0;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  background-color: #fff;
  position: absolute;
  background-image: url(/wp-content/uploads/2026/01/who_we_are_design_img.png);
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: bottom;
}

body .header_icons ul.cnss-social-icon {
  display: none;
}

#mm ul li {
  display: block;
  position: relative;
  padding: 0;
}

#mm #primary-menu {
  padding: 0px 15px;
}

#mm #primary-menu a {
  display: block;
  padding: 10px 0px;
  color: #1e1e1e;
  text-decoration: none;
  font-size: 21px;
  line-height: 25px;
  word-wrap: break-word;
  text-align: left;
  text-transform: capitalize;
  font-weight: 400;
}

#mm #primary-menu li {
  width: 100%;
  margin: auto;
}

#mm #primary-menu li:not(:last-child) {
  border-bottom: #af8c78 1px solid;
}

#mm #primary-menu a:hover {
  color: #1e1e1e;
}

#mm #primary-menu li:last-child a {
  border: none;
}

.mm,
#mm {
  display: none;
}

/* 
 * NAVBAR CSS ENDS
 */

/* WOOCOMMERCE CSS START */

.woocommerce td.product-name a {
  color: #000;
  font-weight: 600;
}

.woocommerce td.product-name a:hover {
  color: #0b204d;
}

input#coupon_code {
  width: 200px !important;
  padding-left: 10px;
  margin-right: 10px;
  height: 45px;
  background-color: #eee;
  border: 0;
  border-radius: 3px;
  font-size: 14px;
}

.coupon .button {
  height: 45px;
}

.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
  color: #fff;
  height: 45px;
}

.actions button {
  height: 45px;
}

.woocommerce a.added_to_cart {
  padding: 10px 20px;
  border-radius: 3px;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.added_to_cart,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  color: #fff;
  background-color: #0b204d;
  padding: 10px 20px;
  line-height: 1.5;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  color: #fff;
  background-color: #333;
}

.post-type-archive li .added_to_cart {
  background-color: #0b204d !important;
  color: #fff !important;
  font-size: 16px !important;
  letter-spacing: 1px !important;
}

.wc-proceed-to-checkout a,
#place_order {
  background-color: #0b204d !important;
  color: #fff !important;
  font-size: 16px !important;
  text-transform: uppercase;
  letter-spacing: 1px !important;
  margin-top: 8px !important;
  font-weight: 600 !important;
}

.wc-proceed-to-checkout a:hover,
#place_order:hover {
  background-color: #252525 !important;
  color: #fff !important;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  float: unset;
  display: block;
  width: 100%;
  height: 45px;
}

a.shipping-calculator-button {
  color: #0b204d;
  text-transform: uppercase;
  font-weight: 600;
}

.woocommerce a.remove,
td.product-remove button {
  background: #0b204d !important;
  color: #fff !important;
  line-height: 17px;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
  width: 100px;
}

.woocommerce-cart-form {
  width: 62%;
  float: left;
}

.woocommerce .cart-collaterals {
  width: 35%;
  float: right;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  float: unset;
  width: 100%;
  background: rgba(84, 84, 84, 0.05);
  padding: 40px 40px 30px;
}

.woocommerce table.shop_table {
  border: 0;
}

#add_payment_method table.cart .product-thumbnail,
.woocommerce-cart table.cart .product-thumbnail,
.woocommerce-checkout table.cart .product-thumbnail {
  text-align: center;
}

.woocommerce table.shop_table th {
  color: #000 !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  font-size: 13px !important;
}

.woocommerce table.shop_table .actions {
  padding-top: 40px !important;
}

.woocommerce-cart .cart-collaterals .cart_totals h2 {
  position: relative;
  margin-bottom: 30px;
  border-bottom: 1px solid #ebe9eb;
  padding-bottom: 20px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
}

.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
  font-size: 16px;
  padding-left: 0;
  padding-right: 0;
}

.woocommerce .cart-collaterals table.shop_table td {
  padding-left: 0;
  padding-right: 0;
}

.cart_totals tr:not(:last-child) td {
  padding-bottom: 30px !important;
}

.qib-container button {
  cursor: pointer;
}

.woocommerce-shipping-destination {
  font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
  color: #000;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  padding: 10px;
  font-size: 14px;
}

input[type="checkbox"],
input[type="radio"],
.input-radio,
.input-checkbox {
  width: 17px;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  outline-width: medium;
  position: relative;
  border: none;
  cursor: pointer;
  outline-width: 0;
  border-radius: 50%;
  top: 3px;
}

input[type="radio"]::before {
  background: #0b204d;
}

.input-radio::before,
input[type="radio"]::before,
.input-radio::before,
input[type="checkbox"]::before {
  position: absolute;
  left: 0;
  top: 0;
  background: #ccc;
  width: 17px;
  height: 17px;
  display: block;
  border-radius: 50%;
  -webkit-transition: 240ms;
  -o-transition: 240ms;
  transition: 240ms;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.input-radio::before,
input[type="checkbox"]::before {
  border-radius: 0%;
}

input[type="checkbox"]::before,
input[type="checkbox"]::after,
input[type="radio"]::before,
input[type="radio"]::after,
.input-radio::before,
.input-radio::after,
.input-checkbox::before,
.input-checkbox::after {
  content: "";
}

input[type="radio"]::after,
.input-radio::after,
input[type="checkbox"]::after,
.input-checkbox::after,
.widget_product_categories ul li a::before,
.widget_layered_nav ul li a::before,
.post_tags a,
.wpb_widgetised_column .tagcloud a,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-color: rgba(84, 84, 84, 0.8);
}

.input-radio::after,
input[type="radio"]::after {
  border-radius: 50%;
}

input[type="checkbox"]::after,
input[type="radio"]::after,
.input-radio::after,
.input-checkbox::after {
  display: block;
  width: 17px;
  height: 17px;
  border: 2px solid #a5a5a5;
  -webkit-transition: 240ms;
  -o-transition: 240ms;
  transition: 240ms;
}

.input-radio:checked::before,
input[type="radio"]:checked::before,
.input-radio:checked::before,
input[type="checkbox"]:checked::before {
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  background: #0b204d;
}

input[type="radio"]:checked::after,
.input-radio:checked::after,
input[type="checkbox"]:checked::after,
.input-checkbox:checked::after,
.return-to-shop .button.wc-backward {
  border-color: #0b204d;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #ddd;
  color: #000;
  font-weight: 400;
  height: 45px;
}

.woocommerce form .form-row {
  padding: 8px 0;
  margin: 0 0 06px;
  display: block;
}

#calc_shipping_city_field {
  margin-bottom: 2px;
}

.order-total .woocommerce-Price-amount {
  font-weight: 600 !important;
  font-size: 25px;
}

.woocommerce-checkout .checkout_coupon input#coupon_code {
  width: 100% !important;
  padding-left: 15px !important;
  display: inline-block;
  padding: 6px 10px;
}

.checkout.woocommerce-checkout {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.woocommerce .col2-set,
.woocommerce-page .col2-set {
  width: 60%;
}

#order_review {
  width: 38%;
  background: rgba(84, 84, 84, 0.05);
  padding: 20px 40px 40px;
  position: relative;
}

#order_review_heading {
  display: none;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
  float: unset;
  width: 100%;
  max-width: 100%;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  float: unset;
  width: 100%;
  max-width: 100%;
}

.checkout_coupon.woocommerce-form-coupon .button {
  height: 45px;
}

.checkout_coupon.woocommerce-form-coupon .form-row-first {
  width: 50%;
}

.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table .product-total {
  text-align: right;
}

.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table thead td,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table thead th,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot td,
.woocommerce-checkout form.checkout .woocommerce-checkout-review-order table.woocommerce-checkout-review-order-table tfoot th {
  border: none;
  vertical-align: top;
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table td {
  padding: 16px 0px;
}

.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th,
.shop_table.woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td {
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
  padding-top: 16px !important;
  padding-bottom: 12px !important;
  background-color: rgba(0, 0, 0, 0.04);
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: transparent;
  border-radius: 0;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  padding: 0;
  border-bottom: 0;
}

#add_payment_method #payment .payment_method_paypal .about_paypal,
.woocommerce-cart #payment .payment_method_paypal .about_paypal,
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
  float: right;
  line-height: 20px;
  margin-left: 10px;
  color: #000;
  font-weight: 300;
  font-size: 12px;
  border-bottom: 1px dashed;
}

#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
  width: 80px;
}

.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
h3#order_review_heading,
#post-79 .entry-title,
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title,
.woocommerce-column__title,
.woocommerce-order-details__title,
.woocommerce-Address-title.title h3,
div#customer_login h2 {
  text-transform: capitalize;
  color: #252525;
  font-size: 24px !important;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 0;
  position: relative;
}

span.select2-selection.select2-selection--single {
  height: 45px !important;
  padding: 9px 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 45px;
  right: 10px;
}

form.checkout.woocommerce-checkout label {
  font-size: 14px;
  margin-bottom: 0px;
  font-weight: 500;
  text-transform: uppercase;
}

#order_comments {
  height: 100px;
}

#add_payment_method #payment ul.payment_methods li,
.woocommerce #payment ul.payment_methods li {
  border-bottom: 1px solid rgba(84, 84, 84, 0.15);
  line-height: 16px;
  padding: 17px 0 14px;
}

#add_payment_method #payment ul.payment_methods li div.payment_box,
.woocommerce #payment ul.payment_methods li div.payment_box {
  background-color: transparent;
  line-height: 1.538em;
  padding: 0 35px;
  margin: 0;
  width: 100%;
  font-size: 1rem;
  margin-top: 20px !important;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.woocommerce #payment div.payment_box p {
  font-size: 13px;
  line-height: 1.4285em;
  margin: -2px 0 0;
  margin-bottom: 0px;
  text-shadow: none;
  font-weight: 400;
  color: #333;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  content: unset;
}

.woocommerce-privacy-policy-text p {
  font-size: 14px;
  color: #333;
}

.shop_table.woocommerce-checkout-review-order-table thead th,
.shop_table.woocommerce-checkout-review-order-table tfoot th,
.shop_table.woocommerce-checkout-review-order-table tfoot td {
  padding: 10px 0;
}

.woocommerce ul#shipping_method li label {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
}

form.checkout.woocommerce-checkout ul.payment_methods li label {
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 14px;
  text-transform: capitalize;
  line-height: 1.3em;
  font-weight: 700;
  color: #000;
  margin-top: 12px;
}

.woocommerce-error {
  border-color: #c12a30 !important;
}

.woocommerce-message::before,
.woocommerce-error::before {
  color: #c12a30 !important;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
  width: 100%;
}

.woocommerce-message a,
a.woocommerce-Button.button,
p.return-to-shop a,
.added_to_cart {
  background-color: #0b204d !important;
  color: #fff !important;
  padding: 10px 22px !important;
  font-size: 16px !important;
  margin-top: 8px !important;
  font-weight: bold;
}

.woocommerce-message a:hover,
a.woocommerce-Button.button:hover,
p.return-to-shop a:hover,
.added_to_cart:hover {
  background-color: #252525 !important;
  color: #fff !important;
}

.woocommerce-message a {
  margin-top: 0 !important;
}

.woocommerce-message,
.woocommerce-notices-wrapper a,
.woocommerce-message::before {
  border-top-color: #0b204d !important;
}

.woocommerce-order-received .woocommerce-customer-details {
  display: none;
}

.woocommerce-order-received p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  color: #0b204d;
}

.woocommerce-order-received .woocommerce table.shop_table tfoot td,
.woocommerce-order-received .woocommerce table.shop_table tfoot th {
  border: 0;
  padding-top: 15px;
}

.woocommerce-order-received .woocommerce table.shop_table tbody td,
.woocommerce-order-received .woocommerce table.shop_table tbody th {
  border-bottom: 3px solid rgba(0, 0, 0, 0.9);
  margin-bottom: 40px;
  padding: 15px 0;
}

.woocommerce-order-received .woocommerce table.shop_table td,
.woocommerce-order-received .woocommerce table.shop_table th {
  padding: 15px 0;
}

.woocommerce-order-received .woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
  border-collapse: collapse;
}

.woocommerce-order-received .woocommerce td.product-name a {
  color: #0b204d;
  font-weight: 600;
  font-size: 20px;
}

.woocommerce-order-received .woocommerce td.product-name a:hover {
  color: #252525;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
  vertical-align: middle;
  margin-bottom: 0;
  margin-top: 7px;
}

.woocommerce form .form-row.create-account .input-checkbox {
  display: inline-block;
  margin: -2px 8px 0 0;
  text-align: center;
  vertical-align: unset;
}

#ship-to-different-address label span {
  margin-left: 8px;
  font-weight: bold;
  color: #000;
}

.tinv-wishlist .product-action {
  width: 165px;
}

#tinvwl_product_actions {
  height: 45px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.tinvwl-table-manage-list tr td {
  border-top: 1px solid #ccc;
}

.tinvwl-to-left.look_in {
  display: flex;
  flex-wrap: wrap;
}

.select-wrapper {
  flex: 1;
  margin-right: 5px;
  position: relative;
}

.select-wrapper::after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 1;
  pointer-events: none;
  transform: translateY(-50%);
  line-height: 0;
  color: #666;
}

.tinvwl-to-left.look_in .tinvwl-input-group {
  width: 100%;
  border-collapse: collapse;
}

.wishlist_item .product-thumbnail img {
  width: 100px;
  height: auto;
  max-width: unset;
}

.woocommerce-Message.woocommerce-Message--info.woocommerce-info .button {
  margin-top: 0 !important;
}

.woocommerce-account .woocommerce-columns--addresses.col2-set.addresses,
.u-columns.woocommerce-Addresses.col2-set.addresses {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.woocommerce-account .woocommerce-column--shipping-address.col-2,
.woocommerce-account .woocommerce-column--billing-address.col-1,
.u-column1.col-1.woocommerce-Address,
.u-column2.col-2.woocommerce-Address {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%;
  max-width: 48%;
  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
}

.woocommerce-account .col2-set::after,
.woocommerce-account .col2-set::before {
  content: unset;
}

.woocommerce-account .woocommerce .woocommerce-customer-details address {
  border: 0;
  padding: 0 0 10px;
  line-height: 1.8;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table tfoot th {
  text-align: left;
  /*border-top: 0 !important;*/
  /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
}

.woocommerce-account .woocommerce table.shop_table {
  border-collapse: collapse;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table tbody tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.woocommerce-account .woocommerce table.shop_table td,
.woocommerce-account .woocommerce table.shop_table th {
  padding: 20px 10px;
}

.woocommerce-account .woocommerce .account-orders-table {
  text-align: center;
}

.woocommerce-account.woocommerce .col2-set,
.woocommerce-account.woocommerce-page .col2-set {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.woocommerce-account #customer_login .col-1,
#customer_login .col-2 {
  flex: 49%;
}

.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register {
  /* height: 360px; */
}

/*Dashboad*/
nav.woocommerce-MyAccount-navigation ul {
  padding: 0;
  list-style: none;
  margin: 0 !important;
}

nav.woocommerce-MyAccount-navigation ul li a {
  padding: 9px 10px;
  display: block;
  border: 1px solid #0b204d;
  margin-bottom: 9px;
  color: white;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease-in;
  background-color: #0b204d;
}

nav.woocommerce-MyAccount-navigation ul li.is-active a {
  background-color: #252525;
  color: white;
  border: 1px solid #252525;
}

nav.woocommerce-MyAccount-navigation ul li a:hover {
  color: white !important;
  border: 1px solid #252525;
  background-color: #252525;
}

.woocommerce-account .woocommerce-MyAccount-content a {
  color: #0b204d;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
  color: #252525;
}

form.woocommerce-EditAccountForm fieldset {
  padding-left: 0;
  padding-right: 0;
}

/**DASHBOARD END**/
.woocommerce table.my_account_orders .button {
  background-color: #0b204d;
  color: #fff;
  padding: 8px 25px;
  font-size: 14px;
  border-radius: 25px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 8px;
  display: inline-block;
  font-weight: 300;
}

.woocommerce table.my_account_orders .button:hover {
  background-color: #252525;
  color: #fff;
}

.woocommerce-account .addresses .title h3 {
  position: relative;
}

.woocommerce-privacy-policy-text a {
  color: #252525;
}

.woocommerce-privacy-policy-text a:hover {
  color: #0b204d;
}

.woocommerce-info {
  border-top-color: #0b204d;
  margin-bottom: 10px !important;
}

.lost_password a {
  color: #252525 !important;
}

.lost_password a:hover {
  color: #0b204d !important;
}

.woocommerce-info::before {
  color: #0b204d;
}

.woocommerce-form-login-toggle a,
.woocommerce-form-coupon-toggle a,
p.woocommerce-LostPassword.lost_password a {
  color: #252525 !important;
}

.woocommerce-form-login-toggle a:hover,
.woocommerce-form-coupon-toggle a:hover,
.woocommerce-privacy-policy-text a:hover,
p.woocommerce-LostPassword.lost_password a:hover {
  color: #0b204d !important;
}

.woocommerce-privacy-policy-text {
  padding-bottom: 20px;
}

.woocommerce form .form-row .required {
  color: #0b204d;
}

a.showcoupon {
  font-size: 16px;
  font-weight: 500;
}

h3#order_review_heading {
  margin-top: 40px;
}

form.woocommerce-cart-form .product-thumbnail {
  height: auto;
  border: none;
}

.woocommerce-cart-form .woocommerce-Price-amount.amount {
  font-size: 16px;
}

.woocommerce-form-coupon-toggle {
  margin-bottom: 40px;
}

ul.woocommerce-error {
  margin-bottom: 50px !important;
}

.tinv-header {
  display: none;
}

.tinv-wishlist.woocommerce.tinv-wishlist-clear {
  margin-top: 30px;
}

.post-type-archive .products li {
  text-align: center;
}

.tax-product_cat .products li {
  text-align: center;
}

.tax-product_cat li .added_to_cart {
  background-color: #c12a30 !important;
  color: #fff !important;
  padding: 12px 22px !important;
  font-size: 14px !important;
  border-radius: 25px !important;
  text-transform: uppercase;
  letter-spacing: 1px !important;
  margin-top: 8px !important;
  /*    display: inline-block !important; */
  font-weight: 300 !important;
}

.tax-product_cat li .added_to_cart:hover {
  background-color: #252525 !important;
  color: #fff !important;
}

.quantity {
  position: relative;
  width: fit-content;
}

.woocommerce-cart .quantity .minus {
  background: transparent;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 8px 5px 14px 7px !important;
  border-color: #252525;
  font-size: 24px;
  line-height: 0;
}

.woocommerce-cart .quantity .plus {
  background: transparent;
  position: absolute;
  right: 0;
  top: 0px;
  padding: 12px 4px 11px 4px !important;
  border-color: #252525;
  font-size: 24px;
  line-height: 0;
}

a.restore-item {
  margin-left: 10px;
  margin-top: -10px !important;
}

.page-id-317 .woocommerce-form-login {
  height: 492px;
}

.woocommerce-order-received .woocommerce-order-details__title {
  position: relative;
}

.woocommerce-order-received .woocommerce-column__title {
  position: relative;
}

.page-id-316 .wc-backward {
  margin-left: 20px !important;
  color: #252525 !important;
}

.page-id-316 .wc-backward:hover {
  color: #c12a30 !important;
}

.page-id-317 .woocommerce-MyAccount-content .woocommerce-Button {
  position: relative;
  top: -10px !important;
}

/* Woo Commerce End Here */

@media (min-width: 1200px) {
  .container {
    max-width: 1170px !important;
  }
}

@media (min-width: 1250px) {
  .container {
    max-width: 1240px !important;
  }
}

@media (max-width: 767px) {

  .mm,
  #mm {
    display: block;
  }

  #primary-menu {
    display: none;
  }
}

/* =========================================== Header Start =========================================== */
.top_head {
  position: relative;
  padding: 5px 0px;
}

.top_head:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100px;
  background: #af8c78;
  z-index: -1;
}

.top_head .box {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: end;
}

.top_head .box a {
  font-weight: 400;
  font-size: 14px;
  line-height: 36px;
  color: #ffffff;
}

.top_head .box svg {
  margin-right: 7px;
}

.top_head .box>div {
  display: flex;
  align-items: center;
}

.top_head .box a:hover {
  color: #252525;
}

header#masthead .inner {
  background: #ffffff;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: end;
  position: relative;
  padding: 8px 22px;
  height: 95px;
}

header#masthead .inner .site-branding {
  position: absolute;
  left: 22px;
  bottom: 8px;
}

header#masthead {
  margin-bottom: -41px;
  position: relative;
  z-index: 1;
}

/* =========================================== Header End =========================================== */

/* =========================================== Footer Start =========================================== */
footer#colophon {
  background: #000000;
}

.footer2 li:last-child {
  display: none;
}

.footer {
  padding: 70px 0px;
}

.footer1 .textwidget.custom-html-widget {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  color: #ffffff;
  margin: 30px 0px;
}

.footer h2 {
  font-weight: 700;
  font-size: 20px;
  line-height: 44px;
  color: #ffffff;
  margin: 0;
}

.footer a {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #ffffff;
}

.footer a:hover,
.footer .current-menu-item a,
.copyrights ul#menu-copyright-menu a:hover,
.copyrights p a {
  color: #ffdd28;
}

.copyrights p a {
  text-transform: uppercase;
  font-weight: 500;
}

.copyrights p a:hover {
  color: #fff;
}

.footer4 h3 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  color: #ffdd28;
  margin-bottom: 5px;
  font-family: "Roboto" !important;
}

.footer li,
.footer4 .cont_info {
  margin-top: 15px;
}

.footer ul {
  margin: 0;
}

.footer4 a {
  line-height: 100%;
}

.footer .middle_box {
  display: flex;
  gap: 100px;
  padding-left: 40px;
}

.copyrights p {
  font-weight: 400;
  font-size: 16px;
  line-height: 36px;
  color: #ffffff;
}

.copyrights .row {
  border-top: 1px solid rgba(135, 135, 135, 0.42);
  align-items: center;
  padding: 10px 0px;
}

.copyrights ul#menu-copyright-menu {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: right;
  gap: 30px;
}

.copyrights ul#menu-copyright-menu a {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
}

.social_icon ul {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.social_icon ul li a {
  width: 40px;
  height: 40px;
  border: 1px solid #ffffff;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}

.social_icon ul li a img {
  filter: contrast(0) brightness(100);
}

.social_icon ul li {
  margin: 0;
}

.social_icon ul li a:hover {
  background: #ffdd28;
  border-color: #ffdd28;
}

.social_icon ul li a:hover img {
  filter: brightness(0);
}

/* =========================================== Footer End =========================================== */

section.hero_banner {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 150px 0;
  padding-bottom: 325px;
}

section.hero_banner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135.58deg,
      rgba(0, 0, 0, 0) 19.55%,
      #000000 110.43%);
}

section.hero_banner:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 270px;
  background-image: url(/wp-content/uploads/2026/01/hero_vector_shape.png);
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

section.hero_banner .banner_content h1 {
  width: 80%;
}

.banner_content {
  position: relative;
  z-index: 1;
}

.banner_content h1 {
  font-weight: 300;
  font-size: 65px;
  line-height: 65px;
  color: #ffffff;
  margin: 0;
}

.banner_content h1 strong {
  font-weight: bold;
}

.banner_content p {
  margin: 20px 0 !important;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #ffffff;
  letter-spacing: -0.1px;
}

.button_flex {
  display: flex;
  align-items: center;
  gap: 20px;
}

.content_btn a {
  background: #4ba0ff;
  border-radius: 10px;
  padding: 17px 20px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
}

.content_btn a:hover {
  color: #ffffff;
  transform: translateY(-10px);
  background: #2386f4;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
}

.content_btn.yellow a {
  background: #ffdd28;
  color: #000000;
}

.content_btn.yellow a:hover {
  background: #e2bf08;
}

.content_btn.yellow a img {
  filter: brightness(0);
}

.head_40 {
  font-weight: 300;
  font-size: 40px;
  line-height: 45px;
  color: #000000;
  margin: 0;
}

.head_45 {
  font-weight: 700;
  font-size: 45px;
  line-height: 50px;
  color: #000000;
  margin: 0;
}

.head_50 {
  font-weight: 400;
  font-size: 50px;
  line-height: 60px;
  color: #000000;
}

.head_40 span,
.head_45 span,
.head_50 span {
  color: #4ba0ff;
}

.gradient_heading {
  font-weight: 800;
  font-size: 153.366px;
  line-height: 180px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: linear-gradient(180deg, #d3d3d3 -5.98%, #ffffff 89.4%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-family: "Roboto" !important;
  margin: 0px;
}

section.home_sec2 {
  position: relative;
}

section.home_sec2:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70%;
  height: 830px;
  background-image: url(/wp-content/uploads/2026/01/who_we_are_design_img.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom;
}

section.home_sec2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 300px;
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0) 0%,
      #ffffff 84.91%);
}

section.home_sec2 .head_45 {
  width: 70%;
  margin: auto;
  text-align: center;
  margin-bottom: 80px;
}

section.home_sec2 .gradient_heading {
  margin-bottom: -50px;
  margin-left: -15px;
}

section.home_sec2 .head_50 {
  margin-bottom: 30px;
  width: 95%;
}

section.home_sec2 .left {
  position: relative;
  z-index: 1;
}

section.home_sec2 .left ul {
  margin: 0;
}

section.home_sec2 .left ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 97%;
}

section.home_sec2 .left ul li .icon {
  width: 60px;
  height: 60px;
  background: #4ba0ff;
  border-radius: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  transition: 0.5s all ease;
}

section.home_sec2 .left ul li .content h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 37px;
  letter-spacing: -0.03em;
  color: #000000;
  margin: 0;
}

section.home_sec2 .left ul li .content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color: #000000;
}

section.home_sec2 .left ul li:not(:last-child) {
  margin-bottom: 30px;
}

section.home_sec2 .left ul li:hover .icon {
  background: #2386f4;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
}

section.home_sec2 .row,
section.home_sec2 .row .right {
  position: static;
}

section.home_sec2 .row .right .img1 {
  position: absolute;
  right: 0;
  z-index: 0;
  width: 53%;
  bottom: 0;
}

section.home_sec2 .row .right .img2 {
  text-align: right;
  margin-top: 70px;
  position: relative;
}

section.home_sec2 .row .right .img1 img {
  width: 100%;
  object-fit: scale-down;
  height: 710px;
  object-position: right;
}

.home_sec3 {
  margin: 100px 0px;
}

.home_sec3 .text-center,
.home_sec5 .text-center {
  margin-bottom: 50px;
}

.home_sec3 .gradient_heading,
.home_sec5 .gradient_heading {
  margin-bottom: -60px;
}

.home_tabs {
  position: relative;
}

.home_tabs .tabs-content .tab-pane.active {
  display: block;
}

.home_tabs .tabs-menu .tab-link {
  all: unset;
  border: none;
  pointer-events: none;
}

.home_tabs .tab-pane {
  opacity: 0;
  transition: all 0.6s ease;
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}

.home_tabs .tab-pane.active {
  opacity: 1;
  position: relative;
}

.home_tabs .tabs-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
}

.home_tabs .tabs-menu .tab-link .box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
  padding: 25px 20px;
  border: 2px solid transparent;
  border-radius: 12px;
  transition: 0.5s all ease;
}

.home_tabs .tabs-menu .tab-link.active .box {
  border-color: #4ba0ff;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.12);
}

.home_tabs .tabs-menu .tab-link .box span {
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  letter-spacing: -0.03em;
  color: #000000;
  font-family: "Anek Bangla" !important;
}

.home_tabs .tabs-content .tab-pane .content_box {
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: right;
  padding-right: 65px;
}

.home_tabs .tabs-content .tab-pane .content_box .inner_box {
  padding: 40px 20px;
  background: #ffffff;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  width: 400px;
}

.home_tabs .tabs-content .tab-pane .content_box .inner_box .icon {
  margin-bottom: 15px;
}

.home_tabs .tabs-content .tab-pane .content_box .inner_box h2 {
  margin: 0;
  font-weight: 700;
  font-size: 28px;
  line-height: 52px;
  letter-spacing: -0.03em;
  color: #000000;
}

.home_tabs .tabs-content .tab-pane .content_box .inner_box ul {
  margin: 0;
  padding-left: 25px;
}

.home_tabs .tabs-content .tab-pane .content_box .inner_box li,
.home_tabs .tabs-content .tab-pane .content_box .inner_box p {
  list-style: unset;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #000000;
}

.home_tabs .tabs-content .tab-pane .content_box .inner_box ul li::marker {
  font-size: 14px;
}

.home_tabs .tabs-content .tab-pane .content_box .inner_box li:not(:last-child) {
  margin-bottom: 10px;
}

section.home_sec4,
section.home_sec5 {
  position: relative;
  margin-bottom: 100px;
}

section.home_sec4:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 52%;
  height: 830px;
  background-image: url(/wp-content/uploads/2026/01/who_we_are_design_img.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom;
}

section.home_sec4 .gradient_heading {
  margin-bottom: -60px;
}

section.home_sec4 .left h3 {
  margin-bottom: 30px;
}

section.home_sec4 .card_box {
  margin-top: 10px;
}

section.home_sec4 .card_box .inner_box {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  height: 448px;
}

section.home_sec4 .card_box .inner_box .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

section.home_sec4 .card_box .inner_box .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* section.home_sec4 .card_box .inner_box .img:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
} */
section.home_sec4 .card_box .inner_box .img:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.88) 100%);
}

section.home_sec4 .card_box .inner_box .content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px;
}

section.home_sec4 .card_box .inner_box .content h3 {
  font-weight: 700;
  font-size: 30px;
  line-height: 56px;
  letter-spacing: -0.03em;
  color: #ffffff;
}

section.home_sec4 .card_box .inner_box .content p {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #ffffff;
}

section.home_sec5 .row {
  width: 1085px;
  margin: auto;
  position: relative;
}

section.home_sec5 .box {
  text-align: center;
  position: relative;
  height: 475px;
  width: 85%;
  margin: auto;
  transition: 0.5s all ease;
}

section.home_sec5 .box h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 37px;
  letter-spacing: -0.03em;
  color: #000000;
  margin: 0;
}

section.home_sec5 .box p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  padding: 0px 10px;
}

section.home_sec5 .col-md-4 .box:before,
section.home_sec5 .col-md-4 .box:after {
  background-size: cover !important;
}

section.home_sec5 .col-md-4:nth-child(odd) {
  margin-top: 80px;
}

section.home_sec5 .col-md-4:nth-child(1) .box {
  margin-left: unset;
}

section.home_sec5 .col-md-4:nth-child(3) .box {
  margin-right: unset;
}

section.home_sec5 .col-md-4:nth-child(1) .box:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0px;
  background: url(/wp-content/uploads/2026/01/Subscribe-Online-Shape.png);
  background-repeat: no-repeat;
  width: 294px;
  height: 370px;
}

section.home_sec5 .col-md-4:nth-child(1) .box:after {
  content: "";
  position: absolute;
  left: 66%;
  bottom: -20px;
  background: url(/wp-content/uploads/2026/01/brown.png);
  background-repeat: no-repeat;
  width: 276px;
  height: 313px;
  opacity: 0;
  transition: 0.5s all ease;
  z-index: -1;
}

section.home_sec5 .col-md-4:nth-child(2) .box:before {
  content: "";
  position: absolute;
  background: url(/wp-content/uploads/2026/01/We-Inspect-shape.png);
  background-repeat: no-repeat;
  width: 298px;
  height: 293px;
  top: 100px;
  left: -6px;
  margin: auto;
}

section.home_sec5 .col-md-4:nth-child(2) .box:after {
  content: "";
  position: absolute;
  left: -28px;
  right: 0;
  margin: auto;
  top: 195px;
  background: url(/wp-content/uploads/2026/01/blue.png);
  background-repeat: no-repeat;
  width: 338px;
  height: 214px;
  opacity: 0;
  transition: 0.5s all ease;
  z-index: -1;
}

section.home_sec5 .col-md-4:nth-child(3) .box:before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 0px;
  background: url(/wp-content/uploads/2026/01/Get-Report-Guidance-Shape.png);
  background-repeat: no-repeat;
  width: 295px;
  height: 370px;
}

section.home_sec5 .col-md-4:nth-child(3) .box:after {
  content: "";
  position: absolute;
  right: 66%;
  bottom: -20px;
  background: url(/wp-content/uploads/2026/01/yellow.png);
  background-repeat: no-repeat;
  width: 276px;
  height: 312px;
  opacity: 0;
  transition: 0.5s all ease;
  z-index: -1;
}

section.home_sec5 .box:hover {
  transform: translateY(-8px);
}

section.home_sec5 .col-md-4 .box:hover:after {
  opacity: 1;
}

section.home_sec5 .col-md-4:nth-child(2) {
  clip-path: polygon(20% 0%,
      80% 0%,
      100% 0,
      100% 40%,
      72% 72%,
      28% 72%,
      0 41%,
      0 0);
  z-index: 1;
}

section.home_sec5 .col-md-4:nth-child(2) .box {
  height: 380px;
}

section.home_sec5 .center_box {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 170px;
}

section.home_sec6 {
  padding-top: 100px;
  position: relative;
  margin-bottom: 100px;
}

section.home_sec6:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(180deg, #f6f6f6 15.72%, #ffffff 94.24%);
  height: 643px;
  z-index: -1;
}

section.home_sec6 .gradient_heading {
  margin-bottom: -60px;
}

section.home_sec6 h3.head_50 {
  margin-bottom: 50px;
}

.testimonial_box {
  width: 90%;
}

.testimonial_box .rate_box {
  margin: 17px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.testimonial_box .rate_box h2 {
  margin: 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 45px;
  color: #4ba0ff;
}

.testimonial_box .rate_box .star {
  color: #ffcc00;
  /* Gold color for stars */
  font-size: 25px;
  margin-right: 4px;
}

.testimonial_box .para p {
  font-style: italic;
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  color: #252525;
}

.testimonial_box .user_box {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 15px;
  width: 60%;
}

.testimonial_box .user_box img {
  min-width: 65px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  object-fit: cover;
}

.testimonial_box .user_box h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  margin-bottom: 7px;
}

.testimonial_box .user_box p {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #4ba0ff;
  display: block;
}

section.home_sec6 .row {
  position: static;
  align-items: center;
}

.col-md-6.right_box {
  position: static;
}

.col-md-6.right_box .img1 {
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 40%;
}

.col-md-6.right_box .img1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section.home_sec6 .row,
.col-md-6.right_box .img1>img {
  height: 565px;
}

.col-md-6.right_box .img2 {
  background: #ffffff;
  box-shadow: 0px 5.83678px 58.3678px rgba(0, 0, 0, 0.1);
  border-radius: 14.5919px;
  padding: 30px;
  position: absolute;
  left: -100px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  width: 210px;
  height: 162px;
}

.col-md-6.right_box .img2 img {
  width: 100%;
  height: 100px;
  object-position: top;
}

.testimonial_slider button.slick-arrow {
  left: unset;
  right: 0px;
  bottom: 10px;
  top: unset;
}

button.slick-arrow {
  width: 46.82px;
  height: 46.82px;
  background: #4ba0ff !important;
  border-radius: 64.5833px;
  transform: matrix(-1, 0, 0, 1, 0, 0);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all ease;
}

button.slick-arrow:before {
  content: "";
  opacity: 1;
  background: url(/wp-content/uploads/2026/01/Arrow-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 0;
  position: relative;
  width: 14px;
  height: 11px;
  display: block;
  transform: rotate(0deg);
  transition: 0.3s all ease;
}

button.slick-next.slick-arrow:before {
  transform: rotate(180deg);
}

button.slick-prev.slick-arrow {
  right: 60px;
}

button.slick-arrow:hover {
  background: #ffffff !important;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}

button.slick-arrow:hover:before {
  filter: brightness(0);
}

section.home_sec7 {
  margin-bottom: 100px;
}

section.home_sec7 .gradient_heading {
  margin-bottom: -50px;
}

section.home_sec7 h3 {
  margin-bottom: 15px;
}

section.home_sec7 .content {
  width: 80%;
  margin: auto;
}

section.home_sec7 p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #000000;
}

section.home_sec7 p:not(:last-child) {
  margin-bottom: 15px !important;
}

section.home_sec8 {
  padding: 100px 0px;
  background: #4ba0ff;
}

section.home_sec8 .left h2,
section.home_sec8 .left p {
  color: #fff;
}

section.home_sec8 .left p {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
}

section.home_sec8 .left h2 {
  margin-bottom: 10px;
}

section.home_sec8 .row {
  align-items: center;
}

section.home_sec8 .left {
  margin-top: 35px;
}

section.home_sec8 .right .box {
  background: #ffffff;
  box-shadow:
    0px 70px 60px rgba(0, 0, 0, 0.07),
    0px 20px 60px rgba(0, 0, 0, 0.06),
    0px 2px 4px rgba(0, 0, 0, 0.02);
  border-radius: 12px;
  padding: 30px 20px;
  transition: 0.5s all ease;
}

section.home_sec8 .right .box .icon {
  width: 66px;
  height: 66px;
  background: #af8c78;
  border-radius: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: 0.5s all ease;
}

section.home_sec8 .right .box span {
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  color: #000000;
}

section.home_sec8 .right .box:not(:last-child) {
  margin-bottom: 25px;
}

section.home_sec8 .right .row>div:last-child {
  position: relative;
  top: 35px;
}

section.home_sec8 .right .box:hover {
  transform: translateY(-10px);
  background: #ffdd28;
}

section.home_sec8 .right .box:hover .icon {
  background: #000000;
}

section.home_sec9 {
  margin: 100px 0px;
  position: relative;
}

section.home_sec9 .gradient_heading {
  position: absolute;
  top: 10px;
  right: -10px;
}

section.home_sec9 .right_col {
  padding-left: 40px;
}

section.home_sec9 .right_col h3 {
  margin-bottom: 20px;
}

section.home_sec9 .right_col p {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #000000;
  margin-bottom: 15px !important;
}

section.home_sec9 .right_col .content_btn {
  margin-top: 30px;
}

section.home_sec9 .left_col {
  position: static;
}

section.home_sec9 .left_col .img {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 50%;
  z-index: -1;
}

section.home_sec9 .row,
section.home_sec9 .left_col .img {
  height: 580px;
}

section.home_sec9 .row {
  align-items: center;
}

section.home_sec9 .left_col .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

section.home_sec9:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 148px;
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0) 0%,
      #ffffff 84.91%);
}

#back-to-top {
  position: fixed;
  bottom: 80px;
  right: 60px;
  background: #4ba0ff;
  border-radius: 50%;
  text-decoration: none;
  z-index: 9;
  cursor: pointer;
  transition: opacity 0.3s ease;
  width: 46.82px;
  height: 46.82px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#back-to-top:hover {
  background: #357acc;
}

/* =========================================== Services page Start =========================================== */

section.banner_sec {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}

section.banner_sec h1.heading {
  font-style: normal;
  font-weight: 800;
  font-size: 65px;
  line-height: 65px;
  text-transform: uppercase;
  color: #ffffff;
}

section.banner_sec {
  position: relative;
}

section.banner_sec::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

section.services_sec_2 {
  padding: 100px 0 0 0;
}

.services_sec_2 .image-wrapper {
  width: 100%;
}

.services_sec_2 .image-wrapper img {
  width: 100%;
}

.services_sec_2 .gradient_heading {
  margin-bottom: -50px;
}

.services_sec_2 p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #000000;
}

.services_sec_2 .key_points h4.title {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: -0.03em;
  color: #000000;
}

.services_sec_2 .key_points ul {
  padding-left: 20px;
}

.services_sec_2 .key_points ul li {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  color: #000000;
  position: relative;
}

.services_sec_2 .key_points ul li::before {
  content: "";
  position: absolute;
  left: -12px;
  top: 8px;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 100%;
}

.services_sec_2 .image_container {
  position: relative !important;
}

a.spot-btn {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #4ba0ff;
  border-radius: 100px;
}

.spot-btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  /* Aapka size */
  height: 40px;
  background: rgba(57, 160, 245, 0.4);
  /* Button ka color with transparency */
  border-radius: 50%;
  transform: translate(-50%, -50%);
  /* Bilkul center mein rakhne ke liye */
  animation: pulse-ring 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  pointer-events: none;
  /* Taake click/hover mein masla na ho */
}

/* Keyframes Logic */
@keyframes pulse-ring {
  0% {
    transform: translate(-50%, -50%) scale(0.3);
    opacity: 0.8;
  }

  80%,
  100% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0;
  }
}

.image-wrapper {
  position: relative;
}

/* .key_points_wrapper {
    position: relative;
} */

.key_points {
  position: absolute;
  opacity: 0;
  transition: 0.4s ease;
  /* pointer-events: none; */
  width: fit-content;
}

.services_sec_2 .spot-btn,
.services_sec_2 .key_points {
  opacity: 0;
  transition: 0.4s ease;
}

.services_sec_2 .spot-btn.active,
.services_sec_2 .key_points.active {
  opacity: 1;
}

a.spot-1 {
  top: 200px;
  right: 404px;
}

.services_sec_2 .key_points:nth-child(1) {
  top: 20px;
  right: 372px;
  left: unset;
}

.services_sec_2 .key_points:nth-child(1)::before {
  content: "";
  position: absolute;
  bottom: -65px;
  right: 53px;
  background-image: url(/wp-content/uploads/2026/02/line1.svg);
  width: 77px;
  height: 65px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

a.spot-2 {
  bottom: 220px;
  right: 196px;
}

.services_sec_2 .key_points:nth-child(2) {
  bottom: 317px;
  right: -10px;
}

.services_sec_2 .key_points:nth-child(2)::before {
  content: "";
  position: absolute;
  bottom: -81px;
  right: 167px;
  background-image: url(/wp-content/uploads/2026/02/line2.svg);
  width: 66px;
  height: 84px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

a.spot-3 {
  bottom: 235px;
  left: 184px;
}

.services_sec_2 .key_points:nth-child(3) {
  bottom: 340px;
  left: 40px;
}

.services_sec_2 .key_points:nth-child(3)::before {
  content: "";
  position: absolute;
  bottom: -95px;
  right: 22px;
  background-image: url(/wp-content/uploads/2026/02/line3.svg);
  width: 77px;
  height: 106px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

a.spot-4 {
  bottom: 180px;
  left: 505px;
}

.services_sec_2 .key_points:nth-child(4) {
  bottom: -20px;
  left: 350px;
}

.services_sec_2 .key_points:nth-child(4)::before {
  content: "";
  position: absolute;
  top: -105px;
  right: -9px;
  background-image: url(/wp-content/uploads/2026/02/line4.svg);
  width: 77px;
  height: 106px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

a.spot-5 {
  bottom: 170px;
  right: 255px;
}

.services_sec_2 .key_points:nth-child(5) {
  bottom: -40px;
  right: 200px;
}

.services_sec_2 .key_points:nth-child(5)::before {
  content: "";
  position: absolute;
  top: -110px;
  right: 75px;
  background-image: url(/wp-content/uploads/2026/02/line4.svg);
  width: 77px;
  height: 106px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

a.spot-6 {
  top: 335px;
  left: 292px;
}

.services_sec_2 .key_points:nth-child(6) {
  top: 120px;
  left: 314px;
}

.services_sec_2 .key_points:nth-child(6)::before {
  content: "";
  position: absolute;
  bottom: -100px;
  left: 0px;
  background-image: url(/wp-content/uploads/2026/02/line6.svg);
  width: 77px;
  height: 106px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

section.services_sec_3 {
  padding: 100px 0px;
}

section.services_sec_3 .heading-content {
  width: 70%;
  margin: auto;
  padding-bottom: 50px;
}

section.services_sec_3 .heading-content p:not(:last-child) {
  margin-bottom: 10px !important;
}

.services_sec_3 p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #000000;
  transition: all ease 0.3s;
}

.services_sec_3 .icon_box {
  background: #ffffff;
  box-shadow:
    0px 120px 100px rgba(0, 0, 0, 0.07),
    0px 80px 60px rgba(0, 0, 0, 0.06),
    0px 2px 4px rgba(0, 0, 0, 0.02);
  border-radius: 12px;
  padding: 30px 20px;
  transition: all ease 0.3s;
}

.services_sec_3 .icon_box .icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 0px;
  gap: 10px;
  width: 66px;
  height: 66px;
  background: #af8c78;
  border-radius: 50%;
  transition: all ease 0.3s;
}

.services_sec_3 .icon_box .content span {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  color: #000000;
  transition: all ease 0.3s;
}

.services_sec_3 .icon_box .icon_wrapper {
  padding-bottom: 20px;
}

.services_sec_3 .icon_box .content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 15px;
}

.services_sec_3 .icon_box {
  height: 470px;
}

.services_sec_3 .box {
  padding: 0 7px;
}

.services_sec_3 .icon_box:hover {
  background: #4ba0ff;
  transform: translateY(-5px);
}

.services_sec_3 .icon_box:hover .icon {
  background: #fff;
}

.services_sec_3 .icon_box:hover .icon img {
  filter: brightness(0);
}

.services_sec_3 .icon_box:hover .content span {
  color: #fff;
}

.services_sec_3 .icon_box:hover .content p {
  color: #fff;
}

section.services_sec_4 {
  position: relative;
  background: #af8c78;
}

.services_sec_4 .content h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  color: #ffffff;
}

.services_sec_4 .content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.services_sec_4 p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  color: #ffffff;
}

.services_sec_4 .right-col {
  position: static;
}

.services_sec_4 .image-wrapper {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
}

.services_sec_4 .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

section.services_sec_4 {
  height: 570px;
  display: flex;
  justify-content: center;
  align-items: center;
}

section.services_sec_5 {
  padding: 100px 0px;
}

section.services_sec_5 .heading-content {
  width: 70%;
  margin: auto;
  padding-bottom: 50px;
}

section.services_sec_5 .heading-content h2.head_50 {
  width: 80%;
  margin: auto;
  margin-bottom: 10px;
}

section.services_sec_5 .heading-content p:not(:last-child) {
  margin-bottom: 10px !important;
}

.services_sec_5 p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #000000;
  transition: all ease 0.3s;
}

.services_sec_5 p.note_text {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
  color: #af8c78;
  padding-top: 10px;
}

.services_sec_5 .icon_box {
  background: #ffffff;
  box-shadow:
    0px 120px 100px rgba(0, 0, 0, 0.07),
    0px 80px 60px rgba(0, 0, 0, 0.06),
    0px 2px 4px rgba(0, 0, 0, 0.02);
  border-radius: 12px;
  padding: 30px 20px;
  transition: all ease 0.3s;
}

.services_sec_5 .icon_box .icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 0px;
  gap: 10px;
  width: 66px;
  height: 66px;
  background: #af8c78;
  border-radius: 50%;
  transition: all ease 0.3s;
}

.services_sec_5 .icon_box .content h4 {
  font-style: normal;
  font-family: "Roboto" !important;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  color: #000000;
  transition: all ease 0.3s;
}

.services_sec_5 .icon_box .icon_wrapper {
  padding-bottom: 20px;
}

.services_sec_3 .icon_box .content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 15px;
}

.services_sec_5 .icon_box {
  height: 390px;
}

.services_sec_5 .icon_box:hover {
  background: #4ba0ff;
  transform: translateY(-5px);
}

.services_sec_5 .icon_box:hover .icon {
  background: #fff;
}

.services_sec_5 .icon_box:hover .icon img {
  filter: brightness(0);
}

.services_sec_5 .icon_box:hover .content h4 {
  color: #fff;
}

.services_sec_5 .icon_box:hover .content p {
  color: #fff;
}

section.services_sec_6 {
  padding: 100px 0px;
  position: relative;
}

section.services_sec_6::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: linear-gradient(180deg, #f6f6f6 15.72%, #ffffff 94.24%);
  z-index: -1;
}

.services_sec_6 .gradient_heading {
  margin-bottom: -50px;
}

.services_sec_6 .head_50 {
  width: 30%;
  margin: auto;
}

.services_sec_6 .icon_box {
  text-align: center;
}

.services_sec_6 .icon_box .icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 14px 0px;
  gap: 10px;
  width: 80px;
  height: 80px;
  background: #4ba0ff;
  border-radius: 50%;
  transition: all ease 0.3s;
  margin: auto;
  position: relative;
  margin-bottom: 20px;
}

.services_sec_6 .icon_boxes_row {
  padding-top: 40px;
}

.services_sec_6 .icon_boxes_row .box:not(:last-child) .icon_box .icon::before {
  position: absolute;
  width: 350px;
  height: 1px;
  content: "";
  top: 50%;
  left: 0;
  background-image: url(/wp-content/uploads/2026/02/Line-14.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
  z-index: -1;
}

.services_sec_6 .icon_box .content p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}

.services_sec_6 .last_text {
  padding-top: 40px;
  width: 70%;
  margin: auto;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}

section.services_sec_7 {
  padding: 0 0 175px 0;
}

.services_sec_7 .heading-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: flex-start;
}

.services_sec_7 .heading-content p {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 40px;
  color: #000000;
}

.services_sec_7 .image-wrapper {
  position: relative;
  text-align: end;
}

.services_sec_7 .image2 {
  position: absolute;
  bottom: -75px;
  left: 0;
  z-index: 1;
}

section.services_sec_8 {
  padding: 0 0 60px 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 550px;
  display: flex;
  justify-content: center;
  align-items: end;
}

section.services_sec_8::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #4ba0ff 100%);
  top: 0;
}

.services_sec_8 .heading-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 60%;
  margin: auto;
}

.services_sec_8 h2.head_50 {
  color: #fff;
}

.services_sec_8 .heading-content p {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
}

@media (min-width: 1920px) {
  section.hero_banner:after {
    background-position: top;
  }
}

@media (max-width: 1700px) {
  section.hero_banner:after {
    height: 230px;
  }

  section.home_sec9 .gradient_heading {
    font-size: 150px;
    top: -10px;
  }
}

@media (max-width: 1440px) {
  section.hero_banner:after {
    height: 200px;
  }

  section.hero_banner {
    padding-bottom: 255px;
  }

  section.home_sec2:before {
    width: 60%;
    bottom: 20px;
  }

  section.home_sec9 .row,
  section.home_sec9 .left_col .img {
    height: 530px;
  }

  section.home_sec9 .gradient_heading {
    top: -25px;
    font-size: 135px;
  }
}

/*1365 check 1280*/
@media (max-width: 1365px) {
  .gradient_heading {
    font-size: 135px;
    line-height: 170px;
  }

  #back-to-top {
    right: 30px;
  }

  section.home_sec9 .gradient_heading {
    font-size: 125px;
  }
}

/*1250 check 1024*/
@media (max-width: 1250px) {
  #primary-menu li {
    padding: 0 12px;
  }

  #primary-menu li:last-child a {
    padding: 15px 20px;
    padding-right: 45px;
  }

  #primary-menu li:last-child a:before {
    right: 20px;
  }

  section.hero_banner .banner_content h1 {
    width: 100%;
  }

  .banner_content h1 {
    font-size: 55px;
    line-height: 55px;
  }

  section.hero_banner {
    padding: 100px 0;
    padding-bottom: 225px;
  }

  .banner_content p {
    font-size: 18px;
    line-height: 30px;
  }

  .content_btn a {
    padding: 15px 15px;
  }

  section.hero_banner:after {
    height: 150px;
  }

  section.hero_banner {
    padding: 100px 0;
    padding-bottom: 190px;
  }

  section.home_sec2 .head_45 {
    width: 85%;
  }

  .head_45 {
    font-size: 40px;
    line-height: 45px;
  }

  section.home_sec2 .head_45 {
    width: 85%;
    margin-bottom: 50px;
  }

  .gradient_heading {
    font-size: 105px;
    line-height: 140px;
  }

  .head_50 {
    font-size: 45px;
    line-height: 50px;
  }

  section.home_sec2 .row .right .img2 img {
    width: 100%;
    height: 530px;
    object-fit: cover;
    object-position: top;
  }

  section.home_sec2 .head_50 {
    font-size: 40px;
    line-height: 50px;
  }

  .home_sec3 {
    margin: 70px 0px;
  }

  .home_tabs .tabs-menu .tab-link .box span {
    font-size: 18px;
    line-height: 24px;
  }

  .home_tabs .tabs-menu .tab-link {
    min-width: 140px;
    width: 140px;
  }

  .home_tabs .tabs-menu .tab-link .box {
    padding: 15px 10px;
  }

  .home_tabs .tabs-content .tab-pane .content_box {
    height: 400px;
    padding-right: 35px;
  }

  section.home_sec4 .card_box .inner_box {
    height: 400px;
  }

  section.home_sec4 .gradient_heading {
    margin-bottom: -50px;
  }

  section.home_sec4 .col-md-5 {
    padding-right: 0;
  }

  section.home_sec4:before {
    height: 500px;
  }

  section.home_sec4,
  section.home_sec5 {
    margin-bottom: 70px;
  }

  section.home_sec4 .card_box .inner_box .content p {
    font-size: 18px;
    line-height: 30px;
  }

  section.home_sec5 .row {
    width: 100%;
  }

  section.home_sec5 .col-md-4:nth-child(1) .box:before {
    width: 254px;
    height: 320px;
    left: 47%;
  }

  section.home_sec5 .col-md-4:nth-child(2) .box:before {
    width: 258px;
    height: 253px;
  }

  section.home_sec5 .col-md-4:nth-child(3) .box:before {
    width: 254px;
    height: 320px;
    right: 47%;
  }

  section.home_sec5 .box {
    height: 425px;
  }

  section.home_sec5 .col-md-4:nth-child(1) .box:after {
    width: 226px;
    height: 263px;
  }

  section.home_sec5 .col-md-4:nth-child(2) .box:after {
    width: 260px;
    height: 164px;
    top: 205px;
    left: -5px;
  }

  section.home_sec5 .col-md-4:nth-child(3) .box:after {
    width: 226px;
    height: 263px;
  }

  section.home_sec5 .col-md-4:nth-child(2) {
    clip-path: polygon(20% 0%,
        80% 0%,
        100% 0,
        100% 44%,
        75% 72%,
        28% 72%,
        0 41%,
        0 0);
  }

  section.home_sec5 .col-md-4:nth-child(2) .box {
    height: 350px;
  }

  section.home_sec5 .center_box {
    width: 150px;
  }

  section.home_sec5 .center_box img {
    width: 100%;
  }

  section.home_sec6 {
    padding-top: 70px;
    margin-bottom: 70px;
  }

  section.home_sec6 .row,
  .col-md-6.right_box .img1>img {
    height: 450px;
  }

  .col-md-6.right_box .img2 {
    width: 190px;
    height: 142px;
    left: -90px;
    padding: 20px;
  }

  .quote svg {
    width: 60px;
    height: 40px;
  }

  .testimonial_box .para p {
    font-size: 20px;
    line-height: 30px;
  }

  section.home_sec7 {
    margin-bottom: 70px;
  }

  section.home_sec8 {
    padding: 70px 0px;
    padding-bottom: 100px;
  }

  section.home_sec8 .right .box span {
    font-size: 18px;
    line-height: 110%;
  }

  section.home_sec8 .left h2 {
    font-size: 40px;
    line-height: 45px;
  }

  section.home_sec9 .right_col h3 {
    font-size: 32px;
    line-height: 35px;
  }

  section.home_sec9 .right_col p {
    font-size: 18px;
    line-height: 30px;
  }

  section.home_sec9 .row,
  section.home_sec9 .left_col .img {
    height: 400px;
  }

  section.home_sec9 .gradient_heading {
    font-size: 100px;
    top: -45px;
  }

  section.home_sec9 {
    margin: 70px 0px;
    margin-top: 100px;
  }

  .testimonial_box .user_box {
    margin-top: 30px;
  }

  .footer4 a {
    overflow-wrap: break-word;
  }

  .footer .middle_box {
    padding-left: 20px;
  }

  .services_sec_3 .box {
    flex: 0 0 48%;
    max-width: 48%;
  }

  .services_sec_3 .row:nth-child(2) {
    row-gap: 24px;
    column-gap: 10px;
    justify-content: center;
  }

  .services_sec_3 .icon_box {
    height: 365px;
  }

  .services_sec_3 .icon_box .content span {
    height: 50px;
  }

  .services_sec_5 .icon_box {
    height: 490px;
  }

  .services_sec_5 .icon_box .content h4 {
    font-size: 18px;
    height: 50px;
  }

  section.services_sec_5 .heading-content {
    width: 80%;
  }

  section.services_sec_3 .heading-content {
    width: 80%;
  }

  .services_sec_6 .head_50 {
    width: 50%;
  }

  .services_sec_7 .heading-content p {
    font-size: 18px;
    line-height: 32px;
  }

  .services_sec_7 .image-wrapper img.image1 {
    width: 90%;
  }

  .services_sec_7 .image2 {
    width: 69%;
    bottom: -80px;
  }

  section.services_sec_2 {
    padding: 70px 0 0 0;
  }

  section.services_sec_3 {
    padding: 70px 0px;
  }

  section.services_sec_5 {
    padding: 70px 0px;
  }

  section.services_sec_6 {
    padding: 70px 0px;
  }

  section.services_sec_7 {
    padding: 0 0 150px 0;
  }

  section.services_sec_8 {
    height: 400px;
  }

  section.services_sec_4 {
    height: 500px;
  }

  .services_sec_4 .content h2 {
    font-size: 45px;
    line-height: 50px;
  }

  .services_sec_4 p {
    font-size: 18px;
    line-height: 30px;
  }

  .services_sec_8 .heading-content p {
    font-size: 18px;
    line-height: 30px;
  }

  .services_sec_8 .heading-content {
    width: 70%;
  }

  .services_sec_6 .icon_boxes_row .box:not(:last-child) .icon_box .icon::before {
    width: 300px;
  }

  section.banner_sec h1.heading {
    font-size: 50px;
    line-height: 50px;
  }

  a.spot-1 {
    top: 160px;
    right: 300px;
  }

  .services_sec_2 .key_points:nth-child(1) {
    top: 20px;
    right: 268px;
    left: unset;
  }

  .services_sec_2 .key_points:nth-child(1)::before {
    bottom: -35px;
    right: 53px;
    width: 59px;
    height: 59px;
  }

  a.spot-2 {
    bottom: 175px;
    right: 145px;
  }

  .services_sec_2 .key_points:nth-child(2) {
    bottom: 246px;
    right: -20px;
  }

  .services_sec_2 .key_points:nth-child(2)::before {
    bottom: -60px;
    right: 134px;
    width: 55px;
    height: 75px;
  }

  a.spot-3 {
    bottom: 175px;
    left: 140px;
  }

  .services_sec_2 .key_points:nth-child(3) {
    bottom: 280px;
    left: -3px;
  }

  a.spot-4 {
    bottom: 136px;
    left: 382px;
  }

  .services_sec_2 .key_points:nth-child(4) {
    bottom: -20px;
    left: 228px;
  }

  .services_sec_2 .key_points:nth-child(4)::before {
    top: -70px;
    right: -9px;
    width: 67px;
    height: 80px;
  }

  a.spot-5 {
    bottom: 130px;
    right: 200px;
  }

  .services_sec_2 .key_points:nth-child(5) {
    bottom: -40px;
    right: 146px;
  }

  .services_sec_2 .key_points:nth-child(5)::before {
    width: 65px;
    height: 80px;
    top: -83px;
    right: 72px;
  }

  a.spot-6 {
    top: 245px;
    left: 222px;
  }

  .services_sec_2 .key_points:nth-child(6) {
    top: 65px;
    left: 210px;
  }

  .services_sec_2 .key_points:nth-child(6)::before {
    bottom: -62px;
    left: 28px;
    width: 70px;
    height: 80px;
  }
}

@media (max-width: 991px) {
  #mm #primary-menu li:last-child a:hover {
    color: #fff !important;
  }

  .mm.open .En_btn {
    display: none;
  }

  .menu-item-has-children::after {
    display: none !important;
  }

  body {
    overflow-x: hidden;
  }

  li.about_arrow.active i:before {
    transform: rotate(0deg);
    transition: 0.5s ease;
  }

  .home div#mm ul#primary-menu li.about_arrow.current-menu-item>a {
    text-decoration: none !important;
  }

  div#mm ul#primary-menu li a:hover,
  div#mm ul#primary-menu li.current-menu-item>a,
  div#mm ul#primary-menu li.current-menu-ancestor>a {
    color: #4ba0ff !important;
  }

  .En_btn .toggle .slider::before {
    width: 24px;
    height: 24px;
  }

  .En_btn .toggle input:checked+.slider::before {
    left: 0;
  }

  .mm.open .menu-menu-container {
    position: relative;
    z-index: 1;
    /* background: #d4d4d3; */
    overflow: auto;
    overflow-x: hidden;
  }

  .mm,
  #mm {
    display: block;
  }

  #primary-menu {
    display: none;
  }

  header#masthead {
    display: none;
  }

  .mm.open div#mm {
    height: 100vh;
    padding-top: 120px;
    overflow-y: auto;
    padding-bottom: 20px;
  }

  .mm.open {
    background: #fff;
    padding: 0px;
    min-height: auto;
    height: 100vh;
    overflow-y: auto;
  }

  .mm.open div#mml {
    left: 0px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    top: 0px;
    background: #fff;
    padding: 0px 15px;
    right: 0px;
    margin: auto;
    padding-top: 0px;
  }

  .mm .site-branding img {
    width: 60%;
    object-fit: contain;
    object-position: left;
    margin: 10px 0px;
    height: 80px;
  }

  .En_btn {
    position: absolute;
    right: 60px;
    top: 33px;
  }

  li.about_arrow i {
    position: absolute;
    right: 0;
    font-size: 20px;
    transition: 0.5s ease !important;
    color: #1e1e1e;
    width: 30px;
    height: 45px;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
  }

  li.about_arrow i:before {
    transform: rotate(-90deg);
    transition: 0.5s ease;
  }

  #primary-menu li:not(:last-child) a:hover::before,
  #primary-menu li:not(:last-child).current-menu-item a::before {
    display: none;
  }

  #mm #primary-menu li:last-child a {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    padding-right: 45px;
  }

  #mm #primary-menu li:last-child {
    text-align: left;
    margin: 20px 0px;
  }

  #mm #primary-menu li:nth-last-child(2) {
    border-bottom-color: transparent;
  }

  .top_head {
    display: none;
  }

  .mm.open .top_head {
    display: block;
    padding: 5px 15px;
  }

  .mm.open .top_head .box {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 0;
    padding: 0;
  }

  .mm.open .top_head {
    display: block;
  }

  .mm.open .top_head .box {
    justify-content: start;
    align-items: start;
    padding: 0;
  }

  .top_head:before {
    height: 100%;
    background: transparent;
  }

  .top_head .box a {
    font-size: 16px;
    color: #000;
  }

  .top_head .box a:hover {
    color: #4ba0ff;
  }

  .top_head .box svg path {
    fill: #000;
  }

  html.overflow {
    overflow: hidden;
  }

  section.hero_banner .row>div {
    max-width: 100%;
    flex: 0 0 100%;
    text-align: center;
  }

  section.hero_banner:before {
    background: #000;
    opacity: 0.7;
  }

  .button_flex {
    justify-content: center;
  }

  section.hero_banner:after {
    height: 110px;
  }

  section.hero_banner {
    padding-top: 150px;
    padding-bottom: 180px;
  }

  .banner_content h1 {
    font-size: 45px;
    line-height: 50px;
  }

  .content_btn a {
    padding: 12px 15px;
  }

  section.home_sec2 .head_45 {
    width: 80%;
    margin-bottom: 30px;
  }

  .head_45 {
    font-size: 30px;
    line-height: 35px;
  }

  main#primary {
    margin-top: 90px;
  }

  .gradient_heading {
    font-size: 85px;
    line-height: 140px;
  }

  section.home_sec2 .head_50 {
    font-size: 30px;
    line-height: 40px;
  }

  section.home_sec2 .row .right .img2 img {
    height: 350px;
  }

  section.home_sec2 .row .right .img2 {
    margin-top: 0px;
  }

  section.home_sec2 .row .right {
    display: flex;
    align-items: end;
    justify-content: center;
  }

  section.home_sec2 .row .right .img1 img {
    height: 100%;
    object-position: bottom;
  }

  section.home_sec2 .head_50 {
    width: 100%;
  }

  section.home_sec2 .left ul li .content p {
    font-size: 16px;
    line-height: 24px;
  }

  section.home_sec2:before {
    width: 60%;
    height: 500px;
  }

  section.home_sec2::after {
    height: 110px;
  }

  .head_50 {
    font-size: 35px;
    line-height: 40px;
  }

  .home_tabs .tabs-menu {
    flex-wrap: wrap;
  }

  .home_tabs .tabs-menu .tab-link {
    min-width: 210px;
    width: 210px;
  }

  .home_tabs .tabs-content .tab-pane .content_box .inner_box {
    padding: 20px;
    width: 350px;
  }

  .home_tabs .tabs-content .tab-pane .content_box .inner_box h2 {
    font-size: 22px;
    line-height: 40px;
  }

  .home_tabs .tabs-content .tab-pane .content_box {
    height: 350px;
    padding-right: 25px;
  }

  .home_tabs .tabs-content .tab-pane .content_box .inner_box .icon img {
    width: 20%;
  }

  .home_tabs .tabs-menu .tab-link .box span {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
  }

  .home_tabs .tabs-content .tab-pane .content_box .inner_box li:not(:last-child) {
    margin-bottom: 5px;
  }

  section.home_sec4 .card_box .inner_box {
    height: 300px;
  }

  section.home_sec4 .card_box .inner_box .content h3 {
    font-size: 22px;
    line-height: 40px;
  }

  section.home_sec4 .card_box .inner_box .content p {
    font-size: 16px;
    line-height: 28px;
  }

  section.home_sec5 .col-md-4:nth-child(1) .box:before {
    width: 164px;
    height: 210px;
    left: 46%;
  }

  section.home_sec5 .box {
    width: 100%;
    height: 305px;
  }

  section.home_sec5 .col-md-4:nth-child(1) .box:after {
    width: 120px;
    height: 143px;
    bottom: -10px;
  }

  section.home_sec5 .col-md-4:nth-child(3) .box:before {
    width: 167px;
    height: 210px;
    right: 46%;
  }

  section.home_sec5 .col-md-4:nth-child(3) .box:after {
    width: 110px;
    height: 133px;
    bottom: -10px;
  }

  section.home_sec5 .col-md-4:nth-child(2) .box:before {
    width: 195px;
    height: 183px;
    left: 4px;
  }

  section.home_sec5 .col-md-4:nth-child(2) .box {
    height: 290px;
  }

  section.home_sec5 .col-md-4:nth-child(2) .box:after {
    width: 180px;
    height: 114px;
    top: 178px;
    left: 0;
  }

  section.home_sec5 .center_box {
    width: 90px;
    bottom: 10px;
  }

  section.home_sec5 .col-md-4:nth-child(2) {
    clip-path: polygon(20% 0%,
        80% 0%,
        100% 0%,
        100% 49%,
        77% 77%,
        24% 77%,
        0% 50%,
        0% 0%);
  }

  section.home_sec5 .col-md-4:nth-child(odd) {
    margin-top: 70px;
  }

  section.home_sec5 .box p {
    font-size: 14px;
    line-height: 22px;
  }

  section.home_sec6 .gradient_heading {
    line-height: 60px;
    margin-bottom: -20px;
  }

  .home_sec3 .text-center,
  .home_sec5 .text-center {
    margin-bottom: 30px;
  }

  button.slick-arrow {
    width: 35px;
    height: 35px;
  }

  button.slick-prev.slick-arrow {
    right: 50px;
  }

  .testimonial_box .user_box {
    width: 70%;
    margin-top: 20px;
  }

  .testimonial_box .para p {
    font-size: 18px;
    line-height: 28px;
  }

  .col-md-6.right_box .img2 {
    width: 160px;
    height: 112px;
    left: -75px;
    padding: 15px;
  }

  .col-md-6.right_box .img2 img {
    height: 88px;
  }

  .testimonial_box .rate_box {
    margin: 10px 0;
  }

  section.home_sec6 .row,
  .col-md-6.right_box .img1>img {
    height: 400px;
  }

  section.home_sec7 .gradient_heading {
    margin-bottom: -30px;
    line-height: 80px;
  }

  section.home_sec7 .content {
    width: 100%;
  }

  section.home_sec8 .left h2 {
    font-size: 30px;
    line-height: 35px;
  }

  section.home_sec8 .left p {
    font-size: 18px;
    line-height: 28px;
  }

  section.home_sec8 .right .box {
    padding: 20px 15px;
  }

  section.home_sec8 .right .box span {
    font-size: 14px;
    line-height: 20px;
  }

  section.home_sec9 .right_col h3 {
    font-size: 26px;
    line-height: 32px;
  }

  section.home_sec9 .right_col p {
    font-size: 16px;
    line-height: 28px;
  }

  section.home_sec9 .gradient_heading {
    font-size: 80px;
    top: -75px;
  }

  section.home_sec9 .row,
  section.home_sec9 .left_col .img {
    height: 100%;
  }

  section.home_sec9 .left_col .img img {
    object-position: 80%;
  }

  section.home_sec9 .right_col {
    padding-left: 15px;
  }

  .footer1 {
    text-align: center;
    margin-bottom: 30px;
  }

  .social_icon ul {
    justify-content: center;
  }

  .footer .middle_box {
    padding: 0;
    justify-content: space-around;
  }

  .footer h2 {
    text-align: center;
  }

  .footer ul {
    text-align: center;
  }

  .footer .row .col-lg-2 {
    width: 40%;
  }

  .footer .row .col-lg-5:nth-child(2) {
    width: 60%;
  }

  .footer4 .cont_info,
  p.copyright {
    text-align: center;
  }

  .copyrights .row {
    flex-direction: column-reverse;
  }

  .copyrights ul#menu-copyright-menu {
    justify-content: center;
    gap: 20px;
  }

  #back-to-top {
    bottom: 100px;
  }

  section.banner_sec {
    height: 380px;
    margin-top: 100px;
  }

  section.services_sec_3 .heading-content {
    width: 100%;
  }

  .services_sec_4 .content h2 {
    font-size: 35px;
    line-height: 40px;
  }

  .services_sec_4 p {
    font-size: 16px;
    line-height: 26px;
  }

  section.services_sec_4 {
    height: 400px;
  }

  section.services_sec_5 .heading-content {
    width: 100%;
  }

  .services_sec_5 .row:nth-child(2) {
    justify-content: center;
    row-gap: 30px;
  }

  .services_sec_6 .head_50 {
    width: 70%;
  }

  .services_sec_6 .icon_boxes_row .box:not(:last-child) .icon_box .icon::before {
    width: 230px;
  }

  .services_sec_3 .icon_box {
    height: 425px;
  }

  .services_sec_5 .icon_box {
    height: 460px;
  }

  .services_sec_7 .row {
    align-items: flex-start !important;
  }

  .services_sec_7 .heading-content p {
    font-size: 16px;
    line-height: 26px;
  }

  .services_sec_6 .last_text {
    width: 100%;
  }

  .services_sec_8 .heading-content {
    width: 90%;
  }

  .services_sec_8 .heading-content p {
    font-size: 16px;
    line-height: 26px;
  }

  section.banner_sec h1.heading {
    font-size: 42px;
  }

  section.services_sec_2 {
    padding: 20px 0 0 0;
  }

  section.services_sec_3 {
    padding: 50px 0px;
  }

  section.services_sec_5 {
    padding: 50px 0px;
  }

  section.services_sec_6 {
    padding: 50px 0px;
  }

  section.services_sec_7 {
    padding: 0 0 100px 0;
  }

  .services_sec_6 .icon_box .icon {
    width: 70px;
    height: 70px;
  }

  section.services_sec_8 {
    height: 350px;
  }

  .services_sec_2 .image-wrapper {
    padding-top: 100px;
  }

  .services_sec_2 .key_points:nth-child(1),
  .services_sec_2 .key_points:nth-child(2),
  .services_sec_2 .key_points:nth-child(3),
  .services_sec_2 .key_points:nth-child(4),
  .services_sec_2 .key_points:nth-child(5),
  .services_sec_2 .key_points:nth-child(6) {
    bottom: unset;
    top: 30px;
    right: 0;
    left: 0;
    margin: auto;
    background-color: #fff;
    height: 135px;
    width: 280px;
    box-shadow:
      0px 120px 100px rgba(0, 0, 0, 0.07),
      0px 80px 60px rgba(0, 0, 0, 0.06),
      0px 2px 4px rgba(0, 0, 0, 0.02);
    border-radius: 12px;
    padding: 12px 12px;
  }

  .services_sec_2 .key_points:nth-child(1)::before,
  .services_sec_2 .key_points:nth-child(2)::before,
  .services_sec_2 .key_points:nth-child(3)::before,
  .services_sec_2 .key_points:nth-child(4)::before,
  .services_sec_2 .key_points:nth-child(5)::before,
  .services_sec_2 .key_points:nth-child(6)::before {
    display: none !important;
  }

  a.spot-1 {
    top: 200px;
    right: 220px;
  }

  a.spot-2 {
    bottom: 135px;
    right: 110px;
  }

  a.spot-3 {
    bottom: 132px;
    left: 105px;
  }

  a.spot-4 {
    bottom: 96px;
    left: 282px;
  }

  a.spot-5 {
    bottom: 95px;
    right: 145px;
  }

  a.spot-6 {
    top: 280px;
    left: 165px;
  }

  .services_sec_6 .icon_box .content p {
    font-size: 14px;
  }

  .services_sec_2 p {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  section.hero_banner {
    padding-bottom: 160px;
  }

  section.hero_banner:after {
    height: 100px;
  }

  .banner_content h1 {
    font-size: 35px;
    line-height: 40px;
  }

  .banner_content p {
    font-size: 16px;
    line-height: 26px;
    margin: 15px 0 !important;
  }

  section.home_sec2 .head_45 {
    width: 100%;
    margin: 50px 0px;
  }

  .gradient_heading {
    font-size: 55px;
    line-height: 60px;
  }

  section.home_sec2 .gradient_heading {
    margin-bottom: -20px;
    margin-left: 0;
    text-align: center;
  }

  section.home_sec2 .head_50 {
    text-align: center;
  }

  section.home_sec2 .left ul li {
    flex-direction: column;
  }

  section.home_sec2 .left ul li .content {
    text-align: center;
  }

  section.home_sec2 .row .right {
    margin-top: 70px;
  }

  section.home_sec2 .row .right .img2 img {
    height: 450px;
  }

  section.home_sec2 .row .right .img1 {
    width: 600px;
  }

  .home_sec3 .gradient_heading,
  .home_sec5 .gradient_heading {
    margin-bottom: -30px;
  }

  .home_tabs .tabs-menu .tab-link {
    min-width: 155px;
    width: 155px;
  }

  .home_tabs .tabs-content .tab-pane .content_box {
    height: 300px;
    padding: 20px;
  }

  .home_tabs .tabs-content .tab-pane .content_box .inner_box {
    padding: 20px;
    width: 100%;
    background: #ffffffe0;
  }

  .home_tabs .tabs-content .tab-pane .content_box .inner_box .icon {
    margin-bottom: 10px;
  }

  .home_tabs .tabs-content .tab-pane .content_box .inner_box .icon img {
    width: 15%;
    height: 40px;
  }

  section.home_sec4 .left {
    text-align: center;
  }

  section.home_sec4 .card_box {
    margin-top: 0;
  }

  section.home_sec4 .gradient_heading {
    margin-bottom: -20px;
    text-align: center;
  }

  section.home_sec4 .col-md-5 {
    padding-right: 15px;
  }

  section.home_sec4 .row,
  section.home_sec6 .row {
    flex-direction: column-reverse;
    gap: 30px;
  }

  section.home_sec4 .card_box .inner_box .content {
    padding: 20px;
    text-align: center;
  }

  section.home_sec4:before {
    height: 300px;
    width: 107%;
  }

  section.home_sec5 .col-md-4:nth-child(odd) {
    margin-top: 0px;
  }

  section.home_sec5 .box {
    height: 315px !important;
  }

  section.home_sec5 .col-md-4 .box:before {
    width: 260px !important;
    height: 245px !important;
    left: 0 !important;
    right: 0 !important;
    top: unset !important;
    bottom: 0 !important;
    margin: auto !important;
  }

  section.home_sec5 .col-md-4:nth-child(1) .box:before {
    background: url(/wp-content/uploads/2026/01/Mobile-Subscribe-Online-Shape.svg);
  }

  section.home_sec5 .col-md-4:nth-child(3) .box:before {
    background: url(/wp-content/uploads/2026/01/Mobile-Get-Report-Guidance-Shape.svg);
  }

  section.home_sec5 .col-md-4:nth-child(2) .box:after {
    bottom: -70px;
    width: 210px;
    background-position: bottom;
  }

  section.home_sec5 .col-md-4:nth-child(1) .box:after {
    transform: rotate(60deg);
    left: 15px;
    right: 0;
    margin: auto;
    bottom: -40px;
    width: 160px;
    height: 183px;
  }

  section.home_sec5 .col-md-4:nth-child(3) .box:after {
    transform: rotate(-60deg);
    left: -5px;
    right: 0;
    margin: auto;
    bottom: -35px;
    width: 150px;
    height: 163px;
    background-position: right;
  }

  section.home_sec5 .col-md-4:nth-child(2) {
    clip-path: none;
    margin: 30px 0;
  }

  section.home_sec5 .center_box {
    position: relative;
    margin-top: 30px;
    width: 140px;
    bottom: 0px;
  }

  section.home_sec6 .row,
  .col-md-6.right_box .img1>img {
    height: auto;
  }

  .col-md-6.right_box .img1 {
    position: relative;
    width: 100%;
  }

  .col-md-6.right_box .img1>img {
    height: 350px;
  }

  section.home_sec6 .row {
    gap: 100px;
  }

  .col-md-6.right_box .img2 {
    right: 0;
    left: 0;
    bottom: -60px;
    top: unset;
  }

  section.home_sec6 h3.head_50 {
    margin-bottom: 30px;
  }

  section.home_sec7 .gradient_heading {
    margin-bottom: -20px;
    line-height: 50px;
  }

  section.home_sec8 .left {
    margin-top: 0;
    margin-bottom: 30px;
    text-align: center;
  }

  section.home_sec8 .row .col-md-6 {
    width: 50%;
  }

  section.home_sec9 .right_col {
    text-align: center;
    padding-left: 0;
  }

  section.home_sec9 .gradient_heading {
    text-align: center;
    position: relative;
    top: 20px;
    left: 0;
  }

  section.home_sec9 .left_col .img {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
  }

  section.home_sec9:before {
    display: none;
  }

  section.home_sec9 .left_col .img:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 70px;
    background: linear-gradient(180deg,
        rgba(255, 255, 255, 0) 0%,
        #ffffff 84.91%);
  }

  section.home_sec9 {
    margin-top: 60px;
  }

  .footer .middle_box {
    padding: 0;
    justify-content: space-around;
    gap: 50px;
  }

  .footer .row .col-lg-5:nth-child(2) {
    width: 65%;
  }

  .footer .row .col-lg-2 {
    width: 35%;
  }

  section.home_sec2 .left ul li {
    width: 100%;
  }

  .services_sec_2 .gradient_heading {
    margin-bottom: -20px;
  }

  .services_sec_3 .box {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .services_sec_3 .icon_box {
    height: auto;
    text-align: center;
  }

  .services_sec_3 .icon_box .icon {
    margin: auto;
  }

  .services_sec_4 .right-col {
    position: relative;
  }

  .services_sec_4 .image-wrapper {
    position: relative;
    width: 100%;
  }

  section.services_sec_4 {
    height: auto;
    padding: 40px 0;
  }

  .services_sec_4 .row {
    flex-direction: column-reverse;
    row-gap: 25px;
  }

  .services_sec_4 .content {
    text-align: center;
    gap: 12px;
  }

  .services_sec_5 .icon_box {
    height: auto;
    text-align: center;
  }

  .services_sec_5 .icon_box .icon {
    margin: auto;
  }

  .services_sec_5 .icon_box .content h4 {
    height: auto;
  }

  .services_sec_6 .gradient_heading {
    margin-bottom: -20px;
  }

  .services_sec_6 .icon_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
  }

  .services_sec_6 .icon_boxes_row {
    row-gap: 40px;
  }

  .services_sec_6 .icon_box .icon {
    margin: 0;
  }

  .services_sec_6 .icon_box .content p {
    text-align: left;
  }

  .services_sec_6 .icon_boxes_row .box:not(:last-child) .icon_box .icon::before {
    left: -80px;
    background-image: url(/wp-content/uploads/2026/03/Line-14.png);
    width: 1px;
    height: 132px;
    left: 35px;
    top: 0px;
  }

  .services_sec_7 .heading-content {
    text-align: center;
    gap: 12px;
  }

  .services_sec_7 .row {
    flex-direction: column-reverse;
    row-gap: 100px;
  }

  section.services_sec_7 {
    padding: 0 0 40px 0;
  }

  section.banner_sec {
    height: 260px;
  }

  section.banner_sec h1.heading {
    font-size: 34px;
  }

  section.services_sec_2 {
    padding: 30px 0 0 0;
  }

  .services_sec_2 .key_points:nth-child(1),
  .services_sec_2 .key_points:nth-child(2),
  .services_sec_2 .key_points:nth-child(3),
  .services_sec_2 .key_points:nth-child(4),
  .services_sec_2 .key_points:nth-child(5),
  .services_sec_2 .key_points:nth-child(6) {
    top: 15px;
  }

  section.services_sec_3 {
    padding: 30px 0px 50px 0px;
  }

  section.services_sec_5 {
    padding: 40px 0px;
  }

  section.services_sec_6 {
    padding: 40px 0px;
  }

  section.services_sec_8 {
    height: auto;
    padding: 50px 0;
  }

  .services_sec_2 .image-wrapper {
    padding-top: 130px;
  }

  .services_sec_6 .icon_box .content {
    width: 75%;
  }

  a.spot-1 {
    top: 200px;
    right: 150px;
  }

  a.spot-2 {
    bottom: 95px;
    right: 80px;
  }

  a.spot-3 {
    bottom: 92px;
    left: 75px;
  }

  a.spot-4 {
    bottom: 66px;
    left: 208px;
  }

  a.spot-5 {
    bottom: 65px;
    right: 105px;
  }

  a.spot-6 {
    top: 260px;
    left: 120px;
  }

  .services_sec_3 .icon_box .content span {
    height: auto;
  }
}

@media (max-width: 575px) {
  section.hero_banner {
    padding-bottom: 110px;
    background-size: cover;
    background-position: 30% 100%;
  }

  section.hero_banner:after {
    height: 61px;
  }

  .button_flex {
    flex-direction: column;
    gap: 15px;
  }

  .gradient_heading {
    font-size: 40px;
    line-height: 50px;
  }

  section.home_sec2 .head_45 {
    margin: 30px 0px;
  }

  section.home_sec2 .row .right .img1 {
    width: 350px;
  }

  section.home_sec2 .row .right .img2 img {
    height: 260px;
  }

  .home_sec3 {
    margin: 50px 0px;
  }

  .home_sec3 .gradient_heading,
  .home_sec5 .gradient_heading {
    margin-bottom: -20px;
  }

  .home_tabs .tabs-content .tab-pane .content_box {
    height: 400px;
    padding: 15px;
    background-position: center;
  }

  section.home_sec4 .gradient_heading {
    margin-bottom: -15px;
  }

  .home_tabs .tabs-content .tab-pane .content_box .inner_box ul {
    padding-left: 20px;
  }

  .home_tabs .tabs-content .tab-pane .content_box .inner_box li,
  .home_tabs .tabs-content .tab-pane .content_box .inner_box p {
    font-size: 14px;
    line-height: 22px;
  }

  .col-md-6.right_box .img2 img {
    height: 82px;
  }

  section.home_sec4,
  section.home_sec5 {
    margin-bottom: 50px;
  }

  section.home_sec6 {
    padding-top: 50px;
    margin-bottom: 50px;
  }

  .col-md-6.right_box .img2 {
    width: 30%;
  }

  section.home_sec7 {
    margin-bottom: 50px;
  }

  section.home_sec8 {
    padding: 50px 0px;
    padding-bottom: 50px;
  }

  section.home_sec8 .row .col-md-6 {
    width: 100%;
    text-align: center;
  }

  section.home_sec8 .right .box .icon {
    margin: auto;
    margin-bottom: 15px;
  }

  section.home_sec8 .right .row>div:last-child {
    top: 0;
    margin-top: 30px;
  }

  section.home_sec9 .gradient_heading {
    font-size: 45px;
    top: 0px;
    margin-bottom: -20px;
  }

  section.home_sec9 {
    margin: 50px 0px;
    margin-top: 50px;
  }

  .footer .row .col-lg-5:nth-child(2),
  .footer .row .col-lg-2 {
    width: 100%;
  }

  .footer .row .col-lg-2 {
    margin-top: 30px;
  }

  .footer a {
    line-height: 26px;
  }

  .footer .middle_box {
    flex-direction: column;
    gap: 30px;
  }

  p.copyright {
    font-size: 14px;
  }

  .copyrights ul#menu-copyright-menu a {
    font-size: 14px;
    line-height: 18px;
  }

  .footer {
    padding: 50px 0px;
  }

  section.home_sec5 .box p {
    padding: 0;
  }

  br {
    display: none;
  }
}

@media (max-width: 490px) {
  a.spot-1 {
    top: 190px;
    right: 120px;
  }

  a.spot-2 {
    bottom: 75px;
    right: 62px;
  }

  a.spot-3 {
    bottom: 72px;
    left: 55px;
  }

  a.spot-4 {
    bottom: 55px;
    left: 160px;
  }

  a.spot-5 {
    bottom: 50px;
    right: 80px;
  }

  a.spot-6 {
    top: 230px;
    left: 93px;
  }
}

@media (max-width: 390px) {
  a.spot-1 {
    top: 180px;
    right: 100px;
  }

  a.spot-2 {
    bottom: 65px;
    right: 52px;
  }

  a.spot-3 {
    bottom: 68px;
    left: 50px;
  }

  a.spot-4 {
    bottom: 45px;
    left: 145px;
  }

  a.spot-5 {
    bottom: 42px;
    right: 74px;
  }

  a.spot-6 {
    top: 220px;
    left: 83px;
  }
}

@media (max-width: 375px) {
  a.spot-1 {
    top: 180px;
    right: 100px;
  }

  a.spot-2 {
    bottom: 65px;
    right: 52px;
  }

  a.spot-3 {
    bottom: 68px;
    left: 50px;
  }

  a.spot-4 {
    bottom: 45px;
    left: 140px;
  }

  a.spot-5 {
    bottom: 42px;
    right: 70px;
  }

  a.spot-6 {
    top: 220px;
    left: 78px;
  }
}

@media (max-width: 360px) {
  a.spot-1 {
    top: 180px;
    right: 100px;
  }

  a.spot-2 {
    bottom: 65px;
    right: 52px;
  }

  a.spot-3 {
    bottom: 68px;
    left: 50px;
  }

  a.spot-4 {
    bottom: 45px;
    left: 135px;
  }

  a.spot-5 {
    bottom: 45px;
    right: 65px;
  }

  a.spot-6 {
    top: 210px;
    left: 72px;
  }
}

@media (max-width: 374px) {
  section.home_sec5 .box p {
    padding: 0px 50px;
  }

  section.home_sec5 .box {
    height: 335px !important;
  }

  section.home_sec9 .gradient_heading {
    font-size: 40px;
  }
}

/* =============================================================
   ABOUT US PAGE – au_ namespace
   All classes prefixed with au_ to avoid global conflicts.
   ============================================================= */

/* ---------- Typographic helpers (about page only) ---------- */
.au-bold {
  font-weight: 700;
}

.au-light {
  font-weight: 300;
}

.au-intro-main {
  font-weight: 300;
}

.au-intro-highlight {
  font-weight: 700;
}

/* ---------- Banner ---------- */
.au_banner {
  position: relative;
  height: 500px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.au_banner__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 0;
}

.au_banner .container {
  position: relative;
  z-index: 2;
}

.au_banner__title {
  font-family: "Anek Bangla" !important;
  font-size: 65px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
  line-height: 1;
}

.au_banner__title span {
  font-weight: 300;
}

/* ---------- About Intro ---------- */
.au_intro {
  padding: 100px 0 40px 0;
}

.au_intro__img_wrap {
  border-radius: 20px;
  overflow: hidden;
}

.au_intro__img {
  width: 100%;
  height: 100%;
  max-height: 571px;
  object-fit: cover;
  border-radius: 20px;
  display: block;
}

.au_intro__content {
  padding-left: 40px;
}

.au_intro__heading {
  font-family: "Anek Bangla" !important;
  font-size: 50px;
  font-weight: 400;
  color: #000;
  line-height: 1.2;
  margin-bottom: 25px !important;
}

.au_intro__heading strong {
  font-weight: 700;
}

.au_intro__text {
  font-family: "Roboto", sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 26px;
  margin-bottom: 12px !important;
}

/* ---------- Meet Our Team ---------- */
.au_team {
  padding: 100px 0 40px 0;
}

.au_team__heading {
  font-family: "Anek Bangla" !important;
  font-size: 45px;
  font-weight: 400;
  color: #000;
  margin-bottom: 50px !important;
  line-height: 1.15;
}

.au_team__heading span {
  font-weight: 300;
}

.au_team__row {
  gap: 0;
}

.au_team__col {
  padding: 0 10px;
  margin-bottom: 20px;
}

/* Team Card */
.au_team__card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  height: 450px;
  cursor: pointer;
  background: #111;
}

.au_team__card__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 12px;
  transition: transform 0.5s ease;
}

/* .au_team__card:hover .au_team__card__img {
  transform: scale(1.05);
} */

/* Permanent bottom gradient (name always visible) */
.au_team__card__gradient {
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 6%,
      rgba(0, 0, 0, 0.85) 100%);
  z-index: 1;
  pointer-events: none;
}

/* Name always-visible footer */
.au_team__card__footer {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 2;
  transition: opacity 0.3s ease;
  text-align: center;
}

.au_team__card:hover .au_team__card__footer {
  opacity: 0;
}

.au_team__card__name {
  font-family: "Roboto", sans-serif !important;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  margin: 0 !important;
  line-height: 1.3;
}

/* Hover Overlay – slides up from bottom */
.au_team__card__overlay {
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: rgb(0 0 0 / 68%);
  z-index: 3;
  display: flex;
  align-items: flex-end;
  padding: 30px 25px;
  transform: translateY(100%);
  transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.au_team__card:hover .au_team__card__overlay {
  transform: translateY(0);
}

.au_team__card__overlay__inner {
  width: 100%;
  text-align: center;
}

.au_team__card__overlay__name {
  font-family: "Roboto", sans-serif !important;
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 12px 0 !important;
  line-height: 1.3;
}

.au_team__card__overlay__desc {
  font-family: "Roboto", sans-serif !important;
  font-size: 15px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.65;
  margin: 0 !important;
}

/* ---------- Inspectors Section ---------- */
.au_inspectors {
  padding: 80px 0 100px;
}

.au_inspectors__heading {
  font-family: "Anek Bangla" !important;
  font-size: 50px;
  font-weight: 400;
  color: #000;
  line-height: 1.2;
  margin-bottom: 25px !important;
}

.au_inspectors__heading strong {
  font-weight: 700;
}

.au_inspectors__text {
  font-family: "Roboto", sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 26px;
  margin-bottom: 14px !important;
}

/* Overlapping image grid – percentage-based for Figma accuracy */
.au_inspectors__imgs {
  position: relative;
  height: 510px;
  width: 100%;
  overflow: hidden;
  margin-top: 60px;
}

/* Background decorative images (faded) */
.au_insp_bg_tr {
  position: absolute;
  right: 0;
  top: 35px;
  width: 34%;
  height: 302px;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  overflow: hidden;
  z-index: 1;
}

.au_insp_bg_bl {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 34%;
  height: 230px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  overflow: hidden;
  z-index: 1;
}

.au_insp_bg_tr img,
.au_insp_bg_bl img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.au_insp_img_overlay {
  position: absolute;
  inset: 0;
  background: rgba(238, 238, 238, 0.8);
}

/* Main foreground images – overlap each other in the centre */
.au_insp_fg_l {
  position: absolute;
  left: 7%;
  top: 0;
  width: 49%;
  height: 415px;
  border-radius: 40px;
  overflow: hidden;
  z-index: 2;
}

.au_insp_fg_r {
  position: absolute;
  left: 44%;
  top: 90px;
  width: 49%;
  height: 415px;
  border-radius: 40px;
  overflow: hidden;
  z-index: 2;
}

.au_insp_fg_l img,
.au_insp_fg_r img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ---------- Mission Section ---------- */
.au_mission {
  position: relative;
  padding: 120px 0;
  /* background-color: #4ba0ff; */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-blend-mode: overlay;
  overflow: hidden;
}

.au_mission__wave {
  position: absolute;
  left: 0;
  right: 0;
  height: 360px;
  pointer-events: none;
  mix-blend-mode: color-burn;
  background-size: cover;
  background-repeat: no-repeat;
}

.au_mission__wave--top {
  top: 0;
  background-position: top center;
}

.au_mission__wave--bottom {
  bottom: 0;
  background-position: bottom center;
  transform: rotate(180deg);
}

.au_mission__badge {
  margin-bottom: 30px;
}

.au_mission__badge img {
  max-width: 202px;
  height: auto;
  margin: 0 auto;
  display: block;
}

.au_mission__heading {
  font-family: "Anek Bangla" !important;
  font-size: 45px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 25px !important;
}

.au_mission__text {
  font-family: "Roboto", sans-serif !important;
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  line-height: 1.55;
  margin: 0 !important;
}

/* ---------- CTA Section ---------- */
.au_cta {
  position: relative;
  min-height: 550px;
  overflow: hidden;
  padding: 140px 0 140px;
}

/* Watermark – gradient text behind content */
.au_cta__watermark {
  font-family: "Roboto", sans-serif !important;
  font-weight: 800;
  font-size: 145px;
  color: transparent;
  background: linear-gradient(180deg, #d3d3d3 6%, #ffffff 89%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  letter-spacing: 8px;
  white-space: nowrap;
  line-height: 1;
  z-index: 0;
  position: relative;
  margin: 0 !important;
  margin-bottom: -100px !important;
  margin-left: -50px !important;
}

.au_cta .container {
  position: relative;
  z-index: 1;
}

.au_cta__content {
  padding-right: 20px;
  padding-top: 60px;
}

.au_cta__heading {
  font-family: "Anek Bangla" !important;
  font-size: 50px;
  font-weight: 400;
  color: #000;
  line-height: 1.2;
  margin-bottom: 20px !important;
}

.au_cta__heading .au-light {
  font-weight: 300;
}

.au_cta__text {
  font-family: "Roboto", sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 26px;
  margin-bottom: 30px !important;
}

.au_cta__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #ffdd28;
  color: #000;
  font-family: "Roboto", sans-serif !important;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none !important;
  padding: 16px 24px;
  border-radius: 10px;
  transition:
    all 0.3s ease,
    transform 0.2s ease !important;
  line-height: 1;
}

.au_cta__btn:hover {
  background-color: #e6c800;
  color: #000;
  transform: translateY(-10px);
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
}

/* CTA image – absolutely positioned at bottom-right, outside the container */
.au_cta__img_outer {
  position: absolute;
  right: 0;
  bottom: -2px;
  width: 52%;
  max-width: 730px;
  pointer-events: none;
  z-index: 1;
  line-height: 0;
}

.au_cta__img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: bottom right;
}

/* =============================================================
   ABOUT US – RESPONSIVE
   ============================================================= */

@media (max-width: 1800px) {
  .au_cta__watermark {
    font-size: 136px;
  }
}

@media (max-width: 1700px) {
  .au_cta__watermark {
    font-size: 130px;
  }
}

@media (max-width: 1600px) {
  .au_cta__watermark {
    font-size: 120px;
  }
}

@media (max-width: 1500px) {
  .au_cta__watermark {
    font-size: 110px;
  }
}

@media (max-width: 1400px) {
  .au_cta__watermark {
    font-size: 100px;
  }
}

@media (max-width: 1280px) {
  .au_cta__watermark {
    margin-left: -10px !important;
    font-size: 90px;
  }
}

@media (max-width: 1199px) {
  .au_banner__title {
    font-size: 52px;
  }

  .au_intro__heading {
    font-size: 40px;
  }

  .au_team__heading {
    font-size: 38px;
  }

  .au_inspectors__heading {
    font-size: 40px;
  }

  .au_mission__heading {
    font-size: 38px;
  }

  .au_cta__heading {
    font-size: 40px;
  }

  .au_inspectors__imgs {
    height: 420px;
  }

  .au_insp_fg_l,
  .au_insp_fg_r {
    height: 340px;
  }

  .au_insp_bg_tr {
    height: 230px;
  }

  .au_intro {
    padding: 70px 0 0px 0;
  }

  .au_team {
    padding: 70px 0 0px 0;
  }

  .au_inspectors {
    padding: 70px 0 70px;
  }

  .au_mission {
    padding: 70px 0;
  }

  .au_cta {
    padding: 80px 0 80px;
  }

  .au_team__card__overlay {
    padding: 15px 15px;
  }

  .au_team__card__overlay__desc {
    font-size: 14px;
  }

  .au_team__card__overlay__name {
    margin: 0 0 10px 0 !important;
  }

  .au_team__card__name {
    font-size: 26px;
  }

  .au_team__card {
    height: 400px;
  }

  .au_cta__watermark {
    font-size: 80px;
  }
}

@media (max-width: 991px) {
  .au_banner {
    height: 380px;
  }

  .au_banner__title {
    font-size: 42px;
  }

  .au_intro {
    padding: 50px 0 0 0;
  }

  .au_intro__content {
    padding-left: 0;
  }

  .au_intro__heading {
    font-size: 34px;
  }

  .au_team__card {
    height: 380px;
  }

  .au_inspectors__heading {
    font-size: 34px;
  }

  .au_inspectors__imgs {
    height: auto;
    min-height: 360px;
    margin-top: 40px;
  }

  .au_insp_fg_l {
    left: 2%;
    width: 54%;
    height: 280px;
    top: 0;
  }

  .au_insp_fg_r {
    left: 38%;
    width: 60%;
    height: 280px;
    top: 60px;
  }

  .au_insp_bg_tr {
    top: 20px;
    height: 180px;
    width: 30%;
  }

  .au_insp_bg_bl {
    height: 150px;
    width: 30%;
  }

  .au_mission__heading {
    font-size: 34px;
  }

  .au_mission__text {
    font-size: 16px;
  }

  .au_cta__content {
    padding-right: 0;
    padding-top: 80px;
  }

  .au_cta__heading {
    font-size: 34px;
  }

  .au_cta__img_outer {
    width: 50%;
  }

  .au_banner {
    margin-top: 100px;
  }

  .au_team {
    padding: 50px 0 0px 0;
  }

  .au_intro .row {
    align-items: flex-start !important;
  }

  .au_inspectors {
    padding: 50px 0 50px;
  }

  .au_mission {
    padding: 50px 0;
  }

  .au_cta {
    padding: 50px 0 50px;
    min-height: 450px;
  }
}

@media (max-width: 767px) {
  .au_banner {
    height: 260px;
  }

  .au_banner__title {
    font-size: 34px;
  }

  .au_team__col {
    padding: 0 5px;
    margin-bottom: 16px;
  }

  .au_team__card {
    height: 370px;
  }

  .au_team__card__name {
    font-size: 22px;
  }

  .au_team__card__overlay__name {
    font-size: 20px;
  }

  .au_inspectors__imgs {
    min-height: 260px;
  }

  .au_insp_fg_l {
    left: 0;
    width: 60%;
    height: 220px;
    border-radius: 20px;
  }

  .au_insp_fg_r {
    left: 30%;
    width: 70%;
    height: 220px;
    top: 50px;
    border-radius: 20px;
  }

  .au_insp_bg_tr,
  .au_insp_bg_bl {
    display: none;
  }

  .au_mission {
    padding: 70px 0;
  }

  .au_mission__heading {
    font-size: 28px;
  }

  .au_mission__text {
    font-size: 16px;
  }

  .au_mission__badge img {
    max-width: 150px;
  }

  .au_cta {
    padding: 50px 0 30px;
    min-height: 375px;
  }

  .au_cta__heading {
    font-size: 30px;
    text-align: center;
  }

  .au_cta__watermark {
    font-size: clamp(50px, 8vw, 90px);
    letter-spacing: 4px;
    text-align: center;
  }

  .au_cta__text {
    text-align: center;
  }

  .au_cta__content {
    text-align: center;
  }

  .au_cta__img_outer {
    width: 30%;
    /* opacity: 0.55; */
  }

  .au_intro .row {
    row-gap: 30px;
  }

  .au_intro__heading {
    text-align: center;
  }

  .au_intro__text {
    text-align: center;
  }

  .au_team {
    padding: 30px 0 0px 0;
  }

  .au_inspectors {
    padding: 30px 0 50px;
  }

  .au_mission {
    padding: 40px 0;
  }
}

@media (max-width: 575px) {
  .au_banner__title {
    font-size: 28px;
  }

  .au_intro__heading {
    font-size: 28px;
  }

  .au_team__heading {
    font-size: 28px;
    margin-bottom: 20px !important;
  }

  .au_team__card {
    height: 370px;
  }

  .au_inspectors__heading {
    font-size: 28px;
  }

  .au_cta__heading {
    font-size: 26px;
  }

  .au_cta__watermark {
    font-size: 50px;
    letter-spacing: 2px;
  }

  .au_cta__img_outer {
    position: relative;
    width: 100%;
    margin: 40px auto 0;
    opacity: 1;
  }

  .au_cta {
    padding: 40px 0 0px;
  }
}

@media (max-width: 390px) {
  .au_banner {
    height: 220px;
  }
}

/* ============================================================
   PLANS & PRICING PAGE – pp_ namespace
   ============================================================ */

/* ----- SHARED SECTION SPACING ----- */
.pp_faq,
.pp_landlord,
.pp_subscription {
  position: relative;
  overflow: hidden;
}

/* ============================================================
   1. BANNER
   ============================================================ */
.pp_banner {
  position: relative;
  height: 500px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.pp_banner__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}

.pp_banner .container {
  position: relative;
  z-index: 2;
}

.pp_banner__title {
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.15;
}

.pp_banner__title strong {
  font-weight: 400;
}

/* ============================================================
   2. LANDLORD & ABSENTEE OWNER
   ============================================================ */
.pp_landlord {
  padding: 0px 0 100px;
  background-color: #ffffff;
}

.pp_landlord__row {
  gap: 0;
}

.pp_landlord__img_col {
  padding-right: 0;
}

.pp_landlord__img_wrap {
  height: 100%;
  min-height: 400px;
  border-radius: 12px;
  overflow: hidden;
}

.pp_landlord__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 12px 0 0 12px;
}

.pp_landlord__card_col {
  padding-left: 0;
}

.pp_landlord__card {
  background-color: #4ba0ff;
  border-radius: 12px;
  height: 100%;
  min-height: 400px;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}

.pp_landlord__heading {
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 600;
  color: #ffffff;
  line-height: 1.25;
  margin: 0;
}

.pp_landlord__text {
  font-size: 18px;
  line-height: 1.7;
  color: #ffffff;
  margin: 0;
}

.pp_landlord__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background-color: #ffdd28;
  color: #111111;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 14px 28px;
  border-radius: 10px;
  text-decoration: none;
  align-self: flex-start;
  transition:
    background-color 0.25s ease,
    transform 0.2s ease;
}

.pp_landlord__btn:hover {
  background-color: #e8c800;
  text-decoration: none;
  color: #111111;
  transform: translateY(-2px);
}

/* ============================================================
   3. SUBSCRIPTION MODEL (UPDATED)
   ============================================================ */
.pp_subscription {
  padding: 100px 0 100px;
  background-color: #1c2d4f;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative; /* Added to contain absolute watermark */
  overflow: hidden;
}

.pp_subscription__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.52));
  border: 1px solid rgba(99, 99, 99, 0.43);
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.pp_subscription .container {
  position: relative;
  z-index: 2;
}

.pp_subscription__watermark {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(60px, 9vw, 130px);
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.05);
  letter-spacing: 8px;
  pointer-events: none;
  user-select: none;
  line-height: 1;
  z-index: 0;
}

.pp_subscription__heading {
  font-size: clamp(28px, 3.5vw, 48px);
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 36px;
  line-height: 1.2;
}

.pp_subscription__heading strong {
  color: #f5c518;
}

/* Tab wrapper pill */
.pp_subscription__tabs_wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

.pp_subscription__tabs {
  display: inline-flex;
  background: #ffffff;
  border-radius: 10px;
  padding: 10px;
  gap: 15px;
}

.pp_subscription__tab_btn {
  min-width: 185px;
  padding: 12px 20px;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: #222222;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease;
  white-space: nowrap;
  line-height: 1.4;
  text-align: center;
}

.pp_subscription__tab_btn--active {
  background-color: #ffdd28;
  color: #111111;
}

/* Pricing Table Base */
.pp_subscription__table {
  width: 100%;
  border-left: 1px solid rgba(128, 128, 128, 0.45);
  border-right: 1px solid rgba(128, 128, 128, 0.45);
  border-radius: 12px 12px 0 0;
  overflow: hidden; /* Ensures border-radius works on children */
}

.pp_subscription__table_row {
  display: flex;
  align-items: stretch; /* Changed to stretch so borders align */
}

.pp_subscription__table_row--header {
  background-color: #4ba0ff;
}

.pp_subscription__table_row:not(.pp_subscription__table_row--header) {
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(128, 128, 128, 0.45);
}

.pp_subscription__table_cell {
  padding: 16px 20px;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  display: flex;
  align-items: center;
}

.pp_subscription__table_row--header .pp_subscription__table_cell {
  font-weight: 600;
  color: #ffffff;
  padding: 18px 20px;
}

/* --- COLUMN LOGIC --- */

/* Shared: First column (House Size) */
.pp_subscription__table_cell--size {
  flex: 0 0 50%; /* Default starting point */
  border-right: 1px solid rgba(128, 128, 128, 0.45);
}

/* 2-Column Layout (Full Inspection) */
.pp_subscription__table:not(.pp_subscription__table--three-col) .pp_subscription__table_cell--size {
  flex: 0 0 69%;
}

.pp_subscription__table:not(.pp_subscription__table--three-col) .pp_subscription__table_cell--price {
  flex: 1;
}

/* 3-Column Layout (Yearly Tab) */
.pp_subscription__table--three-col .pp_subscription__table_cell--size {
  flex: 0 0 50%;
}

.pp_subscription__table--three-col .pp_subscription__table_cell--price {
  flex: 0 0 25%;
  border-right: 1px solid rgba(128, 128, 128, 0.45);
}

.pp_subscription__table--three-col .pp_subscription__table_cell--yearly {
  flex: 0 0 25%;
  color: #ffffff;
}

/* Header Border Colors */
.pp_subscription__table_row--header .pp_subscription__table_cell {
  border-right-color: rgba(255, 255, 255, 0.3) !important;
}

/* Cell Specific Styles */
.pp_subscription__table_row:not(.pp_subscription__table_row--header) .pp_subscription__table_cell--size {
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
}

.pp_subscription__table_row:not(.pp_subscription__table_row--header) .pp_subscription__table_cell--price,
.pp_subscription__table_row:not(.pp_subscription__table_row--header) .pp_subscription__table_cell--yearly {
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
}

/* Panel visibility */
.pp_subscription__panel {
  display: none;
}

.pp_subscription__panel--active {
  display: block;
}

/* ============================================================
   4. FAQ – FREQUENTLY ASKED QUESTIONS
   ============================================================ */
.pp_faq {
  padding: 100px 0 110px;
  background-color: #ffffff;
}

.pp_faq__header_wrap {
  position: relative;
  margin-bottom: 50px;
}

.pp_faq__watermark {
  font-size: clamp(80px, 12vw, 160px);
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
  background: linear-gradient(180deg, #d3d3d3 -5.98%, #ffffff 89.4%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 10px;
  line-height: 1;
  z-index: 0;
  margin-bottom: -50px !important;
}

.pp_faq__heading {
  position: relative;
  z-index: 1;
  font-size: clamp(28px, 3.5vw, 44px);
  font-weight: 800;
  color: #111111;
  margin: 0;
  line-height: 1.2;
}

.pp_faq__heading strong {
  font-weight: 400;
}

/* FAQ List */
.pp_faq__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Individual FAQ item */
.pp_faq__item {
  border-radius: 8px;
  overflow: hidden;
  background-color: #ffffff;
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.12);
  transition: box-shadow 0.25s ease;
}

.pp_faq__item--open {
  box-shadow: 0 4px 30px 0 rgba(75, 160, 255, 0.25);
  background-color: #4ba0ff;
}

/* Question button */
.pp_faq__question {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 15px 15px;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  line-height: 1.42;
  transition:
    all 0.25s ease,
    color 0.25s ease;
}

.pp_faq__item--open>.pp_faq__question {
  /* background-color: #4ba0ff; */
  color: #ffffff;
}

.pp_faq__question span:first-child {
  flex: 1;
}

/* Icon – round brown circle button */
.pp_faq__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 200px;
  background-color: #af8c78;
  color: #ffffff;
  transition: background-color 0.25s ease;
}

.pp_faq__item--open>.pp_faq__question .pp_faq__icon {
  background-color: #ffffff;
  color: #4ba0ff;
}

.pp_faq__icon_plus,
.pp_faq__icon_minus {
  width: 10px;
  height: 10px;
  display: block;
}

/* Toggle icon visibility */
.pp_faq__icon_minus {
  display: none;
}

.pp_faq__item--open>.pp_faq__question .pp_faq__icon_plus {
  display: none;
}

.pp_faq__item--open>.pp_faq__question .pp_faq__icon_minus {
  display: block;
}

/* Answer body – animated collapse */
.pp_faq__answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.pp_faq__answer_inner {
  padding: 0px 15px 20px;
  /* background-color: #4ba0ff; */
}

.pp_faq__answer_inner p {
  font-size: 16px;
  line-height: 1.75;
  color: #ffffff;
  margin: 0;
}

/* ============================================================
   5. OUR PLANS
   ============================================================ */
.pp_our_plans {
  padding: 100px 0 100px;
  background-color: #ffffff;
}

.pp_our_plans__header {
  position: relative;
  margin-bottom: 50px;
}

.pp_our_plans__watermark {
  font-size: clamp(80px, 12vw, 160px);
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
  background: linear-gradient(180deg, #d3d3d3 -5.98%, #ffffff 89.4%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 8px;
  line-height: 1;
  z-index: 0;
  margin-bottom: -50px !important;
  pointer-events: none;
  user-select: none;
}

.pp_our_plans__heading {
  position: relative;
  z-index: 1;
  font-size: clamp(28px, 3.5vw, 44px);
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
  margin-bottom: 12px;
}

.pp_our_plans__desc {
  position: relative;
  z-index: 1;
  font-size: 18px;
  color: #333333;
  line-height: 1.6;
  margin: 0;
}

/* Cards row */
.pp_our_plans__cards_row {
  gap: 30px 0;
}

.pp_our_plans__card_col {
  display: flex;
  flex-direction: column;
  flex: 0 0 40% !important;
}

/* Plan card base */
.pp_plan_card {
  position: relative;
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.15);
  overflow: visible;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* BEST VALUE badge */
.pp_plan_card__badge {
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffdd28;
  color: #111111;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 5px 14px;
  border-radius: 20px;
  white-space: nowrap;
  z-index: 10;
}

/* Top section */
.pp_plan_card__top {
  background-color: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  border-radius: 16px 16px 0 0;
  padding: 28px 28px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: hidden;
}

/* Icon circle */
.pp_plan_card__icon_wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #af8c78;
  flex-shrink: 0;
}

/* Plan name */
.pp_plan_card__meta {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pp_plan_card__name {
  font-size: 18px;
  font-weight: 600;
  color: #141416;
  line-height: 1.3;
}

/* Price line */
.pp_plan_card__price_line {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0 4px;
}

.pp_plan_card__price_prefix {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  line-height: 24px;
}

.pp_plan_card__price_amount {
  font-size: 36px;
  font-weight: 700;
  color: #000000;
  line-height: 1;
}

.pp_plan_card__price_period {
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  line-height: 24px;
  text-transform: capitalize;
}

/* Sub-line */
.pp_plan_card__sub {
  font-size: 16px;
  line-height: 26px;
  color: #000000;
  margin: 0;
}

/* Bottom section */
.pp_plan_card__bottom {
  background-color: #ffffff;
  border-radius: 0 0 16px 16px;
  padding: 20px 28px 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  flex: 1;
  overflow: hidden;
}

/* Features list */
.pp_plan_card__features {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pp_plan_card__feature {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 14px;
  color: #000000;
  line-height: 1.5;
}

.pp_plan_card__check {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 1px;
}

/* Subscribe button */
.pp_plan_card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 55px;
  width: 227px;
  border: 1px solid #4ba0ff;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  font-family: inherit;
  text-transform: uppercase;
  color: #000000;
  text-decoration: none;
  white-space: nowrap;
  transition:
    all 0.25s ease,
    color 0.25s ease;
  background: transparent;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

/* Form wrapper added when plan button became a POST submit */
.pp_plan_card__bottom form {
  display: contents;
}

.pp_plan_card__btn:hover {
  background-color: #4ba0ff;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-10px);
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
}

/* ============================================================
   6. CUSTOMIZE YOUR INSPECTION
   ============================================================ */
.pp_customize {
  padding: 100px 0 0px;
  background-color: #ffffff;
}

.pp_customize__header {
  margin-bottom: 40px;
}

.pp_customize__heading {
  font-size: clamp(28px, 3.5vw, 44px);
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
  margin-bottom: 12px;
}

.pp_customize__heading strong {
  font-weight: 700;
}

.pp_customize__desc {
  font-size: 18px;
  color: #333333;
  line-height: 1.6;
  margin: 0;
}

/* Item grid rows */
.pp_customize__items_row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

/* Single pricing item */
.pp_customize__item {
  background-color: #ffffff;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  padding: 20px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 280px;
}

.pp_customize__item_name {
  flex: 1;
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  line-height: 1.3;
}

.pp_customize__item_price {
  font-size: 18px;
  font-weight: 700;
  color: #af8c78;
  opacity: 0.8;
  white-space: nowrap;
  flex-shrink: 0;
}

/* Footer notes */
.pp_customize__footer_notes {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pp_customize__footer_note {
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
  color: #000000;
  line-height: 24px;
  margin: 0;
}


/* Wrapper to handle the scroll */
.pp_subscription__table_responsive {
  width: 100%;
  overflow-x: auto;
  padding-bottom: 15px; /* Space for the scrollbar */
  -webkit-overflow-scrolling: touch; /* Smooth scroll on iOS */
}

/* ============================================================
   RESPONSIVE – Plans & Pricing
   ============================================================ */

@media (max-width: 1250px) {
  .pp_our_plans {
    padding: 70px 0 70px;
  }

  .pp_customize {
    padding: 70px 0 0px;
  }

  .pp_landlord {
    padding: 20px 0 70px;
  }

  .pp_subscription {
    padding: 70px 0 70px;
  }

  section.pp_faq {
    padding: 70px 0 70px;
  }

  .pp_landlord__text {
    font-size: 16px;
  }
}

@media (max-width: 991px) {
  .pp_banner {
    padding: 0;
    height: 380px;
    margin-top: 100px;
  }

  .pp_our_plans {
    padding: 50px 0 50px;
  }

  .pp_customize {
    padding: 50px 0 0px;
  }

  .pp_landlord {
    padding: 10px 0 50px;
  }

  .pp_landlord__content {
    padding: 30px 0 0;
  }

  .pp_subscription {
    padding: 50px 0 50px;
  }

  .pp_faq {
    padding: 80px 0 90px;
  }

  .pp_faq__watermark {
    font-size: clamp(60px, 12vw, 110px);
  }

  .pp_our_plans__card_col {
    flex: 0 0 50% !important;
  }

  .pp_subscription__table_cell--size {
    flex: 0 0 57%;
  }

  section.pp_faq {
    padding: 50px 0 50px;
  }

  .pp_customize__item_name {
    font-size: 16px;
  }

  .pp_customize__desc {
    font-size: 16px;
  }
  
  
  .pp_subscription__table_row:not(.pp_subscription__table_row--header) .pp_subscription__table_cell--size {
    font-size: 14px;
}

.pp_subscription__table_row:not(.pp_subscription__table_row--header) .pp_subscription__table_cell--price, .pp_subscription__table_row:not(.pp_subscription__table_row--header) .pp_subscription__table_cell--yearly {
    font-size: 14px;
}

.pp_subscription__table_cell {
    font-size: 14px;
}


}

@media (max-width: 767px) {
  .pp_banner {
    padding: 0;
    height: 260px;
  }

  .pp_banner__title {
    font-size: 34px;
  }

  .pp_our_plans {
    padding: 50px 0 50px;
  }

  .pp_our_plans__heading {
    font-size: 28px;
  }

  .pp_plan_card__bottom {
    padding: 20px 20px 28px;
  }

  .pp_plan_card__top {
    padding: 24px 20px 18px;
  }

  .pp_customize {
    padding: 50px 0 0px;
  }

  .pp_customize__heading {
    font-size: 26px;
  }

  .pp_customize__items_row {
    flex-wrap: wrap;
  }

  .pp_landlord {
    padding: 10px 0 50px;
  }

  .pp_landlord__heading {
    font-size: 28px;
  }

  .pp_landlord__img_wrap {
    margin-bottom: 30px;
  }

  .pp_landlord__content {
    padding: 0;
  }

  .pp_subscription__tabs {
    flex-wrap: wrap;
    border-radius: 14px;
  }

  .pp_subscription__tab_btn {
    flex: 1 1 auto;
    border-radius: 10px;
    padding: 12px 20px;
  }

  .pp_subscription__table_cell {
    padding: 14px 18px;
    font-size: 14px;
  }

  .pp_faq__heading {
    font-size: 28px;
  }

  .pp_faq__question {
    font-size: 15px;
  }

  .pp_our_plans__card_col {
    flex: 0 0 95% !important;
  }

  .pp_our_plans__watermark {
    margin-bottom: -24px !important;
  }

  .pp_customize__item {
    width: 100%;
  }

  .pp_landlord__row {
    row-gap: 30px;
  }

  .pp_landlord__card {
    text-align: center;
  }

  .pp_landlord__btn {
    margin: 0 auto;
  }

  .pp_subscription__table_cell--size {
    flex: 0 0 50%;
  }

  .pp_faq__watermark {
    margin-bottom: -20px !important;
  }
  
  
  .pp_subscription__table {
    min-width: 600px; /* Adjust this value based on your content length */
  }
  
  /* Resetting the flex-basis for mobile if needed to keep them proportional */
  .pp_subscription__table--three-col .pp_subscription__table_cell--size {
    flex: 0 0 45%;
  }
  .pp_subscription__table--three-col .pp_subscription__table_cell--price,
  .pp_subscription__table--three-col .pp_subscription__table_cell--yearly {
    flex: 0 0 27.5%;
  }
  
  
  /* Width and height of the scrollbar */
.pp_subscription__table_responsive::-webkit-scrollbar {
  height: 8px;
}

/* Track (the background of the scrollbar) */
.pp_subscription__table_responsive::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
}

/* Handle (the part you drag) */
.pp_subscription__table_responsive::-webkit-scrollbar-thumb {
  background: #4ba0ff; /* Matches your active tab button yellow */
  border-radius: 10px;
  border: 2px solid #1c2d4f; /* Adds a gap effect using the section background color */
}

/* Handle on hover */
.pp_subscription__table_responsive::-webkit-scrollbar-thumb:hover {
  background: #4ba0ff; /* Slightly darker yellow on hover */
  border-radius: 10px;
}

/* Firefox Support */
.pp_subscription__table_responsive {
  scrollbar-width: thin;
  scrollbar-color: #4ba0ff rgba(255, 255, 255, 0.05);
  border-radius: 10px;
}


}

@media (max-width: 575px) {
  .pp_banner__title {
    font-size: 28px;
  }

  .pp_our_plans__heading {
    font-size: 24px;
  }

  .pp_plan_card__btn {
    width: 100%;
  }

  .pp_customize__heading {
    font-size: 22px;
  }

  .pp_customize__item_name {
    font-size: 16px;
  }

  .pp_customize__item_price {
    font-size: 16px;
  }

  .pp_landlord__heading {
    font-size: 24px;
  }

  .pp_subscription__heading {
    font-size: 26px;
  }

  .pp_subscription__table_cell {
    padding: 12px 14px;
    font-size: 13px;
  }

  .pp_faq__watermark {
    font-size: 50px;
    letter-spacing: 2px;
  }

  .pp_our_plans__watermark {
    font-size: 50px;
    letter-spacing: 2px;
  }

  .pp_faq__heading {
    font-size: 24px;
  }

  .pp_faq__question {
    font-size: 14px;
    padding: 15px;
  }

  .pp_faq__icon {
    width: 28px;
    height: 28px;
  }

  .pp_subscription__table_cell--size {
    flex: 0 0 40%;
  }

  .pp_subscription__table_row:not(.pp_subscription__table_row--header) .pp_subscription__table_cell--size {
    font-size: 14px;
  }

  .pp_subscription__table_row:not(.pp_subscription__table_row--header) .pp_subscription__table_cell--price {
    font-size: 14px;
  }

  .pp_faq__answer_inner p {
    font-size: 14px;
  }
}

@media (max-width: 375px) {
  .pp_subscription__table_row--header .pp_subscription__table_cell {
    font-size: 15px;
    padding: 15px;
  }
}

/* ==========================================================================
   CONTACT PAGE – Scoped Styles
   ========================================================================== */

/* ── Utilities ── */
.cp-bold {
  font-weight: 700;
}

.cp-light {
  font-weight: 300;
}

/* ==========================================================================
   SECTION 1 – Banner
   ========================================================================== */
.cp-banners {
  position: relative;
  width: 100%;
  height: 500px;
  background-color: #333;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.cp-banner__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.42);
  z-index: 0;
}

.cp-banner__title {
  position: relative;
  z-index: 2;
  font-family: "Anek Bangla", sans-serif;
  font-weight: 800;
  font-size: clamp(36px, 5vw, 65px);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0;
  text-align: center;
}

/* ==========================================================================
   SECTION 2 – Contact Info
   ========================================================================== */
.cp-contact-info {
  position: relative;
  padding: 100px 0 120px 0;
  background: #fff;
  overflow: hidden;
  text-align: center;
}

/* Watermark / gradient background text */
.cp-contact-info__watermark {
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  font-size: clamp(60px, 10vw, 153px);
  color: transparent;
  background: linear-gradient(180deg, #d3d3d3 6%, #fff 89%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  letter-spacing: 8px;
  white-space: nowrap;
  z-index: 0;
  line-height: 1;
}

.cp-contact-info .container {
  position: relative;
  z-index: 1;
}

/* Heading block */
.cp-contact-info__heading-block {
  text-align: center;
  margin-bottom: 50px;
  margin-top: -50px;
}

.cp-contact-info__main-heading {
  font-family: "Anek Bangla", sans-serif;
  font-size: clamp(32px, 4vw, 50px);
  line-height: 1.2;
  color: #000;
  margin: 0 0 16px;
}

.cp-contact-info__main-heading .cp-light {
  font-family: "Anek Bangla", sans-serif;
  font-weight: 300;
}

.cp-contact-info__desc {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: #1d1d1d;
  max-width: 640px;
  margin: 0 auto !important;
}

/* Cards row */
.cp-contact-info__cards {
  display: flex;
  gap: 28px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

.cp-card {
  background: #fff;
  border-radius: 12px;
  box-shadow:
    0px 40px 60px rgba(0, 0, 0, 0.07),
    0px 20px 30px rgba(0, 0, 0, 0.06),
    0px 2px 4px rgba(0, 0, 0, 0.02);
  padding: 30px 20px;
  width: 298px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  flex-shrink: 0;
  transition: all ease 0.3s;
}

.cp-card:hover {
  background: #4ba0ff;
  transform: translateY(-5px);
}

/* Icon circle */
.cp-card__icon-wrap {
  width: 66px;
  height: 66px;
  border-radius: 33px;
  background: #af8c78;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all ease 0.3s;
}

.cp-card:hover .cp-card__icon-wrap {
  background: #fff;
}

.cp-card:hover .cp-card__icon-wrap svg {
  fill: #000;
}

.cp-card:hover .cp-card__icon-wrap svg path {
  fill: #000;
}

.cp-card:hover .cp-card__label {
  color: #fff;
}

.cp-card:hover .cp-card__value {
  color: #fff;
}

.cp-card:hover .cp-card__value a {
  color: #fff;
}

.cp-card__icon-wrap svg {
  fill: #fff;
  transition: all ease 0.3s;
}

/* Card text */
.cp-card__body {
  text-align: center;
  width: 100%;
}

.cp-card__label {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #000;
  margin: 0 0 8px !important;
  line-height: 1.3;
  transition: all ease 0.3s;
}

.cp-card__value {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #000;
  margin: 0;
  line-height: 1.4;
  transition: all ease 0.3s;
}

.cp-card__value a {
  color: inherit;
  text-decoration: none;
  transition: all ease 0.3s;
}

.cp-card__value a:hover {
  color: #af8c78;
}

/* Social icons row */
.cp-card__socials {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.cp-card__socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #000;
  color: #000;
  text-decoration: none;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
  flex-shrink: 0;
  transition: all ease 0.3s;
}

.cp-card:hover .cp-card__socials a {
  border-color: #fff;
}

.cp-card:hover .cp-card__socials a svg {
  fill: #fff;
}

.cp-card:hover .cp-card__socials a svg path {
  fill: #fff;
}

.cp-card__socials a svg {
  width: 16px;
  height: 16px;
}

.cp-card__socials a:hover {
  background: #ffdd28;
  border-color: #ffdd28 !important;
  color: #000;
  transform: translateY(-3px);
}

.cp-card__socials a:hover svg {
  fill: #000 !important;
}

.cp-card__socials a:hover svg path {
  fill: #000 !important;
}

/* ==========================================================================
   SECTION 3 – Callback Form
   ========================================================================== */
.cp-callback {
  padding: 0px 0 100px;
  background: #fff;
}

.cp-callback__inner {
  display: flex;
  gap: 20px;
  align-items: stretch;
  flex-wrap: wrap;
}

/* Form card */
.cp-callback__form-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);
  padding: 30px;
  flex: 0 0 calc(52% - 10px);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.cp-callback__form-title {
  font-family: "Anek Bangla", sans-serif;
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1.3;
  color: #000;
  margin: 0;
}

.cp-callback__form-title .cp-light {
  font-family: "Anek Bangla", sans-serif;
  font-weight: 300;
}

.cp-callback__form-desc {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 1.5;
  color: #1d1d1d;
  margin: 0;
}

.cp-callback__gf-wrap {
  width: 100%;
}

/* Gravity Forms overrides */
.cp-callback__gf-wrap .gform_wrapper input[type="text"],
.cp-callback__gf-wrap .gform_wrapper input[type="email"],
.cp-callback__gf-wrap .gform_wrapper input[type="tel"] {
  border: 1.28px solid #cccccc !important;
  border-radius: 6px !important;
  padding: 14px 10px !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 14px !important;
  width: 100% !important;
  box-sizing: border-box;
  height: 50px !important;
}

.cp-callback__gf-wrap .gform_wrapper input[type="text"]:focus,
.cp-callback__gf-wrap .gform_wrapper input[type="email"]:focus,
.cp-callback__gf-wrap .gform_wrapper input[type="tel"]:focus {
  box-shadow: none !important;
}

/* Gravity Forms overrides */
.cp-callback__gf-wrap .gform_wrapper textarea {
  border: 1.28px solid #cccccc !important;
  border-radius: 6px !important;
  padding: 14px 10px !important;
  font-family: "Roboto", sans-serif !important;
  font-size: 14px !important;
  width: 100% !important;
  box-sizing: border-box;
  height: 100px !important;
  min-block-size: 9rem !important;
}

.cp-callback__gf-wrap .gform_wrapper textarea:focus {
  box-shadow: none !important;
}

.cp-callback__gf-wrap .gform_wrapper input[type="submit"],
.cp-callback__gf-wrap .gform_wrapper button[type="submit"],
.cp-callback__gf-wrap .gform_footer input[type="submit"] {
  background-color: #4ba0ff !important;
  color: #fff !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 20px 40px !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  letter-spacing: 0.5px;
  transition: all ease 0.3s;
  background-image: url(/wp-content/uploads/2026/03/Arrow-right.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 45px;
}

.cp-callback__gf-wrap .gform_footer input[type="submit"] {
  background-image: url(/wp-content/uploads/2026/03/Arrow-right.svg) !important;
  background-repeat: no-repeat !important;
  background-position: top 48% right 35px !important;
  padding-right: 60px !important;
}

.cp-callback__gf-wrap .gform_wrapper input[type="submit"]:hover,
.cp-callback__gf-wrap .gform_wrapper button[type="submit"]:hover {
  transform: translateY(-10px) !important;
  background-color: #2386f4 !important;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25) !important;
}

.cp-callback__gf-wrap .gform_wrapper input[type="submit"]:focus,
.cp-callback__gf-wrap .gform_wrapper button[type="submit"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

.cp-callback__gf-wrap .gform_wrapper .gfield_error input {
  border-color: red !important;
}

.cp-callback__gf-wrap .gform_wrapper .gfield_validation_message {
  display: none !important;
}

.cp-callback__gf-wrap .gform_wrapper .gform_validation_errors {
  display: none !important;
}

.cp-callback__gf-wrap .gform_wrapper .gform-loader {
  display: none !important;
}

.cp-callback__gf-wrap .gform_wrapper .gform_fields {
  row-gap: 20px !important;
}

/* Image panel */
.cp-callback__image-panel {
  flex: 1;
  min-width: 280px;
  min-height: 400px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.cp-callback__image-panel img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 1199px) {
  .cp-contact-info__cards {
    flex-wrap: wrap;
  }

  .cp-card {
    width: calc(50% - 14px);
    max-width: 298px;
  }

  .cp-contact-info {
    padding: 70px 0 90px 0;
  }

  .cp-callback {
    padding: 0px 0 70px;
  }
}

@media (max-width: 991px) {
  .cp-banners {
    height: 380px;
    margin-top: 100px;
  }

  .cp-callback__inner {
    flex-direction: column-reverse;
  }

  .cp-callback__form-card {
    flex: 0 0 100%;
  }

  .cp-callback__image-panel {
    min-height: 320px;
  }

  .cp-contact-info {
    padding: 50px 0 70px 0;
  }

  .cp-callback {
    padding: 0px 0 50px;
  }

  .cp-contact-info__heading-block {
    margin-top: -30px;
  }

  .cp-callback__form-desc {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .cp-banners {
    height: 260px;
  }

  .cp-contact-info {
    padding: 40px 0 60px;
  }

  .cp-contact-info__watermark {
    font-size: 48px;
    letter-spacing: 4px;
  }

  .cp-contact-info__cards {
    flex-direction: column;
    align-items: center;
  }

  .cp-card {
    width: 100%;
    max-width: 320px;
  }

  .cp-callback {
    padding: 0px 0 40px;
  }

  .cp-contact-info__heading-block {
    margin-top: -20px;
  }

  h2.cp-callback__form-title {
    text-align: center;
  }

  .cp-callback__form-desc {
    text-align: center;
  }

  .cp-callback__gf-wrap .gform_wrapper .gform_footer {
    justify-content: center;
  }

  .cp-callback__gf-wrap .gform_wrapper .gform_confirmation_message {
    text-align: center;
  }
}

@media (max-width: 360px) {
  .cp-contact-info__watermark {
    font-size: 40px;
  }
}

/* ============================================================
   SUBSCRIPTIONS DETAILS PAGE  (sd_)
   ============================================================ */

/* Page wrapper */
.sd_page {
  padding: 60px 0 80px;
}

/* ---- Breadcrumb ---- */
.sd_breadcrumb_wrap {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 50px;
}

.sd_breadcrumb {
  display: flex;
  align-items: center;
  gap: 20px;
  height: 30px;
}

.sd_breadcrumb__home {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.42;
  color: #000;
  text-decoration: none;
}

.sd_breadcrumb__home:hover {
  color: #4ba0ff;
  text-decoration: none;
}

.sd_breadcrumb__sep {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6px;
  height: 11px;
  flex-shrink: 0;
}

.sd_breadcrumb__current {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.42;
  color: #4ba0ff;
}

.sd_page__title {
  font-family: "Anek Bangla", sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 60px;
  color: #000;
  margin: 0;
}

/* ---- Summary Table ---- */
.sd_summary {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 50px;
}

.sd_summary__header,
.sd_summary__row {
  display: flex;
  align-items: center;
  min-height: 60px;
  border-radius: 10px;
  padding: 0 20px;
}

.sd_summary__header {
  background: #4ba0ff;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 20px;
}

.sd_summary__row {
  background: #fff;
  color: #000;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 20px;
}

.sd_summary__desc {
  flex: 1 0 0;
  min-width: 0;
}

.sd_summary__right {
  display: flex;
  gap: 100px;
  align-items: center;
  white-space: nowrap;
  text-align: center;
  flex-shrink: 0;
}

.sd_summary__row .sd_summary__right {
    gap: 90px;
}


.sd_summary__header .sd_summary__right span:nth-child(1) {
    padding-right: 10px;
}

/* ---- Add-on Services ---- */
.sd_addon {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 50px;
}

.sd_addon__heading {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.sd_addon__title {
  font-family: "Anek Bangla", sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: normal;
  color: #000;
  margin: 0;
}

.sd_addon__subtitle {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  color: #000;
  margin: 0;
}

.sd_addon__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.sd_addon__item {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  cursor: pointer;
  margin: 0;
  transition: border-color 0.2s;
  min-height: 60px;
}

.sd_addon__item:hover {
  border-color: #4ba0ff;
}

.sd_addon__input {
  display: none;
}

.sd_addon__dot {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 1.5px solid #ccc;
  background: #fff;
  flex-shrink: 0;
  position: relative;
  transition:
    border-color 0.2s,
    background 0.2s;
}

.sd_addon__input:checked~.sd_addon__dot {
  border-color: #4ba0ff;
  background: #4ba0ff;
}

.sd_addon__input:checked~.sd_addon__dot::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 9px;
  height: 5px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.sd_addon__name {
  flex: 1 0 0;
  min-width: 0;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: #000;
}

.sd_addon__price {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #af8c78;
  opacity: 0.8;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ---- Action Buttons ---- */
.sd_actions {
  display: flex;
  gap: 16px;
  align-items: center;
}

.sd_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 50px;
  width: 268px;
  border-radius: 10px;
  padding: 0 29px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  white-space: nowrap;
  text-decoration: none;
  transition:
    opacity 0.2s,
    transform 0.2s;
  cursor: pointer;
  box-sizing: border-box;
}

.sd_btn:hover {
  text-decoration: none;
  transform: translateY(-2px);
  opacity: 0.9;
}

.sd_btn--back {
  background: #fff;
  border: 1.23px solid #eaeaea;
  color: #000;
}

.sd_btn--back:hover {
  color: #000;
}

.sd_btn--proceed {
  background: #4ba0ff;
  border: none;
  color: #fff;
}

.sd_btn--proceed:hover {
  color: #fff;
}

.sd_btn__icon {
  flex-shrink: 0;
}

/* ============================================================
   SUBSCRIPTIONS DETAILS — RESPONSIVE
   ============================================================ */

@media (max-width: 991px) {
  .sd_summary__right {
    gap: 40px;
  }

  .sd_summary__header,
  .sd_summary__row {
    font-size: 16px;
  }

  .sd_addon__title {
    font-size: 24px;
  }

  .sd_addon__name {
    font-size: 17px;
  }

  .sd_addon__price {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .sd_page {
    padding: 40px 0 60px;
  }

  .sd_page__title {
    font-size: 28px;
    line-height: 40px;
  }

  .sd_addon__heading {
    text-align: center;
  }

  .sd_summary {
    overflow-x: auto;
    margin-bottom: 30px;
  }

  /* Scrollbar height */
  .sd_summary::-webkit-scrollbar {
    height: 6px;
  }

  /* Track */
  .sd_summary::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
  }

  /* Thumb */
  .sd_summary::-webkit-scrollbar-thumb {
    background: #4ba0ff;
    border-radius: 10px;
  }

  .sd_summary__header,
  .sd_summary__row {
    min-width: 460px;
    font-size: 14px;
  }

  .sd_summary__right {
    gap: 24px;
  }

  .sd_addon__title {
    font-size: 22px;
  }

  .sd_addon__name {
    font-size: 15px;
  }

  .sd_addon__price {
    font-size: 18px;
  }

  .sd_btn {
    width: auto;
    min-width: 0;
    flex: 1;
    padding: 0 20px;
  }
}

@media (max-width: 575px) {
  .sd_actions {
    flex-direction: column;
    align-items: stretch;
  }

  .sd_btn {
    width: 100%;
    justify-content: center;
    padding: 20px;
  }
}

/* woocommerce custom style  */

section.banner-sec {
  padding: 100px 0 50px 0;
  background: #f5f5f5;
}

.yoast-breadcrumbs a {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 142%;
  color: #000000;
}

span.breadcrumb-separator {
  padding: 0 12px;
}

.yoast-breadcrumbs span.breadcrumb-current {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 142%;
  color: #000000;
}

.yoast-breadcrumbs span.breadcrumb-current.active {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 142%;
  color: #4ba0ff;
}

.banner-sec h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 60px;
  color: #000000;
  margin: 0;
}

div#customer_login {
  gap: 20px;
}

.woocommerce-account.woocommerce-page .login-rgister .col2-set .col-1,
.woocommerce-account.woocommerce-page .login-rgister .col2-set .col-2 {
  background: #ffffff !important;
  box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1) !important;
  border-radius: 20px !important;
  padding: 40px;
}

.woocommerce-account.woocommerce-page .login-rgister .cwos-order-addresses.col2-set>div {
  background: #ffffff;
  box-shadow: unset;
  border-radius: 10px;
  padding: 40px;
  border-radius: 3px;
}

.woocommerce-account.woocommerce-page .login-rgister .cwos-order-addresses.col2-set>div h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 40px;
    color: #000000;
    margin-bottom: 15px;
}

.woocommerce-account.woocommerce-page .login-rgister .cwos-order-addresses.col2-set>div address  {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 0;
}

form.woocommerce-form-login.login {
  margin: 0;
  padding: 0;
  border: 0;
  position: relative !important;
}

.woocommerce form.register {
  margin: 0;
  padding: 0;
  border: 0;
}

section.main-section {
  padding: 80px 0;
}

div#customer_login h2 {
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 56px;
}

div#customer_login .custom-login-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  margin-bottom: 15px !important;
}

div#customer_login .custom-register-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  margin-bottom: 15px !important;
}

div#customer_login input#password {
  border: 1.22951px solid #eaeaea;
  border-radius: 10px;
}

div#customer_login input#username,
div#customer_login input#password,
div#customer_login input#reg_email {
  border: 1.22951px solid #eaeaea;
  border-radius: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}

div#customer_login input#username::placeholder,
div#customer_login input#password::placeholder,
div#customer_login input#reg_email::placeholder {
  color: #9da3af;
  opacity: 1;
}

div#customer_login input#reg_email {
  border: 1.22951px solid #eaeaea;
  border-radius: 10px;
}

div#customer_login input#username {
  background-image: url(/wp-content/uploads/2026/03/evn-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

div#customer_login input#password {
  background-image: url(/wp-content/uploads/2026/03/lock-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

div#customer_login input#reg_email {
  background-image: url(/wp-content/uploads/2026/03/evn-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

div#customer_login .required {
  color: red;
}

.woocommerce #customer_login form .form-row {
  margin-bottom: 10px !important;
}

form.woocommerce-form-login.login p:nth-child(4) {
  display: flex !important;
  flex-direction: column !important;
}

button.woocommerce-button,
button.woocommerce-Button {
  background-color: #4ba0ff !important;
  border-radius: 10px !important;
  width: 226px !important;
  height: 50px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 15px !important;
  transition: all ease 0.3s !important;
}

button.woocommerce-button:hover,
button.woocommerce-Button:hover {
  transform: translateY(-10px) !important;
  background-color: #2386f4 !important;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25) !important;
}

.woocommerce-form-login p.woocommerce-LostPassword.lost_password {
  position: absolute !important;
  right: 0;
  bottom: 80px;
}

.woocommerce-form-login p.woocommerce-LostPassword.lost_password a {
  font-weight: 500;
}

.woocommerce-form-login p.woocommerce-LostPassword.lost_password a:hover {
  color: #4ba0ff !important;
}


.woocommerce-form-login__rememberme input#rememberme {
    margin-right: 10px;
    
}

.woocommerce-form-login__rememberme input#rememberme::after {
    border-color: #9DA3AF;
    border-radius: 3px;
}

.woocommerce-form-login__rememberme input#rememberme::before {
    background-color: #4ba0ff;
}

.woocommerce-form-login .woocommerce-form-login__submit {
  margin-top: 20px !important;
}

form.woocommerce-form-register.register p:nth-child(3) {
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 19px !important;
  color: #000000 !important;
  margin-bottom: 25px !important;
}

form.woocommerce-form-register.register .woocommerce-privacy-policy-text {
  padding-bottom: 40px;
}

form.woocommerce-form-register.register .woocommerce-privacy-policy-text p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #9da3af;
}

form.woocommerce-form-register.register .woocommerce-privacy-policy-text p a:hover {
  color: #4ba0ff !important;
}

form.lost_reset_password {
  background: #ffffff;
  box-shadow: 0px 4px 60px rgba(247, 178, 178, 0.1);
  border-radius: 20px;
  padding: 40px;
}

.lost_reset_password .lost-pass-heading {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 56px;
  color: #000000;
  font-family: "Anek Bangla" !important;
}

form.lost_reset_password p:nth-child(2) {
  width: 100% !important;
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

span.required {
  color: red !important;
}

form.lost_reset_password input#user_login {
  background-image: url(/wp-content/uploads/2026/03/evn-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
  border: 1.22951px solid #eaeaea;
  border-radius: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}

form.lost_reset_password input#user_login::placeholder {
  color: #9da3af;
  opacity: 1;
}

.woocommerce-lost-password .woocommerce-message+p {
  display: none !important;
}

.woocommerce-lost-password .woocommerce-message {
  all: unset;
}

.woocommerce-lost-password .woocommerce-message::before {
  display: none !important;
}

.woocommerce-message .custom-reset-message {
  background: #ffffff;
  box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 40px;
  text-align: center;
}

.reset-icon {
  margin-bottom: 25px;
}

.custom-reset-message h2.reset-heading {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 56px;
  color: #000000;
  margin-bottom: 20px;
}

.custom-reset-message p.reset-text {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  width: 70%;
  margin: auto !important;
}

form.woocommerce-ResetPassword p:nth-child(2) {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

form.woocommerce-ResetPassword p:nth-child(3) {
  width: 100% !important;
}

form.woocommerce-ResetPassword input#password_1,
form.woocommerce-ResetPassword input#password_2 {
  border: 1.22951px solid #eaeaea;
  border-radius: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}

form.woocommerce-ResetPassword input#password_1::placeholder,
form.woocommerce-ResetPassword input#password_2::placeholder {
  color: #9da3af;
  opacity: 1;
}

form.woocommerce-ResetPassword input#password_1,
form.woocommerce-ResetPassword input#password_2 {
  background-image: url(/wp-content/uploads/2026/03/lock-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

form.woocommerce-ResetPassword .woocommerce-Button {
  margin-top: 30px !important;
}

button.show-password-input::before {
  filter: invert(58%) sepia(37%) saturate(4503%) hue-rotate(192deg) brightness(103%) contrast(102%);
}

.woocommerce-dashboard .woocommerce-message {
  all: unset;
}

.woocommerce-dashboard .woocommerce-message::before {
  display: none !important;
}

.woocommerce-message .custom-successfull-reset-message {
  /* background: #FFFFFF;
  box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
  border-radius: 20px; */
  padding: 40px;
  text-align: center;
}

.reset-icon {
  margin-bottom: 25px;
}

.custom-successfull-reset-message h2.reset-heading {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 56px;
  color: #000000;
  margin-bottom: 20px;
}

.woocommerce-account .woocommerce-MyAccount-content {
  background: #f5f5f5;
  border-radius: 20px;
  padding: 40px;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  background: #ffffff;
  box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px 10px;
}

nav.woocommerce-MyAccount-navigation ul li a {
  background: #ffffff;
  border: 0;
  border-bottom: 1px solid #f5f5f5;
  color: #000;
  padding: 18px 15px;
  border-radius: 6px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 142%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  transition: 0.3s;
}

nav.woocommerce-MyAccount-navigation ul li:last-child a {
  color: #fa3333;
  margin-bottom: 0;
  border-bottom: 0px !important;
}

nav.woocommerce-MyAccount-navigation ul li a:hover {
  background: #4ba0ff;
  border: 0;
  color: #fff;
}

nav.woocommerce-MyAccount-navigation ul li:not(:last-child) a:hover img.menu-icon,
nav.woocommerce-MyAccount-navigation ul li:not(:last-child).is-active a img.menu-icon {
  filter: invert(1) brightness(2);
  /* adjust brightness if needed */
  transition: 0.3s;
}

nav.woocommerce-MyAccount-navigation ul li:last-child a:hover img.menu-icon,
nav.woocommerce-MyAccount-navigation ul li:last-child.is-active a img.menu-icon {
  filter: brightness(10);
  /* example: last item pe alag effect */
  transition: 0.3s;
}

nav.woocommerce-MyAccount-navigation ul li.is-active a {
  background: #4ba0ff;
  border: 0;
  border-bottom: 1px solid #f5f5f5;
  color: #fff;
}

.woocommerce-MyAccount-content .custom-dashboard {
  text-align: center;
}

.woocommerce-MyAccount-content .custom-dashboard .dashboard-image {
  margin-bottom: 25px;
}

.woocommerce-MyAccount-content .custom-dashboard h2.dashboard-greeting {
  font-style: normal;
  font-weight: 600;
  font-size: 45px;
  line-height: 100%;
  color: #000000;
}

.woocommerce-MyAccount-content .custom-dashboard .dashboard-logout {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  margin-bottom: 20px !important;
}

.woocommerce-MyAccount-content .custom-dashboard .dashboard-logout a.logout-btn {
  color: #fa3333;
}

.woocommerce-MyAccount-content .custom-dashboard .dashboard-logout a.logout-btn:hover {
  color: #4ba0ff;
}

.woocommerce-MyAccount-content .custom-dashboard p.dashboard-text {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
}

.woocommerce-MyAccount-content .custom-dashboard p.dashboard-text a {
  color: #4ba0ff;
}

.woocommerce-MyAccount-content .custom-dashboard p.dashboard-text a:hover {
  color: #000000;
}

.woocommerce-MyAccount-content .custom-no-subscription {
  text-align: center;
}

.woocommerce-MyAccount-content .custom-no-subscription .subscription-icon {
  margin-bottom: 25px;
}

.woocommerce-MyAccount-content .custom-no-subscription p.subscription-text {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 20px !important;
}

.woocommerce-MyAccount-content .custom-no-subscription a.browse-plans-btn {
  background-color: #4ba0ff !important;
  border-radius: 10px !important;
  width: 226px !important;
  height: 50px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 15px !important;
  transition: all ease 0.3s !important;
  margin: auto;
}

.woocommerce-MyAccount-content .custom-no-subscription a.browse-plans-btn:hover {
  transform: translateY(-10px) !important;
  background-color: #2386f4 !important;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25) !important;
}

/*.woocommerce-subscriptions .woocommerce-MyAccount-content {*/
/*    background-color: transparent !important;*/
/*    border-radius: 20px !important;*/
/*    padding: 0px !important;*/
/*}*/

.woocommerce-edit-address .woocommerce-MyAccount-content {
  background-color: transparent !important;
  border-radius: 20px !important;
  padding: 0px !important;
}

.woocommerce-subscriptions h2.my-subscriptions-heading {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 56px;
  color: #000000;
}

.woocommerce-view-subscription h2.my-subscriptions-heading {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 56px;
  color: #000000;
}

.woocommerce-subscriptions table.ywsbs_subscription_table {
  margin-bottom: 0px;
}

span.status.active {
  color: #2386f4 !important;
}

.woocommerce-subscriptions td.ywsbs-subscription a:hover {
  color: #2386f4 !important;
}

.woocommerce-edit-address .woocommerce-notices-wrapper+p {
  padding: 20px 20px;
  background: #f5f5f5;
  border-radius: 10px;
  margin-bottom: 20px !important;
}

.woocommerce-edit-address .woocommerce-Addresses {
  flex-direction: column !important;
  row-gap: 20px !important;
}

.woocommerce-edit-address .woocommerce-Address {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.woocommerce-edit-address header.woocommerce-Address-title.title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
  gap: 15px;
}

.woocommerce-edit-address header.woocommerce-Address-title.title::before,
.woocommerce-edit-address header.woocommerce-Address-title.title::after {
  display: none !important;
}

.woocommerce-edit-address header.woocommerce-Address-title.title h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 56px;
  color: #000000;
  margin-bottom: 0;
}

.woocommerce-edit-address header.woocommerce-Address-title.title a {
  background-color: #4ba0ff !important;
  border-radius: 10px !important;
  width: 226px !important;
  height: 50px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 15px !important;
  transition: all ease 0.3s !important;
}

.woocommerce-edit-address header.woocommerce-Address-title.title a:hover {
  transform: translateY(-10px) !important;
  background-color: #2386f4 !important;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25) !important;
}

.woocommerce-edit-address .woocommerce-MyAccount-content h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 56px;
  color: #000000;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-address-fields input[type="text"],
.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-address-fields input[type="tel"],
.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-address-fields input[type="email"] {
  border: 1.22951px solid #eaeaea;
  /*background: #EAEAEA;*/
  border-radius: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-address-fields input[type="text"]::placeholder,
.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-address-fields input[type="tel"]::placeholder,
.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-address-fields input[type="email"]::placeholder {
  color: #9da3af;
  opacity: 1;
}

.woocommerce-edit-address .woocommerce-MyAccount-content .woocommerce-address-fields span.select2-selection {
  border: 1.22951px solid #eaeaea !important;
  /*background: #EAEAEA !important;*/
  border-radius: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}

.woocommerce-edit-address .woocommerce-MyAccount-content button.button {
  background-color: #4ba0ff !important;
  border-radius: 10px !important;
  width: 226px !important;
  height: 50px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 15px !important;
  transition: all ease 0.3s !important;
  margin-top: 25px !important;
}

.woocommerce-edit-address .woocommerce-MyAccount-content button.button:hover {
  transform: translateY(-10px) !important;
  background-color: #2386f4 !important;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25) !important;
}

.woocommerce-edit-account .woocommerce-MyAccount-content {
  background-color: transparent !important;
  border-radius: 20px !important;
  padding: 0px !important;
}

.woocommerce-edit-account .woocommerce-MyAccount-content h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 56px;
  color: #000000;
}

.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input[type="text"],
.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input[type="tel"],
.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input[type="email"],
.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input[type="password"] {
  border: 1.22951px solid #eaeaea;
  /*background: #EAEAEA;*/
  border-radius: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}

.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input[type="text"]::placeholder,
.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input[type="tel"]::placeholder,
.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input[type="email"]::placeholder,
.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input[type="password"]::placeholder {
  color: #9da3af;
  opacity: 1;
}

.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account span#account_display_name_description {
  font-style: normal !important;
}

.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account span#account_display_name_description em {
  font-style: normal !important;
  padding-top: 16px !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #9da3af;
}

.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input#account_display_name {
  margin-bottom: 20px;
}

.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account fieldset {
  margin: 40px 0px;
}

.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account fieldset legend {
  font-style: normal;
  font-family: "Anek Bangla" !important;
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
  color: #000000;
}

.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input#password_current,
.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input#password_1,
.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm.edit-account input#password_2 {
  background-image: url(/wp-content/uploads/2026/03/lock-icon.svg);
  background-repeat: no-repeat;
  background-position: top 50% left 15px;
  padding-left: 40px;
}

.woocommerce-subscriptions .woocommerce-message {
  display: none;
}

.woocommerce-checkout .wc-block-components-checkout-step__title {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 56px;
  color: #000000;
}

.woocommerce-checkout .woocommerce-billing-fields input[type="text"],
.woocommerce-checkout .woocommerce-billing-fields input[type="tel"],
.woocommerce-checkout .woocommerce-billing-fields input[type="email"] {
  border: 1.22951px solid #eaeaea !important;
  border-radius: 10px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 19px !important;
  color: #000 !important;
}

.woocommerce-checkout .woocommerce-billing-fields input[type="text"]::placeholder,
.woocommerce-checkout .woocommerce-billing-fields input[type="tel"]::placeholder,
.woocommerce-checkout .woocommerce-billing-fields input[type="email"]::placeholder,
.woocommerce-checkout .woocommerce-billing-fields input[type="password"]::placeholder {
  color: #9da3af !important;
  opacity: 1 !important;
}

.woocommerce-checkout .woocommerce-additional-fields textarea {
  border: 1.22951px solid #eaeaea !important;
  border-radius: 10px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 19px !important;
  color: #000 !important;
}

.woocommerce-checkout .woocommerce-additional-fields textarea:focus {
  border-color: #eaeaea !important;
}

.woocommerce-checkout .woocommerce-additional-fields textarea::placeholder {
  color: #9da3af !important;
  opacity: 1 !important;
}

.woocommerce-checkout .woocommerce-billing-fields span.select2-selection {
  border: 1.22951px solid #eaeaea !important;
  /*background: #EAEAEA !important;*/
  border-radius: 10px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 19px !important;
  color: #000 !important;
}

.woocommerce-checkout div#order_review {
  background: #ffffff;
  box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 30px 20px;
}

.woocommerce-checkout div#order_review .order-summary-title {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 56px;
  color: #4ba0ff;
}

.woocommerce-checkout-review-order-table thead {
  display: none;
}

.woocommerce-checkout-review-order-table tbody td {
  border: none !important;
}

.woocommerce-checkout-review-order-table tfoot tr td {
  border: none !important;
}

/* ---- Custom CWOS order summary styles ---- */

/* Plan name row: bold product name, small period label below */
.woocommerce-checkout-review-order-table .cwos-plan-row .product-name strong {
  font-size: 15px;
  font-weight: 600;
  color: #252525;
  display: block;
}

.woocommerce-checkout-review-order-table span.cwos-period-label {
  font-size: 13px;
  color: #888;
  font-weight: 400;
  text-transform: capitalize;
}

/* "Add Ons" section heading row */
.woocommerce-checkout-review-order-table .cwos-addons-heading-row td {
  padding-top: 14px !important;
  padding-bottom: 4px !important;
  border: none !important;
}

.woocommerce-checkout-review-order-table .cwos-addons-heading {
  font-size: 15px;
  font-weight: 700;
  color: #e8703a;
}

/* Individual add-on rows */
.woocommerce-checkout-review-order-table .cwos-addon-item-row td {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  border: none !important;
  font-size: 14px;
  color: #252525;
}

/* Total row: blue label and amount, gray background */
.woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce-checkout-review-order-table tfoot tr.order-total td {
  color: #4ba0ff !important;
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.04);
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  border-top: none !important;
}

.woocommerce-checkout-review-order-table tfoot tr.order-total td .woocommerce-Price-amount {
  color: #4ba0ff !important;
  font-weight: 700;
}

/* Remove the default "Subscription Add-ons" row styling if it slips through */
.woocommerce-checkout-review-order-table tfoot tr.cwos-addon-total {
  display: none !important;
}

.woocommerce-checkout .wc-block-checkout__form label {
     display: none; 
}

.woocommerce-checkout .wc-block-checkout__form input[type="text"],
.woocommerce-checkout .wc-block-checkout__form input[type="email"],
.woocommerce-checkout .wc-block-checkout__form input[type="tel"] {
  border: 1.22951px solid #eaeaea !important;
  /*background: #EAEAEA !important;*/
  border-radius: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  padding: 8px 9px 8px !important;
}

.woocommerce-checkout .wc-block-checkout__form input[type="text"]::placeholder,
.woocommerce-checkout .wc-block-checkout__form input[type="tel"]::placeholder,
.woocommerce-checkout .wc-block-checkout__form input[type="email"]::placeholder,
.woocommerce-checkout .wc-block-checkout__form input[type="password"]::placeholder {
  color: #9da3af !important;
  opacity: 1 !important;
}

.woocommerce-checkout .wc-block-checkout__form select {
  border: 1.22951px solid #eaeaea;
  /*background: #EAEAEA !important;*/
  border-radius: 10px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  padding: 8px 9px 8px !important;
}

.woocommerce-checkout .wc-block-checkout__form .wc-block-components-text-input.has-error input[type="text"],
.woocommerce-checkout .wc-block-checkout__form .wc-block-components-text-input.has-error input[type="email"],
.woocommerce-checkout .wc-block-checkout__form .wc-block-components-text-input.has-error input[type="tel"] {
  border: 1px solid #cc1818 !important;
}

span.wc-block-components-address-form__address_2-toggle {
  color: #4ba0ff;
  font-size: 16px;
}

.woocommerce-checkout .wc-block-checkout__form .wc-block-components-checkout-place-order-button {
  background-color: #4ba0ff !important;
  border-radius: 10px !important;
  width: 226px !important;
  height: 50px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 15px !important;
  transition: all ease 0.3s !important;
  margin-top: 25px !important;
  border: 0px;
}

.woocommerce-checkout .wc-block-checkout__form .wc-block-components-checkout-place-order-button:hover {
  transform: translateY(-10px) !important;
  background-color: #2386f4 !important;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25) !important;
}

.woocommerce-checkout .wc-block-checkout__form .wc-block-components-checkout-return-to-cart-button {
  background-color: #4ba0ff !important;
  border-radius: 10px !important;
  width: 206px !important;
  height: 50px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 15px !important;
  transition: all ease 0.3s !important;
  margin-top: 25px !important;
  border: 0px;
}

.woocommerce-checkout .wc-block-checkout__form .wc-block-components-checkout-return-to-cart-button svg {
  left: 30px;
}

.woocommerce-checkout .wc-block-checkout__form .wc-block-components-checkout-return-to-cart-button:hover {
  transform: translateY(-10px) !important;
  background-color: #2386f4 !important;
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25) !important;
}

.wp-block-woocommerce-checkout-order-summary-block {
  background: #ffffff;
  box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 30px 20px;
  border: none;
}

.wc-block-components-checkout-order-summary__title {
  margin-top: 0px !important;
  margin-bottom: 30px;
}

.wc-block-components-checkout-order-summary__title-text {
  font-family: "Anek Bangla" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 30px !important;
  line-height: 30px !important;
  color: #4ba0ff !important;
}

.wc-block-components-radio-control-accordion-option {
  box-shadow: none !important;
  border: 0px !important;
}

.wc-block-components-order-summary-item__image {
  display: none !important;
}

.wc-block-components-order-summary.is-large {
  padding: 0px !important;
}

span.wc-block-components-address-card__edit {
  background-color: #4ba0ff !important;
  border-radius: 10px !important;
  width: 100px !important;
  height: 38px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 16px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 15px !important;
  transition: all ease 0.3s !important;
  border: 0px;
}

span.wc-block-components-address-card__edit {
  text-decoration: none !important;
}

.wc-block-components-order-summary-item__description {
  padding: 0 !important;
}

.wc-block-components-order-summary-item__description h3.wc-block-components-product-name {
  font-style: normal;
  font-weight: 500;
  font-family: "Roboto" !important;
  line-height: 23px;
  display: flex;
  color: #000000;
  font-size: 20px;
}

.wc-block-components-order-summary-item__description .wc-block-components-product-price,
.wc-block-cart-item__prices {
  display: none !important;
}

.wc-block-components-order-summary-item__total-price .wc-block-components-formatted-money-amount {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #000000;
}

.wp-block-woocommerce-checkout-order-summary-totals-block {
  border: none;
  padding: 0px 0px 15px;

}

/* Hide short description inside blocks order summary (suppressed by PHP in REST; CSS as fallback) */
.wc-block-components-product-metadata__description {
  display: none !important;
}

/* ---- Blocks order summary: product-details layout ---- */
/* Stack each detail entry as its own row */
.wc-block-components-product-details {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.wc-block-components-product-details>span {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
}

/* Hide the " / " inline separator between entries */
.wc-block-components-product-details>span>span[aria-hidden="true"] {
  display: none !important;
}

/* ---- Period label (e.g. "Monthly") ---- */
.cwos-period-detail {
  margin-top: 2px !important;
}

.cwos-period-detail .wc-block-components-product-details__value {
  font-size: 13px;
  color: #888888;
  font-weight: 400;
  text-transform: capitalize;
}

/* ---- "Add Ons" heading entry ---- */
.cwos-addons-heading-detail {
  margin-top: 14px !important;
  margin-bottom: 4px !important;
  pointer-events: none;
}

.cwos-addons-heading-detail .wc-block-components-product-details__value {
  color: #e8703a !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  font-family: "Roboto", sans-serif;
}

/* ---- Individual add-on rows ---- */
.cwos-addon-detail {
  font-size: 14px !important;
  color: #252525 !important;
}

.cwos-addon-detail .wc-block-components-product-details__name {
  font-weight: 400;
}

.cwos-addon-detail .wc-block-components-product-details__value {
  font-weight: 500;
  color: #252525;
}

.wc-block-components-totals-item {
  padding: 0 !important;
}

.ywsbs-recurring-totals-items {
  border: 0;
  background: #f5f5f5;
  border-radius: 0px 0px 10px 10px;
}

.wc-block-components-totals-wrapper {
  border: none;
}

span.wc-block-components-totals-item__label {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}

.wc-block-components-totals-footer-item span.wc-block-components-totals-item__label {
  color: #4ba0ff;
}

.ywsbs-recurring-totals-items {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}

.wc-block-components-formatted-money-amount {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}

.wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount {
  color: #4ba0ff;
}

.wc-block-components-totals-footer-item {
  /*padding-left: 15px !important;*/
  /*padding-right: 15px !important;*/
}

.wc-block-components-radio-control--highlight-checked:after {
  border: none !important;
}

ul.woocommerce-error::before,
ul.woocommerce-error::before {
  display: none !important;
  background-color: #f5f5f5 !important;
}

h2.cwos-subscription-detail__title {
  margin-top: 15px;
}

.cwos-subscription-detail__actions {
  /* display: flex;
  gap: 10px; */
  margin-top: 30px;
}



div#radio-control-wc-payment-method-options-cwos_clover__content {
    padding: 0;
}


.woocommerce table.my_account_orders .button {
    background: #4ba0ff;
    border-radius: 10px;
    padding: 12px 30px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #ffffff;
    position: relative;
    margin: 0px;
}
.woocommerce table.my_account_orders .button:hover {
    transform: translateY(-10px);
    background: #2386f4;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);

}

button.button.cwos-cancel-btn {
    background: #4ba0ff;
    border-radius: 10px;
    padding: 15px 30px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #ffffff;
    position: relative;
    transition: 0.5s ease !important;
}

button.button.cwos-cancel-btn:hover {
    transform: translateY(-10px);
    background: #2386f4;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);

}


.wc-block-components-totals-item {
    margin-bottom: 15px;
}

.wp-block-woocommerce-checkout-terms-block span {
    font-size: 14px;
    color: #9DA3AF;
}

.wp-block-woocommerce-checkout-terms-block span .black_txt {
    color: #000;
}


.wc-block-components-form .wc-block-components-checkout-step {
    margin: 0;
}


p.woocommerce-thankyou-order-received {
    margin-bottom: 20px !important;
}



.woocommerce ul.order_details {
    margin-bottom: 20px;
}


.woocommerce ul.order_details li {
    margin-bottom: 15px;
}


/* .cwos-subscription-detail__actions>a {
  color: #fff !important;
} */

@media (max-width: 1250px) {
  .custom-reset-message p.reset-text {
    width: 100%;
  }

  .woocommerce-MyAccount-content .custom-dashboard h2.dashboard-greeting {
    font-size: 32px;
  }

  .woocommerce-MyAccount-content .custom-dashboard p.dashboard-text {
    font-size: 16px;
    line-height: 26px;
  }
  
  .wc-block-components-order-summary-item__description h3.wc-block-components-product-name {
    font-size: 16px;
}

.wc-block-components-order-summary-item__total-price .wc-block-components-formatted-money-amount {
    font-size: 16px;
}

.wp-block-woocommerce-checkout-order-summary-fee-block:has(.wc-block-components-totals-fees)::before {
    font-size: 20px;
}

.wc-block-components-totals-fees .wc-block-components-totals-item__label {
    font-size: 16px;
}

.wc-block-components-totals-fees .wc-block-components-totals-item__value {
    font-size: 16px;
}



.wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-totals-footer-item__label {
    font-size: 18px;
}


}

@media (max-width: 991px) {
  section.banner-sec {
    margin-top: 100px;
    padding: 50px 0;
  }

  section.main-section {
    padding: 50px 0;
  }

  .custom-reset-message p.reset-text {
    font-size: 16px;
    line-height: 26px;
  }

  .woocommerce-message .custom-successfull-reset-message {
    padding: 20px;
  }

  .custom-successfull-reset-message h2.reset-heading {
    font-size: 28px;
    line-height: 40px;
  }

  .woocommerce-MyAccount-content .custom-dashboard .dashboard-image img {
    width: 28%;
  }

  nav.woocommerce-MyAccount-navigation ul li a {
    padding: 15px;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation {
    padding: 10px;
  }
}

@media (max-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-content {
    margin-top: 20px;
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .custom-reset-message h2.reset-heading {
    font-size: 26px;
    line-height: 40px;
  }

  .woocommerce-message .custom-reset-message {
    padding: 20px;
  }

  form.lost_reset_password {
    padding: 20px;
  }

  .woocommerce-message .custom-successfull-reset-message {
    padding: 0;
  }

  .woocommerce-edit-address header.woocommerce-Address-title.title {
    justify-content: center;
    text-align: center;
    flex-direction: column;
  }

  .woocommerce-Address address {
    text-align: center;
  }

  .woocommerce-edit-address .woocommerce-notices-wrapper+p {
    text-align: center;
    font-size: 14px;
    padding: 10px;
  }
  
  .woocommerce ul.order_details li {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    border: 0px;
}

.woocommerce ul.order_details li strong {
    font-size: 12px;
}
	
	
	.error-404.not-found h1 {
    font-size: 100px;
}

}

@media (max-width: 575px) {
  .banner-sec h1 {
    font-size: 28px;
    line-height: 40px;
  }

  form.lost_reset_password p br {
    display: block !important;
  }

  .lost_reset_password .lost-pass-heading {
    font-size: 26px;
    line-height: 50px;
  }

  span.breadcrumb-separator {
    padding: 0px 4px;
  }

  .yoast-breadcrumbs a {
    font-size: 14px;
  }

  .yoast-breadcrumbs span.breadcrumb-current {
    font-size: 14px;
  }

  .yoast-breadcrumbs span.breadcrumb-current.active {
    font-size: 14px;
  }

  .custom-reset-message h2.reset-heading {
    line-height: 34px;
  }

  .custom-successfull-reset-message h2.reset-heading {
    font-size: 26px;
    line-height: 36px;
  }

  .woocommerce-edit-address header.woocommerce-Address-title.title h2 {
    font-size: 26px;
    line-height: 36px;
  }
  
    .woocommerce-form-login p.woocommerce-LostPassword.lost_password {
    left: 0;
    bottom: 85px;
  }
  
    form.woocommerce-form-login.login p:nth-child(4) {
    row-gap: 35px;
  }
  
    form.woocommerce-form-login.login p:nth-child(4)::before,
  form.woocommerce-form-login.login p:nth-child(4)::after {
    display: none !important;
  }
  
    .woocommerce-form-login p.woocommerce-LostPassword.lost_password a {
    font-size: 14px;
  }
  
  .woocommerce-form-login .woocommerce-form-login__submit {
    margin-top: 30px !important;
}


.cwos-subscription-detail__actions {
    text-align: center;
}


.browse_plans_btn {
    text-align: center;
}
  
}




.password-input input[type="password"],
.password-input input[type="text"] {
    width: 100%;
    padding-right: 40px !important; /* button ke liye extra space */
    box-sizing: border-box !important;
}


.wc-block-components-order-summary .wc-block-components-order-summary-item__total-price {
    padding-top: 0px;
    margin-top: -3px;
}


.wc-block-components-checkout-order-summary__content > .wp-block-woocommerce-checkout-order-summary-cart-items-block {
    background: unset !important;
    border-radius: unset !important;
    padding: unset !important;
    margin: 0 !important;
    border-top: none !important;
}


.wc-block-components-address-card {
    flex-direction: column;
}

span.wc-block-components-address-card__edit {
    margin-left: 0;
    margin-top: 20px;
}

p.checkout-email-note {
    margin-bottom: 10px !important;
}


.cwos-order-details .col-1 {
    flex: 0 0 100%;
    max-width: 100%;
}

.browse_plans_btn a {
    background: #4ba0ff;
    border-radius: 10px;
    padding: 12px 30px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #ffffff !important;
    position: relative;
    margin: 0px;
}

.browse_plans_btn a:hover {
    transform: translateY(-10px);
    background: #2386f4;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.25);
}