@font-face {
     font-family: "NexaBold";
     src: url(../fonts/NexaBold.otf)
 }

 @font-face {
     font-family: "NoteworthyBold";
     src: url(../fonts/NoteworthyBold.otf)
 }


 html {
     touch-action: manipulation;
 }

 body {
     margin: 0;
     padding: 0;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p {
     list-style: none;
     margin: 0;
     padding: 0;
 }

a{
    text-decoration: none;
}
 .container {
     max-width: 1240px;
     margin: 0 auto;
     padding: 0 20px;
 }

 .header {
     position: absolute;
     z-index: 1;
     left: 50%;
     top: 29px;
     transform: translateX(-50%);
 }

 .header-logo a{display: inline-block;}

 .header-logo img {
     width: 193px;
     height: auto;
 }


 .banner {
     position: relative;
     background-image: url(../images/banner-bg-2.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 100%;
     height: 836px;
 }

 .banner .banner-content {
     position: relative;
     top: 297px;
     text-align: center;
 }

 .banner .banner-content .arrow {
     margin: 24px 0 17px 0;
 }


 .banner .banner-content h1 {
     font-size: 51px;
     line-height: 66px;
     font-family: NexaBold;
     color: #FFFFFF;
     letter-spacing: 2.55px;
     text-transform: uppercase;
 }

 .banner .banner-content h2 {
     font-size: 41px;
     line-height: 65px;
     font-family: NoteworthyBold;
     color: #E6DDCA;
     letter-spacing: 2.05px;
 }

 .banner .banner-content h2 .highlight {
     color: #FFFE63;
 }

 .banner .banner-content h3 {
     font-size: 33px;
     line-height: 43px;
     font-family: NexaBold;
     color: #FFFFFF;
     letter-spacing: 1.65px;
 }

 .cards-section {
     background-color: #EDE7DD;
     margin-top: -210px;
 }

 .cards-section .cards {
     display: flex;
     gap: 48px;
     max-width: 1014px;
     margin: 0 auto;
     position: relative;
 }

 .cards-section .cards .card {
     background-color: #FFFFFF;
     border-radius: 28px;
     width: 33.33%;
     text-align: center;
 }

 .cards-section .cards .card .card-icon img {
     width: 94px;
     height: 94px;
 }

 .cards-section .cards .card-title {
     font-size: 40px;
     line-height: 50px;
     color: #707263;
     letter-spacing: 2px;
     font-family: NoteworthyBold;
     margin-top: 19px;
 }

 .cards-section .cards .card-icon {
     margin-top: 32px;
 }

 .cards-section .cards a {
     font-size: 22px;
     line-height: 29px;
     font-family: NexaBold;
     color: #707263;
     letter-spacing: 1.1px;
     text-decoration: none;
     background-color: #FFFE63;
     border-radius: 25px;
     padding: 11px 30px 10px 31px;
     margin: 28px 0 29px 0;
     display: inline-block;
 }

 footer {
     position: relative;
     background-color: #EDE7DD;
     padding: 68px 0 70px 0;
 }

 footer .footer-links ul {
     display: flex;
     justify-content: center;
     list-style-type: none;
     padding: 0;
     margin: 0;
 }

 footer .footer-links a {
     font-size: 16px;
     line-height: 25px;
     font-family: NoteworthyBold;
     color: #727465;
     text-decoration: none;
     border-right: 1px solid;
     padding: 0 20px;
 }

 footer .footer-links li:first-child a {
     padding-left: 0;
 }

 footer .footer-links li:last-child a {
     border-right: none;
     padding-right: 0;
 }

 .text-block.banner {
     height: 500px;
 }

 .text-block-element {
     margin: 60px 0;
 }

.text-block-element h2{
    font-family: NexaBold;
     font-size: 30px;
     line-height: 40px;
     color: #707263;
     margin-bottom:10px;
 }
 .text-block-element h3{
    font-family: NexaBold;
     font-size: 25px;
     line-height: 35px;
     color: #707263;
 }


 .text-block-element p {
     font-family: NexaBold;
     font-size: 16px;
     line-height: 30px;
     color: #727465;
     margin-bottom: 20px;
 }

 .text-block-element ul {
     padding-left: 16px;
 }

 .text-block-element ul li {
     font-family: NexaBold;
     font-size: 16px;
     line-height: 30px;
     color: #727465;
 }
 .text-section{
    background-color: #EDE7DD;
    padding-top: 60px;
 }
 .text-section .text-section-content{max-width: 1014px;margin: 0 auto;}

 .text-section h3{
    font-size: 33px;
    line-height: 43px;
    font-family: NexaBold;
    color: #707263;
    letter-spacing: 1.65px;
    text-align: center;
 }

 @media(max-width:991px) {
     .header {
         top: 0;
     }

     .header-logo img {
         width: 150px;
     }

     .banner {
         height: 670px;
     }

     .banner .banner-content {
         top: 200px;
     }

     .banner .banner-content h1 {
         font-size: 30px;
         line-height: 41px;
         letter-spacing: 1.55px;
     }

     .banner .banner-content h2 {
         font-size: 26px;
         line-height: 40px;
         letter-spacing: 1.05px;
     }

     .banner .banner-content h3 {
         font-size: 23px;
         line-height: 33px;
         letter-spacing: 1px;
     }

     .cards-section .cards {
         flex-wrap: wrap;
     }

     .cards-section .cards .card {
         width: 100%;
     }

     .cards-section .cards .card-title {
         font-size: 25px;
         line-height: 30px;
         letter-spacing: 1px;
     }

     .cards-section .cards a {
         font-size: 18px;
         line-height: 24px;
         letter-spacing: 0.9px;
     }
     .text-section h3{
         font-size: 23px;
         line-height: 33px;
         letter-spacing: 1px;
     }
 }


 @media(max-width:767px) {
     .banner .banner-content {
         top: 180px;
     }

     .text-block.banner {
         height: 300px;
     }

     .banner .banner-content h3 {
         font-size: 20px;
         line-height: 30px;
     }

     .cards-section .cards {
         gap: 24px;
     }

     .cards-section .cards .card .card-icon img {
         width: 64px;
         height: 64px;
     }

     .cards-section .cards .card-title {
         font-size: 20px;
         line-height: 30px;
     }

     footer {
         padding: 30px 0;
     }
     .text-section h3{
        font-size: 20px;
        line-height: 30px;
    }
 }