@charset "utf-8";

/* ___________________ Header Starts _______________________*/
.navbar-default{ padding:0; margin:0; background:none; border:none; display: block; }
.stellarnav{ transition:all 0.3s ease-in-out; }

/*-- Moblie Menu 1 --*/
.stellarnav .menu-toggle span.bars span { width: 35px; height: 2px; background-color: #fff; display: block; margin: 8px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.stellarnav.active .bars span:nth-child(2){ opacity:0; }
.stellarnav.active .bars span:nth-child(1){
  -webkit-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg); }
.stellarnav.active .bars span:nth-child(3){
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg); }

.navbar-default{ border-bottom: 1px solid #e9e9e9; background-color: #F9F9F9;}
.navbar-default .main-block{ display: flex; align-items: center;}
.stellarnav.dark{ background-color: transparent; }
.stellarnav.dark a{ color: var(--Dark-color) !important; font-family: var(--tertiary-font);}
.stellarnav > ul > li.active > a::after{ content: ''; width: 12px; aspect-ratio: 1/1; background-color: var(--primary-color); border-radius: 50%; position: absolute; left: 50%; bottom: -6px; transform: translateX(-50%);}
.stellarnav > ul > li > a{ padding: 40px 10px; position: relative;}
.navbar-default .btn-group{ display: flex; align-items: center; gap: 20px;}
.navbar-default .btn-group a{color: var(--Dark-color) ; font-family: var(--tertiary-font); transition: 0.3s ease-in-out;}
.navbar-default .btn-group a:hover{ color: var(--primary-color); transition: 0.3s ease-in-out;}
/* ___________________ Header end _______________________*/


/* ___________________ Home banner section start _______________________*/
.home-banner-section { background-color: #f9f9f9; padding-block: clamp(41px, 4.688vw, 90px);}
.home-banner-section .content-block { background-color: #F3F5F4; padding: clamp(25px, 2.604vw, 50px); border-radius: clamp(30px, 3.125vw, 60px);}
.home-banner-section .content-block .title-1{ padding-bottom: clamp(11px, 0.833vw, 16px);}
.home-banner-section .content-block [class^="title-"]{ padding-bottom: clamp(18px, 1.823vw, 35px);}
.home-banner-section .content-block p{ font-size: var(--hs-font-size-18); font-weight: 500; padding-bottom: clamp(18px, 1.823vw, 35px);}
.home-banner-section .content-block .common-list-green ul{ padding-bottom: clamp(18px, 1.823vw, 35px);}
.home-banner-section .image-block .img-wrapper{ padding-top: clamp(15px, 1.563vw, 30px); height: 225px;}
.home-banner-section .image-block .img-wrapper img{ border-radius: clamp(15px, 1.563vw, 30px); object-position: top;}
.home-banner-section .video-block{ height: 100%;}
.home-banner-section .video-block video{ border-radius: clamp(30px, 3.125vw, 60px);}
/* ___________________ Home banner section end _______________________*/


/* ___________________ about-us-section-widget start _______________________*/
.about-us-section-widget{ padding-block: clamp(20px, 4.688vw, 90px);}
.about-us-section-widget .content-wrapper{ padding-left: clamp(23px, 2.344vw, 45px);}
.about-us-section-widget .content-wrapper .title-2,
.about-us-section-widget .content-wrapper p,
.about-us-section-widget .content-wrapper .sub-title,
.about-us-section-widget .vission-mission h5{ margin-bottom: clamp(14px, 1.042vw, 20px);}
.about-us-section-widget .content-wrapper p{ line-height: 1.69;}
.about-us-section-widget .vission-mission{ padding-block: clamp(18px, 1.823vw, 35px); border-block: 1px solid #E9E9E9; margin-bottom: clamp(20px, 2.083vw, 40px);}
.about-us-section-widget .vission-mission h5{ font-size: var(--hs-font-size-22); font-family: var(--secondary-font); font-weight: 700;}
.about-us-section-widget .btn-group{ display: flex; gap: clamp(14px, 1.042vw, 20px);}
/* ___________________ about-us-section-widget end _______________________*/


/* ___________________ How its work section start _______________________*/
.how-its-work-section{ padding-block: clamp(20px, 4.688vw, 90px);}
.how-its-work-section .head-wrapper [class^="col-"]:has([class^="primary-btn-"]){ display: flex; justify-content: end;}
.how-its-work-section .box-container{ padding-top: clamp(43px, 4.948vw, 95px);}
.how-its-work-section .box-container .box { background-color: var(--light-blue-color); padding: clamp(30px, 3.125vw, 60px); padding-left: clamp(32px, 3.646vw, 70px); border-radius: clamp(14px, 1.042vw, 20px); position:sticky; top:0;}
.how-its-work-section .box-container .box + .box{ margin-top: clamp(23px, 2.344vw, 45px);}
.how-its-work-section .box-container .box:nth-child(even){ background-color: var(--light-ash-color);}
.how-its-work-section .box-container .box .content-block .box-number{ background-color: var(--light-color); display: inline-block; height: 30px; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; border-radius: 6px; font-size: var(--hs-font-size-20);  font-family: var(--secondary-font); margin-bottom: clamp(15px, 1.563vw, 30px);}
.how-its-work-section .box-container .box .content-block h3{ font-size: var(--hs-font-size-38); padding-bottom: clamp(21px, 2.188vw, 42px); line-height: 1.05; font-family: var(--secondary-font);}
.how-its-work-section .box-container .box .content-block p{ line-height: 1.76; font-size: var(--hs-font-size-17);}
.how-its-work-section .box-container .box .content-block p:has(+ *){padding-bottom: clamp(19px, 1.927vw, 37px);}
.how-its-work-section .box-container .box .img-block { height: 100%;}
.how-its-work-section .box-container .box .img-block img{ border-radius: clamp(14px, 1.042vw, 20px);}
/* ___________________ How its work section end _______________________*/


/* ___________________ Price plan section  start _______________________*/
.price-plan-section { padding-bottom: clamp(41px, 4.688vw, 90px);}
.price-plan-section .main-block .title-2{ padding-block: clamp(0px, 1.927vw, 37px) clamp(41px, 4.688vw, 90px);}
.price-plan-section .main-block .row{ --bs-gutter-y:clamp(21px, 1.563vw, 30px);}
.price-plan-section .box-container .box{ border: 1px solid #EEEDED; border-radius: clamp(14px, 1.042vw, 20px); padding: clamp(20px, 2.083vw, 40px);}
.price-plan-section .box-container .box .price{ font-size: var(--hs-font-size-48); padding-bottom: clamp(15px, 1.563vw, 30px); font-family: var(--secondary-font); line-height: 1.05; transition: 0.3s ease-in-out;}
.price-plan-section .box-container .box .price span{ font-family: var(--primary-font); font-size: var(--hs-font-size-17); font-weight: 700; color: #767676; transition: 0.3s ease-in-out;}
.price-plan-section .box-container .box .plan-name{ color: var(--primary-color); padding-bottom: clamp(14px, 1.042vw, 20px); line-height: 1.05; font-size: var(--hs-font-size-26); transition: 0.3s ease-in-out;}
.price-plan-section .box-container .box p{ padding-bottom: clamp(16px, 1.667vw, 32px); line-height: 1.88;}
.price-plan-section .box-container .box a{ margin-bottom: clamp(24px, 2.448vw, 47px); display: block; text-align: center; transition: 0.3s ease-in-out;}
.price-plan-section .box-container .box .common-list-green ul{ gap: clamp(11px, 0.781vw, 15px);}
.price-plan-section .box-container .box .common-list-green ul li a{ font-weight: 600;}
.price-plan-section .box-container .box:hover{ background-color: var(--primary-color); color: var(--light-color); transition: 0.3s ease-in-out;}
.price-plan-section .box-container .box:hover .price span{ color: var(--light-color); transition: 0.3s ease-in-out;}
.price-plan-section .box-container .box:hover .plan-name{ color: var(--light-color); transition: 0.3s ease-in-out;}
.price-plan-section .box-container .box:hover a{ background-color: var(--light-color); color: var(--Dark-color) !important; transition: 0.3s ease-in-out;}
.price-plan-section .box-container .box:hover .common-list-green ul li::before{ color: var(--light-color); transition: 0.3s ease-in-out;}
/* ___________________ Price plan section  end _______________________*/


/* ___________________ book appointment section widget start _______________________*/
.book-appointment-section-widget{ margin-block: clamp(56px, 7.292vw, 140px) clamp(41px, 4.688vw, 90px); color: var(--light-color);}
.book-appointment-section-widget .main-block{  background-color: var(--secondary-color); background-image: url('../images/book-widget-texture.png'); background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: clamp(15px, 1.563vw, 30px);}
.book-appointment-section-widget .content-block{ padding: clamp(23px, 2.344vw, 45px) 0 clamp(30px, 3.125vw, 60px) 0;}
.book-appointment-section-widget .content-block .sub-title-live-green{ margin-bottom: clamp(13px, 1.302vw, 25px);}
.book-appointment-section-widget .content-block .title-2{ max-width: 490px; padding-bottom: clamp(15px, 1.563vw, 30px);}
.book-appointment-section-widget .content-block p{ max-width: 410px; padding-bottom: clamp(20px, 2.083vw, 40px);}
.book-appointment-section-widget [class^="col-"]:has(.img-block){ position: relative;}
.book-appointment-section-widget [class^="col-"] .img-block{ position: absolute; max-width: 418px; bottom: 0; left: 50%; transform: translateX(-50%);}
/* ___________________ book appointment section widget end _______________________*/


/* ___________________ Testimonials section start _______________________*/
.testmonials-section-widget{ padding-bottom: clamp(41px, 4.688vw, 90px);}
.testmonials-section-widget .head-wrapper{ padding-bottom: clamp(28px, 2.865vw, 55px);}
.testmonials-section-widget .head-wrapper .sub-title-green{ margin-bottom: clamp(15px, 1.563vw, 30px); }
.testmonials-section-widget .head-wrapper [class^="col-"]:has(.btn-group){ justify-content: end; display: flex;}
.testmonials-section-widget .head-wrapper .btn-group{ display: flex; gap: clamp(12px, 0.885vw, 17px);}
.testmonials-section-widget .head-wrapper .btn-group button{ background-color: var(--light-color); border: 2px solid var(--primary-color); height: 30px; aspect-ratio: 1/1; color: var(--primary-color); border-radius: 6px; transition: 0.2s ease-in-out;}
.testmonials-section-widget .head-wrapper .btn-group button:hover{ background-color: var(--primary-color); color: var(--light-color); transition: 0.2s ease-in-out;}
.testmonials-section-widget .testimonials-slider .single-slide{ box-shadow: 0px 12px 42px 0px rgba(0, 0, 0, 0.07); margin-inline: clamp(12px, 0.885vw, 17px); padding: clamp(15px, 1.563vw, 30px); border-radius: clamp(14px, 1.042vw, 20px); border: 1px solid #EEEEEE;}
.testmonials-section-widget .testimonials-slider .single-slide .img-wrapper{ height: 270px; width: 100%;}
.testmonials-section-widget .testimonials-slider .single-slide .img-wrapper img{ border-radius: 10px;}
.testmonials-section-widget .testimonials-slider .single-slide p{max-width: 430px; padding-bottom: clamp(20px, 4.010vw, 77px);}
.testmonials-section-widget .testimonials-slider .single-slide .author h4{ font-family: var(--secondary-font); font-size: var(--hs-font-size-20); line-height: 1.05; font-weight: 700; padding-bottom: 10px;}
.testmonials-section-widget .testimonials-slider .single-slide .author h5{ font-family: var(--secondary-font); font-size: var(--hs-font-size-18); line-height: 1.05; font-weight: 400;}
.testmonials-section-widget .testimonials-slider .slick-slide > div{ padding:clamp(15px, 1.563vw, 30px) 0; }
.testmonials-section-widget .testimonials-slider .slick-dots{ display: flex; justify-content: center; gap: 10px;}
.testmonials-section-widget .testimonials-slider .slick-dots li button{ font-size: 0 ; height: 12px; aspect-ratio: 1/1; border-radius: 50%; background-color: #929292; border: none;}
.testmonials-section-widget .testimonials-slider .slick-dots li.slick-active button{ width: 30px; background-color: var(--primary-color); border-radius: 6px;}
.testmonials-section-widget .testimonials-slider{ position: relative;}
.testmonials-section-widget .testimonials-slider::before{ content: ''; height: 100%; width: 25%; background-color: black; position: absolute; top: 0; left: 0; z-index: 999; background: #ffffff; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}
.testmonials-section-widget .testimonials-slider::after{ content: ''; height: 100%; width: 25%; position: absolute; top: 0; right: 0; z-index: 999; background: #ffffff; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
/* ___________________ Testimonials section start _______________________*/


/* ___________________ faq section widget start _______________________*/
.faq-section-widget{ background-size: cover; background-position: center; background-repeat: no-repeat; color: var(--light-color); padding-block: clamp(34px, 3.906vw, 75px);}
.faq-section-widget .sub-title-green{ color: var(--light-color); margin-bottom: clamp(14px, 1.042vw, 20px);}
.faq-section-widget .title-2{ padding-bottom: clamp(25px, 2.604vw, 50px);}
.faq-section-widget .details-box{ background: #00000041; backdrop-filter: 10px; display: inline-block; padding: clamp(15px, 1.563vw, 30px); border-radius: clamp(14px, 1.042vw, 20px); border: 1px solid #858585;}
.faq-section-widget .details-box .img-wrapper{ margin-bottom: clamp(25px, 2.604vw, 50px);}
.faq-section-widget .details-box h5{ padding-bottom: clamp(14px, 1.042vw, 20px); line-height: 1.05; font-size: var(--hs-font-size-28); font-family: var(--secondary-font);}
.faq-section-widget .details-box a{ color: var(--light-color); font-size: var(--hs-font-size-22)}
.faq-section-widget .details-box  i{ margin-right: clamp(11px, 0.781vw, 15px);}
.faq-section-widget .accordion-item{ background-color: transparent; color: var(--light-color); border: none;}
.faq-section-widget .accordion-button:not(.collapsed),
.faq-section-widget .accordion-button{ background: transparent; color: var(--light-color); border-radius: 0 !important;}
.faq-section-widget .accordion-button:focus{  box-shadow: none;}
.faq-section-widget .accordion-button:not(.collapsed), .accordion-button{ border-bottom: 1px solid #ffffff1a;}
.faq-section-widget .accordion-button:not(.collapsed){ box-shadow: none;}
.faq-section-widget .accordion-button{ font-size: var(--hs-font-size-20); line-height: 1.05; font-family: var(--secondary-font); font-weight: 700; padding-block: clamp(14px, 1.042vw, 20px);}
.faq-section-widget .accordion-body{ padding-block: clamp(15px, 1.563vw, 30px) clamp(11px, 0.781vw, 15px);}
.faq-section-widget .accordion-button:not(.collapsed)::after{ background-image: url('../images/minus.png');}
.faq-section-widget .accordion-button::after{ background-image: url('../images/plus.png');}
/* ___________________ faq section widget end _______________________*/


/* ___________________ appointment-section-widget start_______________________*/
.appointment-section-widget{ padding-block: clamp(52px, 6.771vw, 130px) 0; position: relative;}
.appointment-section-widget::before{ content: ''; width: 100%; height: 36.5%; position: absolute; bottom: 0; left: 0; background-color: var(--primary-color); z-index: -1;}
.appointment-section-widget .main-block .contact-box{ box-shadow: 0px -12px 42px 0px rgba(0, 0, 0, 0.07); background-color: var(--light-color); border-radius: clamp(20px, 2.083vw, 40px); border: 1px solid #E1E1E1; padding: clamp(20px, 4.010vw, 77px); }
.appointment-section-widget .main-block .contact-box .row{ --bs-gutter-y: clamp(21px, 1.563vw, 30px);}
.appointment-section-widget .main-block .contact-box .form-wrapper .row{ --bs-gutter-y: clamp(14px, 1.406vw, 27px);}
.appointment-section-widget .main-block .contact-box .form-wrapper .form-control{ padding: clamp(13px, 0.938vw, 18px); border: 1px solid #EEEDED; border-radius: 10px !important;}
.appointment-section-widget .main-block .contact-box .form-wrapper .form-control:focus{ box-shadow: none; outline: 1px solid var( --primary-color); font-size: var(--hs-font-size-18);}
.appointment-section-widget .main-block .contact-box .form-wrapper .form-control::placeholder{ color: #7E7E7E;}
.appointment-section-widget .main-block .contact-box .form-wrapper .primary-btn-solid{ border: none;}
.appointment-section-widget .main-block .contact-box .details-wrapper .sub-title-green{ margin-bottom: clamp(12px, 1.250vw, 24px);}
.appointment-section-widget .main-block .contact-box .details-wrapper .title-2{ padding-bottom: clamp(15px, 1.563vw, 30px);}
.appointment-section-widget .main-block .contact-box .details-wrapper p{ line-height: 1.67; font-size: var(--hs-font-size-18);}
.appointment-section-widget .main-block .contact-box .details-wrapper ul li{ display: flex; gap: clamp(15px, 1.563vw, 30px); padding-block: clamp(15px, 1.563vw, 30px); border-bottom: 1px solid #E3E3E3; align-items: center;}
.appointment-section-widget .main-block .contact-box .details-wrapper ul li .icon-wrapper{ width: clamp(30px, 3.125vw, 60px);}
.appointment-section-widget .main-block .contact-box .details-wrapper ul li .icon-wrapper img{ width: 100%; height: auto;}
.appointment-section-widget .main-block .contact-box .details-wrapper ul li:last-child{ padding-bottom: 0 !important; border: none !important;}
.appointment-section-widget .main-block .contact-box .details-wrapper ul li h5{ font-size: var(--hs-font-size-22); font-family: var(--secondary-font); line-height: 1.05; padding-bottom: 12px; font-weight: 700;}
.appointment-section-widget .main-block .contact-box .details-wrapper ul li a{ font-size: var(--hs-font-size-20); color: var(--Dark-color);}
.appointment-section-widget .main-block .bottom-block{ display: flex; justify-content: space-between; padding-block: clamp(32px, 3.646vw, 70px) clamp(30px, 3.125vw, 60px); color: var(--light-color);}
/* ___________________ appointment-section-widget end _______________________*/


/* ___________________ footer section start_______________________*/
footer .top .row{ --bs-gutter-y:clamp(21px, 1.563vw, 30px);}
footer .top{ padding-block: clamp(34px, 3.906vw, 75px) clamp(32px, 3.646vw, 70px);}
footer .top .left-box .logo-wrapper{ margin-bottom: clamp(20px, 2.083vw, 40px); max-width: 260px;}
footer .top .left-box .title-2{ padding-bottom: clamp(25px, 2.604vw, 50px); }
footer .top .left-box ul{ display: flex; gap: clamp(25px, 2.604vw, 50px);}
footer .top .left-box ul li h4{ font-size: var(--hs-font-size-18); line-height: 1.05; padding-bottom: clamp(11px, 0.781vw, 15px);}
footer .top .left-box ul li a{ font-size: var(--hs-font-size-26); font-weight: 700; line-height: 1.05; color: var(--Dark-color); font-family: var(--secondary-font); transition: 0.3s ease-in-out;}
footer .top .left-box ul li a:hover{ color: var(--primary-color); transition: 0.3s  ease-in-out;}
footer .top .right-box h3{ font-size: var(--hs-font-size-30); line-height: 1.05; font-family: var(--secondary-font); padding-bottom: clamp(13px, 1.302vw, 25px); font-weight: 700;}
footer .top .right-box p{ font-size: var(--hs-font-size-18); padding-bottom: clamp(20px, 2.083vw, 40px);}
footer .top .right-box ul{ display: flex; gap: clamp(11px, 0.833vw, 16px);}
footer .top .right-box ul li a{ height: 35px; aspect-ratio: 1/1; display: flex; justify-content: center; align-items: center; border-radius: 50%; border: 1px solid var(--primary-color); color: var(--primary-color); transition: 0.3s ease-in-out;}
footer .top .right-box ul li a:hover{ background-color: var(--primary-color); color: var(--light-color); transition: 0.3s ease-in-out;}
footer .bottom{ display: flex; justify-content: space-between; padding-block: 35px; border-top: 1px solid #E1E1E1;}
footer .bottom ul{ display: flex; gap: clamp(14px, 1.042vw, 20px);}
footer .bottom ul li a{ color: var(--Dark-color); transition: 0.3s ease-in-out;}
footer .bottom ul li a:hover{ color: var(--primary-color);}
footer .bottom ul li.active a{ color: var(--primary-color);}
/* ___________________ footer section end_______________________*/


/*____________________________________________
                Inner Page Css
______________________________________________*/

/* ___________________ inner banner section start_______________________*/
.inner-banner-secton { background-size: cover; background-position: center; background-repeat: no-repeat; }
.inner-banner-secton .inner-banner-content{ padding-block: clamp(50px, 10.417vw, 200px); color: var(--light-color);}
.inner-banner-secton .inner-banner-content h1{ font-size: var(--hs-font-size-80); line-height: 1.05; padding-bottom: clamp(18px, 1.823vw, 35px); font-family: var(--secondary-font);}
.inner-banner-secton .inner-banner-content ul{ display: flex; gap: clamp(10px, 0.729vw, 14px);}
.inner-banner-secton .inner-banner-content ul li{ font-size: var(--hs-font-size-20); line-height: 1.05; font-weight: 500;}
.inner-banner-secton .inner-banner-content ul li a{ color: var(--light-color);}
.inner-banner-secton .navbar-default{ background-color: transparent;}
.inner-banner-secton .navbar-default .btn-group a,
.inner-banner-secton .navbar-default .btn-group span,
.inner-banner-secton .navbar-default .stellarnav.dark li a{ color: var(--light-color) !important;}
.inner-banner-secton .navbar-default{ border-bottom: 1px solid #e9e9e940;}
/* ___________________ inner banner section end_______________________*/


/* ___________________ our approach section widget start_______________________*/
.our-approach-section-widget{ padding-block: clamp(45px, 5.208vw, 100px); background-color: var(--extra-light-ash-color);}
.our-approach-section-widget .left-box .title-2{ padding-block: clamp(20px, 2.083vw, 40px);}
.our-approach-section-widget .left-box hr{ margin: 0; margin-block: clamp(25px, 2.604vw, 50px) clamp(23px, 2.344vw, 45px);}
.our-approach-section-widget .right-box{ height: 100%; width: 100%; position: relative; z-index: 1;}
.our-approach-section-widget .right-box [class^="img-wrapper-"] img{ border-radius: clamp(15px, 1.563vw, 30px);}
.our-approach-section-widget .right-box .img-wrapper-1{ height: clamp(230px, 26.667vw, 512px); aspect-ratio: 1/1; position: absolute; top: 0; right: 0; z-index: 2;}
.our-approach-section-widget .right-box .img-wrapper-2{ height: clamp(115px, 13.281vw, 255px); aspect-ratio: 5 / 3; position: absolute; bottom: 0; left: 0; z-index: 3;}
/* ___________________ our approach section widget start_______________________*/


/* ___________________ why-choose-us-section-widget start_______________________*/
.why-choose-us-section-widget{ padding-block: clamp(50px, 5.729vw, 110px) clamp(45px, 5.208vw, 100px);}
.why-choose-us-section-widget .left-box{ height: 100%;}
.why-choose-us-section-widget [class^="img-wrapper-"]{ height: 100%;}
.why-choose-us-section-widget [class^="img-wrapper-"] img{ border-radius: clamp(15px, 1.563vw, 30px);}
.why-choose-us-section-widget .right-box .sub-title,
.why-choose-us-section-widget .right-box .title-2{ margin-bottom: clamp(15px, 1.563vw, 30px); line-height: 1.05;}
.why-choose-us-section-widget .right-box p{ line-height: 1.875; padding-bottom: clamp(15px, 1.563vw, 30px);}
.why-choose-us-section-widget .right-box .img-and-content-box-wrapper .content-wrapper h5{ font-size: var(--hs-font-size-22); font-weight: 600; font-family: var(--secondary-font); padding-bottom: clamp(13px, 1.302vw, 25px);}
.why-choose-us-section-widget .right-box .img-and-content-box-wrapper .content-wrapper p{ line-height: 1.625; padding-bottom: clamp(14px, 1.042vw, 20px);}
/* ___________________ why-choose-us-section-widget end_______________________*/


/* ___________________ what we do section widget start_______________________*/
.what-we-do-section-widget{ background-color: var(--extra-light-ash-color); padding-block: clamp(45px, 5.208vw, 100px);}
.what-we-do-section-widget .heading{ padding-bottom: clamp(28px, 2.865vw, 55px);}
.what-we-do-section-widget .heading .sub-title{ margin-bottom: clamp(15px, 1.563vw, 30px);}
.what-we-do-section-widget .heading p{ line-height: 1.875;}
.what-we-do-section-widget .video-wraper { height: clamp(200px, 23.177vw, 445px); width: 100%; border-radius: clamp(15px, 1.563vw, 30px); position: relative; overflow: hidden; background-color: #000; transition: 0.3s ease-in-out;}
.what-we-do-section-widget .video-wraper:hover img{ opacity: 70%; transition: 0.3s ease-in-out;}
.what-we-do-section-widget .video-wraper span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: var(--light-color); border-radius: 50%; padding: 5px; display: flex; align-items: center; justify-content: center; z-index: 2; }
.what-we-do-section-widget .video-wraper span i { font-size: clamp(29px, 3.385vw, 65px); color: var(--primary-color); z-index: 3;  }
.what-we-do-section-widget .video-wraper span::before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-color: var(--light-color); animation: pulse 1.5s ease-out infinite; z-index: 1; }
@keyframes pulse { 0% { transform: scale(1); opacity: 0.7; } 70% { transform: scale(1.6); opacity: 0; } 100% { transform: scale(1); opacity: 0; }}
/* ___________________ what we do section widget end_______________________*/


/* ___________________ our benefits section widget start_______________________*/
.our-benefits-section-widget{ padding-block: clamp(45px, 5.208vw, 100px) clamp(30px, 3.125vw, 60px);}
.our-benefits-section-widget .left-box .sub-title{ margin-bottom: clamp(15px, 1.563vw, 30px);}
.our-benefits-section-widget .left-box .title-2{ padding-bottom: clamp(18px, 1.823vw, 35px);}
.our-benefits-section-widget .left-box p {padding-bottom: clamp(15px, 1.563vw, 30px); line-height: 1.875; max-width: 580px;}
.our-benefits-section-widget .left-box .primary-btn-solid {margin-bottom: clamp(19px, 1.979vw, 38px);}
.our-benefits-section-widget .left-box .img-wrapper{ height: 100%;}
.our-benefits-section-widget .left-box .img-wrapper img{ border-radius: clamp(15px, 1.563vw, 30px);}
.our-benefits-section-widget .right-box .box-container .row{--bs-gutter-y: clamp(15px, 1.563vw, 30px);}
.our-benefits-section-widget .right-box .box-container .box{ padding: clamp(15px, 1.563vw, 30px) clamp(13px, 1.302vw, 25px); box-shadow: 0px 16px 28px 0px rgba(34, 34, 34, 0.1); border-radius: clamp(15px, 1.563vw, 30px);}
.our-benefits-section-widget .right-box .box-container .box p{ line-height: 1.5;}
.our-benefits-section-widget .right-box hr{ margin-block: clamp(21px, 2.188vw, 42px) clamp(13px, 1.354vw, 26px);}
/* ___________________ our benefits section widget end_______________________*/


/* ___________________ Why Us section widget start_______________________*/
.why-us-section-widget{ padding-block: clamp(45px, 5.208vw, 100px);}
.why-us-section-widget .top-block { padding-bottom: clamp(15px, 1.563vw, 30px);}
.why-us-section-widget .top-block .sub-title-green{ margin-bottom: clamp(18px, 1.823vw, 35px);}
.why-us-section-widget .top-block .title-2{ padding-bottom: clamp(13px, 1.302vw, 25px); font-weight: 600;}
.why-us-section-widget .top-block  p{ font-size: var(--hs-font-size-20); line-height: 1.75;}
.why-us-section-widget .top-block .img-wrapper{ height: 290px;}
.why-us-section-widget .top-block .img-wrapper img{ border-radius: clamp(15px, 1.563vw, 30px);}
.why-us-section-widget .bottom-block .box{ padding: clamp(17px, 1.771vw, 34px) clamp(15px, 1.563vw, 30px) clamp(22px, 2.240vw, 43px); background-color: var(--extra-light-ash-color); border-radius: 30px;}
.why-us-section-widget .bottom-block .box h5{ padding-bottom: clamp(15px, 1.563vw, 30px); font-size: var(--hs-font-size-24); font-weight: 600; font-family: var(--secondary-font); line-height: 1.0833;}
.why-us-section-widget .bottom-block .box p{line-height: 1.625;}
/* ___________________ Why Us section widget end_______________________*/


/* ___________________ we make natura medicine simple section widget start_______________________*/
.we-make-natural-medicine-simple-section-widget .title-2{ padding-bottom: clamp(30px, 3.125vw, 60px);}
.we-make-natural-medicine-simple-section-widget .box-container .row{ --bs-gutter-y:clamp(15px, 1.563vw, 30px);}
.we-make-natural-medicine-simple-section-widget .box-container .box{ background-color: var(--extra-light-ash-color); padding: clamp(21px, 2.188vw, 42px) clamp(15px, 1.563vw, 30px) clamp(17px, 1.771vw, 34px); border-radius: clamp(15px, 1.563vw, 30px); height: 100%; display: flex; justify-content: space-between; flex-direction: column;}
.we-make-natural-medicine-simple-section-widget .box-container .box .step-badge { background-color: var(--primary-color); padding: 8px 15px 8px 10px; border-radius: clamp(45px, 5.208vw, 100px); color: var(--light-color); display: inline-block; margin-bottom: clamp(14px, 1.406vw, 27px);}
.we-make-natural-medicine-simple-section-widget .box-container .box .step-badge span{ height: 12px; width: 12px; background-color: var(--light-color); display: inline-block; border-radius: 50%; margin-right: 6px;}
.we-make-natural-medicine-simple-section-widget .box-container .box h4{ font-size: var(--hs-font-size-34); font-family: var(--secondary-font) ; padding-bottom: 10px;}
.we-make-natural-medicine-simple-section-widget .box-container .box ul{ list-style: disc; padding-left: clamp(11px, 0.833vw, 16px); }
.we-make-natural-medicine-simple-section-widget .box-container .box ul ul{ padding-left: clamp(16px, 1.667vw, 32px);}
.we-make-natural-medicine-simple-section-widget .box-container .box ul li{ padding-top: clamp(14px, 1.042vw, 20px);}
.we-make-natural-medicine-simple-section-widget .box-container .box a{ color: var(--primary-color); font-weight: 600; margin-top: clamp(20px, 2.083vw, 40px);}
.we-make-natural-medicine-simple-section-widget .box-container .box ul.horizontal{ display: flex; gap: clamp(15px, 1.563vw, 30px);}
/* ___________________ we make natura medicine simple section widget end_______________________*/


/* ___________________inner contact page form sectin start_______________________*/
.inner-contact-page-form { padding-block: clamp(45px, 5.208vw, 100px); }
.inner-contact-page-form .main-block{ background-color: #f9f9f9; padding-block: clamp(20px, 2.083vw, 40px); border-radius: clamp(20px, 2.083vw, 40px); padding-inline: clamp(15px, 1.563vw, 30px);}
.inner-contact-page-form  .title-2{ text-align: center; margin-block:clamp(11px, 0.781vw, 15px) clamp(15px, 1.563vw, 30px);}
.inner-contact-page-form  .main-block > p{ text-align: center; max-width: 540px; margin: 0 auto; padding-bottom: clamp(19px, 1.927vw, 37px); font-size: var(--hs-font-size-18); color: #343434;}
.inner-contact-page-form  .row{--bs-gutter-y:clamp(15px, 1.563vw, 30px);}
.inner-contact-page-form form .form-control{ padding: clamp(14px, 1.042vw, 20px); border: 1px solid #EEEDED; border-radius: 10px;}
.inner-contact-page-form form .form-control::placeholder{ color: #7E7E7E;}
.inner-contact-page-form form .btn-block{ margin-top: clamp(25px, 2.604vw, 50px);}
.inner-contact-page-form form .btn-block .primary-btn-solid{ border: none;}
.inner-contact-page-form form textarea{ height: 120px;}
/* ___________________inner contact page form section  end_______________________*/


/* ___________________inner coontact page contact details section start_______________________*/
.inner-contact-page-contact-details-section{margin-bottom: clamp(45px, 5.208vw, 100px);}
.inner-contact-page-contact-details-section .details-wrapper{ background-color: var(--primary-color); border-radius: clamp(15px, 1.563vw, 30px); padding: clamp(30px, 3.125vw, 60px);}
.inner-contact-page-contact-details-section .details-wrapper .single-details{ display: flex; align-items: center; gap: 14px;}
.inner-contact-page-contact-details-section .details-wrapper .single-details .icon{ height: 68px; aspect-ratio: 1/1; background-color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 50%;}
.inner-contact-page-contact-details-section .details-wrapper .single-details .icon i{ color: var(--primary-color); font-size: clamp(21px, 1.563vw, 30px);}
.inner-contact-page-contact-details-section .details-wrapper .single-details h4{ font-size: clamp(16px, 1.198vw, 23px); font-family: var(--secondary-font); color: #fff; font-weight: 700; padding-bottom: 5px;}
.inner-contact-page-contact-details-section .details-wrapper .single-details a{ color: #fff; font-size: var(--hs-font-size-18); font-weight: 400; display: block;}
/* ___________________inner coontact page contact details section end_______________________*/

/* ___________________inner contact page map section start _______________________*/
.inner-contact-page-map-section iframe{width: 100% !important; height: clamp(200px, 26.042vw, 500px) !important;}
/* ___________________inner contact page map section end _______________________*/

/* ___________________extra css start _______________________*/
.cta-section-widget-style-3{ background-color: var(--primary-color);}
.cta-section-widget-style-3 .main-block{ display: flex; justify-content: space-between; padding-block: clamp(25px, 2.604vw, 50px); align-items: center;}
.cta-section-widget-style-3 .main-block .title-2{ font-size: clamp(25px, 2.604vw, 50px) ; color: #fff;}

.cta-section-widget-style-2 .main-block{ background-color: var(--primary-color); justify-content: center; display: flex; padding: clamp(25px, 2.604vw, 50px) clamp(15px, 1.563vw, 30px); margin-block: clamp(45px, 5.208vw, 100px); color: #fff;  gap: clamp(20px, 2.083vw, 40px); align-items: center; border-radius: clamp(15px, 1.563vw, 30px);}
.cta-section-widget-style-2 .main-block .primary-btn-solid{ background-color: #fff; color: var(--primary-color) !important;}
.cta-section-widget-style-2 .main-block h3{ font-size: var(--hs-font-size-24); font-weight: 400;}

.frequently-asked-questions{ background-color: var(--extra-light-ash-color); padding-block: clamp(41px, 4.688vw, 90px);}
.frequently-asked-questions .content-block h3{ padding-bottom: clamp(32px, 3.646vw, 70px);}
.frequently-asked-questions .accordion-header{ background: #F9F9F9 !important;}


.inner-faq-page-main-section{ padding-block: clamp(45px, 5.208vw, 100px);}
.inner-faq-page-main-section .row{ --bs-gutter-y:30px;}
.inner-faq-page-main-section .left-box{ position: sticky; top: 10px;}
.inner-faq-page-main-section .tabs-wrapper{ background: #f9f9f9; border-radius: clamp(15px, 1.563vw, 30px); padding: clamp(22px, 2.292vw, 44px) clamp(17px, 1.719vw, 33px);}
.inner-faq-page-main-section .tabs-wrapper ul li a{ background-color: #fff; padding: clamp(14px, 1.406vw, 27px) clamp(14px, 1.042vw, 20px); box-shadow: 0px 13px 11px 0px rgba(34, 34, 34, 0.03); border-radius: 15px; transition: 0.3s ease-in-out;}
.inner-faq-page-main-section .tabs-wrapper ul li.active a{ background-color: var(--primary-color); color: var(--light-color); transition: 0.3s ease-in-out;}
.inner-faq-page-main-section .tabs-wrapper ul li a:hover{ background-color: var(--primary-color); color: var(--light-color); transition: 0.3s ease-in-out;}
.inner-faq-page-main-section .tabs-wrapper ul li + li{ margin-top: clamp(15px, 1.563vw, 30px);}
.inner-faq-page-main-section .tabs-wrapper a{ color: #343434; display: flex; justify-content: space-between; font-size: var(--hs-font-size-18); font-weight: 500;}

.inner-faq-page-main-section .calls-wrapper{ background-color: var(--primary-color); margin-top: clamp(15px, 1.563vw, 30px); border-radius: clamp(15px, 1.563vw, 30px); padding: clamp(15px, 1.563vw, 30px);}
.inner-faq-page-main-section .calls-wrapper .img-block{ margin-bottom: clamp(14px, 1.042vw, 20px);}
.inner-faq-page-main-section .calls-wrapper h3{ color: #fff; font-size: var(--hs-font-size-22); padding-bottom: clamp(11px, 0.781vw, 15px); font-family: var(--secondary-font);}
.inner-faq-page-main-section .calls-wrapper a{ color: #fff; font-size: var(--hs-font-size-22); font-family: var(500); transition: 0.3s ease-in-out;}
.inner-faq-page-main-section .calls-wrapper a:hover{ transform: translateY(-3px); transition: 0.3s ease-in-out;}
.inner-faq-page-main-section .calls-wrapper a i{ margin-right: 12px;}


.inner-faq-page-main-section .right-box .title-2{ margin-bottom: clamp(25px, 2.604vw, 50px); font-weight: 500; color: var(--Dark-color);}
.inner-faq-page-main-section .right-box .accordian-wrapper + .accordian-wrapper{ margin-top: 30px;}
.inner-faq-page-main-section .accordion-button:not(.collapsed){ background-color: transparent;}
.inner-faq-page-main-section .accordion-item{ background-color: transparent; border: none; border-bottom: 1px solid #EEEDED;}
.inner-faq-page-main-section .accordion-button:focus { box-shadow: none !important; outline: none !important; }
.inner-faq-page-main-section .accordion-button:focus { border-color: #EEEDED; }
.inner-faq-page-main-section .accordion-button:not(.collapsed){ color: var(--Dark-color);}
.inner-faq-page-main-section .accordion-button{ font-size: var(--hs-font-size-24); font-weight: 500; color: var(--Dark-color); font-family: var(--secondary-font); padding-left: 0;}
.inner-faq-page-main-section .accordion-body{ color: #838383; padding-left: 0;}

.frequently-asked-questions .accordion-button.collapsed,
.frequently-asked-questions .accordion-button:not(.collapsed){ background-color: transparent;}
.frequently-asked-questions .accordion-item{ background-color: transparent;}
.frequently-asked-questions .accordion-button:focus { box-shadow: none !important; outline: none !important; }
.frequently-asked-questions .accordion-button:focus { border-color: #EEEDED; }
.frequently-asked-questions .accordion-button:not(.collapsed){ color: var(--Dark-color);}
.frequently-asked-questions .accordion-button{ font-size: var(--hs-font-size-20); font-weight: 700; color: var(--Dark-color);}
.frequently-asked-questions .row{ --bs-gutter-y:24px; }

.navbar-default .logo-block{ max-width:174px; }