:root { --black-color:#000000; /** var(--black-color) **/ --black-color1:#21272A; /** var(--black-color) **/ --white-color:#ffffff; /** var(--white-color) **/ --primary-color:#BC8255; /** var(--primary-color) **/ --secondary-color:#0E8181; /** var(--secondary-color) **/ --dark-bg-color: #052F2F; --light-bg:#f4f4f4; /** var(--light-bg) **/ --gray-color:#7B7979; /** var(--gray-color) **/ --text-color:#797A80; /** var(--text-color) **/ --bdr-color: #A6A7AB; /** var(--bdr-color) **/ --bdr-color1: #D2D3D5; /** var(--bdr-color1) **/ --light-blue-color: #EEF5FF; --light-color:#6B8080; --primary-font:"Inter", sans-serif; /**var(--primary-font) **/ /**--primary-font:"Poppins", sans-serif; var(--primary-font) **/ } /*==================================:: WOW CSS Start ::==================================*/ .animated{animation-duration:0.5s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-10%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-10%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(10%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,10%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,10%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-10%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(10%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-10%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(10%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(10%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-10%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(10%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-10%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-10%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(10%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,10%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,10%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-10%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(10%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-10%,0)}}.slideOutUp{animation-name:slideOutUp} /*==================================:: WOW CSS End ::==================================*/ /*Slick Slider Css Start*/ .slick-slider{position:relative;display:block; -webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y; touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0; min-width: 100%;} .slick-list.dragging{cursor: pointer;} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .slick-track {position:relative; top:0; left: 0;display: block; min-width: 100%;} .slick-track:before, .slick-track:after {display:table; content:"";} .slick-track:after {clear:both;} .slick-loading .slick-track {visibility:hidden;} .slick-slide{display:none; float:left; height:100%; min-height:0.063rem;} .slick-initialized .slick-slide{display:block; list-style:none;} .slick-loading .slick-slide{ visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border:0.063rem solid transparent;} .slick-arrow {display:block; position:absolute; top:50%; z-index:2; padding:0; width:48px; height:48px; text-align:center; font-size:0;background:#CDCDCD; border:0;cursor:pointer; opacity:1; outline:none; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;} .slick-arrow.slick-prev {left:0;} .slick-arrow.slick-next {right:0;} .slick-arrow:after{display:block; content:"";position:absolute; left:21px; right:0; top:13px; bottom:0;-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; background-repeat: no-repeat; background-position: center;width:10px;height: 20px;} .slick-arrow.slick-prev:after {background-image:url(../images/slider-arrow-left.svg);left: 17px;} .slick-arrow.slick-next:after {background-image:url(../images/slider-arrow-right.svg);} .slick-arrow.slick-prev:hover:after{background-image:url(../images/slider-arrow-left.svg);} .slick-arrow.slick-next:hover:after{background-image:url(../images/slider-arrow-right.svg);} .slick-arrow:hover {opacity:1; outline:none; background:var(--primary-color);} .slick-dots {display:block; margin:1rem 0 0; padding:0; text-align: center;} .slick-dots li {margin:0; padding:0.3rem; list-style:none; display:inline-block; position: relative; cursor:pointer;} .slick-dots li button {display:block; width:0.5rem; height:0.5rem; font-size:0; padding: 0; background:var(--secondary-color); position: relative; border:0; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; cursor:pointer;} .slick-dots li.slick-active button:focus, .slick-dots li.slick-active button:hover, .slick-dots li.slick-active button, .slick-dots li button:focus, .slick-dots li button:hover{outline:none; box-shadow:none;background:var(--primary-color);} /* ===== RESET ================================================== */ html, body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;height: 100%;} hr{display:block; height:0.125rem; max-width:100%; border:0; border-top:0.125rem solid var(--black-color); margin:1.25rem 0; padding:0; opacity:1;}input, select{vertical-align:middle; margin:0;} ol, ul, li{list-style:none;} html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} blockquote{padding:0 0 0 1.25rem;margin:2.3rem 0; position: relative; border-left:0.125rem solid var(--primary-color);} blockquote, blockquote p{font-size:1.5rem; line-height:2rem;color:var(--primary-color); font-weight:400;} /* ===== GLOBAL ================================================== */ body{font-family:var(--primary-font); font-size:1.25rem; line-height:1.625rem; color:var(--secondary-color); overflow-x:hidden; padding:0; transition: all 0.4s ease; font-weight:400;} :focus{text-decoration:none; outline:none;} a{text-decoration:none; color:var(--secondary-color); outline:none; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} a:hover{text-decoration:none; color:var(--primary-color);} a:focus{outline:0; outline: none;} strong{font-weight:bold;} figure{margin: 0;} /* Ul Li & Ol Li CSS */ ul, ol {margin:0; padding:0;} ul ul, ol ol, ul ol, ol ul{margin-top:0.938rem;} ul li, ol li {margin:0;padding:0;font-size:1.25rem; line-height:1.625rem;color:var(--secondary-color);font-weight:400;} li a {color:var(--black-color);} .entry-content li a{text-decoration:underline;} .entry-content li a:hover{text-decoration:none; color:var(--black-color);} .entry-content ul, .entry-content ol {display:inline-block; padding:0; margin:0 0 1.8rem 0;} .entry-content ul ol, .entry-content ol ul, .entry-content ul ul, .entry-content ol ol{display:block; margin-top:0.5rem;} .entry-content ul li{list-style:none; padding:0 0 0 1.313rem; margin:0 0 0.625rem 0; position: relative;} .entry-content ul li:last-child{margin-bottom:0;} .entry-content ul li:before{display: block; content: ""; width:0.375rem; height:0.375rem;background:var(--black-color); position: absolute; left:0.313rem; top:0.66rem; border-radius:100%;} .entry-content ul li li:before {border: 0.063rem solid var(--black-color);background:var(--white-color); top:0.75rem;} .entry-content ol{margin-left:1.25rem;} .entry-content ol li {list-style-type:decimal; list-style-image:none; list-style-position:outside; margin:0 0 0.375rem 0;} .entry-content ul, .entry-content ol{display:inherit;} h1, h2, h3, h4, h5, h6{font-weight:normal; color:var(--black-color); font-family:var(--secondary-font); line-height:1; letter-spacing:0; margin:0 0 0.938rem;} .h1, h1{font-size:3.75rem;line-height: 4rem;font-weight:bold;} .h2, h2{font-size:2.5rem;line-height: 3rem;font-weight:600;} .h3, h3{font-size:2.5rem;line-height: 3rem;font-weight:600;;} h4{font-size:1.875rem;font-weight:500;} h5{font-size:1.375rem;} h6{font-size:1.25rem;} .font-16-reg{font-size: 16px;line-height: 20px;font-weight: 400;} .font-18-reg{font-size: 18px;line-height: 22px;font-weight: 400;} .font-20-reg{font-size: 20px;line-height: 24px;font-weight: 400;} .font-16-med{font-size: 16px;line-height: 20px;font-weight: 500;} .font-18-med{font-size: 18px;line-height: 22px;font-weight: 500;} .font-20-med{font-size: 20px;line-height: 24px;font-weight: 500;} .font-16-semib{font-size: 16px;line-height: 20px;font-weight: 600;} .font-18-semib{font-size: 18px;line-height: 22px;font-weight: 600;} .font-20-semib{font-size: 20px;line-height: 24px;font-weight: 600;} p{font-family:var(--primary-font); font-size:1rem; line-height:1.2rem; color:var(--black-color); font-weight:400; letter-spacing:0; margin:0 0 0.9rem;} img{max-width:100%; height:auto; border:none; outline:none;} section *:last-child{margin-bottom:0;} .wrapper{padding:6.6rem 0 0 0;} .inr-wrapper{padding:6.5rem 0 0 0;} /*.home .wrapper{padding:0;}*/ .container{max-width:85.25rem;width:100%; padding:0 1.25rem;} .img-cover{width:100%;} .img-cover iframe, .img-cover video, .img-cover img{width:100% !important;height:100% !important;max-width:100% !important; max-height:100% !important; object-fit: cover; object-position: center; transition:all 0.4s ease-in-out; display: block;} img.alignleft {float: left; margin:0 1rem 1rem 0;max-width:39.25rem; width:100%; height: auto;} img.alignright {float: right; margin:0 0 1rem 1rem; max-width:39.25rem; width:100%; height: auto;} img.alignnone, img.aligncenter{margin:1.5rem auto;display: block;} .transition-all{-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;} table tr th{font-weight:500} table{border-bottom:0.063rem solid var(--bdr-color1);} table tr td, table tr th{font-size:1.125rem; line-height:normal; padding:0.72rem 0.438rem;border-top:0.063rem solid var(--bdr-color1);} /*Form Input Field*/ input, textarea, select {background:var(--white-color); border:0.063rem solid #EEEEEE!important; width:100%; text-align:left; padding:1.25rem 0.938rem; margin:0; font-size:1rem; color:var(--black-color1); font-weight:400;line-height:normal; font-family:var(--primary-font) !important; height:3.75rem; outline:none; -webkit-border-radius:0.625rem;-moz-border-radius:0.625rem;border-radius:0.625rem; box-shadow:none !important;outline:none; letter-spacing:0; transition: all 0.4s ease;} input[type="button"], input[type="submit"] {cursor:pointer; width:auto; height:auto;} input[type="checkbox"], input[type="radio"] {border:none; width:auto; height:auto;} textarea {vertical-align:middle; resize:none;height:6.25rem; padding:1rem;} ::-webkit-input-placeholder{color:var(--bdr-color); opacity:1;} :-moz-placeholder{color:var(--bdr-color); opacity:1;} /* Firefox 18- */ ::-moz-placeholder{color:var(--bdr-color); opacity:1;} /* Firefox 19+ */ :-ms-input-placeholder{color:var(--bdr-color); opacity:1;} .select-box{display:block; width:100%; background:#fff; border:0; line-height:2.5rem; position:relative; cursor:pointer;} .select-box:after {position:absolute; content:""; background:url(../images/dropdown-icon.svg) no-repeat center; right:1.25rem;top:50%; transform: translate(0, -50%); z-index:1; width:0.625rem; height:0.375rem;} .select-box select {line-height:2.375rem; display:block; width:100%; padding:0 2.5rem 0 1rem; background:transparent; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance:none; position:relative; z-index:2; cursor:pointer;} .select-box select optgroup, .select-box select option {background:var(--light-bg); color:var(--secondary-color); padding:4px 10px;} .select-box select optgroup{color:rgb(166 167 171 / 50%); font-weight:400;} body .field {margin-bottom: 2.188rem;display: block;} label{font-size:1rem; line-height:1rem; display: block;margin-bottom:0.8rem; letter-spacing:0rem;color: var(--black-color);} .field .label{font-size:0.875rem; line-height:1; display: block;margin-bottom:0.438rem; letter-spacing:0.063rem;} .field .label span{color:#FF2424;} .radio-btn, .checkbox-btn{position: relative; line-height:1;} .checkbox-btn + .radio-btn, .radio-btn + .checkbox-btn, .radio-btn + .radio-btn, .checkbox-btn + .checkbox-btn{margin-top:1.875rem;} .radio-btn label, .checkbox-btn label{padding-left:2.063rem; position: relative; font-size:1rem; color:var(--secondary-color); line-height:normal; cursor: pointer;} .radio-btn label a, .checkbox-btn label a{text-decoration: underline;} .radio-btn label a:hover, .checkbox-btn label a:hover{text-decoration: none;color:var(--primary-color);} .radio-btn input, .checkbox-btn input{opacity:0; position: absolute;} .radio-btn label:before, .checkbox-btn label:before{content:""; width:1.25rem; height:1.25rem; border:0.063rem solid var(--bdr-color);position: absolute;left:0; top:0; border-radius:100%; transition: all 0.4s ease;} .radio-btn label:after{content:""; width:0.625rem; height:0.625rem;left:0.313rem; top:0.313rem; border-radius:100%; background:var(--black-color);transition: all 0.4s ease;opacity:0;display: block; position: absolute;} .checkbox-btn label:after{content:""; width:1.125rem; height:1.125rem;left:0.063rem; top:0.063rem; background:url(../images/check-icon.png) no-repeat center;background-size:100% auto; transition: all 0.4s ease;opacity:0;display: block; position: absolute;} .checkbox-btn input:checked+label:before, .radio-btn input:checked+label:before{border-color:var(--black-color);} .checkbox-btn input:checked+label:after, .radio-btn input:checked+label:after{opacity:1;} .checkbox-btn label:before{border-radius:0;} .btn[disabled], .button, .btn {display:inline-block; padding:0 1.5rem;background:var(--primary-color); border:0; color:var(--white-color); text-transform:none; font-size:1.125rem; line-height:2.8rem; height:2.8rem;font-weight:500;font-family:var(--primary-font); cursor:pointer; letter-spacing:0.01rem; text-align:center; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;box-shadow:none !important; position: relative; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease;transition:all 0.4s ease;} .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, .button:hover, .btn:hover, .button:focus, .btn:focus, .button:active, .btn:active{color:var(--primary-color); background: var(--white-color);} .btn-white-outline{background:none; border:0.125rem solid var(--white-color); line-height:2.775rem;height: 3rem;} .btn-white-outline:hover, .btn-white-outline:focus, .btn-white-outline:active{background:var(--white-color);color:var(--secondary-color);} .btn-white-outline svg{margin-left: 10px;} .btn-white-outline:hover svg path{fill:#0E8181;} .btn-primary{background:var(--white-color); border:0 solid var(--white-color);color:var(--secondary-color);} .btn-primary:hover, .btn-primary:focus, .btn-primary:active{background:var(--secondary-color);color:var(--white-color);} .btn-teal{background:var(--secondary-color); border:0 solid var(--secondary-color);color:var(--white-color);} .btn-teal:hover, .btn-teal:focus, .btn-teal:active{background:var(--primary-color);color:var(--white-color);} .btn-teal svg{margin-left: 10px;} .btn-teal:hover svg path{fill:var(--white-color);} .btn-teal-outline{background:none; border:0.125rem solid var(--secondary-color); line-height:2.775rem;height: 3rem;color:var(--secondary-color);} .btn-teal-outline:hover, .btn-teal-outline:focus, .btn-teal-outline:active{background:var(--secondary-color);color:var(--white-color);} .btn-teal-outline svg{margin-left: 10px;} .btn-teal-outline:hover svg path{fill:#fff;} .orange-clr{color: var(--primary-color)!important;} .btn-grey{background:var(--gray-color); border:0 solid var(--gray-color);} .btn-grey:hover, .btn-grey:focus, .btn-grey:active{background:var(--secondary-color);color:var(--white-color);} .clr-platinum{color:#F89F6D;} .clr-silver{color:#88E7ED;} .clr-gold{color:#FDD017;} .form-group label{margin-bottom: 0.5rem;} input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:var(--light-color)!important; opacity:1!important; } input::-moz-placeholder { /* Firefox 19+ */ color:var(--light-color)!important; opacity:1!important; } input:-ms-input-placeholder { /* IE 10+ */ color: var(--light-color); } input:-moz-placeholder { /* Firefox 18- */ color: var(--light-color)!important; opacity:1!important; } input::placeholder{ /* Firefox 19+ */ color:var(--light-color)!important; opacity:1!important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 9999s ease-in-out 0s; } .text-danger.errors{color: #ff0000;font-size: 0.9rem;} /*========= Mobile Menu STYLE End ===========*/ /*Mobile Menu Css Start*/ .mobi-iconbox{display:none; cursor:pointer; width:20px;/*height:32px; position:fixed; right:15px; top:25px;*/ z-index:40; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .menuicon{display:block; width:20px; cursor:pointer; position:relative;margin:0 auto; /* position:absolute; left:0; right:0; top:50%; -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); transform:translate(0,-50%);*/ -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;} .opened .menuicon {width:20px;} .menuicon .icon-bar {display:block; width:100%; height:2px; background:var(--primary-color); position:relative; -webkit-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .menuicon .icon-bar + .icon-bar {margin-top:5px;} .opened .icon-bar {background:var(--primary-color);} .opened .top-icon-bar {transform-origin:0 50% 0; transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);} .opened .middle-icon-bar {opacity:0;} .opened .bottom-icon-bar {transform-origin:0 50% 0; transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} .opened.mobi-iconbox:after {color:#fff;} /*========= Mobile Menu STYLE Start ===========*/ body.mobile-menu-open{overflow:hidden;} .menu-open-overlay{ position:fixed; top:0; left:0; width:100%; bottom:0; background-color:rgba(0,0,0,0.4); display:none; z-index:12;} .mobile-menu-open .menu-open-overlay{display:block; } .mobile-menu-block {background:#fff; bottom:0; color:#333; position:fixed; z-index:14; left:-350px; top:0; padding:0; transition:left 0.2s ease 0s; width: 300px; z-index:999; font-size:14px; overflow:auto;opacity: 0;} .mobile-menu-open .mobile-menu-block{left:0;opacity: 1;} .mobile-menu-inner{height:100%; overflow:auto; padding:20px;} .mobile-nav ul{ margin: 0; list-style: none; } .mobile-nav li {color:#222; font-weight:500; font-size:15px; line-height:normal; position:relative; text-transform:none; border-bottom: 1px solid rgba(0,0,0,0.05);} .mobile-nav ul li a{display:block; color:#222; font-size:15px; font-weight:500; line-height:normal; text-transform:none; letter-spacing:0.025em; padding:12px 0;} .mobile-nav ul li.menu-item-type-custom.current-menu-item:hover a, .mobile-nav ul li.active a:hover, .mobile-nav ul li.active a, .mobile-nav ul li a:hover, .mobile-nav ul li a:focus{color:var(--primary-color);} .mobile-nav ul li.menu-item-has-children a{padding-right:40px;} .mobile-nav li li {border:none;} .mobile-nav li li a {color:#333; font-size:14px; font-weight:400; text-transform:none; padding:5px 15px;} .mobile-nav ul li.btn-item.menu-item{margin-top: 15px;} .mobile-nav ul li.btn-item.menu-item a {padding: 0 20px !important;border: solid 1px var(--primary-color);background: var(--primary-color); color: var(--white-color);font-weight: 500;transition: all ease 0.5s !important;border-radius: 100px; line-height: 40px;text-align: center;} .mobile-nav ul li.btn-item.menu-item a:hover {border-color: var(--primary-color); background: var(--white-color); color: var(--primary-color);} /** Header Start **/ .header{z-index:99;position: fixed;left: 0;right: 0;top: 0;width: 100%;padding:1.25rem 0; /* -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); */ -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .header .logo{width:auto; position:relative; z-index:2; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .header .logo a{display:block; position:relative; z-index:1; width: 100%; max-width:231px; transition: all ease 0.5s;} .header .logo a span{display:block; width:100%;} .header .logo a img{display:block; margin:0 auto; width: 100%; height: 61px; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .navigation-wrapper, .trn-wrapper{display: flex;} .header-top-menu ul li{line-height:1;} .header-top-menu ul li + li{margin-left:3.313rem;} .header-top-menu ul li a{font-size:1rem;line-height:normal;font-weight:500;font-family:var(--primary-font); color:var(--black-color); letter-spacing:1px; position: relative; padding:0rem;overflow: hidden;display: block; text-transform: none;} .single-commercial .header-top-menu ul li.project-menu>a, .header-top-menu ul li.active>a, .header-top-menu ul li:hover>a {color: var(--primary-color);} /*Header Fixed*/ .header-fixed .header{padding: 0.6rem 0;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);-moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);} .header-fixed .header .logo a{width: 100%;} .header-fixed .header .logo a img{height:50px;} /*Header Fixed*/ .trn-wrapper{margin: 0 0 0 30px;} .top-right-nav {align-items: center;flex-wrap: wrap; justify-content: flex-end;} .top-right-nav > ul{display: flex;flex-wrap: wrap;align-items: center;} .top-right-nav > ul li.menu-item + .menu-item {margin-left:30px;} .top-right-nav > ul li.menu-item > a {display: block; margin: 0 !important; font-size:1rem;line-height:2rem; letter-spacing:1px; color:var(--black-color); font-family: var(--primary-font); font-weight: 400; text-transform: none;} .top-right-nav > ul li.menu-item > a .menu-title-text:after {border-color: var(--primary-color) !important;} .top-right-nav > ul li.menu-item.current-menu-item > a, .top-right-nav > ul li.menu-item > a:hover, .top-right-nav > ul li.menu-item > a:focus, .top-right-nav > ul li.menu-item > a:active, .top-right-nav > ul li.menu-item:hover > a, .top-right-nav > ul li.menu-item.active > a {color: var(--primary-color);} .top-right-nav > ul li.btn-item.menu-item a {padding:3px 22px !important;border: solid 1px var(--primary-color);background: var(--primary-color); color: var(--white-color);font-weight: 400; font-size:1rem;line-height:2rem; transition: all ease 0.5s !important;border-radius:4px;letter-spacing:1px; } .top-right-nav > ul li.btn-item.menu-item a .menu-title-text:after {display: none !important;} .top-right-nav > ul li.btn-item.menu-item a:hover {border-color: var(--primary-color); background: var(--white-color); color: var(--primary-color);} .top-right-nav > ul > .menu-item > .sub-menu > .menu-item a:hover, .top-right-nav > ul > .menu-item > .sub-menu > .menu-item a:focus, .top-right-nav > ul > .menu-item > .sub-menu > .menu-item a:active, .top-right-nav > ul > .menu-item > .sub-menu > .menu-item.current-menu-item a, .top-right-nav > ul > .menu-item > .sub-menu > .menu-item.current_page_item a {background: var(--primary-color) !important; color: var(--white-color);} .top-right-nav > ul > .menu-item.profile-menu a.prof-menu-inr{color: var(--primary-color);font-size: 16px;line-height: 20px;font-weight:500;display: flex;align-items: center;} .top-right-nav > ul > .menu-item.profile-menu a.prof-menu-inr figure{margin:0 10px 0 0;} .top-right-nav > ul > .menu-item.profile-menu a.prof-menu-inr figure.img-cover{width: 60px;height: 60px;border-radius:100px;} .top-right-nav > ul > .menu-item.profile-menu a.prof-menu-inr figure.img-cover img{border-radius:100px;} .top-right-nav > ul > .menu-item.profile-menu .dropdown .dropdown-menu{padding:0;border: 0;} .top-right-nav > ul > .menu-item.profile-menu .dropdown .dropdown-menu li a{padding: 10px 15px;font-size: 16px;line-height: 20px; font-weight: 400;} .top-right-nav > ul > .menu-item.profile-menu .dropdown .dropdown-menu {border-radius: 6px; background: #fbfbfb;margin: 11px 0 0 0;border: 0;min-width: 190px; box-shadow: 0px 0px 15px rgba(0, 0, 0, .08); -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, .08); -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, .08);} .top-right-nav > ul > .menu-item.profile-menu .dropdown .dropdown-menu[data-bs-popper]{left: inherit;right: 0;} .top-right-nav > ul > .menu-item.profile-menu .dropdown .dropdown-menu li a {border-radius: 0;background: transparent;padding: 10px 15px;font-size: 16px;line-height: 20px; font-weight: 400;} .top-right-nav > ul > .menu-item.profile-menu .dropdown .dropdown-menu li a:hover {background: #a1aeb5;color: var(--white-color);} .top-right-nav > ul > .menu-item.profile-menu .dropdown .dropdown-menu li:first-child a, .top-right-nav > ul > .menu-item.profile-menu .dropdown .dropdown-menu li:first-child a:hover {border-radius: 6px 6px 0 0;} .top-right-nav > ul > .menu-item.profile-menu .dropdown .dropdown-menu li:last-child a, .top-right-nav > ul > .menu-item.profile-menu .dropdown .dropdown-menu li:last-child a:hover {border-radius: 0 0 6px 6px;} .menu-sec {display: flex;flex-direction: row;align-items: center;} #menu{position: relative;} .menu-item {position: relative;display: inline-block;} .menu-item + .menu-item {margin-left: 1.8rem;} .menu-link {display: flex;justify-content: center;align-items: center;column-gap: 0.25rem;font-family: inherit;font-size: 1rem;font-weight:400;line-height: 2.8rem;cursor: pointer;text-transform: capitalize;color: #060709;transition: all 0.3s ease-in-out;color: var(--black-color);font-family: var(--primary-font);letter-spacing: 1px;} .menu-link > i.bx {font-size: 1.35rem;line-height: 1.5;color: inherit;} .menu-link:hover {outline: none;color:var(--primary-color);} /* .btn-item.menu-item {margin-right:0rem;} */ .btn-item.menu-item a {padding:10px 22px !important;border: solid 1px var(--primary-color);background: var(--primary-color);color: var(--white-color);font-weight: 400; font-size:1rem;line-height:2rem; transition: all ease 0.5s !important;border-radius:4px;letter-spacing:1px; }.btn-item.menu-item a:hover {border-color: var(--primary-color); background: var(--white-color); color: var(--primary-color);} .submenu {position: absolute;top:0rem;left: -2rem;min-width: 13rem;height: auto;padding:1rem 1rem;opacity: 0;visibility: hidden;transform: translateY(1rem);border-radius: 0 0 0.25rem 0.25rem;border-top: 2px solid var(--primary-color);box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);background-color:white;transition: all 0.3s ease-in-out;margin:40px 0 0 0;z-index: 9999;} .submenu-item {display: block;margin-bottom: 0.75rem;} .submenu-link {font-family: var(--primary-font);font-size: 1rem;font-weight:400;line-height: 2rem;cursor: pointer;color: #060709;transition: all 0.35s ease;} .submenu-link:hover {outline: none;color:var(--primary-color);} .burger {position: relative;display: none;cursor: pointer;user-select: none;width: 1.6rem;height: 1.15rem;opacity: 0;visibility: hidden;background: transparent;} .burger-line {position: absolute;display: block;right: 0;width: 100%;height: 2.1px;opacity: 1;border: none;outline: none;border-radius: 1rem;background:var(--primary-color);} .burger-line:nth-child(1) {top: 0px;} .burger-line:nth-child(2) {top: 0.5rem;width: 70%;} .burger-line:nth-child(3) {top: 1rem;} .overlay {position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 9;opacity: 0;visibility: hidden;transition: all 0.35s ease-in-out;background-color: rgba(0, 0, 0, 0.65);} .menu-item.active a,.menu-item.current a{color:var(--primary-color);} .btn-item.menu-item.active a{color:var(--white-color);} .btn-item.menu-item.active a:hover{color: var(--primary-color);} .menu-item.menu-dropdown a.menu-link{position: relative;} .menu-item.menu-dropdown a.menu-link span{margin-top:0px} .menu-item.menu-dropdown a.menu-link:hover span svg path{stroke:var(--primary-color)} /* .menu-item.menu-dropdown a.menu-link::after {content: "";display: block;background: #505d68;position: absolute;display: block;height: 8px;width: 8px;border-bottom: 1px solid #333;border-left: 1px solid #333;position: absolute;-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top:12px;right:-15px;cursor: pointer;background-color: transparent;-o-transition: .4s ease-in;-webkit-transition: .4s ease-in;transition: .4s ease-in;} .menu-item.menu-dropdown.active a.menu-link::after {-webkit-transform: rotate(-224deg);-o-transform: rotate(-224deg);transform: rotate(-224deg);} */ .submenu.services-menu{width:600px;left: -16rem;} .submenu.services-menu .submenu-item{display: inline-block;width:280px;} .submenu.about-menu{width:180px;left:0rem;} .submenu.about-menu .submenu-item{display: inline-block;width: 180px;} /** Hero Section Start **/ .hero-section{padding:8.75rem 0 0 0;background: url(../images/home-banner.webp);height: 670px;position: relative;} .hero-section::after{content: "";position:absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(5, 47, 47, 0.8);z-index:0;} .hero-section h1{margin-bottom:1.25rem;color:var(--white-color);} .hero-section span{font-size:1.125rem;font-weight:300;line-height: 1.575rem;color: var(--white-color);margin-bottom:1.25rem;} .hero-section p{margin-bottom:1.875rem;} .home-hero-content{padding-top:1.125rem;max-width: 700px;} .hero-section .container{z-index:4;} .hero-bg-white{background:url(../images/hero-bg.png);height:91px;width:100%; position: absolute;left: 0;bottom:0px;z-index: 2;} .book-form-hero{width: 41%;position: absolute;top:-48px;right:21px;z-index: 1;max-width: 512px; border-radius:20px; box-shadow: 0px 0px 20px rgba(188, 130, 85, 0.5); -moz-box-shadow: 0px 0px 20px rgba(188, 130, 85, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(188, 130, 85, 0.5);} .book-form{background:rgba(245, 255, 255, 0.9);border-radius:20px;border:1px solid var(--primary-color);padding:1.875rem;} .book-form .book-form-heading{margin:0 0 1.3rem;} .book-form .book-form-heading h2{margin-bottom:5px;} .book-form .book-form-heading p{margin-bottom:0;size:1rem;font-weight:400;line-height: 1.2rem;color: var(--black-color1);} .book-form .book-form-botttom{display: flex;flex-direction: column;gap:0.9rem;} .book-form .book-form-botttom .form_control input{height: 48px;border:1px solid var(--white-color);background: var(--white-color);padding: 0.938rem;} .book-form .book-form-botttom .form_control textarea{height:100px;border:1px solid var(--white-color);background: var(--white-color);} .book-form .book-form-botttom .form_control input[type="submit"]{background: var(--primary-color);border: 1px solid var(--primary-color);color:var(--white-color); font-size: 1.2rem;font-weight: 500;text-align: center;line-height: 1.2rem;width:100%;height:55px;} .book-form .book-form-botttom .form_control .captcha-sec{margin-bottom: 0!important;} /** client Logo Start **/ .client-logo-sec{padding:3rem 0 5rem;} .client-logo-sec .marQuee {display: flex;flex-direction: row;align-items: center;justify-content: flex-start;width: 100%;overflow: hidden;position: relative;padding:0;} .client-logo-sec .marQuee:hover .marQueeTiles {animation-play-state: paused;} .client-logo-sec .marQueeTiles {display: flex;flex-direction: row;align-items:center;justify-content:space-between;animation: marquee linear infinite; animation: marQueeAnimation01 var(--marQueeTime) linear infinite;white-space: nowrap;} .client-logo-sec .tile {display: inline-flex;flex-direction: column;align-items: center;justify-content: flex-start;padding: 1rem 1rem;max-width:220px;min-width:150px;text-align: center;border-radius: 32px;text-wrap: wrap;margin:0 1rem;cursor: pointer;transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);} .client-logo-sec .tile:hover {transform: translateY(-10px);} .client-logo-sec.cls-inrpage{padding:5rem 0 0;} @keyframes marQueeAnimation01 { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } /** Home Section 1 Start **/ .home-section1 {background:url(../images/home-service-bg.webp) no-repeat 0 0 var(--dark-bg-color);padding:5rem 0;text-align: center;} .home-section1 .services_box {background: #F7FCFC;border-radius: 20px;margin: 0 0 30px;box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, .6);transition: all 0.3s linear 0s; height: calc(100% - 30px);border: 1px solid #DDEBEB;padding:1.875rem 1.875rem;display: flex;gap:0.9rem;flex-direction: column;position: relative;} .home-section1 .services_box:hover {background: #e5f9f9;transition: all ease 0.5s !important;} .home-section1 .services_box h3.title {max-width: 100%;margin: 0 0 0 0px;font-size: 1.25rem;line-height: 1.5rem;font-weight: 600;color:var(--black-color1);} .home-section1 .services_title img {width: 60px;height: 60px;} .home-section1 .services_title {display: flex;gap:1.2rem;min-height: 100px;flex-direction: column;} .home-section1 .services_box p{margin: 0;line-height: 1.4rem;} .home-section1 .services_box .btn-link{position: absolute;right: 8px;bottom: 5px;transition: all ease 0.5s !important;} .home-section1 .services_box:hover .btn-link{transform: rotate(-60deg);} /** Letstalk Sec Start **/ .letstalk_sec {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 98px 0px;height: 340px; background:url(../images/cta-bg.webp) no-repeat 0 0 #0A5A5A;margin:5rem auto;border-radius: 20px;} .letstalk_sec h3 {font-style: normal;font-weight:600;font-size: 3.125rem;line-height:3.512rem;letter-spacing: 0;color: #fff;max-width: 500px;} .letstalk_sec .contact-btn {display: inline-block; padding: 13px 20px; height: 50px; background:var(--white-color);border-radius: 6px;font-style: normal;font-weight: 500; font-size: 16.72px;line-height: 24px;letter-spacing: -0.025em; color:var(--dark-bg-color); text-decoration: none;margin: 50px 0 0 0;} .letstalk_sec .contact-btn:hover, .has-background-white .site .letstalk_sec a.contact-btn:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background:var(--primary-color) !important;color: #fff !important;} .letstalk_sec .contact-btn:hover svg path, .has-background-white .site a.contact-btn:focus:not(.wp-block-button__link):not(.wp-block-file__button) svg path { fill: #fff;} .letstalk_sec .contact-btn svg {margin: 0 0 0 10px;} .letstalk_sec .let-container {width:88%;} .letstalk_sec .let_bdr {margin:30px auto;border-bottom:1px solid rgba(127, 149, 157, 0.6);width:88%;} .letstalk_sec .letstalk_content {font-weight: 400;font-size: 1rem;line-height: 1.2rem;letter-spacing: 0;color:var(--white-color);} .letstalk_sec .letstalk_content span {font-weight: 600;} .letstalk_sec .t-right { text-align: right;} /** Home Section2 Start **/ .home-section2{background:url(../images/home-work-bg.webp) no-repeat 0 0 var(--dark-bg-color);padding:5rem 0;} .portfolio_box{border: 0;background-color:var(--white-color);border-radius: 8px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .4);border-radius: 8px; transition: all 0.3s linear 0s;} .portfolio_box figure{margin: 0;height: 330px;} .portfolio_box figure img{width:100%;border-radius: 8px 8px 0 0;height: 100%;object-fit: cover;} .portfolio_box h3.title {max-width: 100%; margin: 0 0 0 0px;font-size: 1.25rem;line-height: 1.5rem;font-weight: 600; color:var(--black-color1);text-align: left;} .portfolio_box h3.title a, .portfolio_box h3.title a:hover{ color:var(--black-color1)} .portfolio_box p{margin: 0;line-height: 1.4rem;text-align: left;} .portfolio_box .portfolio_box_content{padding:1.2rem;display: flex;flex-direction: column;gap:0.5rem;cursor: pointer;} .portfolio_box_content .keep-reading{display: flex;} .btn-link-arrow{font-size: 1.1rem;line-height: 1.2rem;color:#0A5A5A;text-decoration: underline;} .btn-link-arrow svg{margin-left:10px;} .btn-link-arrow:hover svg path{stroke:var(--primary-color);} .vall-work{margin-top: 2.5rem;} /** Industries Serve Start **/ .industries-serve {padding: 5rem 0;} .industries-serve h3{text-align: center;margin-bottom: 2.5rem;} .industries-row {display: flex;width: 100%;flex-wrap: wrap;justify-content: center;gap:1rem;} .indu-bx {width: 19%;text-align: center;border: 1px solid #f0f2f5;background-color: #fff;box-shadow: rgb(0 0 0 / 10%) 0 10px 25px;border-radius: 10px; padding:1.5rem;position: relative;cursor: pointer;transition: all .3s linear 0s;display: flex;gap:1rem;flex-direction: column;} .indu-bx:hover {box-shadow: 0 5px 15px rgba(0, 0, 0, .25);} .indu-bx p{font-size: 1rem;font-weight: 600;line-height: 1.2rem;color: var(--black-color1);margin: 0;} /** Technology Stack Start **/ .technology-stack {background:#F7FCFC;padding: 5rem 0;} .technology-stack h3, .technology-stack p{text-align: center;} .technology-name {font-weight: 500;color:var(--white-color);font-size: 1.2rem;line-height: 1.4rem;font-weight: 500; background:#326B6B;border-radius: 10px; padding:0.625rem 2.5rem;text-align: center;} .technology-icon-wrapper {display: flex;flex-wrap: wrap;margin-bottom: 0} .technology-icon-wrapper li {background: #fff;border-radius: 30px;padding: 0 16px;height: 40px;margin: 0 5px 15px;font-size: 16px;display: flex;align-items: center; border: 1px solid #f4f4f4; color: #000; box-shadow: 0 0px 25px rgba(0, 0, 0, 0.08);} .technology-icon-wrapper li>img {margin-right: 10px} .technology-stack .technology-inner .row {border-bottom: 1px solid #e7e7e7;margin: 0 0 30px;padding-bottom: 15px;} .technology-stack .technology-inner .row .col-md-3 {padding-left: 0} .technology-stack .technology-inner .row:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;} .technology-stack.ser-tech-stack {margin-top: 5rem;} /** PD Section Start **/ .pd-section {display: flex;width: 100%;position: relative;padding:0 0 5rem;} .pd-contain {display: flex;flex-flow: row;position: relative;} .pd-section ul {margin: 0;padding: 40px 25px 40px 50px;list-style-type: none;background: #0E8181;display: flex;flex-direction: column;width:25%;} .pd-section ul li {margin: 0;padding: 0;color: #fff;font-size:1rem;line-height:1.2rem;font-weight:500;display: flex;align-items: center;gap:0.5rem;} .pd-section ul li span{font-size: 2.5rem;line-height: 2.5rem;font-weight:600;} .pd-section ul li:last-child {margin: 10px 0 0;} .pd-section ul:nth-child(2) {background: #2D9C9C;} .pd-section ul:nth-child(3) {background: #50B8B7;} .pd-section ul:last-child {background: #59C7C6;} /** Common Heading Section Start **/ .heading-w-subtitle{display: flex;flex-direction: column;gap:6px; margin-bottom: 2.5rem!important;justify-content: center;align-items: center;} .heading-w-subtitle span{color: var(--black-color);font-size: 1rem;font-weight: 500;text-transform: uppercase;} .heading-w-subtitle h3{margin-bottom: 0;color: var(--black-color);} .heading-w-subtitle p{text-align: center;} .heading-title{display: flex;flex-direction: column;margin-bottom: 2.5rem!important;gap:10px;justify-content: center;align-items: center;} .heading-title h3, .heading-title p{margin-bottom: 0;} .heading-w-subtitle.white-heading h3, .heading-w-subtitle.white-heading p, .heading-w-subtitle.white-heading span{color: var(--white-color);} /** Common CTA Section Start **/ .cta_sec {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 56px 0px;background:url(../images/cta-bg-1.webp) no-repeat 0 0 #0A5A5A;margin:5rem auto;border-radius: 20px;} .cta_sec h3 {font-style: normal;font-weight:600;font-size: 3.125rem;line-height:3.512rem;letter-spacing: 0;color: #fff;max-width: 500px;} .cta_sec .contact_btn {display: inline-block;padding: 13px 20px;height: 50px;background:var(--white-color);border-radius: 6px;font-style: normal;font-weight: 500;font-size: 16.72px;line-height: 24px;letter-spacing: -0.025em;color:var(--dark-bg-color);text-decoration: none;margin: 0;} .cta_sec .contact_btn:hover, .has-background-white .site .cta_sec a.contact_btn:focus:not(.wp-block-button__link):not(.wp-block-file__button) {background:var(--primary-color) !important;color: #fff !important;} .cta_sec .contact_btn:hover svg path, .has-background-white .site a.contact_btn:focus:not(.wp-block-button__link):not(.wp-block-file__button) svg path {fill: #fff;} .cta_sec .contact_btn svg {margin: 0 0 0 10px;} .cta_sec .cta_container {width: 88%;} .cta_sec .cta_bdr {margin:30px auto;border-bottom:1px solid rgba(127, 149, 157, 0.6);width: 88%;} .cta_sec .cta_content {font-weight: 400;font-size: 1rem;line-height: 1.2rem;letter-spacing: 0;color:var(--white-color);} .cta_sec .cta_content span {font-weight: 600;} .cta_sec .t_right {text-align: right;} /** Testimoniyal Section Start **/ .home-section3{background:var(--dark-bg-color);background:url(../images/testimoniyal-bg.webp) no-repeat 0 0 var(--dark-bg-color);padding:5rem 0;} .testimoniyal_box{background:#F9FEFE;border-radius: 10px;padding: 25px;display: flex;flex-direction: column;gap:8px;} .testimoniyal_box p{font-size: 1.1rem;font-weight:400;line-height: 1.8rem;color: var(--black-color1);} .testimoniyal_box_content{background: url(../images/quote-img.png) no-repeat 0 0;padding:1.8rem 0 0 0;min-height: 220px; cursor: pointer;} .client-info{display: flex;flex-direction: row;gap:15px;align-items: center;} .client-info figure{width: 70px;height: 70px;border-radius: 100px;} .client-info figure img{width: 100%;height:100%;border-radius: 100px;width:100% !important;height:100% !important;max-width:100% !important; max-height:100% !important; object-fit: cover; object-position: center;} .client-info .client-content{display: flex;flex-direction: column;} .client-info .client-content h4{font-size: 1.4rem;font-weight:600;line-height: 1.8rem;color: var(--black-color1);margin: 0;} .client-info .client-content span{font-size: 1.1rem;font-weight:400;line-height: 1.8rem;color: var(--black-color1);} .vall-testimoniyal{margin-top: 2.5rem;} .testtimoniyal-whitebg{padding:5rem 0 0 0;} .testtimoniyal-whitebg .testimoniyal_box{box-shadow: 0 0px 20px rgba(0, 0, 0, 0.08);} /** Development Process Section Start **/ .development-process-section{background: #F7FCFC;padding:5rem 0;} .development-process-section .dp_box {background: #fff;border-radius: 10px;margin: 0 0 30px;box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1); transition: all 0.3s linear 0s; height: calc(100% - 30px);border: 1px solid #DDEBEB;padding: 30px 20px ;display: flex;flex-direction: column;gap: 15px;position: relative;} .development-process-section .dp_box:hover {box-shadow: 0 5px 15px rgba(0, 0, 0, .25);} .development-process-section .main_dp_box{position: relative;} /* .development-process-section .main_dp_box::before{content:""; position: absolute;background: url(../images/process-arrow.svg) no-repeat right center;width:265px;height: 242px;z-index: 1;right: -44px;top: -37px;} */ .development-process-section .main_dp_box:last-child::before{display: none;} .development-process-section .dp_box h3 {max-width: 100%;margin: 0 0 0 0px;font-size: 1.25rem;line-height: 1.3rem;font-weight: 600;} .development-process-section .dp_box p{font-size: 1.1rem;font-weight:400;line-height: 1.6rem;color: var(--black-color1);margin: 0;} .development-process-section .process-arrow{position: absolute;width:265px;height: 242px;z-index: 1;right: -44px;top: -37px;} /** Blog Section Start **/ .blog-sec{padding:5rem 0 0;} .blog-heading-sec {display: flex;flex-direction: row;justify-content: space-between;margin: 0 0 40px!important;} .blog-heading-sec .heading-w-subtitle{margin: 0!important;align-items: flex-start;} .blog-heading-sec .tagline {font-style: normal;font-weight: 500;font-size: 14.6px;line-height: 26px;letter-spacing: 0;text-transform: uppercase;color: #161519; margin: 0 0 15px;} .blog-box{position: relative;border: 0;background:var(--white-color);border-radius: 8px;border-radius: 8px;border:1px solid #DDEBEB;transition: all 0.3s linear 0s;} .blog-box:hover{ box-shadow: 0 0px 20px rgba(0, 0, 0, .25);} .blog-box figure{margin: 0;height:272px;} .blog-box figure img{width:100%;border-radius: 8px 8px 0 0;height: 100%;min-height: 100%;object-fit: cover;width: 100%;max-width: 100%;min-width:100%;} .blog-box h3.title { max-width: 100%; margin: 0 0 0 0px; font-size:1.5rem; line-height: 1.8rem; font-weight: 600;color:var(--black-color1);text-align: left; } .blog-content{padding:1.875rem;display: flex;flex-direction: column;gap:0.5rem;} .date{font-size: 0.9rem;line-height: 1rem;color:#60606B;} /** Footer Section Start **/ .footer-section {padding:5rem 0;position: relative;padding-bottom:5rem !important;} .footer-section:before {content: "";position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 650px;background:url(../images/footer-img.webp) no-repeat 0 0;background-size: cover;z-index: -1;} .footer-section:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 650px;background: rgba(5, 47, 47, .7);z-index: -1;} .footer-inq-title{margin: 50px 0 80px;} .footer-inq-title span{font-size: 1rem;line-height: 1rem;color: var(--black-color1);font-weight: 400;} .footer-inq-title h2{margin: 0;} .social-icon{display: flex; flex-direction: row;} .social-icon a {width: 36px;height: 36px;background: var(--white-color);border-radius: 100px; box-shadow: 0 5px 20px rgba(0, 0, 0, .25);display: flex;align-items: center;justify-content: center;} .social-icon a:hover{background: var(--secondary-color);} .social-icon a:hover img{filter: brightness(0) invert(1);} .social-icon a + a{margin-left: 20px;} .office-info{display: flex;flex-direction: column;gap:15px;padding: 30px 0 0 0;} .office-main{display: flex;flex-direction: column;gap:10px;} .office-heading{font-size: 1.5rem;font-weight:600;line-height: 1.6rem;color: var(--white-color);} .office-title{font-size: 1.1rem;font-weight:600;line-height: 1.3rem;color: var(--white-color);} .office-address{font-size:0.9rem;font-weight:400;line-height: 1.2rem;color: var(--white-color);} .social-media{display: flex;flex-direction: column;gap:10px;} .sm-title{font-size: 1.2rem;font-weight:600;line-height: 1.3rem;color: var(--white-color);} .inquiry_card_body{background: var(--white-color);border-radius: 20px;box-shadow: 0 0px 30px rgba(0, 0, 0, .1);padding: 2rem;} .inquiry_card_body h3{margin-bottom: 20px;} /* .footer-section .captcha-sec{flex-direction: column;} .footer-section .captcha-sec .math-captcha{text-align: center;} */ .from-cb{margin-bottom: 1.8rem;} .from-cb-submit{display: flex;justify-content: flex-end;} .from-cb-submit input[type="submit"]{background: var(--primary-color);border: 1px solid var(--primary-color);color: var(--white-color);font-size: 1.1rem;font-weight: 500;text-align: center;line-height: 1.1rem;width: 200px;height: 55px;padding: 1rem 0.938rem;} .contact-media-main{display: flex;flex-direction: row;margin-top:70px;} .contact-media{width: 33.33%;display: flex;flex-direction: column;gap: 20px;} .cm-content{display: flex;flex-direction: column;font-size:1.25rem;gap: 10px;font-weight: 400;line-height:1.25rem;color: var(--white-color);width: fit-content;} .cm-content a, .cm-call-content a{color: var(--white-color);} .cm-content a:hover, .cm-call-content a:hover{color: var(--primary-color);} .cm-call-content{display: flex;flex-direction: row;font-size:1.25rem;font-weight: 400;line-height:1.25rem;color: var(--white-color);width: fit-content;} .call-sec{display: flex;flex-direction: column;gap: 10px;} .cm-img{background:rgba(105, 105, 105, 0.7) ;width:60px;height: 60px;border-radius: 8px;display: flex;align-items: center;justify-content: center;} .cm-call-content span{color: var(--white-color);} .copyright-sec {padding:15px 0;} .copyright-sec p{margin-bottom: 0;} .copyright-sec ul {margin: 0;padding: 0;list-style-type: none;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-end;} .copyright-sec ul li {margin: 0 10px 0 0;padding: 5px 10px 5px 0;display: inline-flex;position: relative;border-right: 1px solid #000;} /* .copyright-sec ul li:after {content: "|";position: absolute;right: -12px;top: -2px;color:var(--black-color1);} */ .copyright-sec ul li a {font-size: 15px;line-height: 17px;color:var(--black-color1);font-weight: 400;text-decoration: none;} .copyright-sec ul li a:hover {color:var(--primary-color);} .copyright-sec ul li:last-child {border:0;margin-right: 0;padding-right: 0;} /** About us page Start **/ /** Hero Section Start **/ .about-hero-section{padding:4.75rem 0 0 0;background: url(../images/about-banner.webp) no-repeat 0 0;height:372px;position: relative;} .about-hero-section::after{content: "";position:absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(5, 47, 47, 0.8);z-index:0;} .about-hero-section h1{margin-bottom:0rem;color:var(--white-color);font-size:2.5rem;font-weight:600;line-height: 2.8rem;} .about-hero-section span{font-size:1.125rem;font-weight:300;line-height: 1.975rem;color: var(--white-color);margin-bottom:1.25rem;} .about-hero-section .container{z-index:4;} .about-hero-bg-white{background:url(../images/hero-bg.png);height:91px;width:100%; position: absolute;left: 0;bottom:0px;z-index: 2;} .about-sec-main{padding:4rem 0;} .about-sec-main .heading-title h2{margin: 0;} .modern-number-01 h2 {position: relative;font-size: 18px;line-height: 20px;letter-spacing: 1px;color:var(--light-color);text-transform: uppercase;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;max-width: 350px;} .modern-number-01 span.mark-text {font-size: 180px;line-height: 0.8;font-weight: 900;margin: 0 5px -5px -5px;color:var(--primary-color);} .modern-number-01 h6{font-size: 1.313rem;line-height:1.413rem; font-weight: 600;color:var(--dark-bg-color);} .about-content{display: flex;flex-direction: column;width:100%;} .about-content-inr{display: flex;flex-direction: row;gap: 60px;align-items: center;} .about-content p{color: var(--light-color);line-height: 1.6rem;} .about-content ul {margin:0 0 0 40px;padding: 0;list-style-type: none;display: block;} .about-content ul li{margin: 0 0 15px;padding: 0 0 0 30px;display: block;font-style: normal;font-weight:400;font-size: 1.1rem; line-height: 1.3rem;letter-spacing: 0;color: var(--light-color);position: relative;} .about-content ul li:before{content: "";position: absolute;width:10px;height: 10px; background: transparent;left:6px;top: 4px;border-radius: 100px;border: 2px solid var(--primary-color);} .owner-section{padding:0;background: url(../images/owner-bg.webp) repeat 0 0;height:443px;position: relative;margin:0 0 5rem;} .owner-section-inr{padding:3.75rem 5rem 0;position: relative;height: 100%;} .owner-content{padding:3rem 0 0 0;max-width: 565px;display: flex;flex-direction: column;gap:10px;} .owner-content .owner-text{font-size:1.5rem;font-weight:400;line-height: 1.8rem;color: var(--white-color);} .owner-info{display: flex;flex-direction: column;gap:6px;} .owner-info .name, .owner-info .degignation{font-size:1.1rem;font-weight:600;line-height: 1.4rem;color: var(--white-color);} .owner-photo{position: absolute;bottom: 0;right:50px;} .what-make-section{padding:5rem 0;background: url(../images/about-make-bg.webp) repeat 0 0;height:auto;position: relative;} .what-make-box{border: 0;background-color:var(--white-color);border-radius: 8px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .4);border-radius: 8px;padding: 1.563rem; transition: all 0.3s linear 0s;} .what-make-box figure{margin:0;text-align: center;} .what-make-box h3.title {max-width: 100%; margin: 0 0 0 0px;font-size: 1.25rem;line-height: 1.5rem;font-weight: 600; color:var(--black-color1);text-align: center;} .what-make-box p{margin: 0;line-height: 1.4rem;text-align: center;} .what-make-box .what-make-box-content{padding:1.2rem 0 0;display: flex;flex-direction: column;gap:0.9rem;min-height: 285px;} .what-make-box .whatmk-title {display: flex;gap: 1.2rem;min-height: 100px;flex-direction: column;padding: 1rem 0 0 0;} .abwhy-choose-sec{padding:5rem 0;background: url(../images/about-whychoose.webp) repeat 0 0;height:auto;position: relative;} .abwhy-box{border: 0;background-color:var(--white-color);border-radius: 8px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .4);border-radius: 8px;padding:1.875rem; transition: all 0.3s linear 0s;display: flex;gap: 1rem;flex-direction: column; height: calc(100% - 30px);margin: 0 0 30px;} .abwhy-box figure{margin:0;text-align: center;} .abwhy-box h3.title {max-width: 100%; margin: 0 0 0 0px;font-size: 1.25rem;line-height: 1.5rem;font-weight: 600; color:var(--black-color1);text-align: center;} .abwhy-box p{margin: 0;line-height: 1.4rem;text-align: center;} .abwhy-box .abwhy-title {display: flex;gap: 1.2rem;min-height: 100px;flex-direction: column;padding:0;} /** Services page Start **/ /** Hero Section Start **/ .services-hero-section{padding:5rem 0 0 0;background:url(../images/hire-hero-bg.webp);height:600px;position: relative;} .services-hero-section h1{margin-bottom:0;color:var(--white-color);} .services-hero-section span{font-size:1.125rem;font-weight:300;line-height: 1.575rem;color: var(--white-color);margin-bottom:0;} .services-hero-section p{margin-bottom:0;font-size:1.1rem;font-weight:300;line-height: 1.5rem;color: var(--white-color);} .services-hero-content{padding-top:1.125rem;max-width: 700px;display: flex;flex-direction: column;gap:1.2rem;} .services-hero-section .container{z-index:4;} .services-hero-bg-white{background:url(../images/hero-bg.png);height:91px;width:100%; position: absolute;left: 0;bottom:0px;z-index: 2;} .service-content-sec{padding: 5rem 0;} .service-content-sec p{line-height: 1.6rem;} .service-content-sec ul {margin: 0 0 0 auto;padding: 0;list-style-type: none;display: block;width:350px;} .service-content-sec ul li{margin: 0 0 15px;padding: 0 0 0 30px;background: url(../images/services-bullet.svg) no-repeat 0 2px;display: block;font-style: normal; font-weight: 600;font-size: 1.1rem; line-height: 1.3rem;letter-spacing: 0;color:var(--black-color1);} .ser-section-space{padding:0;} .ser-sp-left{width: 42%;border-right:1px solid var(--light-color);margin: 0 40px 0 0;padding:0 40px 0 0;} .ser-sp-left h3{margin:0;} .ser-sp-right{width: 54%;} .ser-sp-right p{font-weight:500;font-size: 1.1rem; line-height: 1.6rem;letter-spacing: 0;color:var(--black-color);margin-bottom: 0;} .service-leftimg-content-sec{padding:5rem 0;} .service-left-img{width:100%;height:538px;border-radius: 20px 20px 170px 20px;box-shadow: 0px 15px 33px 0px rgba(0, 0, 0, 0.10);} .service-left-img img{border-radius: 20px 20px 170px 20px;width:100% !important;height:100% !important;max-width:100% !important; max-height:100% !important; object-fit: cover; object-position: center; transition:all 0.4s ease-in-out; display: block;} .slic-right-content{background:#EAF4F4;box-shadow: 0px 19px 41px 0px rgba(0, 0, 0, 0.05);padding: 1.875rem;border-radius: 20px;margin: 0 0 0 50px;} .slic-right-content h3{color:#515151;} .slic-right-content p{font-weight:400;font-size: 1.1rem; line-height: 1.6rem;letter-spacing: 0;color:#515151;} .sewhy-hire-sec{padding:5rem 0;background: url(../images/about-whychoose.webp) repeat 0 0;height:auto;position: relative;} .sewhy-hire-box{border: 0;background-color:var(--white-color);border-radius: 8px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .4);border-radius: 8px;padding:1.25rem 1.875rem; transition: all 0.3s linear 0s;display: flex;gap: 1.5rem;flex-direction: row; height: calc(100% - 30px);margin: 0 0 30px;} .sewhy-hire-box figure{margin:0;text-align: center;} .sewhy-hire-box h3.title {max-width: 100%; margin: 0 0 0 0px;font-size: 1.25rem;line-height: 1.5rem;font-weight: 600; color:var(--black-color1);} .sewhy-hire-box p{margin: 0;line-height: 1.4rem;} .sewhy-hire-box .sewhy-content {display: flex;gap:0.6rem;flex-direction: column;padding:0;} .accordion-flush .accordion-item{border: 1px solid #D3E7E7;background: #FCFEFE;border-radius: 8px;margin: 0 0 10px;} .accordion-button{padding: 1.25rem;font-size: 1.1rem; line-height: 1.2rem;color: var(--black-color1);font-weight: 500;border-radius: 8px;} .accordion-flush .accordion-item:first-child{border-top: 1px solid #D3E7E7;} .accordion-flush .accordion-item:last-child{border-bottom: 1px solid #D3E7E7;} .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed{border-radius: 8px;} .accordion-button:not(.collapsed){background: transparent;border:0; box-shadow: none;color:var(--black-color1);} .accordion-button:focus{background: transparent;border:0; box-shadow: none;color:var(--black-color1);} .accordion-body{padding-top: 0;font-weight:400;font-size: 1rem; line-height: 1.4rem;letter-spacing: 0;color:var(--black-color1);} .common-hero-section{padding:6rem 0 0 0;background:url(../images/hire-hero-bg.webp);height:370px;position: relative;} .common-hero-section h1{margin-bottom:0;color:var(--white-color);font-size:3.125rem; line-height:3.425rem;font-weight: 600;} .common-hero-section span{font-size:1.125rem;font-weight:300;line-height: 1.575rem;color: var(--white-color);margin-bottom:0.6rem;display: inline-flex;} .common-hero-section p{margin-bottom:0;font-size:1.1rem;font-weight:300;line-height: 1.5rem;color: var(--white-color);} .common-hero-section .container{z-index:4;} .common-hero-bg-white{background:url(../images/hero-bg.png);height:91px;width:100%; position: absolute;left: 0;bottom:0px;z-index: 2;} .contact-hero-bg{background:url(../images/contact-hero-bg.png);height:91px;width:100%; position: absolute;left: 0;bottom:0px;z-index: 2;} .blog-listing{padding: 5rem 0 0 0;} .blog-latest-post{margin: 0 0 5rem;} .blog-listing .blog-box{margin-bottom: 30px;} .blog-listing .blog-content-big{padding:0;display: flex;flex-direction: column;gap:0.5rem;} .blog-listing .blog-content-big h3{font-size:1.875rem;font-weight:700;line-height:2.3rem;color: var(--black-color);margin: 0;} .blog-listing .blog-content-big p{font-size:1rem;font-weight:400;line-height:1.5rem;color: var(--black-color);} .blog-listing .blog-img-big{height: 390px;width: 100%;} .blog-listing .blog-img-big img{width:100% !important;height:100% !important;max-width:100% !important; max-height:100% !important; object-fit: cover; object-position: center; transition:all 0.4s ease-in-out; display: block;border-radius: 8px;} #border-pagination {margin: 0 auto;padding: 0;text-align: center;display: inline-flex;gap:0.5rem;} #border-pagination li {display: inline;} #border-pagination li a {display: block;text-decoration: none;color: #000;padding: 5px 12px;border: 1px solid var(--light-color);font-size: 1rem;font-weight: 400;line-height: 1.5rem;border-radius: 4px;} #border-pagination li a {-webkit-transition: background-color 0.4s;transition: background-color 0.4s} #border-pagination li a.active {background-color:var(--dark-bg-color);border-color: var(--dark-bg-color);color:var(--white-color);} #border-pagination li a:hover:not(.active) {background:var(--dark-bg-color);color:var(--white-color);} .job-positions-section{padding: 5rem 0 0 0;} .job-searching-result ul {padding: 0} .job-searching-result .job-description-box {border: 1px solid #DDEBEB;border-radius:20px;margin: 12px 0;padding: 20px;height: calc(100% - 24px);display: flex;flex-flow: column;transition: all .5s;position: relative;overflow: hidden;cursor: pointer;box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05);} .job-searching-result .job-description-box:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--section-secondary);opacity: 0;transition: all .5s} .job-searching-result .job-description-box:hover {border: 1px solid #CDE4E4;background:#F7FCFC;} .job-searching-result .job-description-box:hover:after {opacity: 1} .job-searching-result .job-description-box:hover .job-description-top .job-apply-icon {opacity: 1;transform: translateX(0) translateY(0)} .job-searching-result .job-description-box .job-description-top {position: relative;z-index: 1;display: flex;justify-content: space-between;padding-bottom: 20px} .job-searching-result .job-description-box .job-description-top .job-title-left {flex: 1 1;padding-right: 10px} .job-searching-result .job-description-box .job-description-top .job-title-left .job-title {font-weight: 600;font-size: 20px;line-height: 30px;color: var(--black-color);margin-bottom: 5px} .job-searching-result .job-description-box:hover .job-description-top .job-title-left .job-title {color: var(--secondary-color);} .job-searching-result .job-description-box .job-description-top .job-title-left p {font-weight: 500;font-size: 16px;line-height: 24px;color: var(--black-color);margin-bottom: 0} .job-searching-result .job-description-box .job-description-top .job-apply-icon {transform: unset;} .job-searching-result .job-description-box .job-description-top .job-apply-icon {opacity: 0;transform: translateX(-10px) translateY(0);transition: all .5s} .job-searching-result .job-description-box .job-description-top .job-apply-icon .btn.btn-secondary {padding: 0;border: none;box-shadow: none;min-height: auto;height: auto;background-color: transparent} .job-searching-result .job-description-box .job-description-top .job-apply-icon:hover {transform: translateY(0)} .job-searching-result .job-description-box .job-description-top .job-apply-icon img {max-width: 23px} .job-searching-result .job-description-box .job-description-top .job-apply-icon span {background-image: none;opacity: 1 ;position: relative;transform: translateX(0) ;height: 20px ;width: 20px;overflow: hidden ;display: inline-block;} .job-searching-result .job-description-box .job-description-bottom {display: flex;margin-top: auto;position: relative;z-index: 1;justify-content: space-between} .job-searching-result .job-description-box .job-description-bottom .job-bottom-experience .job-bottom-label, .job-searching-result .job-description-box .job-description-bottom .job-bottom-openings .job-bottom-label, .job-searching-result .job-description-box .job-description-bottom .job-bottom-jobtype .job-bottom-label {font-weight: 500;font-size: 16px;line-height: 24px;margin-bottom: 5px; color: var(--black-color)} .job-searching-result .job-description-box .job-description-bottom .job-bottom-experience .job-bottom-content, .job-searching-result .job-description-box .job-description-bottom .job-bottom-openings .job-bottom-content, .job-searching-result .job-description-box .job-description-bottom .job-bottom-jobtype .job-bottom-content {font-weight: 600;font-size: 20px;color: var(--black-color);line-height: 30px; margin-bottom: 0} .job-searching-result .job-description-box .job-description-top .job-apply-icon span:before {content: "";position: absolute;height: 13px;width: 13px;background-image: url(../images/job-arrow.svg) !important;background-repeat: no-repeat;left: 0;top: 7px;background-size: contain;background-position: 50%;transform: rotate(0deg) translateX(0) !important;transition: all .3s linear;} .job-searching-result .job-description-box:hover .job-description-top .job-apply-icon span:after {left: 0;bottom: 0;} .job-searching-result .job-description-box .job-description-top .job-apply-icon span:after {content: "";position: absolute;height: 13px;width: 13px;background-image: url(../images/job-arrow.svg) !important;background-repeat: no-repeat;left: -19px;bottom: -19px;background-size: contain;background-position: 50%;transform: rotate(0deg) translateX(0) !important;transition: all .3s linear;} .job-searching-result .job-description-box:hover .job-description-top .job-apply-icon span::before {left:19px;top: -19px;} .job-searching-result .job-description-box:hover .job-description-top .job-apply-icon span::after {left: 0;bottom: 0;} .perks-sec{padding:5rem 0;background: url(../images/about-whychoose.webp) repeat 0 0;height:auto;position: relative;} .perks-box{border: 0;background-color:var(--white-color);border-radius: 8px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .4);border-radius: 8px;padding:1.875rem; transition: all 0.3s linear 0s;display: flex;gap: 1rem;flex-direction: column; height: calc(100% - 30px);margin: 0 0 30px;} .perks-box figure{margin:0;text-align: center;} .perks-box h3.title {max-width: 100%; margin: 0 0 0 0px;font-size: 1.25rem;line-height: 1.5rem;font-weight: 600; color:var(--black-color1);text-align: center;} .perks-box p{margin: 0;line-height: 1.4rem;text-align: center;} .perks-box .perks-title {display: flex;gap: 1.2rem;min-height: 100px;flex-direction: column;padding:0;} .perks-sec p.perks-content{max-width: 800px;} .common-tp-5{padding-top: 5rem;} .apply-opening-section, .work-main-section{padding: 5rem 0 0 0;} .opening-top-content{margin:0 0 1.5rem;} .opening-top-content p{font-size: 1.1rem;font-weight: 400;line-height: 1.6rem;} .opening-item{margin:0 0 2rem;} .opening-item ul {margin:0 0 0 40px;padding: 0;list-style-type: none;display: block;} .opening-item ul li{margin: 0 0 15px;padding: 0 0 0 30px;display: block;font-style: normal;font-weight:500;font-size: 1.1rem; line-height: 1.3rem;letter-spacing: 0;color:var(--black-color1);position: relative;} .opening-item ul li:before{content: "";position: absolute;width: 8px;height: 8px; background: var(--primary-color);left:6px;top: 6px;border-radius: 100px;} .opening-item h3{font-size: 1.5rem;line-height: 2rem;font-weight: 600;background: #f2f9fe;border: 1px solid #dcecf8;border-radius: 10px;padding:0.6rem 1rem;} .opening-item h4{font-size: 1.2rem;line-height: 1.8rem;font-weight: 600;padding-left: 2rem;} .form-header{background: #f2f9fe;border: 1px solid #dcecf8;border-radius: 10px;padding:1rem;margin:2rem 0;} .form-header{font-size: 1.5rem;line-height: 2rem;font-weight: 600;text-align: center;} .career-form .form-group{margin-bottom: 20px;} .file-wrap {position: relative;display: flex;justify-content: center;align-items: center;height: 150px;border-radius: 12px;background: var(--light-bg);overflow: hidden;} .file-input {position: absolute;top: 0;left: 0;font-size: 340px;opacity: 0;height: 150px;width: 100%;} .file-box {display: flex;justify-content: center;align-items: center;flex-direction: column;font-size: 1rem;font-weight:500;line-height: 1.3rem;color: var(--black-color1);gap:8px;} .up-file-btn{display: flex;justify-content: center;align-items: center;height: auto;padding:10px 20px;border:0;border-radius: 12px;background: var(--light-color);color: var(--white-color);box-shadow: 0px 12px 13px -6px rgba(0, 0, 0, 0.04);font-size: 15px;font-weight: 500;line-height: 1.6;transition: border-color .2s;gap:10px;} .ur-label{font-size: 1.1rem;line-height: 1.4rem;} .apn-btn-sec{text-align: center;margin-top: 20px;} .apn-btn-sec input[type="submit"]{background: var(--primary-color);border: 1px solid var(--primary-color);color: var(--white-color);font-size: 1.1rem;font-weight: 500;text-align: center;line-height: 1.1rem;width: 100%;height: 55px;padding: 1rem 0.938rem;} .career-file-name{display: flex;flex-direction: column;gap:3px;} .career-cta {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 98px 0px;height: 235px; background:url(../images/cta-bg.webp) no-repeat 0 0 #0A5A5A;margin:5rem auto;border-radius: 20px;} .career-cta h3 {font-style: normal;font-weight:500;font-size: 3.125rem;line-height:3.512rem;letter-spacing: 0;color: #fff;margin: 0;} .career-cta .contact-btn {display: inline-block; padding: 13px 20px; height: 50px; background:var(--white-color);border-radius: 6px;font-style: normal;font-weight: 500; font-size: 16.72px;line-height: 24px;letter-spacing: -0.025em; color:var(--dark-bg-color); text-decoration: none;margin:0;} .career-cta .contact-btn:hover, .has-background-white .site .career-cta a.contact-btn:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background:var(--primary-color) !important;color: #fff !important;} .career-cta .contact-btn:hover svg path, .has-background-white .site a.contact-btn:focus:not(.wp-block-button__link):not(.wp-block-file__button) svg path { fill: #fff;} .career-cta .contact-btn svg {margin: 0 0 0 10px;} .career-cta .ccta-container {width:88%;} .career-cta .ccta-container .t-right{display: flex;justify-content: flex-end;align-items: center;} .case-listing-col{background: var(--white-color);box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);margin: 0 0 30px!important; border-radius: 5px;} .case-listing-col .cs-listing-img {overflow: hidden;height: 330px;border-radius: 5px 5px 0 0;} .case-listing-col .cs-listing-img img {min-height:330px;transition: 0.4s ease; width:100% !important;height:100% !important;max-width:100% !important; max-height:100% !important; object-fit: cover; object-position: center; display: block;} .case-listing-col .cs-listing-img:hover img {transform: scale(1.08);} .case-listing-col .cs-project-detail {padding: 20px;} .case-listing-col .cs-project-detail p {color: #81959E;font-size: 12px;text-transform: uppercase;font-weight: normal;margin-bottom: 5px;min-height: 26px;} .case-listing-col .cs-project-detail a h3 {color:var(--black-color1);font-size: 20px;font-weight: 600;line-height: 25px;} .case-listing-col .cs-project-detail .project-bio {color:var(--light-color);font-size: 16px;line-height: 26px;margin-top: 5px;display: block;display: -webkit-box;align-self: flex-start;height: 55px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;cursor: pointer;} .case-listing-col .cs-technology {margin-top: 10px;} .case-listing-col .cs-technology span {border: 1px solid var(--light-color);background: var(--light-color);border-radius: 8px;font-size: 12px;color:var(--white-color);font-weight: normal;padding: 1px 10px;margin-right: 4px;display: inline-block;} .filter_btns {margin: 0 0 30px;padding: 0;position: relative;z-index: 1;} .filter_btns li {display: inline-block;} .filter_btns>li>a {position: relative;display: block;padding: 8px 0px;min-width: 80px;color: #000!important;text-align: center;margin-right: 6px;font-weight: 600;margin-bottom: 10px;cursor: pointer;font-size:18px;line-height: 20px;} .filter_btns>li>a:hover:before, .filter_btns>li.current>a:before {background:var(--secondary-color);width: 80%;} .filter_btns>li>a:before {position: absolute;content: '';background: #b5b5b5;width: 50%;height: 2px;bottom: -5px;transition: all .3s;left: 0;right: 0;margin: 0 auto;} .filter_btns li ul a {display: inline-block;background:var(--secondary-color);padding:4px 8px;border: solid 1px #fff;min-width: 80px;border-radius:6px;color:var(--white-color)!important;text-align: center;margin-right: 6px;font-weight: normal;margin-bottom:5px;font-size: 1rem;font-weight: 300;line-height: 1.2rem;} ul.filter_btns li.has_submenu:nth-child(3) {margin-left: 15px;} .has_submenu>a:after {position: absolute;left: 0;top: 100%;height: 22px;width: 100%;content: "";right: 0;margin: auto;z-index: 9;opacity: 0;visibility: hidden;transition: opacity 0.3s linear 0s;} .has_submenu ul {position: absolute;left: 0;padding:10px;border: 1px solid #e5ebf3;z-index: 9;background:#ECF8F8;margin-top: 10px;opacity: 0;visibility: hidden;transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s;margin-bottom:0px;margin-left: 0px;} .has_submenu.current ul {opacity: 1;visibility: visible;} .has_submenu.current a {z-index: 99;color: var(--secondary-color)!important;} .has_submenu.current ul li a {color: var(--white-color)!important;} .has_submenu a {position: relative;} .has_submenu.current>a:after {opacity: 1;visibility: visible;} .contact-main-section{background:#F7FCFC;padding: 5rem 0;} .contact-inq-title{margin:0 0 30px 0;} .contact-inq-title h2{margin: 0;} .contact-social-icon{display: flex; flex-direction: row;} .contact-social-icon a {width: 40px;height: 40px;background: var(--black-color1);border-radius: 100px; box-shadow: 0 5px 20px rgba(0, 0, 0, .25);display: flex;align-items: center;justify-content: center;} .contact-social-icon a:first-child{background:#4867AA;} .contact-social-icon a:nth-child(2){background:#0077B0;} .contact-social-icon a:nth-child(3){background:#000000;} .contact-social-icon a:last-child{background:#FF006A;} .contact-social-icon a:hover{background: var(--secondary-color);} .contact-social-icon a img{filter: brightness(1) invert(1);} .contact-social-icon a:hover img{filter: brightness(0) invert(1);} .contact-social-icon a + a{margin-left: 20px;} .contact-office-info{display: flex;flex-direction: column;gap:15px;padding:0;} .contact-office-main{display: flex;flex-direction: column;gap:10px;} .contact-office-heading{font-size: 1.5rem;font-weight:600;line-height: 1.6rem;color: var(--black-color1);} .contact-office-title{font-size: 1.1rem;font-weight:600;line-height: 1.3rem;color: var(--black-color1);} .contact-office-address{font-size:0.9rem;font-weight:400;line-height: 1.2rem;color: var(--black-color1);} .contact-social-media{display: flex;flex-direction: column;gap:10px;} .contact-sm-title{font-size: 1.2rem;font-weight:600;line-height: 1.3rem;color: var(--black-color1);} .inquiry-card-body{background: var(--white-color);border-radius: 20px;box-shadow: 0 0px 30px rgba(0, 0, 0, .1);padding: 2rem;} .inquiry-card-body h3{margin-bottom: 20px;} .icb-from-cb{margin-bottom: 1.8rem!important;} .icb-from-cb-submit{display: flex;justify-content: flex-end;} .icb-from-cb-submit input[type="submit"]{background: var(--primary-color);border: 1px solid var(--primary-color);color: var(--white-color);font-size: 1.1rem;font-weight: 500;text-align: center;line-height: 1.1rem;width: 200px;height: 55px;padding: 1rem 0.938rem;} .captcha-sec{display: flex;flex-direction: row;align-items: center;margin-bottom: 1.8rem !important;} .math-captcha{width: 100px;} .captcha-sec .icb-from-cb{margin-bottom: 0rem!important;width: 88%;} .contact-info-main{display: flex;flex-direction: column;margin-top:30px; gap: 1.2rem} .contact-info{width:100%;display: flex;flex-direction: row;gap: 20px;align-items: center;} .contact-info:first-child{align-items: flex-start;} .ci-content{display: flex;flex-direction: column;font-size:1.1rem;gap: 10px;font-weight: 400;line-height:1.2rem;color: var(--black-color1);width: fit-content;} .ci-content a, .ci-call-content a{color: var(--black-color1);} .ci-content a:hover, .ci-call-content a:hover{color: var(--primary-color);} .ci-ce-content{display: flex;flex-direction: column;gap:10px;} .ci-call-content{display: flex;flex-direction: row;font-size:1.1rem;font-weight: 400;line-height:1.25rem;color: var(--black-color1);width: fit-content;} .ci-call-sec{display: flex;flex-direction: column;gap: 10px;} .ci-img{background:var(--secondary-color);width:60px;height: 60px;border-radius: 8px;display: flex;align-items: center;justify-content: center;} .ci-call-content span{color: var(--black-color1);} .select2-container{width: 100%!important;} .select2-container .select2-selection--single{height:3.75rem;border: 0.063rem solid #EEEEEE !important;} .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 3.5rem;padding-left: .75rem;font-size: 1rem;font-weight: 400;} .select2-container--default .select2-selection--single .select2-selection__arrow{top: 17px;right: 10px;} input.select2-search__field{height:3rem;} .select2-dropdown {border: 1px solid #EEEEEE;} .select2-results__option{line-height:1.2rem;font-size: 1rem;font-weight: 400;color:var(--black-color1)} .team-top-content{padding: 5rem 0;} .team-top-content p{max-width:1100px;font-size: 1rem;line-height:1.875rem;color: var(--black-color1);margin: 0 auto;text-align: center;} .copening-cta {display: flex;flex-direction: column;justify-content: center;align-items: center;padding:60px 0px;height:175px; background:url(../images/cta-bg.webp) no-repeat 0 0 #0A5A5A;margin:5rem auto 0;border-radius: 20px;} .copening-cta h3 {font-style: normal;font-weight:500;font-size: 3.125rem;line-height:3.512rem;letter-spacing: 0;color: #fff;margin: 0;} .copening-cta .contact-btn {display: inline-block; padding: 13px 20px; height: 50px; background:var(--white-color);border-radius: 6px;font-style: normal;font-weight: 500; font-size: 16.72px;line-height: 24px;letter-spacing: -0.025em; color:var(--dark-bg-color); text-decoration: none;margin:0;} .copening-cta .contact-btn:hover, .has-background-white .site .copening-cta a.contact-btn:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background:var(--primary-color) !important;color: #fff !important;} .copening-cta .contact-btn:hover svg path, .has-background-white .site a.contact-btn:focus:not(.wp-block-button__link):not(.wp-block-file__button) svg path { fill: #fff;} .copening-cta .contact-btn svg {margin: 0 0 0 10px;} .copening-cta .copening-container {width:88%;} .copening-cta .copening-container .copening-right{display: flex;justify-content: flex-end;align-items: center;} #team-grid-container .all-pictures{display: flex; flex-wrap: wrap;} #team-grid-container .team-member {position: relative;height: 100%;overflow: hidden;background-color: #000000;width:7.69%;line-height: 0px;} #team-grid-container .team-member img {opacity: 0.4; width: 100%; height: 100%; object-fit: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-opacity: 0.4; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #team-grid-container .team-member:hover img {opacity: 1; z-index: 0; -webkit-filter: grayscale(0%); filter: grayscale(0%);} #team-grid-container .team-member span {display: none;} #team-grid-container .team-member span {font-weight:500; color: #fff; font-size: 12px; line-height: 16px;letter-spacing:1px;background:var(--dark-bg-color);padding: 1px 5px; position: absolute; left: 0px; bottom: 0px; z-index: 100; display: none; text-shadow: 1px 1px 4px #000000; text-transform: capitalize;} #team-grid-container .team-member:hover span {display: inline-block;} .blog-detail {padding: 5rem 0 0 0;} .blog-detail .container{max-width: 1100px;} /* .blog-detail .blog-banner-img{height:100%;width: 100%;border-radius:10px;margin-bottom: 30px;} */ .blog-detail .blog-banner-img img{border-radius:10px;height: 100%;min-height: 100%;object-fit: cover;width: 100%;max-width: 100%;min-width:100%;} .blog-detail h2{color:var(--black-color);font-size: 1.875rem;font-weight: 600;line-height: 2rem;} .blog-detail h3{color:var(--black-color);font-size: 1.675rem;font-weight: 600;line-height: 1.9rem;} .blog-detail h4{color:var(--black-color);font-size: 1.3rem;font-weight: 600;line-height:1.6rem;} .blog-detail p{color:var(--light-color);font-size: 1rem;font-weight: 400;line-height:1.6rem;} .life-listing{padding:5rem 0;} /* .life-listing .slider-thumb{background: var(--white-color);border-radius: 15px;position: absolute !important;top: 100%;transform: translate(-50%, -50%); width: calc(85% - 50px); left: 50%; box-shadow: 0 3px 10px rgb(0 0 0 / 20%); padding: 15px 60px; border-radius: 10px; z-index: 1; height: 90px;} .life-listing .slick-arrow{width: 50px;height: 30px;background: transparent;} .life-listing .slider-thumb .slick-slide{margin: 0 8px;} .life-listing .slick-arrow:after{width: 50px; height: 30px;} .life-listing .slider-thumb .slick-arrow.slick-next:after {background-image: url(../images/life-slider-next.svg);left: 0; right: 0; top: 0; bottom: 0;} .slick-arrow.slick-prev:after{ background-image: url(../images/life-slider-prev.svg);left: 0;right: 0;top: 0;bottom: 0;} .slider-content button {display: none!important;} .all-slider.slider-content img{border-radius:20px;width: 100%;} .life-listing .slider-thumb img{border-radius:10px;width: 100%;} .slick-arrow.slick-prev {left:10px;} .slick-arrow.slick-next {right:10px;} */ .life-listing .row:first-child.even-item{margin-top:0rem;} .odd-item{flex-direction: row-reverse;margin-top:7rem;} .even-item{margin-top:7rem;} .error-section{text-align: center;padding: 5rem 0 0;} .error-section h1{font-size: 5rem;font-weight: 700;color: var(--primary-color);line-height: 5rem;} .thank-section{text-align: center;padding: 5rem 0 0;min-height:400px;} .thank-section h1{color: var(--primary-color);margin-bottom: 2rem;} /******* Section2 Start **********/ .slider-products img {border-radius: 10px;} .slider-nav {position: absolute !important;top: 100%;transform: translate(-50%, -50%);width: calc(92% - 50px);left: 50%;background: #fff;box-shadow: 0 3px 10px rgb(0 0 0 / 20%);padding: 15px 90px;border-radius: 10px;z-index: 1;height: 100px;} .slider-nav .slick-prev, .slider-nav .slick-next{width: 43px;height: 25px;background:url(../images/life-slider-prev.svg) no-repeat center center;pointer-events: auto;} .slider-nav .slick-next{transform: scaleX(-1);margin-top: -12px;right: 15px;} .slider-nav .slick-prev{left: 15px;} .slider-nav .slick-next:before, .slider-nav .slick-prev:before{display: none;} .slider-nav .slick-prev.slick-disabled, .slick-slider .slick-next.slick-disabled{filter: grayscale(1);} .slider-nav p{margin-bottom: 0 !important;height:80px;} .slider-nav .slick-list.draggable{margin-top:-5px;} .slider-nav p img{border-radius: 15px;border: 5px solid transparent;min-height: 80px;object-fit: cover;cursor: pointer;height: 100%;object-fit: cover;width:100%; } .slider-products p.slick-slide {height:509px;} .slider-products img{height: 100%;object-fit: cover;width:100%;} .slider-products .slick-slide{position: relative;} /******* Hire page Start **********/ .why-hire-sec{padding:5rem 0;background: url(../images/hire-why-bg.webp) repeat 0 0;height:auto;position: relative;} .why-hire-box{border: 0;background-color:var(--white-color);border-radius: 8px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .4);border-radius: 8px;padding:1.25rem 1.875rem; transition: all 0.3s linear 0s;display: flex;gap:0.5rem;flex-direction: column; height: calc(100% - 25px);margin: 0 0 25px;} .why-hire-box h3 {max-width: 100%; margin: 0 0 0 0px;font-size:1.5rem;line-height:2rem;font-weight: 500; color:var(--black-color);} .why-hire-box p{margin: 0;line-height: 1.4rem;} .hire-process{background: #F7FCFC;padding:5rem 0;} .hire-process .hp_box {background: #fff;border-radius: 10px;margin: 0;box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1); transition: all 0.3s linear 0s; height: calc(100% - 0px);border: 1px solid #DDEBEB;padding:45px 20px 30px 20px;display: flex;flex-direction: column;gap: 15px;position: relative;} .hire-process .hp_box:hover {box-shadow: 0 5px 15px rgba(0, 0, 0, .25);} .hire-process .main_hp_box{position: relative;padding-top:60px;} .hire-process .hp_box h3 {max-width: 100%;margin: 0 0 0 0px;font-size: 1.25rem;line-height: 1.3rem;font-weight: 600;} .hire-process .hp_box p{font-size: 1.1rem;font-weight:400;line-height: 1.6rem;color: var(--black-color1);margin: 0;} .hire-process .hp_box figure {margin: 0;position: absolute;top: -60px;width: 80px;height: 80px;background: var(--white-color);border-radius: 8px;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 8px rgb(0, 0, 0, 0.2);} .hire-left-img-content{padding:5rem 0;} .hire-left-img{width:100%;height:538px;border-radius: 20px 20px 170px 20px;box-shadow: 0px 15px 33px 0px rgba(0, 0, 0, 0.10);} .hire-left-img img{border-radius: 20px 20px 170px 20px;width:100% !important;height:100% !important;max-width:100% !important; max-height:100% !important; object-fit: cover; object-position: center; transition:all 0.4s ease-in-out; display: block;} .hire-right-content{padding: 0rem;border-radius: 0px;margin: 0;} .hire-right-content h3{color: var(--dark-bg-color);} .hire-right-content p{font-weight:500;font-size: 1.1rem; line-height: 1.6rem;letter-spacing: 0;color:var(--dark-bg-color);} .egmodels-section{padding:5rem 0;background: url(../images/eng-model-bg.webp) repeat 0 0;height:auto;position: relative;} .egmodels-box{border: 0;background-color:var(--white-color);border-radius: 8px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .4);border-radius: 8px;padding: 1.563rem; transition: all 0.3s linear 0s;} .egmodels-section p{line-height: 1.6rem;} .egmodels-box figure{margin:0;text-align: center;} .egmodels-box h3.title {max-width: 100%; margin: 0 0 0 0px;font-size: 1.6rem;line-height: 1.7rem;font-weight: 600; color:var(--black-color);text-align: center;} .egmodels-box p{margin: 0;line-height: 1.4rem;text-align: left;} .egmodels-box .egmodels-content{padding:1.2rem 0 0;display: flex;flex-direction: column;gap:0.9rem;} .egmodels-box .egmodels-title {display: flex;gap: 1.2rem;flex-direction: row;padding:0;align-items: center;justify-content: flex-start;} .egmodels-hrs-rate {color: #000;font-size: 30px;text-align: center;background: #E1ECEE;margin:10px 0 0 0;border-radius: 5px;padding:22px 0;} .egmodels-hrs-rate h4{color:#7A9499;font-weight:400;font-size:2rem; line-height:2.2rem;} .egmodels-hrs-rate a.btn:hover{background: var(--dark-bg-color);color: var(--white-color);} .egm-head-content p{margin-bottom: 0;} .egmodels-content ul {margin: 0;padding: 0;list-style-type: none;display: block;} .egmodels-content ul li{margin: 0 0 15px;padding: 0 0 0 25px;display: block;font-style: normal;font-weight: 400;font-size: 1rem; line-height: 1.3rem;letter-spacing: 0;color:var(--black-color1);position: relative;} .egmodels-content ul li::after{content:""; width:13px;height: 13px;position: absolute;left: 0;top:3px;border:2px solid var(--primary-color);border-radius: 100px;} .hire-expertise-section{padding:5rem 0;} .hire-expertise-section h2{color:var(--dark-bg-color);} .hire-expertise-section p{line-height: 1.4rem;} .hire-expertise-section .row{align-items: center;} .hire-expertise-section .expertise-box{border:1px solid #DDEBEB;background-color:#F7FCFC;border-radius: 8px; box-shadow:0px 0px 15px 0px rgb(202, 213, 213, 0.9);border-radius: 8px;padding: 1.563rem;transition: all 0.3s linear 0s;width:48.5%;gap:0.8rem;display: flex;flex-direction: column;} .hire-expertise-section .expertise-box h3 { margin: 0 0 0 0px;font-size: 1.4rem;line-height: 1.7rem;font-weight: 600; color:var(--black-color);text-align: left;} .hire-expertise-section .expertise-box p{margin: 0;line-height: 1.8rem;text-align: left;} .expertise-box-main{display: flex;flex-direction: row;flex-wrap: wrap;gap:1.5rem;} .hire-hero-section{padding:5rem 0 0 0;background: url(../images/hire-hero-bg.webp);height:600px;position: relative;} .hire-hero-section h1{margin-bottom:0;color:var(--white-color);} .hire-hero-section span{font-size:1.125rem;font-weight:300;line-height: 1.575rem;color: var(--white-color);margin-bottom:0;} .hire-hero-section p{margin-bottom:0;font-size:1.1rem;font-weight:300;line-height: 1.5rem;color: var(--white-color);} .hire-hero-content{padding-top:1.125rem;max-width: 700px;display: flex;flex-direction: column;gap:1.2rem;} .hire-hero-section .container{z-index:4;} .hire-hero-bg-white{background:url(../images/hero-bg.png);height:91px;width:100%; position: absolute;left: 0;bottom:0px;z-index: 2;} .hire-hero-section .book-form-hero .book-form-heading h2{font-size: 1.8rem;line-height: 2.4rem;} .hire-popup .book-form{background:#fff;border-radius:0px;border:0px;padding:1rem;} /*====================================================================== =============================:: MEDIA CSS ::============================ =======================================================================*/ @media screen and (max-width:1830px){ } @media screen and (max-width:1700px){ } @media screen and (max-width:1600px){ } @media screen and (max-width:1500px){ } @media screen and (max-width:1378px){ } @media screen and (max-width:1399px){ .h1, h1 {font-size: 3.4rem;} .indu-bx {width: 18.8%;} .pd-section .heading-w-subtitle h3{font-size: 2.4rem;} .technology-name{padding: 0.625rem 2rem;font-size: 1.1rem;} .development-process-section .process-arrow {width: 210px;z-index: 1;right: -40px;} .what-make-box .what-make-box-content{min-height: 350px;} .testimoniyal_box_content{min-height: 250px;} .hire-expertise-section .expertise-box{width:48.4%;} .egmodels-box .egmodels-title{gap:1rem;} .egmodels-box h3.title{font-size: 1.5rem;} } @media (max-width:1199px){ .h1, h1{font-size:2.6rem;line-height: 3rem;} .h2, h2{font-size:2.2rem;} .h3, h3{font-size:2.1rem;} h4{font-size:1.375rem;} h5{font-size:1.25rem;} h6{font-size:1.125rem;} p{margin-bottom:1.563rem;} .heading-title, .blog-heading-sec {margin-bottom:1.8rem !important;} .heading-w-subtitle{margin-bottom:1.8rem !important;} .hero-bg-white{left: 1px;bottom: -1px;} .hero-section {padding: 6.75rem 0 0 0;height: 615px;} .book-form-hero {width: 45%;} .home-hero-content{max-width: 600px;} .client-logo-sec {padding:3rem 0 4rem;} .home-section1, .home-section2, .industries-serve, .technology-stack, .home-section3, .development-process-section, .what-make-section, .abwhy-choose-sec, .sewhy-hire-sec, .service-leftimg-content-sec, .contact-main-section, .perks-sec, .team-top-content, .life-listing {padding: 3.5rem 0;} .letstalk_sec, .cta_sec, .career-cta, .copening-cta{width: 97%;margin:3.5rem auto;} .letstalk_sec h3, .cta_sec h3, .career-cta h3, .copening-cta h3{font-size:3rem;line-height: 3.4rem;} .indu-bx {width: 18.5%;} .pd-section .heading-w-subtitle h3{font-size:2.1rem;} .pd-section {padding: 0 0 3.5rem;} .technology-icon-wrapper li {font-size:14px;} .technology-name{padding: 0.625rem 1rem;} .technology-stack.ser-tech-stack {margin-top: 3.5rem;} .development-process-section .process-arrow {width:185px;z-index: 1;right: -40px;} .blog-sec, .testtimoniyal-whitebg, .client-logo-sec.cls-inrpage, .blog-detail, .error-section, .thank-section, .job-positions-section{padding:3.5rem 0 0;} .cm-call-content, .cm-content{font-size: 1rem;} .about-hero-section h1{font-size:2.2rem;line-height: 2.8rem;} .about-sec-main {padding: 3.5rem 0 2rem;} .what-make-box .what-make-box-content{min-height: 395px;} .owner-section{margin:0 0 3.5rem;} .owner-section-inr {padding: 3.75rem 3rem 0;} .owner-photo{right:20px;} .owner-content{max-width:475px;} .owner-content .owner-text {font-size: 1.2rem;line-height: 1.6rem;} .services-hero-content, .hire-hero-content{max-width: 500px;} .services-hero-section, .hire-hero-section{padding: 4rem 0 0 0;height: 560px;} .service-content-sec {padding:4rem 0 3.5rem;} .ser-sp-left {width: 40%;} .service-content-sec ul{width: 100%;} .blog-latest-post {margin: 0 0 3.5rem;} .blog-listing, .common-tp-5, .apply-opening-section, .work-main-section{padding-top: 3.5rem;} .job-searching-result .job-description-box .job-description-top .job-title-left .job-title {font-size: 18px;line-height: 25px;} .job-searching-result .job-description-box .job-description-bottom .job-bottom-experience .job-bottom-content, .job-searching-result .job-description-box .job-description-bottom .job-bottom-openings .job-bottom-content, .job-searching-result .job-description-box .job-description-bottom .job-bottom-jobtype .job-bottom-content {font-size: 18px;line-height: 25px;} .common-hero-section h1{font-size: 2.825rem;line-height: 3.425rem;} #team-grid-container .team-member{width: 11.1%;} .slider-nav p{height: 72px;} .slider-nav p img{border-radius: 10px;min-height: 72px;width: 100%;height: 72px;} .slider-nav{height:90px;} .testimoniyal_box_content{min-height: 285px;} .hire-expertise-section{padding: 4.5rem 0 3.5rem;} .hire-expertise-section .expertise-box{width: 48%;} .egmodels-section .heading-w-subtitle p{margin: 0;} .egmodels-box h3.title{font-size:1.1rem;} .egmodels-hrs-rate h4{font-size:1.5rem;} .egmodels-hrs-rate .btn{font-size: 1rem;padding: 0 1.1rem;} .egmodels-box p{min-height: 92px;} } @media only screen and (min-width: 993px) { .menu-dropdown:hover > .submenu {display:block;opacity: 1;visibility: visible;transform: translateY(0);} } @media (max-width:991px){ .h1, h1{font-size:2.4rem;line-height:2.8rem;} .h2, h2{font-size:2.1rem;line-height: 2.4rem;} .h3, h3{font-size:2rem;} h5 {font-size: 1.125rem;} h4{font-size:1.25rem;} img.alignright, img.alignleft{max-width:25rem;} blockquote, blockquote p{font-size:1.25rem; line-height:1.75rem;} .heading-title, .blog-heading-sec {margin-bottom:1.4rem !important;} .heading-w-subtitle{margin-bottom:1.4rem !important;} /* .navigation-wrapper{display: none;} */ .mobi-iconbox{display:flex; } .nav-bar {position: fixed;top: 0;left: -100%;width: 300px;height: 100%;z-index: 10;opacity: 0;overflow-y: auto;visibility: hidden;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);background-color: white;transition: all 0.5s ease;padding: 20px; } .nav-bar.active {left: 0rem;opacity: 1;visibility: visible;} .menu-item {border-bottom: 1px solid #ccc;} .menu {width: 100%;height: auto;padding: 1rem 0;} .menu-item {display: block;margin: 0 auto;} .menu-item + .menu-item {margin-left:0rem;} .menu-link {justify-content: space-between;padding: 0.5rem 1.25rem; } .btn-item.menu-item {padding-left: 0;margin: 5px 0;padding-bottom: 5px; } .btn-item.menu-item a{display: block;text-align: center;} .submenu {position: relative;top:0rem;left:2rem;width: 100%;max-height: 0;padding: 0px;border: none;outline: none;opacity: 1;overflow: hidden;visibility: visible;transform: translateY(0px);box-shadow: none;background: transparent;display: none;margin: 0px 0 0 0; } .menu-dropdown.active .submenu{display: block;} .burger {display: block;opacity: 1;visibility: visible;} .overlay.active {display: block;opacity: 1;visibility: visible;} .menu-item.menu-dropdown a.menu-link::after{top:18px;right:12px;} .submenu.services-menu{left: 40px;width: 100%;} .submenu.services-menu .submenu-item{width: 100%;} .submenu.about-menu{left: 40px;} .book-form-hero {width: 46%;} .hero-section {padding:4.75rem 0 0 0;height:560px;} .book-form{padding:1.675rem;} .book-form .book-form-heading h2{font-size: 1.9rem;} .client-logo-sec {padding:6rem 0 3rem 0;} .home-section1, .home-section2, .industries-serve, .technology-stack, .home-section3, .development-process-section, .what-make-section, .abwhy-choose-sec, .sewhy-hire-sec, .service-leftimg-content-sec, .job-positions-section, .contact-main-section, .perks-sec, .team-top-content, .life-listing, .hire-expertise-section, .egmodels-section, .hire-left-img-content, .hire-process, .why-hire-sec, .egmodels-section, .hire-left-img-content, .hire-process, .why-hire-sec{padding: 3rem 0;} .letstalk_sec, .cta_sec, .career-cta, .copening-cta{margin:3rem auto;} .letstalk_sec h3, .cta_sec h3, .career-cta h3, .copening-cta h3{font-size:2.5rem;line-height:3rem;} .technology-stack.ser-tech-stack {margin-top: 3rem;} .home-section2 {background: var(--dark-bg-color);} .portfolio_box{height: calc(100% - 30px);margin: 0 0 30px;} .vall-work, .vall-testimoniyal {margin-top: 1rem;} .indu-bx {width:23%;} .pd-section {padding: 0 0 3rem;} .pd-section .heading-w-subtitle h3{font-size:2rem;} .pd-section ul{padding: 40px 20px;} .pd-section ul li span {font-size:1.8rem;line-height:2rem;} .home-section3{background:var(--dark-bg-color);} .testimoniyal_box{height: calc(100% - 30px);margin: 0 0 30px;} .development-process-section .main_dp_box:nth-child(2) .process-arrow {display: none;} .blog-sec, .testtimoniyal-whitebg, .client-logo-sec.cls-inrpage, .blog-detail, .error-section, .thank-section, .job-positions-section{padding:3rem 0 0;} .blog-box{margin: 0 0 30px!important;} .footer-section {padding: 3rem 0;padding-bottom: 3rem !important;} .inquiry_card_body{padding: 1.5rem;} .cm-call-content, .cm-content {font-size: 0.9rem;} .footer-inq-title {margin: 30px 0 50px;} .contact-media-main{margin-top: 40px;} .footer-section:before, .footer-section:after{height: 618px;} .about-hero-section h1{font-size:2.1rem;line-height: 2.8rem;} .about-content-inr {flex-direction: column;gap:20px;} .about-sec-main {padding: 3rem 0 1.5rem;} .what-make-box{margin-bottom: 30px;} .what-make-box .what-make-box-content{min-height: 340px;} .owner-section{margin:0 0 3rem;height: 370px;} .owner-section-inr {padding:2.75rem 2rem 0;} .owner-photo{right:20px;width: 400px;} .owner-content{max-width:400px;padding: 2rem 0 0 0;} .owner-content .owner-text {font-size: 1.1rem;line-height: 1.6rem;} .services-hero-content, .hire-hero-content{max-width: 500px;} .services-hero-section, .hire-hero-section{padding: 4rem 0 0 0;height: 560px;} .service-content-sec {padding:4rem 0 3rem;} .service-content-sec ul{display: flex;flex-direction: row;flex-wrap: wrap;} .service-content-sec ul li{width: 49%;} .ser-sp-left {width: 41%;} .ser-sp-right {width: 53%;} .service-left-img {width: 550px;height: 538px;margin: 0 auto 30px;} .slic-right-content{margin-left: 0;} .blog-latest-post {margin: 0 0 3rem;} .blog-listing .blog-content-big{margin-top: 20px;} .blog-listing, .common-tp-5, .apply-opening-section, .work-main-section{padding-top: 3rem;} .common-hero-section h1{font-size: 2.425rem;line-height: 2.825rem;} .contact-inq-title {margin:20px 0;} .copyright-sec p{text-align: center;margin-bottom: 10px;} .copyright-sec ul{justify-content: center;} #team-grid-container .team-member{width: 12.5%;} .slider-nav p{width: 70px;height: 60px;} .slider-nav p img{border-radius: 10px;min-height: 60px;width: 100%;height: 60px;} .slider-nav{height: 80px;} .testimoniyal_box_content{min-height: 210px;} .hire-hero-section .book-form-hero .book-form-heading h2 {font-size: 1.6rem;line-height: 2rem;} .hire-expertise-section{padding:4.5rem 0;} .egmodels-box h3.title{font-size: 1.4rem;} .egmodels-box{margin-top:20px;} .egmodels-section .heading-w-subtitle, .why-hire-sec .heading-w-subtitle{text-align: center;} .hire-process .main_hp_box{margin-top: 15px;} .egmodels-box p{min-height: 72px;} .hire-left-img {width: 550px;height: 538px;margin: 0 auto 20px;} } @media (max-width:767px){ .h1, h1{font-size:2rem;} .h2, h2{font-size:1.9rem;} .h3, h3{font-size:1.813rem;} img.alignright, img.alignleft{display: block;float: none;margin:1rem 0;} .heading-title, .blog-heading-sec {margin-bottom:1rem !important;} .heading-w-subtitle{margin-bottom:1rem !important;} .heading-w-subtitle h3, .heading-title h3{text-align: center;} .book-form-hero{position: relative;width: 100%;max-width:100%;top:inherit;right: inherit;} .hero-section {padding:2rem 0 0 0;height:auto;} .home-hero-content {max-width: 100%;padding: 0 0 20px;} .client-logo-sec {padding: 2rem 0;} .home-section1, .home-section2, .industries-serve, .technology-stack, .home-section3, .development-process-section, .what-make-section, .abwhy-choose-sec, .sewhy-hire-sec, .service-leftimg-content-sec, .blog-listing, .job-positions-section, .apply-opening-section, .work-main-section, .contact-main-section, .perks-sec, .team-top-content, .blog-detail, .error-section, .thank-section, .life-listing, .hire-expertise-section, .egmodels-section, .hire-left-img-content, .hire-process, .why-hire-sec{padding: 2rem 0;} .letstalk_sec, .cta_sec{margin: 2rem auto;} .letstalk_sec h3, .cta_sec h3, .career-cta h3, .copening-cta h3{font-size:2rem;line-height:2.5rem;max-width: 100%;text-align: center;} .letstalk_sec .contact-btn{margin: 0;} .letstalk_sec .t-right, .letstalk_sec .letstalk_content, .cta_sec .t_right, .cta_sec .cta_content{text-align: center;} .career-cta .ccta-container .t-right, .copening-cta .copening-container .copening-right{justify-content: center;margin-top: 15px;} .career-cta{margin: 0 auto 2rem;height: 200px;} .technology-stack.ser-tech-stack {margin-top: 2rem;} .indu-bx {width:30%;} .pd-section {padding: 0 0 2rem;} .pd-contain{flex-wrap: wrap;} .pd-section .heading-w-subtitle h3{font-size:1.8rem;line-height:2rem;text-align: center;} .pd-section ul{width: 50%;} .technology-name {margin-bottom:10px} .technology-icon-wrapper li {margin: 8px 10px 8px 0} .technology-stack .technology-inner .row:not(.technology-stack .technology-inner .row:last-child) {margin-bottom: 20px} .technology-stack .technology-inner .row .col-md-9 {padding-left: 0} .vall-work, .vall-testimoniyal {margin-top:0.5rem;} .development-process-section .main_dp_box .process-arrow {top: inherit;bottom:-130px;right:60px;transform: rotate(117deg);} .development-process-section .main_dp_box:nth-child(2) .process-arrow {display: block;} .blog-sec, .testtimoniyal-whitebg, .client-logo-sec.cls-inrpage{padding:2rem 0 0;} .footer-section:before, .footer-section:after{height: 100%;} .footer-section {padding:2rem 0;padding-bottom: 2rem !important;} .footer-inq-title {margin: 0;} .office-info{padding: 15px 0 20px 0;} .footer-inq-title span, .footer-inq-title h2{color: var(--white-color);} .contact-media-main{flex-wrap: wrap;margin-top: 30px;} .contact-media {width: 50%;margin-bottom: 15px;} .about-hero-section h1{font-size:2rem;line-height: 2.3rem;} .about-sec-main {padding: 2rem 0 1rem;} .what-make-box .what-make-box-content{min-height: inherit;} .owner-section{margin:0 0 2rem;height: auto;} .owner-section-inr {padding:2rem 2rem 0;} .owner-photo{right:inherit;width: 400px;position: relative;bottom: inherit;margin: 0 auto;} .owner-content{max-width:inherit;padding:0 0 1rem;text-align: center;} .owner-content .owner-text {font-size: 1.1rem;line-height: 1.6rem;} .services-hero-content, .hire-hero-content{max-width: inherit;padding:0 0 20px;gap: 0.6rem;} .services-hero-section, .hire-hero-section{padding:2rem 0 0 0;height: auto;} .ser-sp-left {width: 100%;margin: 0 0 15px 0;padding: 0 0 15px 0;border-bottom: 1px solid var(--light-color);border-right: 0;} .ser-sp-right {width: 100%;} .faqs-section {padding-bottom: 2rem;} .service-content-sec {padding:3rem 0 2rem;} .service-content-sec ul {flex-direction: column;} .service-content-sec ul li {width: 100%;} .blog-latest-post {margin: 0 0 2rem;} .common-tp-5{padding-top: 2rem;} .common-hero-section h1{font-size: 2rem;line-height: 2.325rem;} .common-hero-section {padding: 2rem 0 0 0;height: 175px;} #team-grid-container .team-member{width:16.6%;} .blog-detail h2{font-size: 1.575rem;font-weight: 600;line-height: 2rem;} .blog-detail h3{font-size: 1.375rem;font-weight: 600;line-height: 1.8rem;} .blog-detail h4{font-size: 1.1rem;font-weight: 600;line-height:1.6rem;} .slider-nav p img{border-radius: 10px;min-height: 60px; height: 60px;width: 100%;} .slider-nav {position: relative !important;} .even-item, .odd-item{flex-direction: column-reverse;} .slider-products p{margin-bottom: 0;} .even-item, .odd-item{margin-top: 0;} .life-content-text{margin-bottom: 1rem!important;} .testimoniyal_box_content{min-height: auto;} .hire-expertise-section .expertise-box{width: 100%;} .hire-right-content{margin-top:15px;} .hire-right-content p:last-child{margin: 0;} .hire-process .main_hp_box{margin-top: 15px;} .why-hire-box h3{font-size: 1.3rem;} .egmodels-box p{min-height: inherit;} } @media (max-width:670px){ .hire-left-img {width: 100%;height: 100%;} } @media (max-width:575px){ .indu-bx {width:45%;} .pd-section ul li span {font-size:1.7rem;line-height:2rem;} .pd-section ul {padding: 20px;} .pd-section ul li i img{width: 30px;} .pd-section ul li{font-size: 0.9rem;} .contact-media {width: 100%;margin-bottom: 15px;} .service-left-img{width: 100%;height: 100%;} .slic-right-content{margin-top: 30px;} #border-pagination{flex-wrap: wrap;} .owner-photo{width: 100%;} .contact-info{gap: 10px;} .ci-img {width: 50px;height: 50px;} .ci-img img{width:26px;} .ci-content, .ci-call-content{font-size:1rem;} .common-hero-section {height:210px;} .common-hero-section h1 {font-size: 1.8rem;line-height: 2.125rem;} .egmodels-box{padding: 1rem;} .egmodels-box .egmodels-title{gap:0.5rem;} .egmodels-box h3.title{font-size: 1.3rem;} } @media (max-width:500px){ }