/*
Theme Name: Setform Theme
Author: Your Name
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {background:#FFFEF6; font-family: "Inter", sans-serif;font-size: 18px;}
header {padding:45px 0 0;}
.headerLine{border-bottom: 1px solid #ADADAD;padding-bottom: 25px !important;}
.logo {font-weight:700; font-size:28px;}
.hero {padding:120px 0 0;}
.hero h1 {font-size:52px; font-weight:500;margin-bottom: 0;}
.hero-btn {background-color:#8B31E7; color:#fff; padding:12px 35px; border-radius:30px; text-decoration:none;}
.hero-image{margin-top: 60px;}
.hero-image img {width:100%;}
.nav .nav-link{color: #000;font-size: 16px;font-weight: 500;margin: 0 25px 0;transition: 0.5s all;position: relative;padding: 0;}
.nav .nav-link::after{content: "";display: block;width: 0;height: 3px;background: #8B31E7;border-radius: 3px;position: absolute;left: 0;bottom: -18px;transition: 0.3s ease;}
.nav .nav-link:hover,.nav .current-menu-item .nav-link{color: #8B31E7;}
.nav .nav-link:hover::after,.nav .current-menu-item .nav-link::after{width: 100%;}
.btnHover{position: relative;overflow: hidden;}
.btnHover::after{content: "";display: block;width: 100%;height: 200px;background: #000;left: 0;top: -73px;position: absolute;border-radius: 50%;transform: scale(0);transition: 0.5s ease all;right: 0;margin: auto;}
.btnHover span,.btnHover img{position: relative;z-index: 1;}
.btnHover:hover::after{transform: scale(1);}
.common-btn.btnHover::after{background-color: #8B31E7;}
.common-btn .arrowWhite{display: none;}
.common-btn.btnHover:hover .arrowWhite{display: inline-block;}
.common-btn.btnHover:hover .arrowBlue{display: none;}
.common-btn.btnHover.cta-white::after{background-color: #000;}
.common-btn.btnHover.cta-white:hover span{color: #FFF;}
.hero-video{width: 100%;}

.nav li:last-child .nav-link{padding-right: 0 !important;}
.nav{margin-bottom: -38px;}
.heroContentRight{padding-left: 100px;padding-bottom: 15px;}
.hero-btn img{margin-left: 10px;}
.contentBlock h1{font-weight: 500;font-size: 44px;}
.contentBlock,.featuredContainer{padding: 100px 0;}
.common-btn{background-color:#000; color:#fff; padding:12px 35px; border-radius:30px; text-decoration:none;border: 0;}
.common-btn img{margin-left: 10px;}
.knowmoreSection h4{font-size: 28px;font-weight: 500;}
.borderDivider{border-left: 1px solid #000;border-right: 1px solid #000;}
.knowmoreSection,.getStartedSection{padding: 100px 0;}

.section-title {font-size:44px; font-weight:500; margin-bottom:30px;}
.project-card img {width:100%; }
.project-card {margin-bottom:30px;}
.project-card h5{font-size: 34px;font-weight: 500;}
.project-card p{font-size: 18px;color: #5C5C5C;}
.project-card .cardInner{border-bottom: 1px solid #A8A8A8;padding: 10px 0;position: relative;}
.serviceContainer {padding:80px 0;}
.serviceList1 .nav-link {border-bottom:1px solid #A8A8A8; padding:15px 0; list-style:none;font-size: 34px;font-weight: 600;width: 100%;text-align: left;box-shadow: none;transition: 0.5s all;}
.serviceList1 .nav-link:hover{color: #8B31E7;}
.serviceContainer p{font-size: 18px;}
.serviceList1 .nav-link:first-child{border-top:1px solid #A8A8A8; }
.blueDot,.serviceList1 .nav-link.active::after{content:""; display: inline-block;width: 14px;height: 14px;border-radius: 50%;background: #8B31E7;margin-left: 25px;position: relative;top: -3px;}
.serviceList2 li{list-style-type: none;font-size: 18px;margin-bottom: 10px;}
.serviceList2{padding-left: 100px;}
.cardInner img{transition: 0.5s ease;}
.project-card:hover .cardInner img{transform: scale(1.1) rotate(-2deg);}
.project-img{overflow: hidden;}
.project-card:hover a{color: #8B31E7;}
.cardInner::after{content: "";width: 100%;transform: scaleX(0);height: 3px;background: #8B31E7;position: absolute;bottom: -1px;left: 0;transition: 0.3s ease-in-out;}
.project-card:hover .cardInner::after{transform: scaleX(1);}

.whySection{padding: 100px 0;background-color: #EBE9DF;}
.sub-title {font-size: 28px;font-weight: 500;margin-bottom: 20px;}
.feature-title{font-size: 28px;font-weight: 500;color: #8B31E7;margin-bottom: 20px;margin-top: 20px;}
/* .features .icon-wrap{margin-left: -10px;}
.features .icon-wrap.icon-2{margin-left: -5px;}
.features .icon-wrap.icon-3{margin-left:0;} */

.testimonialSection {padding:100px 0 0; }
.testimonials,.partners{padding: 100px 0;border-bottom: 1px solid #A8A8A8;}

.quotes{margin-bottom: 10px;display: block;}
.testimonials .name{margin-top: 50px;margin-bottom: 0;font-weight: 700;}
.testimonials .designation{color: #5C5C5C;margin-bottom: 0;}
.cta-white{background: #FFF;color: #000;}
.getStarted{background-color: #8B31E7;padding: 50px;}
.getStarted h4{font-size: 28px;color: #FFF;margin-bottom: 0;font-weight: normal;margin-right: 20px;}
.footer{background-color: #9CD6D0;padding: 100px 0;position: relative;overflow: hidden;}
.footerLogo{mix-blend-mode: color-burn;position: absolute;top: -235px;left: -57px;}
.footerLogo img{width: 100%;}
.contactLinks a{font-size: 28px;font-weight: 700;color: #000;text-decoration: none;}
.footerNav li{list-style-type: none;margin-bottom: 8px;}
.footerLinks{padding-left: 50px;}
.footerNav{padding: 0;}
.footer h5{color: #8B31E7;font-weight: 600;margin-bottom: 25px;}
.copyrightContent{padding-top: 50px;border-top: 1px solid #000;margin-top: 50px;}
.copyrightContent a{color: #000;}
.container{max-width: 1400px;padding:0 20px;}
.partners img{width: 100%;max-width: fit-content;}
.offcanvas {width: 260px;}
.menuIcon {width:30px; height:24px; position:relative; border:none; background:transparent; padding:0; z-index:9999;}
.menuIcon span {position:absolute; left:0; width:100%; height:4px; background:#111; border-radius:2px; transition:all 0.3s ease;}
.menuIcon span:nth-child(1) {top:0;}
.menuIcon span:nth-child(2) {top:10px;}
.menuIcon span:nth-child(3) {top:20px;}
.menuIcon.active span:nth-child(1) {transform:rotate(45deg); top:10px;}
.menuIcon.active span:nth-child(2) {opacity:0;}
.menuIcon.active span:nth-child(3) {transform:rotate(-45deg); top:10px;}
.offcanvas-header {padding:32px 40px;}
.project-card h5 a{font-size: inherit;color: #000;text-decoration: none;transition: 0.5s all;}
.project-card h5 a:hover{color: #8B31E7;}
.bigText{padding: 80px 0;border-top:1px solid #A8A8A8;border-bottom:1px solid #A8A8A8;margin-top: 80px;margin-bottom: 50px;}
.bigText h3{margin-bottom: 0;}
.subpage{padding-top: 140px;}
.project-detail .meta p{font-size: 14px;color: #5C5C5C;display: inline-block;margin-right: 30px;}
.project-detail .meta p span{color: #8B31E7;}
.heroImg{margin-top: 70px;}
.subpage img.img-fluid{width: 100%;}
.projectDesc{padding: 55px 0 80px;}
.aboutContent h6{font-size: 34px;font-weight: 600;margin-bottom: 20px}
.aboutContent h3{margin-bottom: 50px;}
.aboutContent{padding: 100px 0;}
.contactSection{padding-top: 100px;}
.form-group{position: relative;margin-bottom:40px !important;}
.form-group label{color: #A8A8A8;font-size: 24px;position: absolute;top: 40px;left: 0;transform: translateY(-50%);transition: 0.3s;pointer-events: none;}
.form-group .form-control{padding: 15px 0 !important;border: 0 !important;border-bottom: 1px solid #A8A8A8 !important;border-radius: 0 !important;background: transparent !important;font-size: 24px;box-shadow:none !important;}
.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after{display: none !important;}
.form-group textarea{height: 100px;}
.form-group.active label{top: 7px;font-size: 16px;color: #8B31E7;}
.form-group .wpcf7-form-control-wrap{position: relative;}
.wpcf7-not-valid-tip{font-size: 16px;margin-top: 10px;}
.getStarted .d-flex{display: block !important;}
.getStarted h4,.getStarted .common-btn{display: inline-block;vertical-align: middle;}
.getStarted .common-btn{width: 200px;}
.getStarted h4{width: calc(100% - 230px);}
.contactForm{padding-top: 20px;}
.contactDetails{padding-top: 50px;padding-bottom: 50px;}
.contactDetails a{color: #8B31E7;font-size: 24px;font-weight: 600;text-decoration: none;margin-bottom: 5px;display: inline-block;}
.contactDetails p{font-size: 24px;font-weight: 600;}
.contactSocial a{display: inline-block;font-size: 18px;background: #EBE9DF;border-radius: 35px;padding: 12px 30px;text-decoration: none;color: #000;margin-right: 10px;}
.contactText{margin-bottom: 30px;}
.contactPage .contactForm{padding-top: 0;}
.socialLinks li{list-style-type: none;display: inline-block;}
.socialLinks{padding-left: 0 !important;}
.socialLinks li:last-child{display: none;}
.container.projectContent {padding-top: 25px;}

.ff-default .ff_btn_style.common-btn {
    background-color: #000 !important;
    color: #fff;
    padding: 12px 60px 12px 35px;
    border-radius: 30px;
    text-decoration: none;
    border: 0;
    font-size: 18px;
}
.ff-default .ff_btn_style.common-btn::after{content:"";background: url(assets/images/arrow-blue.png) no-repeat;display: block;width: 15px;height: 15px;position: absolute;right: 32px;top: 19px;}
.ff-default .ff_btn_style.common-btn:hover{background-color: #8B31E7 !important;}
.ff-default .ff_btn_style.common-btn:hover::after{background: url(assets/images/arrow-white.png) no-repeat;}

.fluentform .ff-el-input--label{display: block !important;}
.ff-default .ff-el-input--label label{font-weight: normal !important;}

.fadeInUp{opacity: 0;transform: translateY(50px);}
.fadeInUp.animateWow{animation:fadeInUp 1s ease forwards;}
.fadeInLeft{opacity: 0;transform: translateX(-50px);}
.fadeInLeft.animateWow{animation:fadeInLeft 1s ease forwards;}
.fading{opacity: 0;}
.fading.animateWow{animation:fading 1s ease forwards;}

@keyframes fadeInUp {
  to {opacity:1; transform:translateY(0);}
}
@keyframes fadeInLeft {
  to {opacity:1; transform:translateX(0);}
}
@keyframes fading {
  to {opacity:1;}
}

#partnersAutoplay.slick-initialized .slick-track{display: flex !important;align-items: center;justify-content: center;}
#partnersAutoplay img{display: inline-block !important;}

@media screen and (max-width: 1024px) {
    .serviceContainer br{display: none;}
    .nav .nav-link::after{display: none;}
}
@media screen and (max-width: 991px) {
    .hero{padding-top: 50px;}
    header{padding-top: 25px;}
    .logo img{max-width: 180px;}
    .hero h1{font-size: 38px;margin-bottom: 30px;}
    .heroContentRight{padding-left: 15px;padding-bottom: 0;}
    .hero-image{margin-top: 50px;}
    .contentBlock, .featuredContainer,.whySection,.testimonialSection,.testimonials,.partners,.footer,.aboutContent{padding: 50px 0;}
    .contentBlock h1,.section-title{font-size: 38px;}
    .serviceList1 .nav-link,.sub-title,.feature-title,.getStarted h4,.contactLinks a{font-size: 24px;}
    .serviceList2{padding-left: 20px;}
    .whySection .pb-5{padding-bottom: 30px !important;}
    .testimonials .name{margin-top: 30px;}
    .testimonials .section-title{margin-bottom: 0;}
    .testimonialSection{padding-bottom: 0;}
    .getStartedSection{padding: 60px 0;}
    .getStarted{padding: 30px;}
    .common-btn{padding: 12px 30px;}
    .footerLogo{top: -170px;left: -25px;}
    .footerLinks{padding-left: 20px;}
    .subpage{padding-top: 60px;}
    .heroImg{margin-top: 40px;}
    .projectDesc{padding: 25px 0 50px;}
    .bigText {padding: 50px 0;margin-top: 60px;}
    .subpage,.contactSection{padding-top: 50px;}
    .aboutPage .pe-5,.aboutContent .pe-5{padding-right: 12px !important;}
    .aboutContent h6{font-size: 26px;}
    .form-group label{font-size: 18px;top:25px}
    .form-group .form-control{padding: 12px 0;font-size: 18px;}
    .wpcf7-not-valid-tip{font-size: 12px;}
    .feature-item{padding-top: 20px;}
}
@media screen and (max-width: 767px) {
    .hero h1{font-size: 32px;margin-bottom: 20px;}
    body,.project-card p,.serviceList2 li{font-size: 16px;}
    .contentBlock h1,.section-title{font-size: 32px;}
    .knowmoreSection{padding: 0;}
    .borderDivider{border-right: 0;}
    .knowmoreSection .text-end{text-align: center !important;margin-top: 40px;margin-bottom: 30px;}
    .knowmoreSection h4{font-size: 24px;}
    .project-card h5{font-size: 28px;}
    .featuredContainer .row .project-card:last-child{margin-bottom: 0 !important;}
    .serviceList1,.serviceList2{padding-left: 0;}
    .serviceList1{padding: 20px 0;}
    .serviceContainer{padding: 30px 0 50px;}
    .whySection .pb-5{padding-bottom:0 !important;}
    .testimonialSection .pe-5{padding-right: 15px !important;padding-bottom: 50px;}
    .partners .col-6{padding-bottom: 20px}
    .getStarted .common-btn{width: 175px;}
    .getStarted h4{width: calc(100% - 200px);font-size: 20px;}
    .contactLinks a{font-size: 20px;}
    .footerLogo{top: -80px;left: -12px;padding-right: 20px;}
    .footerLinks{padding-left: 10px;padding-top: 40px;}
    .footerNav,.footerNav li:last-child{margin-bottom: 0;}
    .backtoTop{display: none;}
    .moreProjects .project-card:last-child{margin-bottom: 0 !important;}
    .aboutContent .pe-5{padding-bottom: 30px !important;}
    .aboutContent br{display: none;}
    .contactSection .pe-5{padding-right: 12px !important;padding-bottom: 20px;}
    .form-group{margin-bottom: 20px;}
    .contactDetails {padding-top: 30px;padding-bottom: 30px;}
    .contactDetails a,.contactDetails p{font-size: 20px;}
    .contactSocial a{font-size: 16px;}
    .contactPage .contactForm{padding-top: 50px;}
}
@media screen and (max-width: 575px) {
    .logo img{max-width: 150px;}
    .knowmoreSection h4{font-size: 20px;}
    .getStarted h4{width: 100%;margin: 0 0 25px;}
    .footerContact{margin-top: 130px;}
    .moreProjects .d-flex{display: block !important;}
}