@charset "utf-8";
html, body{font-family: 'Roboto', sans-serif;font-size: 17px;line-height: 1.47059;font-weight: 400;color: var(--black);font-style: normal;background-repeat: repeat-y;background-size: 100%;}
body.home-page{overflow-x: hidden;}
.headerBehind{height: 44px;}
:root {--default: #b06339; --black: #020203; --white: #f2f3f3;}
*:focus {outline: none;}
h1,h2,h3,h4,h5,h6{font-family: 'Roboto', sans-serif}
h1{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
.h1 {font-size: 38px;color: var(--default);font-weight: 400;line-height: 1;margin: 30px 0 60px 0;padding: 0;text-align: center;display: grid;position: relative;}
.h1-page {position: absolute;font-size: 40px;color: #fff;margin-bottom: 10px;font-weight: 600;line-height: 1;padding: 0;display: grid;z-index: 100;top: 50%;transform: translateY(-50%);z-index: 1;}
h1.category-title{font-size: 38px;color: var(--default);font-weight: 400;line-height: 1;margin: 0 0 35px 0;padding: 0;text-align: center;display: grid;position: relative;}
h2{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit;}
a{text-decoration:none !important; color:inherit !important; outline:none !important;}
p{margin:0 0 20px 0;}
p:last-child{margin: auto;}
input:focus {outline:none;}
body.doNotScroll{overflow:hidden; height:100vh;}
.transition2s{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.transition3s{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.nonMobile{display: block;}
.mobile {display:none;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 3.5px rgba(0, 0, 0, 0.3);border-radius: 2.8px;}
::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.4);border-radius: 1.4px;}
::-webkit-scrollbar {height: 2.8px;width: 5.6px;}
.owl-dots{display: none;}
.owl-carousel .item img {width: 20px;height: auto;display: block;margin: auto;}
.owl-carousel {overflow: hidden;margin: auto;}
.owl-carousel .item {display: flex;justify-content: center;align-items: center;margin: auto;}
.owl-carousel .item img {max-width: 100%;height: auto;margin: auto;}

.mobile-nav{display: none;}
.nav-container{display: flex;justify-content: center;width: 100%;position: sticky;z-index: 100;}
.nav-container .nav-holder {z-index: 1000;display: flex;justify-content: space-between;align-items: center;padding: 0 18px;height: 110px;background: rgb(70 70 70 / 50%);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 12px;color: #fff;position: fixed;top: 0;left: 50%;width: 80%;transform: translateX(-50%);box-shadow: -2px 11px 20px 18px rgba(0, 0, 0, 0.08);}
.nav-container .nav-holder .logo-holder{width: 30%;}
.nav-container .nav-holder .logo-holder .header-logo{width: 150px;}
/* .nav-container .nav-holder .nav-link-holder{display: flex;gap: 25px;width: 57%;justify-content: end;color: #686868;font-size: 16px;font-weight: 600;}
.nav-container .nav-holder .nav-link-holder .nav-link-container li{position: relative;}
.nav-container .nav-holder .nav-link-holder .nav-link-container .drop-menu{position: absolute;} */
.nav-container .nav-holder .nav-link-holder i.fa-solid.fa-angle-down {font-size: 13px;margin-left: 3px;color: #919191;}
.nav-container .nav-holder .nav-btn-holder{display: flex;justify-content: end;width: 17%;}
.nav-container .nav-holder .nav-btn-holder a{background: #00b3a4;padding: 12px 35px;color: #fff;border-radius: 30px;font-weight: 600;}
.banner-holder{background: linear-gradient(270deg, rgba(0, 0, 0, 0.9) 40%, rgba(0, 0, 0, 0.2) 100%), url(../image/f1.webp);background-size: cover;background-position: 35%;background-repeat: no-repeat;height: 890px;z-index: 1;position: relative;min-height: 100vh;}
.banner-holder .banner-txt-holder {position: absolute;top: 50%;right: 0;transform: translateY(-50%);color: #fff;animation: premiumFloat 6s ease-in-out infinite;}
@keyframes premiumFloat {
    0% {
        transform: translateY(-50%);
    }
    50% {
        transform: translateY(-52%);
    }
    100% {
        transform: translateY(-50%);
    }
}
.banner-holder .banner-txt-holder .line-holder{display: flex;align-items: center;margin-bottom: 50px;}
.banner-holder .banner-txt-holder .service-line{width: 65px;height: 2px;background: linear-gradient(90deg, #afffae 0%, #00b3a4 100%);margin: 0;transition: all 0.6s ease-in-out;}
.banner-holder .banner-txt-holder .banner-title{font-size: 56px;font-weight: 600;line-height: 61px;}
.banner-holder .banner-txt-holder .banner-txt{font-size: 20px;}
.banner-holder .banner-txt-holder .button-holder{display: flex;margin-top: 50px;}
.banner-holder .banner-txt-holder .button-holder .start-btn{position: relative;background: linear-gradient(90deg, #1f2933 0%, #00b3a4 100%);overflow: hidden;color: #ffffff; padding: 16px 40px; border-radius: 30px; text-decoration: none; font-weight: 700; font-size: 16px; margin-right: 10px; z-index: 0;}
.banner-holder .banner-txt-holder .button-holder .start-btn::before {content: "";position: absolute;inset: 0;background: linear-gradient(90deg, #1f2933 0%, #2f7682 100%);opacity: 0;transition: opacity 0.5s ease;z-index: 1;}
.banner-holder .banner-txt-holder .button-holder .start-btn:hover::before {opacity: 1;}

.banner-holder .banner-txt-holder .button-holder .start-btn{z-index: 1;}
.banner-holder .banner-txt-holder .button-holder .start-btn span{position: relative;z-index: 2;}

.banner-holder .banner-txt-holder .button-holder .about-btn{border: 2px solid rgba(255, 255, 255, 0.2);color: white;padding: 16px 40px;border-radius: 30px;font-weight: 600;font-size: 16px;transition: all 0.5s;}
.banner-holder .banner-txt-holder .button-holder .about-btn:hover{border-color: #00b3a4;outline: 0;box-shadow: 0 0 6px rgba(3, 135, 130, 0.6);}

.nav-container .nav-holder .menu-nav-holder{display: flex;padding: 0;margin: 0;gap: 15px;width: 57%;justify-content: end;height: 100%;align-items: center;}
.nav-container .nav-holder .menu-nav-holder .menu-nav-bar{display: flex;list-style: none;padding: 0;margin: 0;gap: 15px;}
.nav-container .nav-holder .menu-nav-holder .menu-nav-bar .menu-item{position: relative; }
.nav-container .nav-holder .menu-nav-holder .menu-nav-bar .menu-item > a{text-decoration: none;font-size: 14px;display: inline-block;color: #000;font-weight: 600;padding: 40px 0 40px 0;transition: 0.2s all;height: 100%;line-height: 2;}
.nav-container .nav-holder .menu-nav-holder .menu-nav-bar .drop-menu{list-style: none;width: 250px;position: absolute;background: #ffffff;visibility: hidden;opacity: 0;flex-direction: column;transform: scaleY(0); transition: all 0.5s ease; transform-origin: top;border-radius: 0 0 5px 5px;box-shadow: 0 2px 13px rgba(0, 0, 0, 0.15);z-index: 10;border-top: 2px solid #00b3a4;padding: 0;color: #000;}
.nav-container .nav-holder .menu-nav-holder .menu-nav-bar .menu-item:hover > .drop-menu{visibility: visible;opacity: 1;transform: scaleY(1);}
.nav-container .nav-holder .menu-nav-holder .menu-nav-bar .menu-item .drop-menu li{padding: 12px 20px;}
.nav-container .nav-holder .menu-nav-holder .menu-nav-bar .menu-item .drop-menu li:hover{background: #00b3a4;padding: 12px 20px;color: #fff;}
.nav-container .nav-holder .menu-nav-holder .menu-nav-bar .menu-item .drop-menu li a{font-size: 16px;font-weight: 400;line-height: 1.3;}
.nav-container .nav-holder .menu-nav-holder .menu-nav-bar .drop-menu-item{text-decoration: none;color: black;font-size: 18px;padding: 10px 15px;display: inline-block;}
.nav-container .nav-holder .menu-nav-holder .menu-nav-bar .drop-menu-item:hover {background-color: #555;color: white;}
.nav-container .nav-holder .menu-nav-holder .menu-nav-bar .drop-menu-item:hover > .drop-menu{display: block; }
i.fa-solid.fa-angle-down.menu-bar{margin-left: 5px;font-size: 13px;color: #fff;}








.slider-holder {background-color: rgb(0 179 164 / 30%);text-align: center;padding: 50px 0;}
.slider-holder .slider-title {font-size: 40px;color: #333333;font-weight: 600;}
.slider-holder .slider-item {display: flex;align-items: center;}
.item{width: 50%;}

.about-holder {display: flex;gap: 200px;margin: 100px 0;flex-wrap: wrap;}
.about-holder .about-left {width: calc(45% - 100px);}
.about-holder .about-right {width: calc(55% - 100px);}
.about-holder .about-right .about-title {font-size: 36px;color: #232323;font-weight: 800;}
.about-holder .about-right .about-txt {font-size: 16px;color: #232323;}
.about-holder .about-right .about-txt .about-icon{color: #00b3a4;font-size: 13px;border: 2px solid #00b3a4;width: 25px;height: 25px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;margin-right: 5px;}

.service-holder{background: url(../image/service-bg2.webp);background-repeat: no-repeat;background-size: 200%;background-position: center;padding: 95px 0 84px;position: relative;z-index: 1;}
.service-holder::before{position: absolute;content: "";z-index: -1;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(19, 19, 35, 0.9);}
.service-holder h2.service-title {font-size: 36px;color: #fff;font-weight: 600;padding: 0 0 50px 0;}
.service-holder .service-content{display: flex;flex-wrap: wrap;gap: 25px;}
.service-holder .service-content .service-item {
  width: calc(25% - 80px / 4);
  background: #fff;
  border-radius: 5px;
  padding: 36px 15px 30px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.service-holder .service-content .service-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 20%;
  background: url(../image/box-bg3.png) no-repeat center/cover;
  border-radius: 4px;
  opacity: 0;
  transform: scale(0.5) skew(5deg, 5deg);
  transition: all 0.6s ease-in-out;
  z-index: -1;
  filter: hue-rotate(160deg);
}

.service-holder .service-content .service-item:hover::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transform: scale(1) skew(0deg, 0deg);
  border-radius: 0;
}

.service-holder .service-content .service-item .service-icon-holder{display: flex;justify-content: center;}
.service-holder .service-content .service-item .service-icon-holder img{width: 70px;background: #fff;padding: 5px;border-radius: 50%;}
.service-holder .service-content .service-item .service-title{font-size: 22px;color: #232323;text-align: center;margin-top: 25px;transition: all 0.6s ease-in-out;}
.service-holder .service-content .service-item .service-txt {font-size: 16px;text-align: center;color: #686868;margin-bottom: 20px;transition: all 0.6s ease-in-out;}
.service-holder .service-content .service-item .service-line{border: 1px solid #00b3a4;margin: 0 auto;width: 65px;margin-bottom: 20px;transition: all 0.6s ease-in-out;}
.service-holder .service-content .service-item:hover .service-title{color: #ffffff;}
.service-holder .service-content .service-item:hover .service-txt {color: #ffffff;}
.service-holder .service-content .service-item:hover .service-line{color: #ffffff;}


.choose-holder {margin: 100px 0;}
.choose-holder h2.choose-title{font-size: 36px;font-weight: 600;color: #232323;}
.choose-holder .choose-txt{font-size: 16px;color: #686868;}
.choose-holder .choose-txt:last-of-type{margin-bottom: 70px;}

.testimonial-holder{background: url(../image/testimonial-bg.png);background-position: center;background-repeat: no-repeat;background-size: cover;padding: 95px 0 95px;position: relative;z-index: 1;}
.testimonial-holder::before{filter: drop-shadow(0px 0 5px rgba(0, 0, 0, 0.1));}
.testimonial-holder .testimonial-txt-holder {display: flex;color: #fff;margin-bottom: 70px;flex-wrap: wrap;}
.testimonial-holder .testimonial-txt-holder .left-txt-holder {width: 60%;}
.testimonial-holder .testimonial-txt-container{display: flex;flex-direction: column;}
.testimonial-holder .testimonial-txt-container .line-holder{display: flex;align-items: center;margin-bottom: 10px;}
.testimonial-holder .testimonial-txt-container .service-line{width: 40px;height: 2px;background: #00b3a4;margin: 0;transition: all 0.6s ease-in-out;margin-right: 10px;}
.testimonial-holder .testimonial-txt-holder .right-txt-holder {width: 40%;text-align: end;display: flex;justify-content: flex-end;gap: 170px;}
.testimonial-holder .testimonial-txt-holder .right-txt-holder .top-txt {font-size: 30px;font-weight: 600;margin-bottom: 5px;}
.testimonial-holder h2.testimonial-title {font-size: 36px;color: #fff;font-weight: 600;}
.testimonial-holder .testimonial-content .testimonial-item-holder {background: #fff;padding: 70px;}
.testimonial-holder .testimonial-content .testimonial-item-holder .stars-holder{font-size: 16px;color: #00b3a4;}
.testimonial-holder .testimonial-content .testimonial-item-holder .testimonial-item .item-txt{height: 40vh;}
 

.proces-holder{background: url(../image/process-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;padding: 95px 0 170px;position: relative;z-index: 1;}
.proces-holder .proces-txt-holder{display: flex;color: #fff;justify-content: space-between;margin-bottom: 40px;}
.proces-holder .proces-txt-holder .proces-txt-container{display: flex;flex-direction: column;}
.proces-holder .proces-txt-holder .proces-txt-container .line-holder{display: flex;align-items: center;margin-bottom: 10px;}
.proces-holder .proces-txt-holder .proces-txt-container .service-line{width: 40px;height: 2px;background: #00b3a4;margin: 0;transition: all 0.6s ease-in-out;margin-right: 10px;}
.proces-holder .proces-txt-holder .proces-title{font-size: 36px;font-weight: 600;}
.proces-holder .proces-txt-holder .proces-txt{font-size: 16px;text-align: end;margin: 0;}

.proces-banner{padding: 70px 0 17px;background: url(../image/process-bg2.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;border-radius: 3px;position: relative;width: 100%;bottom: 113px;z-index: 99;filter: hue-rotate(160deg);}
.proces-banner .banner-content {display: flex;gap: 20px;flex-wrap: wrap;}
.proces-banner .banner-content .banner-item{width: calc(33% - 11px);text-align: center;color: #fff;margin-bottom: 30px;padding: 0 20px;}
.proces-banner .banner-content .banner-item .banner-img-holder{display: flex;justify-content: center;}
.proces-banner .banner-content .banner-item .banner-img-holder .banner-img {width: 70px;filter: hue-rotate(220deg);}

.faq-holder{display: flex;}
.faq-holder .faq-left{width: 66%;}
.faq-holder .faq-right {width: 34%;}
.faq-holder .faq-img{filter: hue-rotate(320deg);}
.faq-holder .faq-left .faq-title{font-size: 36px;color: #232323;font-weight: 600;}
.faq-holder .faq-left .faq-txt {font-size: 16px;color: #686868;margin-top: 30px;}
.faq-holder .faq-left .faq-content{display: flex;flex-wrap: wrap;margin-top: 40px;}
.faq-holder .faq-left .faq-content .faq-item {width: 33%;margin-bottom: 35px;}
.faq-holder .faq-left .faq-content .faq-item .content-title {font-size: 24px;font-weight: 600;color: #232323;margin-bottom: 10px;}
.faq-holder .faq-left .faq-content .faq-item .content-txt{font-size: 16px;color: #686868;}
.faq-holder .faq-title{font-size: 36px;color: #232323;font-weight: 600;}
.faq-sub-txt{font-size: 16px;color: #686868;margin-top: 30px;}


.footer-banner{position: relative;background: url(../image/call-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;padding: 55px 42px;border-radius: 3px;z-index: 1;top: 100px;display: flex;filter: hue-rotate(160deg);}
.footer-banner .left-content{width: 50%;}
.footer-banner .left-content .banner-txt {font-size: 35px;color: #fff;font-weight: 600;line-height: 40px;}
.footer-banner .right-content{display: flex;flex-direction: column;color: #fff;font-weight: 600;gap: 5px;font-size: 18px;}

footer{background:linear-gradient(rgba(37, 37, 37, 0.6), rgba(37, 37, 37, 0.6)),url(../image/footer-bg.jpg);background-repeat: no-repeat;background-size: cover;padding: 105px 0 0px;}
footer .footer-title{text-align: center;color: #fff;font-size: 30px;font-weight: 600;margin: 70px 0 20px 0;}
footer .sub-title{text-align: center;color: #fff;font-size: 16px;}
footer .links-holder{display: flex;color: #fff;padding: 0 200px;}
footer .links-holder .quick-link{display: flex;flex-direction: column;width: 55%;gap: 10px;}
footer .links-holder .contact-link {display: flex;flex-direction: column;gap: 10px;}
footer .links-holder .contact-link .media-link .media-link-holder i{background: #E10600;border-radius: 100px;width: 35px;height: 35px;line-height: 35px;font-size: 16px;margin-right: 20px;text-align: center;}
footer .links-holder .link-title {font-size: 24px;font-weight: 600;margin-bottom: 5px;}
footer .links-holder .link-line{border: 1px solid #00b3a4;width: 50px;margin-bottom: 20px;}
footer .middle-txt{font-size: 12px;text-align: center;margin-top: 30px;color: #686868;}
footer .bottom-lnk{text-align: center;color: #fff;margin-top: 30px;}
footer .bottom-lnk a{border-right: 2px solid #fff;padding-right: 5px;line-height: 2px;}
footer .bottom-lnk a:last-of-type{border-right: 1px solid #fff;border-right: 0;}
footer .bottom-footer{margin-top: 85px;border-top: 1px solid #626065;padding: 30px 12px;text-align: center;}
footer .bottom-footer .bottom-content{position: relative;}
footer .bottom-footer .logo-holder{position: absolute;text-align: start;}
footer .bottom-footer .logo-holder .footer-logo{width: 10%;}
footer .bottom-footer .logo-holder p{font-size: 12px;color: #fff;margin-top: 5px;}
footer .last-txt{font-size: 10px;padding: 20px 20px 40px 20px;color: #fff;}

.contact-banner{background: linear-gradient(rgba(19, 19, 35, 0.6), rgba(0, 0, 0, 0.5)), url(../image/f1-page.webp) no-repeat center / cover;height: 350px;position: relative;}
.main-contact{background: url(../image/why-choose-bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;padding: 100px 0 100px;}
.contanct-hodler{display: flex;flex-wrap: wrap;gap: 20px;}
.contanct-hodler .contactLeft{background: #10102E;padding: 50px 35px;width:calc(50% - 10px);}
.contanct-hodler .contactLeft .content-holder{display: flex;gap: 15px;margin-bottom: 55px;}
.contanct-hodler .contactLeft .content-holder:last-of-type{margin-bottom: 0;}
.contanct-hodler .contactLeft .content-holder .icon-holder i{background: #00b3a4;border-radius: 5px;color: #fff;font-size: 27px;display: inline-block;width: 50px;height: 50px;text-align: center;line-height: 50px;}
.contanct-hodler .contactLeft .content-holder .txt-holder p{color: rgba(255, 255, 255, 0.74);}
.contanct-hodler .contactRight{box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);background: #fff;padding: 50px 40px;width:calc(50% - 10px)}
.contanct-hodler .contactRight .contact-form-title{color: #232323;margin-bottom: 25px;line-height: 1.2;font-weight: 700;-webkit-transition: .5s;transition: .5s;font-size: 36px;}
.contanct-hodler .contactRight #contactForm .pair{display: flex;margin-bottom: 25px;gap: 25px;flex-wrap: wrap;}
.contanct-hodler .contactRight #contactForm input{width:calc(50% - 13px);height: 50px;padding-left: 25px;background: #f7f4f4;border-radius: 30px;color: #232323;border: 1px solid rgba(35, 35, 35, 0.12);transition: .5s;}
.contanct-hodler .contactRight #contactForm textarea{width: 100%;background: #f7f4f4;padding-left: 25px;padding-top: 20px;height: 135px;border: 1px solid rgba(35, 35, 35, 0.12);border-radius: 30px;color: #232323;transition: .5s;margin-bottom: 25px;}
.contanct-hodler .contactRight #contactForm button{padding: 13px 15px;background: #10102E;display: block;color: #fff;border-radius: 30px;width: 100%;cursor: pointer;text-align: center;border: #10102E;transition: all .5s;}
.contanct-hodler .contactRight #contactForm button:hover{padding: 13px 15px;background: #00b3a4;display: block;color: #fff;border-radius: 30px;width: 100%;cursor: pointer;text-align: center;border: #00b3a4;}
.contanct-hodler .contactRight #contactForm button i{color: #00b3a4;margin-right: 10px;}
.contanct-hodler .contactRight #contactForm button:hover i{color: #fff;margin-right: 10px;}
.contanct-hodler .contactRight #contactForm input:focus,
.contanct-hodler .contactRight #contactForm textarea:focus{border-color: #00b3a4;outline: 0;box-shadow: 0 0 6px rgba(3, 135, 130, 0.6);}
.contact-banner .path-holder{position: absolute;top: 65%;transform: translateY(-65%);display: flex;align-items: center;}
.contact-banner .path-holder .home-path{color: #fff !important;font-weight: 600;text-decoration: underline !important;}
.contact-banner .path-holder .service-line{width: 20px;height: 2px;background: #fff;margin: 0 10px;transition: all 0.6s ease-in-out;}
.contact-banner .path-holder .title-path{color: #00b3a4;font-weight: 600;}
.contact-banner .bottom-path{position: absolute;right: 0;bottom: 0;background: #00b3a4;width: 32%;height: 53px;padding: 15px 60px 0;clip-path: polygon(6% 0%, 100% 0%, 100% 101%, 0% 101%);}
.contact-banner .bottom-path .path-holder{position: absolute;top: 65%;transform: translateY(-65%);display: flex;align-items: center;}
.contact-banner .bottom-path .path-holder .home-path{color: #fff;font-weight: 600;text-decoration: underline;font-size: 16px;}
.contact-banner .bottom-path .path-holder .service-line{width: 20px;height: 2px;background: #fff;margin: 0 10px;transition: all 0.6s ease-in-out;}
.contact-banner .bottom-path .path-holder .title-path{color: #fff;font-weight: 600;}


.page-banner{position: relative;background: linear-gradient(rgba(19, 19, 35, 0.6), rgba(0, 0, 0, 0.5)), url(../image/f1-page.webp) no-repeat center / cover;height: 350px;position: relative;z-index: 0;}
.page-banner .path-holder{position: absolute;top: 65%;transform: translateY(-65%);display: flex;align-items: center;}
.page-banner .path-holder .home-path{color: #fff !important;font-weight: 600;text-decoration: underline !important;}
.page-banner .path-holder .service-line{width: 20px;height: 2px;background: #fff;margin: 0 10px;transition: all 0.6s ease-in-out;}
.page-banner .path-holder .title-path{color: #00b3a4;font-weight: 600;}
.page-banner .bottom-path{position: absolute;right: 0;bottom: 0;background: #00b3a4;width: 32%;height: 53px;padding: 15px 60px 0;clip-path: polygon(6% 0%, 100% 0%, 100% 101%, 0% 101%);}
.page-banner .bottom-path .path-holder{position: absolute;top: 65%;transform: translateY(-65%);display: flex;align-items: center;}
.page-banner .bottom-path .path-holder .home-path{color: #fff;font-weight: 600;text-decoration: underline;font-size: 16px;}
.page-banner .bottom-path .path-holder .service-line{width: 20px;height: 2px;background: #fff;margin: 0 10px;transition: all 0.6s ease-in-out;}
.page-banner .bottom-path .path-holder .title-path{color: #fff;font-weight: 600;}

.line-txt{font-size: 18px;text-transform: capitalize;font-weight: 500;color: #00b3a4;margin: 0 0 16px;position: relative;display: inline-block;}
.line-txt::after{position: absolute;content: "";top: 14px;left: -55px;margin: auto;height: 2px;width: 41px;background: #00b3a4;}
.line-txt::before{position: absolute;content: "";top: 14px;right: -55px;margin: auto;height: 2px;width: 41px;background: #00b3a4;}
.page-txt-holder{text-align: center;}
.page-txt-holder.second{text-align: center;margin-top: 50px;}
.page-container{display: flex;margin-top: 35px;gap: 15px;flex-wrap: wrap;align-items: center;justify-content: center;}
.page-container .price-item{width: calc(33.3% - 10px);padding: 30px 25px;background: #fff;box-shadow: 0 0 25px rgb(0, 0, 0, 0.2);}
.page-container .price-item.bg{width: calc(33.3% - 10px);background: #00b3a4;padding: 30px 25px;}
.page-container .price-item .price-title{text-align: center;font-size: 22px;font-weight: 600;color: #232323;}
.page-container .price-item .price{text-align: center;font-size: 51px;font-weight: 600;color: #232323;margin-bottom: 25px;}
.page-container .price-item .price.bg{text-align: center;font-size: 51px;font-weight: 600;color: #fff;}
.page-container .price-item .price-title.bg{text-align: center;font-size: 22px;font-weight: 600;color: #fff;margin-bottom: 5px;}
.page-container .price-item .price-title.l{text-align: center;font-size: 22px;font-weight: 600;margin-bottom: 45px;}
.page-container .price-item .price-txt{font-size: 18px;font-weight: 600;color: #686868;margin-bottom: 5px;}
.page-container .price-item .price-txt.bg{font-size: 18px;font-weight: 600;color: #fff;}
.page-container .price-item .price-button{padding: 10px;background: #00b3a4;margin: 0 auto;width: 45%;text-align: center;color: #fff;border-radius: 50px;margin-top: 10px;font-weight: 600;}


.section-holder{display: flex;flex-wrap: wrap;gap: 20px;margin-top: 50px;}
.section-holder .left-section{width: calc(25% - 10px);}
.section-holder .left-section .sidebar{display: flex;flex-direction: column;background-color: #f5f7fa;border: 1px solid #e8ecf1;position: sticky;top: 130px;padding: 15px;}
.section-holder .left-section .sidebar .sidebar-link {padding: 10px 10px;color: #555 !important;font-weight: 600;font-size: 14px;border-radius: 5px;margin-bottom: 5px;transition: background-color .2s ease, color .2s ease;}
.section-holder .left-section .sidebar .sidebar-link.active {color: #fff !important;background-color: #00b3a4;}

.section-holder .right-section{width: calc(75% - 10px);}
.section-holder .right-section .section-item-container{display: flex;flex-wrap: wrap;gap: 20px;}
.section-holder .right-section .section-item-container .section-item{width: calc(50% - 20px);background: #fff;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);padding: 25px;}
.section-holder .right-section .section-item-container .section-item .txt-holder{height: 23vh;}
.section-holder .right-section .section-item-container .section-item .txt-holder .section-title{color: #00b3a4;font-size: 20px;font-weight: 700;margin-bottom: 15px;}
.section-holder .right-section .section-item-container .section-item .txt-holder .section-txt{color: #555;font-size: 15px;margin-bottom: 30px;}
.section-holder .right-section .section-item-container .section-item .section-btn{background-color: #00b3a4;border-color: #00b3a4;padding: 10px 30px;font-weight: 600;text-transform: uppercase;font-size: 14px;width: 40%;margin: 0;color: #fff;border-radius: 10px;text-align: center;}


.modern-table{width: 100%;border-collapse: collapse;font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;font-size: 15px;color: #222;}
.modern-table th,
.modern-table td {border: 1px solid #dee2e6;padding: 12px 14px;vertical-align: middle;}
.modern-table thead th {background-color: #f8f9fa;font-weight: 600;text-align: left;}
.modern-table tbody tr:hover {background-color: #f9f9f9;}
.modern-table .price {font-weight: 600;color: #00b3a4;}
.modern-table .spacer td{padding: 8px;background-color: #fff;}


.fees-card {border: 1px solid #686868;border-radius: 8px;overflow: hidden;background-color: #fff;font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;}
.fees-header {background-color: #f2f2f2;padding: 14px 18px;font-weight: 600;font-size: 18px;border-bottom: 1px solid #686868;}
.fees-body {padding: 20px;}
.fees-section {margin-bottom: 28px;}
.fees-card{background-color: #f8f9fa;border: 1px solid #dee2e6;border-radius: 0.25rem;margin-top: 30px;}
.fees-header {background-color: #e9ecef;border: 1px solid #dee2e6;padding: 1rem 1.25rem;font-size: 1rem;font-weight: 600;color: #00b3a4;margin: 0;border-radius: 0.25rem 0.25rem 0 0;}
.fees-section h3 {font-size: 20px;font-weight: 600;margin-bottom: 12px;border-left: 4px solid #686868;padding-left: 10px;}
.exchange-links a {display: block;padding: 6px 0;color: #0056b3 !important;font-weight: 400;text-decoration: underline !important;}
.exchange-links a:hover {text-decoration: underline;}
.price {font-weight: 600;color: #00b3a4;}


.custom-modal {font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;}
.modal-header {background: #f2f2f2;border-bottom: 1px solid #686868;}
.modal-title {font-weight: 600;}
.modern-table {width: 100%;border-collapse: collapse;font-size: 15px;}
.modern-table th,
.modern-table td {border: 1px solid #dee2e6;padding: 12px 14px;}
.modern-table thead th {background-color: #f4f4f4;font-weight: 600;}
.modal-notes {margin-top: 24px;padding-top: 16px;border-top: 1px solid #686868;font-size: 14px;}
.custom-modal-width {max-width: 70vw;   }
.custom-modal .modal-body {padding: 32px;}

@media (max-width: 992px) {
    .custom-modal-width {
        max-width: 95vw; 
    }
}



.features-item{padding: 20px;border: 1px solid #dee2e6;border-radius: 5px;background: #fff;margin: 20px 0;}
.features-item .features-txt-link{background-color: #f8f9fa;border-radius: 5px;padding: 20px 15px;}
.features-item .item-title{color: #212529;font-weight: 600;font-size: 18px;}
.features-item .features-txt-link .item-txt {color: #212529bf;font-size: 14px;margin-bottom: 5px;}
.features-item .features-txt-link .item-link {color: #00b3a4 !important;font-size: 16px;font-weight: 600;}
.features-item.b .items-holder {display: flex;gap: 10px;flex-wrap: wrap;}
.features-item.b .items-holder .same-item{width: calc(50% - 5px);background: #f8f9fa;padding: 20px 15px;border-radius: 5px;}
.features-item.b .items-holder .same-item .title {font-size: 16px;color: #555;font-weight: 600;margin-bottom: 5px;}
.features-item.b .items-holder .same-item .txt {font-size: 14px;color: #686868;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{color: var(--bs-nav-pills-link-active-color);background-color: #00b3a4 !important;}
.nav-link {display: block;padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size: var(--bs-nav-link-font-size);font-weight: var(--bs-nav-link-font-weight);color: #555 !important;font-weight: 600 !important;text-decoration: none;background: 0 0;border: 0;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;}

.section-title-compact{font-size: 20px;font-weight: 600;margin: 40px 0 0 0;color: #2b2b2b;line-height: 1.4;}
.section-title-compact.top{font-size: 30px;font-weight: 600;margin: 40px 0 -30px 0;color: #2b2b2b;line-height: 1.4;}


.accordion,
.accordion-item,
.accordion-button{border: none !important;}
.accordion{margin-top: 30px;}
.accordion-button{width: 100%;padding: 0.75rem 1rem;}
.accordion-body{width: 100% !important;padding: 1rem 1rem; margin: 0;}
.accordion .accordion-item + .accordion-item {margin-top: 0;}
.row.mb-4{margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;}
.accordion-button:not(.collapsed){color: #fff !important;background-color: #51d1c6 !important;box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}
.accordion-item:last-of-type .accordion-button.collapsed {background: #51d1c6 !important;color: #fff !important;}
.accordion-button:focus,
.accordion-button:active {box-shadow: none !important;outline: none !important;}
.accordion-button:hover{box-shadow: none !important;outline: none !important;}


.individual-item{display: flex;flex-wrap: wrap;gap: 30px;padding: 50px 0 100px 0;}
.individual-item:first-of-type{border-bottom: 2px solid #00b3a4;}
.individual-item .individual-txt{width: calc(70% - 15px);}
.individual-item .individual-img-holder{width: calc(30% - 15px);padding: 10px;background: #ffff;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);border-radius: 10px;}
.individual-item .individual-img-holder .individual-img-container .individual-img{border-radius: 10px;}
.individual-item .individual-img-holder .individual-img-container{position: relative;}
.individual-item .individual-img-holder .individual-img-container .img-txt{position: absolute;bottom: 0;width: 100%;text-align: center;background: rgba(0, 0, 0, 0.7);color: #fff;padding: 13px;font-size: 14px;border-radius: 0 0 10px 10px;}

.ira-options-holder{display: flex;flex-wrap: wrap;gap: 20px;}
.ira-options-holder .ira-item{width: calc(25% - 15px);background: #fff;border: 1px solid #e0e0e0;border-radius: 10px;padding: 30px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.ira-options-holder .ira-item .ira-title{font-size: 20px;font-weight: 600;margin-bottom: 20px;}
.ira-options-holder .ira-item ul.ira-txt {padding-left: 20px;font-size: 15px;color: #555 !important;height: 30vh;}
.ira-options-holder .ira-item ul.ira-txt li{margin-bottom: 20px;}
.ira-options-holder .ira-item .ira-btn{text-align: center;background: #00b3a4;color: #fff;padding: 10px 20px;border-radius: 10px;font-size: 15px;}

.award-holder{display: flex;align-items: center;gap: 20px;flex-wrap: wrap;margin-top: 100px;}
.award-holder .award-txt{width: calc(70% - 10px);}
.award-holder .award-img-holder{width: calc(30% - 10px);}
.award-holder .award-img-holder .award-img{padding: 45px 0;background: #e9ecef;border-radius: 10px;border: 2px dashed #dee2e6;}

.planing-holder{display: flex;flex-wrap: wrap;gap: 20px;}
.planing-holder .planing-item{background: #ffffff;border: 1px solid #e0e0e0;border-radius: 8px;padding: 30px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);width: calc(50% - 10px);display: flex;align-items: center;}
.planing-holder .planing-item .planing-txt-holder{width: 70%;}
.planing-holder .planing-item .planing-txt-holder .planing-title{font-size: 20px;font-weight: 600;color: #333;}
.planing-holder .planing-item .planing-txt-holder .planing-txt{font-size: 15px;color: #555;}
.planing-holder .planing-item .planing-icon-holder{width: 30%;display: flex;justify-content: end;}
.planing-holder .planing-item .planing-icon-holder i{background: #f8f9fa;border: 2px dashed #dee2e6;border-radius: 8px;padding: 20px;width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;color: #00b3a4;font-size: 35px;}

.winston-nav-menu{display: flex;padding: 15px 0;border-bottom: 2px solid #e8ecf1;margin-bottom: 70px;}
.winston-nav-menu .winston-link{width: 25%;text-align: center;padding: 8px 15px;border-radius: 5px;font-weight: 500;color: #555;}
.winston-nav-menu .winston-link.active{background-color: rgba(14, 34, 88, 0.1);color: #00b3a4;}
.winston-nav-menu .winston-link:hover{background-color: rgba(14, 34, 88, 0.1);color: #00b3a4;}

.line-first-txt{color: #00b3a4;position: relative;display: inline-block;padding-left: 50px;}
.line-first-txt::before{position: absolute;content: "";top: 13px;left: 0;height: 2px;width: 35px;background: #00b3a4;}

.formula-holder{border-left: 2px solid #00b3a4;background: #f3f4f5;padding: 10px 5px;margin-bottom: 15px;}

.line-first-txt{font-size: 18px;color: #00b3a4;font-weight: 600;margin-bottom: 5px;}
.faq-main-title {font-size: 36px;font-weight: 600;color: #232323;margin-bottom: 10px;}
.faq-main-title span {color: #00b3a4;}
.faq-subtitle {font-size: 16px;color: #686868;max-width: 700px;}
.faq-variant {margin-top: 40px;}
.faq-category-title {font-size: 22px;font-weight: 600;color: #232323;margin-bottom: 20px;}
.faq-variant .accordion-item {border: 1px solid #e8ecf1;border-radius: 8px;margin-bottom: 12px;overflow: hidden;}
.faq-variant .accordion-button.frequently {background: #f5f7fa;color: #232323;font-weight: 600;font-size: 15px;padding: 14px 18px;box-shadow: none;}
.faq-variant .accordion-button.frequently.collapsed{background: #fff !important;color: #232323 !important;border-bottom: 1px solid #eee;}
.faq-variant .accordion-button.frequently:not(.collapsed) {background: #00b3a4;color: #fff;}
.faq-variant .accordion-button:focus {box-shadow: none;}
.faq-variant .accordion-body {font-size: 15px;color: #686868;line-height: 1.6;background: #fff;}


.tv-ticker-wrapper{width: 100%;max-width: 100%;background-color: #1f2933;border-radius: 6px;overflow: hidden;}
.tv-ticker-wrapper .tradingview-widget-container {width: 100%;}
.tv-ticker-wrapper .tradingview-widget-container__widget{background: transparent;border: none;}
.tv-ticker-item-tape__border-wrapper{display: flex;align-items: center;border-right: 1px solid rgba(255, 255, 255, 0.08);box-sizing: border-box;}
.tv-ticker-item-tape__inner-wrapper{display: flex;align-items: center;padding: 0 16px;}
.tv-ticker-item-tape__symbol,
.tv-ticker-item-tape__last-wrapper,
.tv-ticker-item-tape__change-wrapper{display: flex;align-items: center;}
.tv-ticker-item-tape:last-child .tv-ticker-item-tape__border-wrapper {border-right: none;}

.about-us-icon-holder{display: flex;margin: 50px 0 70px 0;flex-wrap: wrap;}
.about-us-icon-holder .item{width: 20%;}
.about-us-icon-holder .item img{width: 150px;}
.about-us-presentation{display: flex;align-items: center;background-color: #fff;padding: 10px 0;border-bottom: 1px solid #dee2e6;cursor: pointer;}
.about-us-presentation:hover{background-color: #eee;}
.about-us-presentation .presentation-img img{width: 150px;}
.about-us-presentation .presentation-txt-holder{margin-left: 25px;}
.about-us-presentation .presentation-txt-holder .presentation-title{color: #000;font-size: 16px;font-weight: 600;margin-bottom: 5px;}
.about-us-presentation .presentation-txt-holder .presentation-txt{color: #000;font-size: 16px;}

.market-holder{display: flex;margin: 50px 0 0;gap: 30px;flex-wrap: wrap;}
.market-holder .market-story{display: flex;width: calc(70% - 15px);background: #fff;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);border-radius: 15px;}
.market-holder .market-story .story-img-holder{width: 50%;}
.market-holder .market-story .story-img-holder img{border-radius: 15px 0 0 0;height: 400px;object-fit: cover;width: 100%;}
.market-holder .market-story .story-txt-holder{padding: 70px;width: 50%;}
.market-holder .market-story .story-txt-holder .story-cnbc{color: #00b3a4;font-weight: 600;margin-right: 20px;font-size: 15px;padding: 5px 12px;background-color: #eee;border-radius: 20px;display: inline-block;}
.market-holder .story-txt-holder .story-title {color: #222;font-size: 32px;font-weight: 800;line-height: 40px;}
.market-holder .story-txt-holder .story-btn-holder{color: #fff;text-decoration: none;font-weight: 600;font-size: 16px;display: inline-flex;align-items: center;background-color: #00b3a4;padding: 12px 25px;border-radius: 30px;}
.market-holder .market-trading{width: calc(30% - 15px);background: #fff;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);padding: 30px;border-radius: 15px;}
.market-holder .market-trading .trading-title{color: #232323;font-weight: 700;font-size: 24px;border-bottom: 3px solid #eee;padding-bottom: 10px;position: relative;display: inline-block;}
.market-holder .market-trading .trading-title::after{content: '';position: absolute;bottom: -3px;left: 0;width: 50%;height: 3px;background-color: #00b3a4;}
.market-holder .market-trading .trading-item {display: flex;align-items: center;border-bottom: 1px solid #e0e0e0;padding: 10px 0;}
.market-holder .market-trading .trading-item .trading-number {font-size: 21px;font-weight: 700;margin-right: 15px;min-width: 30px;background-color: #eee;border-radius: 50%;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;color: #00b3a4;}
.market-holder .market-trading .trading-item .trading-txt{color: #333;font-size: 16px;}
.market-holder .market-trading .trading-item .trading-txt:hover{color: #00b3a4;}

.market-item-holder{display: flex;flex-wrap: wrap;gap: 20px;margin-top: 70px;}
.market-item-holder .market-item{width: calc(33% - 10px);margin-bottom: 20px;background: #fff;box-shadow: 0 3px 15px rgba(0, 0, 0, 0.12);border-radius: 0 0 15px 15px;}
.market-item-holder .market-item .item-content{padding: 25px;}
.market-item-holder .market-item .item-content .market-source-holder .market-source {color: #00b3a4;font-weight: 600;margin-right: 20px;font-size: 15px;padding: 5px 12px;background-color: #eee;border-radius: 20px;display: inline-block;}
.market-item-holder .market-item .item-content .market-source-holder .neutral{display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin-left: 10px;background-color: #6c757d;}
.market-item-holder .market-item .item-content .market-item-title {font-size: 20px;font-weight: 700;line-height: 1.4;color: #222;}
.market-item-holder .market-item .item-content .market-item-txt {font-size: 15px;color: #444;line-height: 1.7;}
.market-item-holder .market-item .item-content .market-item-btn {color: #fff;text-decoration: none;font-weight: 600;font-size: 16px;display: inline-flex;align-items: center;background-color: #00b3a4;padding: 12px 25px;border-radius: 30px;margin-top: 50px;}
.market-item-holder .market-item img{height: 230px;object-fit: cover;border-radius: 15px 15px 0 0;}

.mobile-menu{display: none;}

.footer-link-page-titile {font-size: 35px;font-weight: 700;text-align: center;margin-top: 30px;color: #3b3b3b;}
.footer-link-page-titile.s{font-size: 35px;font-weight: 700;text-align: center;margin-top: 20px;color: #3b3b3b;}
.footer-link-page-titile.t{font-size: 35px;font-weight: 700;color: #3b3b3b;text-align: unset;}
.footer-link-page-txt {font-size: 16px;color: #686868;}
.footer-link-page-ul {font-size: 16px;color: #686868;}