@charset "utf-8";
/* 
    font-family: "Playfair Display", serif;
*/
/*common css start*/
@media (prefers-reduced-motion:no-preference){
    :root{scroll-behavior:initial!important;}
}
*:focus{outline:none;}
body{margin:0px;padding:0px;background-color:#FBF9EE;color:#555555;font-family: "Plus Jakarta Sans", sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:36px;}
a{-o-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
p{margin-bottom:25px;}
a{color:#66C4D0;cursor:pointer;text-decoration:none;outline:none;}
a:hover{color:#000000;text-decoration:none;}
ul,li{list-style:none;margin:0px;padding:0px;}
img{border:0;vertical-align:top;height:auto;max-width:100%;}
.left-padding{padding-left:calc(((100% - 1512px) - 30px) / 2);}
.right-padding{padding-right:calc(((100% - 1512px) - 30px) / 2);}
.mob .row [class*="col-"]:first-child{margin-top:-50px;}
strong{font-weight: 700;}

/*heading css*/
h1,h2,h3,h4,h5,h6,.th1,.th2,.th3,.th4,.th5,.th6{color:#000000;font-weight:800;margin:0px;padding:0px;text-transform:uppercase;line-height: 1;margin-bottom: 30px;}
h1, .th1{font-size:100px;line-height:1;letter-spacing:-3px;margin-bottom:30px;}
h2, .th2{font-size:100px;line-height:1;letter-spacing:-3px;margin-bottom:30px;}
h3, .th3{font-size:40px;}
h4, .th4{font-size:36px;margin-bottom:20px;}
h5, .th5{font-size:24px;margin-bottom:20px;}
h6, .th6{font-size:18px;margin-bottom:20px;}

/*extra heading & text*/
.t300{font-size:300px;line-height:1.3;}
.t200{font-size:200px;line-height:1.3;}
.t150{font-size:150px;line-height:1.1;}
.t70{font-size: 70px;line-height: 1.1;letter-spacing: -3px;}
.t50{font-size:50px;line-height:1.2;}
.t36{font-size:36px;line-height:1.2;}
.t30{font-size:30px;line-height:1.3;}
.t24{font-size:24px;line-height:1.2;}
.tlspace{letter-spacing:0px;}
.twhite{color:#fff;}


/*font-weight*/
.fwr{font-weight:400;}
.fwm{font-weight:500;}
.fws{font-weight:600;}
.fwb{font-weight:700;}
.fwEx{font-weight:800;}
.fw-italic{font-style:italic;}

/*margin-top*/
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-30{margin-top:30px;}
.mt-50{margin-top:50px;}
.mt-70{margin-top:70px;}
.mt-100{margin-top:100px;}

/*margin-bottom*/
.mb-0{margin-bottom:0px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-25{margin-bottom:25px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-70{margin-bottom:70px;}
.mb-80{margin-bottom:80px;}
.mb-90{margin-bottom:90px;}
.mb-100{margin-bottom:100px;}
.mb-150{margin-bottom:150px;}
.mb-200{margin-bottom:200px;}
.mb-250{margin-bottom:250px;}
.mb-300{margin-bottom:300px;}

/*padding-top*/
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pt-30{padding-top:30px;}
.pt-50{padding-top:50px;}
.pt-100{padding-top:100px;}
.pt-300{padding-top:300px;}

/*padding-bottom*/
.pb-10{padding-bottom:10px;}
.pb-15{padding-bottom:15px;}
.pb-20{padding-bottom:20px;}
.pb-25{padding-bottom:25px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pb-50{padding-bottom:50px;}
.pb-70{padding-bottom:70px;}
.pb-80{padding-bottom:80px;}
.pb-90{padding-bottom:90px;}
.pb-100{padding-bottom:100px;}
.pb-300{padding-bottom:300px;}

/*form start*/
input[type="submit"],input[type="button"],button[type="submit"],button[type="button"]{outline:none;}
label{display:inline-block;max-width:100%;}
textarea{resize:none;height:110px;border-radius:20px;}
.form-control{border-radius:0px;display:block;width:100%;height:auto;padding:13px 20px;font-size:18px;line-height:1;color:#fff;border:1px solid #4C4748;box-shadow:none;background-color:transparent;font-weight:400;text-overflow:ellipsis;border-radius: 10px;line-height:1;}
.form-control:focus,.input-text:focus{color:#fff;border-color:#C8603D;background-color:transparent;outline:0;box-shadow:none;}
.form-control::-webkit-input-placeholder{color:#6C6C6C;font-weight:400;}
.form-control::-moz-placeholder{color:#6C6C6C;opacity:1;font-weight:400;}
.form-control::-ms-input-placeholder{color:#6C6C6C;font-weight:400;}
.form-control:focus::-webkit-input-placeholder{color:#fff;font-weight:400;}
.form-control:focus::-moz-placeholder{color:#fff;opacity:1;font-weight:400;}
.form-control:focus::-ms-input-placeholder{color:#555;font-weight:400;}
textarea.form-control,textarea{height:100px;}
select.form-control,select{line-height:1;padding:15px 30px;background-image:url(../images/select-arrow.svg);background-repeat:no-repeat;background-position:calc(100% - 30px) 50%;}
.form-group{margin-bottom:20px;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none;}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type=number]{appearance:none;-moz-appearance:textfield;-webkit-appearance:none;}
input[type="date"]::-webkit-inner-spin-button{display:none;}
input[type="date"]::-webkit-calendar-picker-indicator{color:rgba(0,0,0,0);opacity:1;background-image:none;background:transparent;}
input[type="radio"],input[type="checkbox"]{cursor:pointer;}
.form-group{margin-bottom:15px;z-index:1;}
.form-check-input[type=checkbox]{border-radius:0px;}
.form-check-input{margin-top:8px;border-radius:0px;border-color:#000;}
.form-check-input:focus{border-color:#000;box-shadow:none;}
.form-check-input:checked:focus{border-color:#0d6efd;}
.wpcf7-spinner{position:absolute;margin-top:10px;}
.wpcf7 form.sent .wpcf7-response-output{line-height:24px;background:#dff0d8;border:1px solid #c3e6cb;margin:20px 0 0;padding:7px 12px;color:#155724;position:relative;z-index:1;border-radius:5px;font-size:16px;}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output{line-height:24px;background:#f8d7da;border:1px solid #f5c6cb;margin:20px 0 0;padding:7px 15px;color:#721c24;position:relative;z-index:1;border-radius:5px;font-size:16px;}
span.wpcf7-not-valid-tip{color:#ed1c24;position:relative;text-align:left;font-size:14px;}
.wpcf7-response-output{max-width:1256px;width:100%;margin:0 auto;}
/*button start*/
ins{text-decoration:none;}
button{border:none;}
button:focus{outline:none;}
.btn-theme{border-radius: 30px;text-transform: uppercase;background: linear-gradient(104deg, #E9689A 0%, #F7CA47 100%); color:#000;display:inline-flex;align-items:center;font-size:18px;font-weight:400;outline:0px;padding:16px 30px;-webkit-transform:perspective(1px) translateZ(0);line-height:1;transform:perspective(1px) translateZ(0);position:relative;overflow:hidden;transition:all .3s ease-out;letter-spacing:0px;}
.btn-theme::before{content: '';right: 0px;bottom: 0px;top: 0px;left: 0px;background: linear-gradient(104deg, #F7CA47 0%, #E9689A 100%);position: absolute;z-index: -1;opacity: 0;transition: all 0.5s ease;transform:scaleX(0);transform-origin: left;}
.btn-theme:hover::before{opacity:1;transform: scaleX(1);}
.btn-submit{background: linear-gradient(104deg, #E9689A 0%, #F7CA47 100%);border-radius: 30px;position: relative;overflow: hidden;}
.btn-submit input[type="submit"]{border: none;background-color: transparent; font-size:18px;font-weight:400;outline:0px;padding:16px 30px;-webkit-transform:perspective(1px) translateZ(0);line-height:1;transform:perspective(1px) translateZ(0);position:relative;overflow:hidden;transition:all .3s ease-out;letter-spacing:0px;}
.btn-submit:hover{background-color:transparent;}
.btn-submit::before{content: '';right: 0px;bottom: 0px;top: 0px;left: 0px;background: linear-gradient(104deg, #F7CA47 0%, #E9689A 100%);position: absolute;z-index: 0;opacity: 0;transition: all 0.5s ease;transform:scaleX(0);transform-origin: left;}
.btn-submit:hover::before{opacity:1;transform: scaleX(1);}


/*vc plugin css start*/
.vc_row{margin:0px!important}
.vc_column_container>.vc_column-inner{padding:0px!important}

/*img-scale*/
.img-scale{overflow:hidden;}
.img-scale img{transition:all 0.3s ease;transform:scale(1);}
.img-scale:hover img{transition:all 0.3s ease;transform:scale(1.1);}
.borderal{border:1px solid #000000}
.border-radius-20{border-radius:20px;}
section.d-inline-block{vertical-align:top;}
.lastmbnone :last-child{margin-bottom:0px;}
.txt-black{color:#000000;}
.h-spacer{height:100vh;}
.split-line, .split-text {overflow: hidden;}
.split-word,.split-line{vertical-align:top;line-height:1;overflow:hidden;}

.right-padding-100{padding-right:100px;}
.left-pad-150{padding-left:150px;}
.minus-left-100{margin-left:-100px;}
.leftclipmask{overflow:hidden;clip-path:inset(0 80% 0 0);}
.rightclipmask{overflow:hidden;clip-path:inset(0 0 0 80%);}
.centerclipmask{overflow:hidden;clip-path:inset(0 40% 0 40%);}
.downclipmask{overflow:hidden;clip-path:inset(0 0% 100% 0%);}
.leftclipmask img,.rightclipmask img,.centerclipmask img{transform:scale(1.2);transform-origin:left;}
.centerclipmask img{transform-origin:center;}
.textLoad .split-word{opacity: 0;}
.textLoad .split-char{transform: translateY(100px);}
.textsplit .scroll-reveal-line{display:block;opacity:0;transform:translateY(70px);filter:blur(12px);will-change:transform,filter,opacity;}
.textanimblur{transform-style:preserve-3d;}
.textblue h1 strong,.textblue h2 strong,.textblue h3 strong,
.textblue h4 strong,.textblue h5 strong,.textblue h6 strong{color:#66C4D0;}
.parallaxelem{overflow: hidden;}
.fadeUpAnim{opacity: 0;transform: translateY(50px);filter:blur(5px);will-change:transform,filter,opacity;}
.themebg {background-color: #231F20;color: #6C6C6C;}
.themebg h1, .themebg h2, .themebg h3, .themebg h4, .themebg h5{color: #fff;}
.titleword .split-word, .quilityrow .split-word, .titlehero {transform: translateY(150px);}
.titlehero, .hero-home-banner {transform: translateY(150px);opacity: 0;}
/*common css End*/

/* header-css-start */
.mainheader{width:100%;transition:all 0.3s ease;padding: 30px 0px;position:fixed;top:0;left:0;z-index:10;}
.mainheader.sticky{padding:15px 0px;background-color:rgba(251,249,238,0.9);box-shadow:0px 2px 10px rgba(0,0,0,0.1);}
.stickylogo{position:absolute;opacity:0;transition:all 0.3s ease;left:0px;top:0px;}
.logo a{position:relative;display:inline-block;width:143px;transition:all 0.5s ease;}
.mainheader.sticky .hmlogo{opacity:0;transition:all 0.5s ease;}
.mainheader.sticky .stickylogo{opacity:1;transition:all 0.5s ease;}
.mainheader.sticky .logo a{width:100px;}
.closeBtn { line-height: 1; z-index: 5; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; border: none; background-color: transparent; padding: 0; transform: rotate(45deg); display: inline-flex; align-items: center; justify-content: center; }
.closeBtn::after { background-color: #000; width: 100%; height: 2px; content: ''; display: inline-block; vertical-align: middle; transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
.closeBtn::before { background-color: #000; height: 100%; width: 2px; position: absolute; top: 0; content: ''; transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
.navheader{justify-content: space-between;}
.thankyoupage{padding-top: 250px;}
.innerheader.mainheader{opacity: 1;filter: blur(0px);transform: none;}
.innerheader .stickylogo{opacity: 1;}
.innerheader .hmlogo{opacity: 0;}
.fadeUpElem{transform: translateY(50px);opacity: 0;}
/*header-css-end*/


.hmheroelement {position: relative;background-color: #C8603D;}
.otherlogo span:first-child{margin-right: 50px;}
.titlehero{padding: 0px 100px;letter-spacing: -5px;}
.stickytop{padding-top: 200px;padding-bottom: 70px;position: sticky;top: 0px;height: 115vh;overflow: hidden;}
.stickytop .titlehero:nth-child(1){padding-left: 25%;}
.stickytop .titlehero:nth-child(2){padding-left: 14%;}
.stickytop .titlehero:nth-child(3) span:first-child{margin-right: 300px;}
.stickytop .titlehero:nth-child(4){text-align: right;padding-right: 180px;}
/* .hero-home-banner{position: absolute;top: 59%;left: 23%;right: 63%;bottom: 26%;} */
.hero-home-banner {position: absolute;top: 0px;left: 0px;clip-path: inset(52% 63% 33% 24%);overflow: hidden;height: 100%;}
.hero-home-banner img{transform: scale(1.2);object-fit: cover;height: 100%;width: 100%;}
.opreationrow{padding: 0px 100px;}
.aboutcontent{position: sticky;top: 15vh;}
.abtimgcardcol{position: relative;width: 35%;height: 592px;}
.abtimgcard{position: absolute;margin: 0px;border-radius: 0px;transform-origin: top left;overflow: hidden;width: 100%;height: 100%;}
.abtimgcardcol img{object-fit: cover;height: 100%;width: 100%;}
.abtimgcardcol .abtimgcard:first-child{width: 100%;height: 100%;z-index: 20;position: relative;clip-path: inset(0% 0% 0% 0%);}
.abtimgcardcol .abtimgcard:nth-child(2){left: 50%;bottom: -200px; opacity: 1;z-index: 10;clip-path: inset(66% 0% 0% 53%);}
.textaboutcol{width: 55%;color: #D9D7CE;}
.aboutcontent p{font-size: 45px;line-height: 1.5;letter-spacing: -1px;}
.imgcaption{opacity: 0;transition: all 0.3s ease; top: 0px;left: 0px;right: 0px;bottom: 0px;position: absolute;padding: 50px;display: flex;align-items: flex-end;text-align: center;color: #fff; background: linear-gradient(13deg, #F7CA47 1.14%, #E9689A 98.86%);}
.othercomptext{text-align: center;}
.othercomptext{margin-top: 20px;}
.othercomptext strong{display: block;text-transform: uppercase;color: #000;margin-bottom: 20px;}
.productimg {border: 2px solid #fff;}
.productimg:hover  .imgcaption{opacity: 1;}
.servicebox{transition: all 0.3s ease; border: 1px solid #333333;min-width: 488px;max-width: 488px;height: 470px; padding: 30px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;}
.iconboxcol{display: flex;justify-content: space-between;margin-bottom: 20px;width: 100%;}
.iconlft{position: relative;}
.iconlft img{transition: all 0.3s ease;}
.iconlft .whiteicn{position: absolute;top: 0px;left: 0px;opacity: 0;}

.servicebox h4{transition: all 0.3s ease;}
.productslider .imgcaption{background: rgba(0, 0, 0, 0.50);backdrop-filter: blur(2px);top: auto;opacity: 1;padding: 40px;display: flex;align-items: center;}
.productslider .imgcaption h4{margin-bottom: 0px;}
.productslider .slick-arrow{bottom: 0px;top: auto;transform: translateY(0);}
.productslider .slick-next{right: 0px;}
.productslider .slick-prev{left: 0px;}

.ap-team { width: 100%; overflow: hidden; position: relative; }
.ap-team-slider { width: 100%; overflow: hidden; position: relative; min-height: 870px;--ap-team-gap: 24px; --ap-team-size: 488px; --ap-team-active-size: 744px; --ap-team-control-left: calc(50% - 80px);}
.ap-team-track { margin: 0px -150px; display: flex; align-items: flex-start; gap: var(--ap-team-gap); will-change: transform; transform: translate3d(0, 0, 0); backface-visibility: hidden; }
.ap-team-img { overflow: hidden; aspect-ratio: 1 / 1; background-color: #ddd; }
.ap-team-img img { width: 100%; height: 100%; object-fit: cover; display: block; transform: translateZ(0); transition: transform .7s ease; }
.ap-team-content { position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; width: 100%; min-height: 86px; padding: 40px; background-color: rgba(0, 0, 0, .5); color: #fff;backdrop-filter: blur(2px);opacity: 0; visibility: hidden; transition: opacity .4s ease, transform .4s ease, visibility 0s linear .4s; }
.ap-team-item.active .ap-team-content { opacity: 1; visibility: visible; transform: translateY(0); transition-delay: .5s; }
.ap-team-item:not(.active) .ap-team-content { transition-delay: 0s; }
.ap-team-content h4 { color: #fff; margin-bottom: 0px; font-size: 30px; font-weight: 800; line-height: 1; text-transform: uppercase; }
.ap-team-content span { margin-right: 18px; font-size: 16px; line-height: 1; color: #fff; }
.ap-team-actions { position: absolute; left: var(--ap-team-control-left); bottom: 0px; z-index: 3; display: flex; flex-direction: column; align-items: flex-start; gap: 35px; }
.ap-team-arrows { display: flex; align-items: center; gap: 20px; }
.ap-team-arrow { position: relative; width: 25px; height: 20px; padding: 0; background: transparent; cursor: pointer; transition: transform .3s ease;background-repeat: no-repeat; }
.ap-team-prev{background-image: url(../images/arrow-left.svg);background-position: center;}
.ap-team-prev:hover{background-image: url(../images/arrow-left-hover.svg);}
.ap-team-next{background-image: url(../images/arrow-right.svg);background-position: center;}
.ap-team-next:hover{background-image: url(../images/arrow-right-hover.svg);}
.ap-team-btn { padding: 14px 28px; font-size: 12px; }
.ap-team-item { flex: 0 0 var(--ap-team-size); position: relative; transition: flex-basis .7s ease, transform .7s ease; }
.ap-team-item.active { flex-basis: var(--ap-team-active-size); }
/* active */
.accordion{background-color: transparent;}
.accordion-body{font-size: 20px;padding: 0px 0px 10px;}
.accordion-item{border: none;background-color: transparent;border-top:1px solid #BFBDAA;border-bottom:1px solid #BFBDAA;}
.accordion-button{background-color: transparent;padding: 25px 0px;color: #231F20;font-weight: 800;font-size: 20px;text-transform:uppercase;}
.accordion-button:not(.collapsed), .accordion-button:focus{box-shadow: none;color: #C8603D;background-color: transparent;}
.accordion-button::after{background-image: url(../images/plus-icn.svg);}
.accordion-button:not(.collapsed)::after{background-image: url(../images/orange-cross-icn.svg);}
.accordion-item:first-of-type,
.accordion-item:last-of-type{border-radius: 0px;}
/* footer css */

.mainfooter{padding: 150px 0px 100px;font-size: 20px;}
.mainfooter a{color: #6C6C6C;}
.mainfooter a:hover{color: #fff;}
.socialicn{width: 50px;height: 50px;margin-right: 20px;transition: all 0.3s ease; display: inline-flex;align-items: center;justify-content: center;border: 1px solid #6C6C6C;border-radius: 100%;}
.socialicn:hover{background: linear-gradient(13deg, #F7CA47 1.14%, #E9689A 98.86%);border-color: #231F20;}
.socialicn svg{fill: #6C6C6C;}
.socialicn:hover svg{fill: #231F20;}
.ltr-minus{letter-spacing: -2px;}
.modal-body{padding: 30px;}
.modal-body h3{color: #fff;}
.modal-content{background-color: #231F20;}
.modal-content .closeBtn::before, .modal-content .closeBtn::after{background-color: #fff;}
 .stickyHorizontalrow {padding: 250px 0px 150px;background-color: #D9D7CC; }
/* footer css end */

@keyframes teamMarquee{
    from{transform:translateX(0);}
    to{ transform: translateX(-50%);}
}
@media only screen and (min-width:1200px) {
    .servicesitems{display: flex;gap: 20px;}
    .servicebox:hover .ogicon{opacity: 0;}
    .servicebox:hover  .whiteicn{opacity: 1;}
    .servicebox:hover{background: linear-gradient(13deg, #F7CA47 1.14%, #E9689A 98.86%);border:1px solid #D9D7CC;color: #fff;}
    .servicebox:hover h4{color: #fff;}
    .stickyHorizontalrow .h-spacer{height: 160vh;}
    .stickyHorizontalrow { align-content: center;align-items: center;display: flex;flex: none;flex-direction: column;flex-wrap: nowrap;gap: 0px;height: min-content;justify-content: flex-start;overflow: visible;position: relative;width: 100%;}
    .stickymainwrapper {width: 100%;display: inline-flex;position: relative;flex-wrap: wrap;flex-direction: column;}
    .stickylagacy { position: sticky;top: 200px;align-items: flex-start;overflow: hidden;display: flex;flex-direction: column;width: 100%;}
    .texthorizontal  {  display: flex;flex-wrap: nowrap;will-change: transform;position: relative;transform-origin: left;padding-right: 100px;}
}





