@import url('global.css');

/*header css start*/
.site-header {position: fixed; top: 59px; left: 0; right: 0; z-index: 10; padding: 0 20px; transition: all ease 0.5s;}
.site-header .container {max-width: 1765px; padding: 0 40px;}
.navbar-brand {max-width: 178px; width: 100%;}
.navbar-brand img{max-width: 100%; display: block; transition: all ease 0.5s;}
.site-header .navbar{padding: 0;}
.site-header .navbar-collapse {margin-top: 0; flex-basis: min-content;}
.site-header .navbar-collapse .navbar-nav {margin:auto;}
.site-header .navbar-nav li{margin: 0 22px; position: relative;}
.site-header .navbar-nav li a.nav-link{color: #ffffff; font-size: 16px; font-weight: 400; padding: 0;position: relative;}
.site-header .navbar-nav li a.nav-link:after {width: 0; height: 2px; display: block; content: ""; background-color: #C5F27D; transition: all ease 0.3s;}
.site-header .navbar-nav li a.nav-link:hover, .site-header .navbar-nav li a.nav-link:focus, .site-header .navbar-nav li:hover a.nav-link{color: #C5F27D;}
.site-header .navbar-nav li a.nav-link:hover:after, .site-header .navbar-nav li:hover a.nav-link:after, .site-header .navbar-nav li.active a:after {width: 100%;}
.site-header .navbar-nav .nav-link:hover, .site-header .navbar-nav .nav-link.active, .site-header .navbar-nav li.active a{color: #C5F27D !important;}
.site-header .navbar-nav .nav-link:hover:after, .site-header .navbar-nav .nav-link.active:after {width: 100%;}
.site-header .head-btn-group { gap: 0 20px;}
.site-header .head-btn-group .btn-primary.bdr-btn {gap: 0 8px;display: flex;align-items: center;padding: 0 30px 0 10px;line-height: 45px;}

/*sticky header*/
.site-header.scroll-header {background-color: #000000; top: 0; padding: 10px 0;}

/*animated nav icon*/
#nav-icon{position:absolute;border:0;margin:0; right: 0; top: 21px; width:33px;height:21px;z-index:10; cursor:pointer;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}
#nav-icon span{position:absolute;display:block;width:100%;height:2px;background:#c5f27d;border-radius:2px;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}
#nav-icon span:nth-child(1){top:0}
#nav-icon span:nth-child(2){top:10px}
#nav-icon span:nth-child(3){top:20px}
#nav-icon.animate-icon span:nth-child(1){top:10px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
#nav-icon.animate-icon span:nth-child(2){opacity:0;left:-10px}
#nav-icon.animate-icon span:nth-child(3){top:10px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}

@media only screen and (max-width: 1440px) {
.site-header {top: 45px;}
.site-header .container {padding: 0 25px;}
.site-header .navbar-nav li {margin: 0 16px;}
}

@media only screen and (max-width: 1199px) {
}

@media only screen and (min-width: 992px) {
 .site-header .navbar-nav li:hover .dropdown-menu {display: flex; flex-wrap: wrap;}
}

@media only screen and (max-width: 991px) {
.site-header {padding: 10px 0; top: 0;}
.site-header .container {padding-left: 20px; padding-right: 20px;}
.site-header .head-btn-group {margin: 0 53px 0 0;}
.site-header .navbar-collapse {position: fixed;right: -300px;top: 0;bottom: 0;background: #000000;width:300px;padding-top: 80px; height: 100% !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transition: all ease 0.1s; overflow-y: auto;}
.site-header .navbar-collapse.show {right: 0;}
.site-header .navbar-nav li {margin: 0;}
.site-header .navbar-nav li a.nav-link {padding: 6px 19px; margin: 0;}
}

@media only screen and (max-width: 679px) {
.navbar-brand {max-width: 140px; padding: 0;}
#nav-icon {top: 10px;}
}

@media only screen and (max-width: 479px) {
.site-header .container {padding-left: 15px; padding-right: 15px;}
.navbar-brand {max-width: 130px;}
.site-header .head-btn-group {margin: 0 47px 0 0;}
#nav-icon {top: 9px;}
}
/*header css end*/

/*home bnr css start*/
.hero-bnr {max-width: 1863px;margin: 24px auto 0;width: calc(100% - 40px); padding-top: 130px; padding-bottom: 30px; background: url('../images/bnr-bg.webp') no-repeat; background-size: cover; border-radius: 25px;}
.hero-bnr:after {width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.64); position: absolute; left: 0; top: 0; border-radius: 25px;}
.hero-bnr .container {max-width: 1765px; z-index: 1; padding: 0 40px;}
.hero-bnr .bnr-txt {max-width: 760px; width: 50%; color: #ffffff; font-size: 20px; padding-top: 60px;}
.hero-bnr .bnr-txt h1 {color: #ffffff; margin-bottom: 30px;}
.hero-bnr .bnr-txt h1 .border-shape:after {width: 100%;height: 23px;background-image: url('../images/title-border-shape.svg'); background-repeat: no-repeat; background-size: 100%; position: absolute; left: 0; bottom: 0; content: "";}
.hero-bnr .bnr-txt .btn-primary {margin-top: 15px;}
.hero-bnr .bnr-img {max-width: 652px; width: 50%;}
.bnr-btn-block {background-color: #ffffff; border-radius: 0 25px 0 0; position: relative; z-index: 1; position: absolute; left: 0; bottom: 0; gap: 0 20px; padding: 32px 0 20px 30px;}
.bnr-btn-block::before {width: 33px;height: 50px;background-image: url('../images/right_corner.svg');background-repeat: no-repeat;background-position: center;background-size: 100%;content: "";position: absolute;right: -104px;bottom: -8px;filter: invert(1);transform: scaleX(-1);}
.bnr-btn-block::after {width: 100%;background-color: #fff;height: 101%;  content: "";position: absolute;left: 60px;top: 0;border-radius: 0 25px 0 0;transform: skewX(20deg);}
.bnr-btn-block .corner-shape {position: absolute;left: 0;top: -30px;}
.bnr-btn-block a {z-index: 1;}
#animated-path {position: absolute; left: -16px; top: 0; width: 106%; height: 100%; transform: scaleY(1.4);}
#animated-path #Path_1 {stroke-dasharray: 2000;stroke-dashoffset: 2000;animation: drawPath 2.5s ease forwards;}

@keyframes drawPath {
  to {
    stroke-dashoffset: 0;
  }
}

@media only screen and (max-width: 1440px) {
.hero-bnr {padding-bottom: 100px;}
.hero-bnr .container {padding: 0 25px;} 
.hero-bnr .bnr-txt {font-size: 18px;}
.hero-bnr .bnr-txt h1 .border-shape::after {height: 15px;}
.hero-bnr .bnr-img {max-width: 400px;}
.bnr-btn-block a {max-width: 155px;}
.bnr-btn-block {padding: 18px 0 15px 24px;}
.bnr-btn-block::after {width: 95%;}
.bnr-btn-block::before {right: -80px;}
}

@media only screen and (max-width: 1199px) {
.hero-bnr .bnr-txt {font-size: 16px;}
}

@media only screen and (max-width: 991px) {
.hero-bnr {padding-bottom: 101px;margin: 0;width: 100%;border-radius: 0;padding-top: 108px;}
.hero-bnr::after {border-radius: 0;}
.hero-bnr .bnr-txt {width: 60%;padding-top: 15px;font-size: 15px;padding-right: 10px;}
.hero-bnr .bnr-txt h1 {margin-bottom: 20px;}
.hero-bnr .bnr-txt .btn-primary {margin: 0 0 10px 0;}
.hero-bnr .bnr-img {width: 40%;}
.hero-bnr .bnr-txt h1 .border-shape::after {height: 11px;}
}

@media only screen and (max-width: 767px) {
.bnr-btn-block a {max-width: 115px;}
}

@media only screen and (max-width: 679px) {
.hero-bnr .bnr-txt {width: 100%; padding: 0;}
.hero-bnr .bnr-img {display: none;}
.bnr-btn-block {padding: 18px 0 15px 15px; gap: 0 10px;}
.bnr-btn-block::after {width: 88%;}
.bnr-btn-block::before {right: -64px;}
#animated-path {left: -9px;}
}

@media only screen and (max-width: 479px) {
.hero-bnr .container {padding-left: 15px; padding-right: 15px;}
}
/*home bnr css end*/

/*about css start*/
.about-block {padding-top: 130px; font-size: 24px; font-weight: 500; color: #000000;}
.about-block .bdr-title {margin-bottom: 45px;}
.about-block p {margin-bottom: 45px;}
.about-block p:last-child {margin-bottom: 0;}

@media only screen and (max-width: 1440px) {
.about-block {padding-top: 80px; font-size: 20px;}
.about-block .bdr-title {margin-bottom: 35px;}
}

@media only screen and (max-width: 1199px) {
.about-block {font-size: 17px; padding-top: 50px;}
.about-block p {margin-bottom: 25px;}
}

@media only screen and (max-width: 991px) {
.about-block {font-size: 16px;}
}

@media only screen and (max-width: 767px) {
.about-block {font-size: 15px;}
.about-block .bdr-title {margin-bottom: 25px;}
.about-block p {margin-bottom: 20px;}
}

@media only screen and (max-width: 479px) {
.about-block {font-size: 14px;}
}
/*about css end*/

/*seprater block css start*/
.seprater-block {padding-top: 130px;}
.feature-icon-list {gap: 0px 29px; border-top: solid 1px #C5F27D;}
.feature-icon-list li {max-width: 82px; margin-top: -33px;}
.feature-icon-list li a {font-size: 12px; color: #565656; display: flex; flex-wrap: wrap; justify-content: center; transition: all ease 0.3s;}
.feature-icon-list li a i {display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 15px; background-color: #C5F27D; transition: all ease 0.3s; margin-bottom: 10px;}
.feature-icon-list li a i img {max-width: 32px; display: block;}
.feature-icon-list li a span {width: 100%; text-align: center; font-weight: 600;}
.feature-icon-list li a:hover {color: #000000;}
.feature-icon-list li a:hover i {background-color: #000000;}
.feature-icon-list li a:hover i img {filter: invert(10);}

@media only screen and (max-width: 1440px) {
.seprater-block {padding-top: 90px;}
}

@media only screen and (max-width: 767px) {
.seprater-block {padding-top: 65px;}
.feature-icon-list {gap: 0 16px;}
}

@media only screen and (max-width: 479px) {
.feature-icon-list {gap: 0;}
.feature-icon-list li {min-width: 80px; margin-top: -29px;}
.feature-icon-list li a i {width: 50px; height: 50px; margin-bottom: 5px; padding: 10px;}
.feature-icon-list li a span {font-size: 11px;}
}
/*seprater block css end*/

/*our vision css start*/
.our-vision {padding-top: 130px;}
.vision-img-block {background: #C5F27D;background: linear-gradient(180deg,rgba(197, 242, 125, 1) 0%, rgba(238, 255, 211, 1) 100%); border-radius: 60px; display: flex; align-items: center; justify-content: center; padding: 40px 30px;}
.vision-txt {font-size: 24px; font-weight: 500; color: #000000; padding: 0 76px;}
.vision-txt .bdr-title {margin-bottom: 30px;}
.our-vision .feature-icon-list {border: 0;max-width: 305px; margin: 60px auto 30px;}
.our-vision .feature-icon-list:after {height: 1px; content: ""; background-color: #C5F27D; position: absolute;left: 15px;right: 15px;z-index: -1;}

@media only screen and (max-width: 1440px) {
.our-vision {padding-top: 80px;}
.vision-txt {font-size: 18px;}
}

@media only screen and (max-width: 1199px) {
.our-vision {padding-top: 50px;}
.vision-txt {padding: 0;}
.vision-img-block {padding: 25px 20px; border-radius: 25px;}
}

@media only screen and (max-width: 991px) {
.our-vision .feature-icon-list {border: 0;margin: 50px auto 20px;}
}

@media only screen and (max-width: 767px) {
.vision-txt {margin-top: 25px;}
.our-vision .feature-icon-list::after {left: 0; right: 0;}
}

@media only screen and (max-width: 679px) {
.vision-txt {font-size: 16px;}
}
/*our vision css end*/

/*feature css start*/
.feature {padding-top: 130px; overflow: hidden;}
.feature-slider.owl-carousel .owl-stage {display: flex;}
.feature-slider.owl-carousel .owl-stage-outer {overflow: visible;}
.feature-slider.owl-theme .owl-nav {position: absolute;right: 0;top: -71px;gap: 0 20px;display: flex; margin: 0;}
.feature-block {background-color: #F5F5F5; border-radius: 25px; padding: 45px 50px; width: 1000px; margin-top: 25px; height: calc(100% - 25px);}
.feature-block .content {width: 56%;padding-right: 15px;}
.feature-block .img-block {width: 44%; height: calc(100% - 25px); margin-bottom: 25px; position: relative;}
.feature-block .img-block img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; border-radius: 25px; display: block;}
.feature-block .img-block:after {display: block; content: ""; padding-top: 100%;}
.feature-block i {width: 64px; margin-bottom: 10px; display: block;}
.feature-block ul li {color: #000000; font-size: 18px; margin-bottom: 8px; padding-left: 15px; position: relative;}
.feature-block ul li:before {background: url('../images/list-arrow.svg') no-repeat; background-size: 100%; content: "";width: 8px;height: 12px;position: absolute;left: 0;top: 8px;}
.feature-block ul li:last-child {margin: 0;}
.feature-bottom {background-color: #ffffff; border-radius: 0 25px 0 0; position: relative; z-index: 1; position: absolute; right: 0; bottom: 0; width: 210px; height: 100px; transform: scaleX(-1);}
.feature-bottom::before {width: 30px;height: 30px;background-image: url('../images/right_corner.svg');background-repeat: no-repeat;background-position: center;background-size: 100%;content: "";position: absolute;right: -102px;bottom: 0;filter: invert(1);transform: scaleX(-1) rotate(1deg);}
.feature-bottom::after {width: 100%;background-color: #fff;height: 101%;  content: "";position: absolute;left: 60px;top: 0;border-radius: 0 25px 0 0;transform: skewX(30deg);}
.feature-bottom .corner-shape {position: absolute;left: 0;top: -30px;width: 30px;height: 30px;}
.feature-block .img-block .feature-bottom {background-color: #F5F5F5;width: 195px; height: 95px;}
.feature-block .img-block .feature-bottom:before {background-image: url('../images/right_corner_gray.svg'); filter: inherit;}
.feature-block .img-block .feature-bottom::after {background-color: #F5F5F5;}
.feature-block .img-block .feature-bottom .corner-shape {transform: scaleX(-1);}
.feature-block .img-block .feature-bottom .corner-shape img {border-radius: 0;}

@media only screen and (max-width: 1440px) {
.feature {padding-top: 80px;}
.feature-block {width: 800px; padding: 35px;}
.feature-block ul li {font-size: 15px;}
.feature-block .content {width: 52%;}
.feature-block .img-block {width: 48%;}
.feature-block .img-block .feature-bottom {width: 150px;height: 75px;}
.feature-bottom {width: 163px;height: 78px;}
.feature-bottom::before {right: -95px;}
.feature-bottom::after {transform: skewX(22deg);}
.feature-slider.owl-theme .owl-nav {top: -59px;}
}

@media only screen and (max-width: 1199px) {
.feature {padding-top: 60px;}
.feature-block i {width: 54px;}
.feature-slider.owl-theme .owl-nav {top: -53px;gap: 0 12px;}
}

@media only screen and (max-width: 991px) {
.feature-block {width: 650px;padding: 25px 25px 70px;}
.feature-block .content {width: 100%; padding: 0;}
.feature-block .img-block {display: none;}
.feature-block ul li {font-size: 14px;}
.feature-block ul li::before {top: 8px;}
.feature-bottom {width: 95px;height: 47px;}
.feature-bottom::before {right: -89px;bottom: 0;}
}

@media only screen and (max-width: 767px) {
.feature-block {width: 100%;}
.feature h2 {text-align: left !important;}
.feature-slider.owl-theme .owl-nav {top: -48px;}
.feature-block {margin-top: 15px;height: calc(100% - 15px);}
}
/*feature css end*/

/*support css start*/
.support-section {max-width: 1863px;margin: 24px auto 0;width: calc(100% - 40px); background-color: #F5F5F5; background-image: url('../images/supports-bg.webp'); background-repeat: no-repeat; background-size: cover; border-radius: 25px; padding: 122px 0 100px; margin-top: 130px;}
.support-slider.owl-carousel .owl-stage {display: flex;}
.support-block {border-radius: 25px; border: solid 1px rgba(137,137,137,0.25); padding: 42px 60px; margin-top: 25px; height: calc(100% - 25px);width: calc(100% - 2px);margin-left: auto;margin-right: auto;}
.support-block i {width: 82px; display: block; margin: auto;}
.support-block h4 {margin: 25px 0;}
.support-block:hover {border-color: #C5F27D;}
.support-slider.owl-carousel .owl-nav button.owl-next, .support-slider.owl-carousel .owl-nav button.owl-prev {position: absolute; top: 50%; transform: translateY(-50%); background-image: url('../images/slider-arrow-black.svg'); border-color: #000000;}
.support-slider.owl-carousel .owl-nav button.owl-prev {left: -74px;}
.support-slider.owl-carousel .owl-nav button.owl-next {right: -74px; transform: translateY(-50%) scale(-1);}
.support-slider.owl-carousel .owl-nav button.owl-next:hover, .support-slider.owl-carousel .owl-nav button.owl-prev:hover {border-color: #C5F27D;}

@media only screen and (max-width: 1600px) {
.support-slider {width: calc(100% - 155px); margin: auto;}
.support-block {padding: 40px;}
}

@media only screen and (max-width: 1440px) {
.support-section {margin-top: 80px; padding: 60px 0 60px;}
.support-block {padding: 25px;}
.support-block i {width: 60px;}
.support-slider {width: 100%;}
.support-slider.owl-theme .owl-nav {margin-top: 25px;gap: 0 15px;display: flex;justify-content: center;}
.support-slider.owl-carousel .owl-nav button.owl-prev {left: 0; position: relative; top: 0; transform: translateY(0);}
.support-slider.owl-carousel .owl-nav button.owl-next {right: 0; position: relative; top: 0; transform: translateY(0) scaleX(-1);}
}

@media only screen and (max-width: 991px) {
.support-section {margin-top: 80px;padding: 44px 0 25px;}
.support-block {padding: 25px 20px;}
}

@media only screen and (max-width: 767px) {
.support-section {margin-top: 60px; padding: 30px 0 25px;}
.support-block {margin-top: 15px;height: calc(100% - 15px);width: calc(100% - 2px);}
}

@media only screen and (max-width: 679px) {
.support-section {width: calc(100% - 20px);}
}

@media only screen and (max-width: 479px) {
.support-block h4 {margin: 15px 0 10px;}
}
/*support css end*/

/*quote css start*/
.quote-block {padding-top: 130px;}
.quote-txt {background: url('../images/quote-txt-bg.jpg') no-repeat; background-size: cover; border-radius: 25px; max-width: 1400px; margin: auto; overflow: hidden;}
.quote-txt .author-img {width: 555px; margin-top: auto;}
.quote-txt .txt{width: calc(100% - 613px); font-size: 51px; color: #ffffff; padding: 20px 75px 20px 0;}
.quote-txt .txt p {position: relative;}
.quote-txt .txt p:before {background: url('../images/quote-icon.svg') no-repeat; content: ""; position: absolute; left: -45px;top: -13px;width: 35px;height: 53px;background-size: 100%;}
.quote-txt .txt p:after {background: url('../images/quote-icon.svg') no-repeat; content: ""; position: absolute; right: -5px;bottom: -8px;width: 35px;height: 53px;background-size: 100%;transform: scaleX(-1) scaleY(-1);}
.quote-txt .txt .author-title {font-size: 35px; color: #C5F27D; font-weight: 600; font-style: italic; display: block; text-align: right; margin-top: 40px;}

@media only screen and (max-width: 1440px) {
.quote-block {padding-top: 80px;}
.quote-txt .author-img {width: 430px;}
.quote-txt .txt {font-size: 33px;}
.quote-txt .txt .author-title {font-size: 25px; margin-top: 30px;}
.quote-txt .txt p::before {width: 25px; height: 37px; left: -33px;}
.quote-txt .txt p::after {width: 25px; height: 37px; right: 0;}
}

@media only screen and (max-width: 1199px) {
.quote-block {padding-top: 50px;}
.quote-txt .author-img {width: 365px;}
.quote-txt .txt {width: calc(100% - 403px);}
}

@media only screen and (max-width: 991px) {
.quote-txt .author-img {width: 300px;}
.quote-txt .txt {width: calc(100% - 304px); font-size: 25px; padding: 20px 32px 20px 0;}
.quote-txt .txt .author-title {font-size: 22px;}
}

@media only screen and (max-width: 767px) {
.quote-txt .txt {font-size: 20px;}
.quote-txt .txt .author-title {font-size: 18px;}
.quote-txt .txt p::before {width: 20px;height: 32px;left: -29px;top: -10px;}
.quote-txt .txt p::after {width: 20px;height: 32px;right: 0;}
}

@media only screen and (max-width: 679px) {
.quote-block {padding-top: 60px;}
.quote-txt {border-radius: 15px;}
.quote-txt .author-img {width: 225px;}
.quote-txt .txt {width: calc(100% - 225px);font-size: 18px;padding: 20px 25px 20px 0;}
.quote-txt .txt p::before {width: 16px;height: 25px;left: -22px;top: -8px;}
.quote-txt .txt p::after {width: 16px;height: 25px;}
}

@media only screen and (max-width: 575px) {
.quote-txt .author-img {width: 180px;}
.quote-txt .txt {width: calc(100% - 185px);font-size: 16px;padding: 20px 20px 20px 0;}
.quote-txt .txt .author-title {font-size: 18px; margin-top: 18px;}
}

@media only screen and (max-width: 479px) {
.quote-txt .author-img {width: 130px;}
.quote-txt .txt {width: calc(100% - 113px);font-size: 14px;}
.quote-txt .txt .author-title {font-size: 13px;margin-top: 16px;}
}
/*quote css end*/

/*faq css start*/
.faq-section {padding-top: 130px;}
.faq-title {margin-bottom: 30px; font-size: 48px; color: #000000; font-weight: 700; text-align: center;}
.faq-description {margin-bottom: 45px; font-size: 18px; color: #565656; text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; line-height: 1.6;}
.faq-inner {max-width: 1863px; margin: 24px auto 0; width: calc(100% - 40px); border: none; border-radius: 25px; padding: 0; background-color: transparent;}
.faq-accordion {margin-top: 20px;}
.accordion-item {border: none; margin-bottom: 15px; border-radius: 15px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.accordion-header {background-color: #F5F5F5; padding: 20px 25px; cursor: pointer; display: flex; align-items: center; transition: all ease 0.3s; border: none;}
.accordion-header:hover {background-color: #E8E8E8;}
.accordion-header.active {background-color: #C5F27D;}
.accordion-header.collapsed {background-color: #F5F5F5;}
.accordion-header.collapsed:hover {background-color: #E8E8E8;}
.accordion-icon {font-size: 24px; font-weight: bold; color: #000000; margin-right: 15px; transition: all ease 0.3s; min-width: 20px;}
.accordion-title {color: #000000; font-size: 18px; font-weight: 600; flex: 1; text-align: left;}
.accordion-body {background-color: #ffffff; padding: 25px; border-top: 1px solid #E8E8E8;}
.accordion-body p {color: #565656; font-size: 16px; line-height: 1.6; margin: 0;}
.see-more-btn {margin: 30px 0; text-align: center;}
.see-more-btn .btn-primary {background-color: #C5F27D; color: #000000; border: none; padding: 15px 40px; font-size: 16px; font-weight: 600; border-radius: 10px; transition: all ease 0.3s; display: inline-block; text-align: center; line-height: 1.2;}
.see-more-btn .btn-primary:hover {background-color: #000000; color: #ffffff;}

@media only screen and (max-width: 1440px) {
.faq-section {padding-top: 80px;}
.faq-title {font-size: 42px; margin-bottom: 25px;}
.faq-description {font-size: 16px; margin-bottom: 35px;}
.faq-inner {padding: 0;}
.accordion-title {font-size: 16px;}
.accordion-body p {font-size: 15px;}
}

@media only screen and (max-width: 1199px) {
.faq-section {padding-top: 60px;}
.faq-title {font-size: 36px;}
.faq-description {font-size: 15px;}
.faq-inner {padding: 0;}
.accordion-header {padding: 18px 20px;}
.accordion-body {padding: 20px;}
}

@media only screen and (max-width: 991px) {
.faq-inner {padding: 0;}
.faq-title {font-size: 32px;}
.faq-description {font-size: 14px;}
.accordion-title {font-size: 15px;}
.accordion-body p {font-size: 14px;}
}

@media only screen and (max-width: 767px) {
.faq-section {padding-top: 50px;}
.faq-title {font-size: 28px; margin-bottom: 20px;}
.faq-description {font-size: 13px; margin-bottom: 25px;}
.faq-inner {padding: 0; margin: 0 15px;}
.accordion-header {padding: 15px 18px;}
.accordion-icon {font-size: 20px; margin-right: 12px;}
.accordion-title {font-size: 14px;}
.accordion-body {padding: 18px;}
.accordion-body p {font-size: 13px;}
.see-more-btn .btn-primary {padding: 12px 30px; font-size: 14px;}
}

@media only screen and (max-width: 679px) {
.faq-inner {padding: 0; margin: 0 10px; width: calc(100% - 20px);}
}

@media only screen and (max-width: 479px) {
.faq-inner {padding: 0; margin: 0 10px; width: calc(100% - 20px);}
.faq-title {font-size: 24px;}
.faq-description {font-size: 12px;}
.accordion-header {padding: 12px 15px;}
.accordion-icon {font-size: 18px; margin-right: 10px;}
.accordion-title {font-size: 13px;}
.accordion-body {padding: 15px;}
.accordion-body p {font-size: 12px;}
}
/*faq css end*/

/*book demo css start*/
.book-demo {padding-top: 130px;}
.book-demo .row {margin-left: -30px; margin-right: -30px;}
.book-demo [class*="col-"] {padding-left: 30px; padding-right: 30px;}
.book-demo .form-inner {background-color: #C5F17E; background-image: url('../images/form-bg.webp'); background-repeat: no-repeat; background-size: cover; border-radius: 50px; padding: 80px 130px;}
.book-demo .form-inner h2 {margin-bottom: 35px;}
.book-demo .icon-field i {position: absolute;left: 15px;top: 12px;width: 24px;}
.book-demo .icon-field .form-control {padding-left: 48px;}
.book-demo .btn-primary {background-color: #000000; color: #ffffff;}
.book-demo .btn-primary:hover {background-color: #ffffff; color: #000000;}
.book-demo .custom-checkbox a {font-weight: 600;}

@media only screen and (max-width: 1440px) {
.book-demo {padding-top: 80px;}
.book-demo .form-inner {padding: 47px 54px;}
}

@media only screen and (max-width: 1199px) {
.book-demo {padding-top: 60px;}
.book-demo .form-inner {border-radius: 25px; padding: 35px 30px;}
.book-demo .form-inner h2 {margin-bottom: 20px;}
}

@media only screen and (max-width: 991px) {
.book-demo .row {margin-left: -15px; margin-right: -15px;}
.book-demo [class*="col-"] {padding-left: 15px;padding-right: 15px;}
}

@media only screen and (max-width: 767px) {
.book-demo {padding-top: 50px;}
.book-demo .form-inner {padding: 27px 25px;}
.book-demo .custom-checkbox {margin-bottom: 20px;}
}

@media only screen and (max-width: 679px) {
.book-demo {padding-top: 60px;}
.book-demo .icon-field i {left: 13px;top: 11px;width: 22px;}
.book-demo .icon-field .form-control {padding-left: 40px;}
}
/*book demo css end*/

/*footer css start*/
.footer { margin-top: 160px; background: url('../images/footer-bg.webp') no-repeat; background-size: cover; background-position: 28%; padding: 60px 0 20px;}
.footer:after {background-color: rgba(38, 39, 43, 0.9); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.footer-logo {width: 113px;margin: -120px auto 15px;display: block;}
.foot-link li {display: flex; align-items: center;}
.foot-link li:after {width: 1px; height: 18px; background-color: #ffffff; content: ""; display: inline-block; vertical-align: middle; margin: 0 20px;}
.foot-link li:last-child:after {display: none;}
.foot-link li a {color: #ffffff;}
.foot-link li a:hover {color: #C5F17E;}
.social-icon {gap: 0 10px; margin-left: auto;}
.social-icon li a {width: 36px; height: 36px; background-color: #C5F27D; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.social-icon li a img {max-width: 19px;}
.social-icon li a:hover {background-color: #000000;}
.social-icon li a:hover img {filter: invert(10);}
.foot-middle {border-top: solid 1px rgba(255, 255, 255, 0.15); border-bottom: solid 1px rgba(255, 255, 255, 0.15); margin-top: 20px; padding: 20px 0;}
.foot-middle .icon-link {background-color: #0A0B0A; border-radius: 90px; color: #ffffff; padding: 6px 26px 6px 6px; font-size: 14px; line-height: 1.2; gap: 0 10px; margin-right: 9px;}
.foot-middle .icon-link:last-child {margin: 0;}
.foot-middle .icon-link a {color: #ffffff; font-size: 16px; display: block;}
.foot-middle .icon-link a:hover {color: #C5F17E;}
.foot-bottom {color: #ffffff; padding-top: 20px;}

@media only screen and (max-width: 1440px) {
.footer {margin-top: 120px;}
.footer-logo {width: 80px; margin: -106px auto 15px;}
}

@media only screen and (max-width: 991px) {
.footer {margin-top: 95px;}
.foot-middle {padding: 15px 0;}
.foot-middle .foot-link {justify-content: center; margin: 15px auto 0 !important;}
}

@media only screen and (max-width: 767px) {
.footer .foot-link {justify-content: center; margin: auto !important;}
.social-icon {margin: 15px auto 0;}
.foot-middle .foot-link {margin: 15px auto 0 !important;}
}

@media only screen and (max-width: 679px) {
.foot-link li::after {height: 13px;margin: 0 7px;}
}

@media only screen and (max-width: 479px) {
.foot-middle .icon-link {width: 100%; margin: 0 0 10px 0;}
}
/*footer css end*/