/*
Theme Name: Twenty Twenty One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires PHP: 5.6
Version: 1.0.0
Template: twentytwentyone
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio.
*/

@charset "UTF-8";

@font-face {
    font-family: 'Neue Montreal';
    src: url('./assets/fonts/NeueMontreal-Regular.eot');
    src: url('./assets/fonts/NeueMontreal-Regular.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/NeueMontreal-Regular.woff2') format('woff2'),
        url('./assets/fonts/NeueMontreal-Regular.woff') format('woff'),
        url('./assets/fonts/NeueMontreal-Regular.ttf') format('truetype'),
        url('./assets/fonts/NeueMontreal-Regular.svg#NeueMontreal-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('./assets/fonts/NeueMontreal-Bold.eot');
    src: url('./assets/fonts/NeueMontreal-Bold.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/NeueMontreal-Bold.woff2') format('woff2'),
        url('./assets/fonts/NeueMontreal-Bold.woff') format('woff'),
        url('./assets/fonts/NeueMontreal-Bold.ttf') format('truetype'),
        url('./assets/fonts/NeueMontreal-Bold.svg#NeueMontreal-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('./assets/fonts/NeueMontreal-Medium.eot');
    src: url('./assets/fonts/NeueMontreal-Medium.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/NeueMontreal-Medium.woff2') format('woff2'),
        url('./assets/fonts/NeueMontreal-Medium.woff') format('woff'),
        url('./assets/fonts/NeueMontreal-Medium.ttf') format('truetype'),
        url('./assets/fonts/NeueMontreal-Medium.svg#NeueMontreal-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sanserata';
    src: url('./assets/fonts/Sanserata.eot');
    src: url('./assets/fonts/Sanserata.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/Sanserata.woff2') format('woff2'),
        url('./assets/fonts/Sanserata.woff') format('woff'),
        url('./assets/fonts/Sanserata.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



:root {
    --color-palette1 : #004736;
    --color-palette2 : #EC6525;
    --color-palette3 : #022D22;
    --color-palette4 : #FFF0DC;
    --color-palette5 : #FFF9F1;
  }


body { margin: 0;
font-weight: 400;
font-size:16px; line-height:27px;
 font-family: 'Neue Montreal';
 background-color:var(--color-palette5);
color:var(--color-palette3);
}
a, a:hover {text-decoration: none;}
a {color: var(--color-palette1);}
a:hover {
  color: #000;
}

section { position: relative;}
img {
max-width: 100%;

}
button.dropdown-toggle{display:none;}
li {list-style-type: none;}

h1, h2, h3, h4, h5, h6 {
font-family: 'Sanserata';
 font-weight: 400;  margin:0; 
}
h1 {font-size:60px; line-height:1em; letter-spacing: -3px;}
h2 {font-size:40px; line-height:44px; letter-spacing: -2px;}
h3 {font-size:32px; line-height:1em;}
h4 {font-size:28px; line-height:1.3em;}
h5 {font-size:24px; line-height:1em;}
h6 {font-size:20px; line-height:1.2em;}
p{padding:0px;margin: 0 0 28px 0;}
p:last-child {
  margin-bottom: 0;
}
ul, ol{ margin:0 0 0 0px; padding:0px;}


/**Header**/
.main-header.fixed-bar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
}


.main-header.fixed-header .header-main-content {
  padding: 10px 0;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
}
.header-logo {
  width: 253px;
  height: 80px;
}
.header-logo img {
  width: 100%;
}
.header-main {
  background: var(--color-palette3);
}
.header-right, .header-social-icons {
  display: flex;
  align-items: center;
}
.header-social-icons a {
  color: var(--color-palette4);
  font-size: 18px;
}
.header-social-icons a:hover {
  color: var(--color-palette2);
}
.header-social-icons {
  gap: 7px;
  margin-right: 30px;
}
.main-navigation .menu > li > a {
  font-size: 18px;
  color: var(--color-palette4);
  text-decoration: none;
  font-weight: 400;
  line-height: 24px;
  font-family: 'Neue Montreal'; position: relative;
}
.main-navigation .menu > li > a:hover {
  color: var(--color-palette2);
}
.main-navigation .menu > li > a::after {
  content: "";
  transition: .37s all cubic-bezier(.23,.46,.4,1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  display: block;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: var(--color-palette2);
  bottom: -4px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.main-navigation .menu > li > a:hover::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.header-main-content {
  padding: 10px 0;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
}
.cmn-space-sec {padding:150px 0;}
.cmn-header {margin-bottom: 20px;}
.custom-btn, .contact-form .form-row input[type="submit"] {
  background: var(--color-palette4);
  color: var(--color-palette3);
  padding: 18px 39px;
  font-size: 18px;
  line-height: 24px;
  border-radius: 50px;
  font-weight: 400;
  font-family: 'Neue Montreal';
  border: none;
}
.custom-dark-btn, .contact-form .form-row input[type="submit"] {
  background: var(--color-palette3);
  color: var(--color-palette4);
}
.custom-btn:hover, .contact-form .form-row input[type="submit"]:hover, .custom-btn:focus {
  background: var(--color-palette2) !important;
  color: var(--color-palette4) !important;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
}

.header-main-content-inner {
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-evenly;
}

.header-main-content-inner .header-logo a{
    border-radius: 100%;
    background-color: var(--color-palette3);
    height: 160px;
    position: absolute;
    width: 160px;
    text-align: center;
    top: calc(-50% - 30px);
    transform: translateY(50%);
    padding: 20px;
}
.top-offset {
  margin-top: 100px;
}


/*banner*/
.banner {
  padding: 120px 0 160px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.banner::before {
  content: '';
  background-color: #000000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .3;
}

.banner-inner p {
  color: var(--color-palette4);
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
}
.banner-inner {
  position: relative;
  max-width: 650px;
  width: 100%;
}
.banner-inner h1 {
  margin-bottom: 14px;
  color: var(--color-palette4);
  text-transform: uppercase;
}
.banner-btm {
  padding: 50px 0;
  background: var(--color-palette4);
}
.banner-subtitle {
	color: var(--color-palette4);
	margin-bottom: 1em;
  text-transform: uppercase;
}
.list-block {
  padding-left: 30px;
  position: relative;
}
.list-block i {
  position: absolute;
  left: 0;
  font-size: 20px;
  top: 2px;
}
.list-block h6 {
  font-weight: 500;
  font-family: 'Neue Montreal';
  margin-bottom: 12px;
}
.banner-list .col:first-child {
  min-width: 400px;
}

/*About section*/
.about-top-img {
  max-width: 620px;
  height: 620px;
  border-radius: 25px;
  object-fit: cover;
  width: 100%;
}
.about-right {
  padding-left: 30px;
}
.about-left {
  position: relative;
}
.about-logo {
  max-width: 298px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*Partners slider*/
.partners-header {
  padding-bottom: 45px;
}
.partners-slider {
  max-width: 960px;
  margin: 0 auto;
  width: 100%;
  padding: 0 30px;
}
.partners-slider img {
  min-height: 30px;
  max-height: 100px;
}

.partners-slider .swiper-button-prev, .partners-slider .swiper-button-next,
.gallery-slider .swiper-button-prev, .gallery-slider .swiper-button-next {
  color: var(--color-palette3);
}
.partners-slider .swiper-button-prev {
  left: 0;
  right: auto;
}
.partners-slider .swiper-button-next {
  left: auto;
  right: 0;
}

.partners-slider .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  text-align: center;
}
.partners-slider ul {
  align-items: flex-start;
}

.partner-slide a {
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.partner-title {
  display: block;
  font-weight: bold;
  margin-top: 10px;
}

.gallery-slider img {
  border-radius: 20px;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
}

/*Contact form*/
.form-row-outer {
  max-width: 1017px;
  width: 100%;
  margin: 0 auto;
}

.contact-form .form-row input[type="text"], .contact-form .form-row input[type="tel"], .contact-form .form-row input[type="email"], 
.contact-form .form-row textarea, .contact-form .form-row select {
  border: 1px solid var(--color-palette3);
  border-radius: 50px;
  background: transparent;
  color: #111111;
  width: 100%;
  padding: 19.2px 18px 19.2px 30px;
  line-height: normal;
  font-weight: normal;
  font-size: 16px;
  font-family: 'Neue Montreal';
  box-shadow: 0px 0px 30px #0000000a;
}
.contact-form .form-row textarea {
  resize: none;
  height: 164px;
  border-radius: 30px;
}
.contact-form .form-row {
  margin-bottom: 15px;
}
.contact-form .form-row input:focus, .contact-form .form-row textarea:focus {
  outline: none;
}
.contact-header {
  max-width: 520px;
  margin: 0 auto 40px;
  width: 100%;
}
.contact-header h2 {
  margin-bottom: 20px;
}
.contact-form .form-row:last-child {
  text-align: center;
}
.form-row-block {
  display: flex;
  gap: 15px;
}
.form-row-block .form-row {
    width: 33.3%;
}
::placeholder {
  opacity:1;
  color:#111 !important
}


/*Our work*/
.our-work-sec {
  background-size: cover;
  background-repeat: no-repeat;
}
.our-work-sec::before {
  content: '';
  background: #000000;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
}
.our-work-inner {
  position: relative;
}
.our-work-inner h2 {
  color:var(--color-palette4);
}
.our-work-inner p {
  color: var(--color-palette4);
}

/*Sample page*/
.page-content-inner ul li, .page-content-inner ol li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 0;
}
.page-content-inner ul li::before, .page-content-inner ol li::before {
  content: '';
  background: var(--color-palette1);
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0;
  top: 10px;
  border-radius: 50px;
}
.page-content-inner ul, .page-content-inner ol {
  margin-bottom: 30px;
}
.page-content-inner h2, .page-content-inner h3, .page-content-inner h4 {
  margin-bottom: 10px;
  padding-top: 20px;
}
.page-content-inner h2:first-child, .page-content-inner h3:first-child, .page-content-inner h4:first-child {
  padding-top: 0px;
}


/*footer*/
footer {position: relative;   background:  var(--color-palette3);}
.top-footer {
  padding: 67px 0 18px; text-align: center;
}
.footer-logo img {
  max-width: 216px;
}
.footer-menu {
  margin: 45px 0 0;
}
.footer-menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
}
.footer-menu ul li a {
  font-size: 18px;
  color: var(--color-palette4);
}
.footer-menu ul li a:hover {
  color: var(--color-palette2);
}
.copyright-text p {
  color: var(--color-palette4);
}
.copyright-text p a {
  color: var(--color-palette2);
}
.copyright-text p a:hover {
  color: var(--color-palette4);
}

ul.social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
  justify-content: center;
  gap: 10px;
  margin: 35px 0;
}
ul.social-icons li a {
  display: block;
  width: 40px;
  height: 40px;
  background: var(--color-palette4);
  border-radius: 50%;
  font-size: 18px;
  color: var(--color-palette1);
  line-height: 38px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.social-icons li a:hover {
  background: var(--color-palette2);
  color: var(--color-palette4);
  -webkit-transform: translate(0,-3px);
  -ms-transform: translate(0,-3px);
  transform: translate(0,-3px);
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}
.wpcf7-spinner {
  display: none;
}
.wpcf7-not-valid-tip {
  display: block;
  font-size: 16px;
  line-height: normal;
  position: relative;
  top: 0;
  padding-left: 0; text-align: left;
}
.wpcf7 form .wpcf7-response-output {
  font-size: 16px;
  text-align: center;
  padding: 10px;
  border: 2px solid var(--color-palette1);
  margin-bottom: 0;
  line-height:normal;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #f00;
}


/*Faq*/
.faq-inner .accordion-button {
  color: var(--color-palette3);
  font-size: 20px;
  padding: 0;
  line-height: normal;
  border-radius: 0 !important;
  position: relative;
  background: transparent;
  box-shadow: none;
  font-family: 'Neue Montreal';
  font-weight: 500;
}
.faq-inner .accordion-button:focus {
  box-shadow:none
}
.faq .faq-inner .accordion-item {
  margin-bottom: 0;
  border: none;
  box-shadow: none;
  background-color: transparent;
  border-radius: 10px;
  padding: 24px 30px;
  transition: background-color 0.3s ease;
}
.faq-inner .accordion-item:last-child {
  margin-bottom:0
}
.faq-inner .accordion-button:not(.collapsed) {
  background:transparent;
}
.faq-inner .accordion-body {
  padding: 0;
  padding-top: 17px;
}
.faq-inner .accordion-item .accordion-button::after {
  color: inherit;
  content:'\f067';
  font-size:26px;
  position:absolute;
  right:0;
  font-family:"font awesome 6 pro";
  height:auto;
  width:auto;
  background:0 0;
  transform:translateY(-50%);
  top:50%
}
.faq-inner .accordion-item .accordion-button:not(.collapsed)::after {
  content:'\f068';
}
.match-sec-inner {
  background: var(--color-palette4);
  border-radius: 25px;
  padding: 50px;
}

.faq-inner .accordion-button i {
  position: absolute;
  left: 0;
  color: var(--color-palette3);
}
.faq-inner .accordion-button, .faq-inner .accordion-body {
  padding-left: 36px;
}
.match-right img {
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
}
.accordion-item:has(.accordion-button:not(.collapsed)) {
  background-color: var(--color-palette1);
  padding: 35px 30px;
}
.faq-inner .cmn-header {
  margin-bottom: 25px;
}
.accordion-item:has(.accordion-button:not(.collapsed)) .accordion-button {
  color: var(--color-palette4);
}
.accordion-item:has(.accordion-button:not(.collapsed)) .accordion-button i {
  color: var(--color-palette4);
}
.accordion-item:has(.accordion-button:not(.collapsed)) .accordion-body p, .accordion-item:has(.accordion-button:not(.collapsed)) .accordion-body li {
  color: var(--color-palette4);
}
.match-right {
  padding-left: 24px;
  height: 100%;
}
#accordionExample {
  padding-right: 10px;
}

/*Gallery page css*/
.gallery {
  max-width: 1317px;
  margin: 0 auto;
  width: 100%;
}

    .mainSwiper {
  border-radius: 25px;
  overflow: hidden;
}

    .mainSwiper .swiper-slide {
        width: 100%;
        height: auto;
      }

    .mainSwiper img, .thumbSwiper img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    /* Thumbnails */
    .thumbSwiper {
      margin-top: 35px;
    }

    .thumbSwiper .swiper-slide {
  border-radius: 25px;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.7;
  height: auto;
}

    .thumbSwiper .swiper-slide-thumb-active {
      opacity: 1;
    }


/* Responsive css*/
@media (min-width: 1200px){
.main-navigation .menu > li {
display: inline-block;
margin: 0;
padding: 0;
}
.main-navigation .menu > li {
  padding: 0 15px;
}
.banner-inner p {
  padding-right: 10%;
}
.our-work-inner {
  max-width: 60%;
  margin: 0 auto;
}
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1344px;
  }
  .container-large {
    padding-left: 40px;
    padding-right: 40px;
    max-width: 100%;
  }
  .main-navigation .menu > li {
  padding: 0 30px;
}

}

@media (min-width: 1600px) {
  .container-large {
    padding-left: 100px;
    padding-right: 100px;
  }
}


@media (max-width: 1400px){
  .banner {
  padding: 210px 0 160px;
}
.banner-list .col:first-child {
  min-width: 300px;
}
.about-top-img {
  height: 560px;
}
.match-sec-inner {
  padding: 40px;
}
}


@media (max-width:1199px){
/**header menu***/
nav#site-navigation {  clear: both;}
.toggle-menu{font-size:30px;text-align:right;color:var(--color-palette4);    line-height: 0;cursor: pointer;}
.hamburger-toggle svg{color:var(--color-palette4);font-size:36px;}
.hamburger-toggle.close-toggle{text-align:right;padding:25px 0 10px;float: right;clear: both;cursor: pointer;}
.sticky-nav{height:100%;position:fixed;right:-100%;top:0;width:100%;z-index:99999;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;padding:0 30px 50px;background:var(--color-palette1);}
.submenu-expand{color:var(--color-palette2);cursor:pointer;position:absolute;top:10px;width:57px;height:57px;margin:0;appearance:none;-webkit-appearance:none;-moz-webkit-appearance:none;background:0 0;border:none;z-index:1;outline:none;line-height:57px;padding:0;right:0;top:0;}
.submenu-expand:after{position:relative;content:"\f0d7";font-family:"Font Awesome 5 Pro";font-size:24px;font-weight:700;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all .5s ease-in-out 0s;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;margin:0;vertical-align:0;border:none;width:100%;height:100%;display:inline-block;text-align:right;}
#site-navigation:focus{outline:none!important;}
.main-navigation ul li a{display:inline-block;text-align:left;border:0;padding:0;transition:none;}
.main-navigation ul li a{display:inline-block;line-height:1.5em;font-size: 20px;  margin: 0 0 15px;}
.main-navigation .sub-menu{width:100%;position:static;display:none;padding:0 10px;}
.main-navigation ul li.mobile-parent-nav-menu-item,.svg-icon{display:none;}
.main-navigation ul li.mobile-parent-nav-menu-item{padding:0 25px 5px;}
.main-navigation li .sub-menu li:last-child{border-bottom:none;}
.svg-inline--fa { display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em;}
.sticky-in { right: 0;  width: 50%;}
.hamburger-toggle.close-toggle { text-align: right;  padding: 25px 0 10px;}
.fixed-body:before {  opacity: 1;  visibility: visible;}
.fixed-body {   position: relative;   overflow: hidden;}
/**header menu end***/


header .header-nav {
  margin-left: auto;
}
.header-right {
  margin-left: 20px;
}
.main-navigation .menu > li > a {
  color: var(--color-palette4);
  font-size: 20px;
  padding: 0;
}
.main-navigation .menu > li > a:hover {
  color: var(--color-palette2);
}
header .header-nav {
  text-align: left;
}

.cmn-space-sec {
  padding: 100px 0;
}
h1 {
  font-size: 50px;
  line-height: 60px;
}
h2 {
  font-size: 32px;
  line-height: 40px;
}
.custom-btn {
  padding: 16px 30px;
}
.main-navigation .menu > li.current-menu-item a {
  color: #fff;
}
.page-content-inner h2, .page-content-inner h3, .page-content-inner h4 {
  margin-bottom: 10px;
}
.page-content-inner p, .page-content-inner ul, .page-content-inner ol {
  margin-bottom: 15px;
}
p {
  margin: 0 0 15px 0;
}
.about-logo {
  max-width: 170px;
}
.about-top-img {
  height: 500px;
}
.banner-list .col:first-child {
  min-width: auto;
}
.banner-inner {
  max-width: 590px;
}
.banner {
  padding: 170px 0 130px;
}
.about-right {
  padding-left: 0;
}
.partners-slider img {
  max-height: 80px;
}
#accordionExample {
  padding-right: 0;
}
.match-right {
  padding-left: 10px;
}
.faq .faq-inner .accordion-item {
  padding: 18px 25px;
}
.accordion-item:has(.accordion-button:not(.collapsed)) {
  padding: 28px 25px;
}
.match-sec-inner {
  padding: 30px;
}
.footer-logo img {
  max-width: 160px;
}
.header-social-icons {
  margin-right: 20px;
}
.header-logo {
  width: auto;
}
}


@media (max-width:991px){
.header-right .custom-btn span {
  display: none;
}
.header-right .btn .fa-arrow-right {
  display: none;
}
.cmn-space-sec {
  padding: 80px 0;
}
.top-footer {
  padding: 50px 0 20px;
}
.header-right .custom-btn {
  padding: 10px 13px;
}
.about-left {
  padding-left: 0;
  text-align: center;
}
.about-right {
  padding-top: 30px;
  padding-left: 0;
}
.about-top-img {
  height: 500px;
}
.banner {
  padding: 90px 0;
}
h1 {
  font-size: 40px;
  line-height: 50px;
}
.banner-inner {
  max-width: 490px;
}
.banner-list .col:first-child {
  flex: 100%;
  text-align: center;
}
.banner-list .col:first-child h2 br {
  display: none;
}
.banner-list .col:first-child h2 {
  margin-bottom: 30px;
}
.cmn-header h2 br {
  display: none;
}
.match-right img, .match-right {
  height: auto;
}
.match-right {
  margin-top: 30px; padding-left: 0;
}
.footer-logo img {
  max-width: 130px;
}
.footer-menu ul {
  gap: 35px;
}
}


@media (max-width:767px){
h1 {
  font-size: 38px;
  line-height: 42px;
}
h2 {
  font-size: 30px;
  line-height: 32px;
}
.sticky-in {
  width: 100%;
}
.header-right {
  margin-left: 15px;
}
.cmn-space-sec {
  padding: 60px 0;
}
.header-logo img {
  max-width: 200px;
}
.banner-inner {
  text-align: center; max-width: 100%;
}
.about-right .custom-btn, .intro-left .btn {
  margin-top: 0;
}
.about-left {
  padding-left: 0;
}
.page-content-inner p, .page-content-inner ul, .page-content-inner ol {
  margin-bottom: 25px;
}
.page-content-inner ul li::before, .page-content-inner ol li::before {
  top: 8px;
}

.banner {
  padding: 60px 0;
}
.banner-list .col:first-child h2 {
  margin-bottom: 10px;
}
.banner-list .col {
  flex: 100%;
  margin-bottom: 20px;
}
.banner-list .col:last-child {
  margin-bottom: 0;
}
.about-top-img {
  height: auto;
}
.partners-slider img {
  max-height: 60px;
}
.faq-inner .accordion-button {
  font-size: 18px;
}
.faq-inner .accordion-button, .faq-inner .accordion-body {
  padding-left: 32px;
}
.accordion-item:has(.accordion-button:not(.collapsed)) {
  padding: 24px 20px;
}
.faq .faq-inner .accordion-item {
  padding: 18px 20px;
}
.match-sec-inner {
  padding: 30px 20px;
}
.footer-logo img {
  max-width: 100px;
}
.footer-menu ul {
  gap: 25px;
  flex-wrap: wrap;
  row-gap: 5px;
}
ul.social-icons {
  margin: 25px 0;
}
.footer-menu {
  margin: 30px 0 0;
}
.banner::before {
  opacity: .3;
}
.header-social-icons {
  margin-right: 15px;
}
.about-logo {
  max-width: 120px;
}
.gallery-sec h1 {
  margin-top: 30px;
  margin-bottom: 25px !important;
}
}

@media (max-width:575px){
h1 {
  font-size: 34px;
  line-height: 38px;
}
.contact-form .form-row textarea {
  resize: none;
  height: 120px;
  border-radius: 25px;
}
.form-row-block .form-row {
  width: 100%;
}
.form-row-block {
  flex-wrap: wrap;
  gap: 0;
}
.partners-slider .swiper-button-next, .partners-slider .swiper-button-prev, .gallery-slider .swiper-button-next, .gallery-slider .swiper-button-prev {
  display: none;
}
}