:root{ --white_clr: #fff; --black_clr: #000; --heading_clr: #111; --text_clr: #333; --text_clr_light: #666; --primary_clr: #D36A28; --secondary_clr: #4F4D3E; --light_clr: #f1dccf; --bdr_clr: #cbcbcb; --primary_font_family: "Plus Jakarta Sans", sans-serif; --secondary_font_family: "Inter Tight", sans-serif; --heading_font_family: "Sulphur Point", sans-serif; } /*color: var(--white_clr);*/ /*site-preloader START*/ #loader{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--white_clr); display: flex; align-items: center; justify-content: center; z-index: 99999; } .loader-dot{ display: inline-block; width: 15px; height: 15px; margin: 0 10px; background: linear-gradient(to right, var(--primary_clr) 0%, var(--primary_clr) 40%, var(--primary_clr) 100%); border-radius: 50%; animation: loader-bounce 0.6s infinite alternate; } .loader-dot:nth-child(2) { animation-delay: 0.2s; } .loader-dot:nth-child(3) { animation-delay: 0.4s; } /* NEW KEYFRAMES NAME */ @keyframes loader-bounce { from { transform: translateY(0); opacity: 0.3; } to { transform: translateY(-10px); opacity: 1; } } /*site-preloader END*/ .trans{ -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .animate{ transform: translateY(50px); opacity: 0; transition: transform .8s .2s, opacity 1s .2s; } .animate.animated{ transform: translateY(0); opacity: 1; } .trans_1{ transition: transform .4s .2s, opacity 1s .2s; } .trans_2{ transition: transform .6s .2s, opacity 1s .2s; } .trans_3{ transition: transform .7s .2s, opacity 1s .2s; } /*==================================:: 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; min-width: 100%; display:flex;display:-webkit-flex;} .slick-track:before, .slick-track:after{display:table; content:"";} .slick-track:after{clear:both;} .slick-loading .slick-track{visibility:hidden;} .slick-slide{display:none; min-height:1px; flex-grow: 1; flex: inherit;} .slick-initialized .slick-slide{display: block; list-style:none;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block; height: auto; border:1px solid transparent;} .slick-arrow{ display:flex; align-items: center; justify-content: center; position:absolute; top:50%; margin-top:-17px; z-index:2; padding:0; width:34px; height:34px; text-align:center; font-size:0; border:0; background: var(--primary_clr); color: var(--white_clr); cursor:pointer; opacity:1; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; box-shadow: 0 0 10px rgba(0,0,0,0); } .slick-arrow:before{display: block; content: "\f104"; font-family: 'Line Awesome Free'; font-weight: 900; font-size: 18px;} .slick-arrow.slick-next:before{content: "\f105";} .slick-arrow.slick-prev{left:0;} .slick-arrow.slick-next{right:0;} .slick-arrow:hover{background: var(--secondary_clr); color: var(--white_clr);} .slick-arrow.slick-disabled{ background: var(--light_clr); color: var(--secondary_clr); cursor: inherit; } .bg3 .slick-arrow.slick-disabled{ background: var(--white_clr); } .slick-dots{display:flex;display:-webkit-flex; align-items: center; justify-content: center; position:absolute; left:0; right:0; margin:0 auto; padding:0; bottom:-20px; text-align:center;} .slick-dots li{margin:0 5px; padding:0; list-style:none; display:inline-block; vertical-align:top;} .slick-dots li button{display:block; width:7px; height:7px; font-size:0; padding: 0; background:#ccc; border:none;cursor:pointer; position: relative; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;border-radius:50%; } .slick-dots li.slick-active button{background: var(--primary_clr); width: 10px; height: 10px;} /*=========== Mobile Menu STYLE Start ========*/ /*body.mobile-menu-open{overflow:hidden;}*/ .menu-open-overlay{ display:none; position:fixed; top:0; left:0; bottom:0; z-index:12; width:100%; background:var(--black_clr); opacity:0.5; } .mobile-menu-open .menu-open-overlay{display:block;} .mobile-menu-block{ background:var(--white_clr); bottom:0; color: var(--black_clr); position:fixed; top:0; right:-400px; width:380px; z-index:-4; font-size:16px; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .mobile-menu-open .mobile-menu-block{right:0; z-index:20;} .mobile-menu-inner{height:calc(100% - 125px); overflow:auto; padding:10px 20px; position: relative; z-index: 3;} .mobi-logo {height: 80px; padding: 0 20px; border-bottom: 1px solid #ddd;} .mobi-logo a, .mobi-logo img{display: block; width: 160px;} .mobile-nav ul{margin:0; padding: 0; list-style: none;} .mobile-nav li{ margin: 0; padding: 10px 0; font-size:16px; line-height:22px; color:var(--text_clr); font-weight:500; text-transform:none; position:relative; } .mobile-nav ul li a{ display:block; color:var(--text_clr); font-weight:400; font-family:var(--primary_font_family); font-size:18px; line-height:22px; text-transform:none; letter-spacing:0; padding:0 40px 0 0; } .mobile-nav > ul > li.current_page_item > a, .mobile-nav > ul > li.current-menu-ancestor > a, .mobile-nav > ul > li.current-page-ancestor > a{color:var(--primary_clr);} .mobile-nav li li{border:none; padding:5px 0;} .mobile-nav li li a{font-size:16px; text-transform:none; font-weight:400; padding:0 40px 0 0;} .mobile-nav li li.current_page_item a{color:var(--primary_clr);} .mobile-nav li li li a{padding-left:0;} .mobile-nav ul.sub-menu{margin:0; padding:10px 10px 0;} .hitarea{ display:flex; align-items: center; justify-content: center; width:40px; height:42px; text-align:center; position:absolute; right:0; top:0; } .hitarea:before{ display:block; content:"\f107"; font-family:'FontAwesome'; font-size: 18px; font-weight: 400; width:15px; height:15px; position:absolute; left:0; right:0; top:10px; z-index:3; margin:0 auto; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .collapsable-hitarea.hitarea:before{transform:rotate(-180deg);} .mobile-nav .collapsable-hitarea + a{color:var(--primary_clr);} .mobi-bottom-inner{padding: 0;} .mobi-bottom-inner .btn{border-radius: 0;} /*========== Mobile Menu STYLE End==============*/ /*Mobile Menu Css Start*/ .mobi-iconbox{ display:none; width:38px; height:38px; background: var(--primary_clr); box-shadow: 0 2px 5px rgba(0,0,0,0.2); position:absolute; right:0; top:0; bottom: 0; margin: auto; z-index:40; transition:all 0.4s ease; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; } .menuicon{display: block; width: 18px; height: 16px; flex-direction: column; align-items: center; justify-content: center; margin: auto;} .icon-bar{display:flex;display:-webkit-flex; align-items: center; min-width: 100%; height: 18px; position: relative; cursor: pointer;} .icon-bar:before, .icon-bar:after{display: block; content: ""; width: 100%; height: 1px; background: var(--white_clr); position: absolute; left: 0; top: 0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .icon-bar:after{top: auto; bottom: 0;} .icon-bar .line{display: block; width: 100%; height: 1px; background: var(--white_clr); position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .icon-bar.active .line{width: 1px; opacity: 0;} .icon-bar.active:before{transform: rotate(45deg); top: 8px;} .icon-bar.active:after{transform: rotate(-45deg); bottom: 7px;} .mobile-menu-open .mobilemenuicon .menuicon{margin-left: auto;} /*Mobile Menu Css End*/ /* ===== RESET ================================================== */ abbr, acronym, address, applet, article, aside, audio,b, blockquote,big, body, button, center, canvas, caption, cite, code, command,datalist, dd, del, details, dfn, dl, div, dt, embed,fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, source, strike, sub, sup,table, tbody, tfoot, thead, th, tr, tdvideo, tt, var{background:transparent; border:0 none; margin:0; padding:0; line-height:normal; vertical-align:baseline; outline:none; font-size:100%; font-family:inherit; font-weight:400; font-style:normal;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} blockquote,q{quotes:none;} blockquote:before,q:before{content:'';content:none;} blockquote:after,q:after{content:'';content:none;} ins {text-decoration:none;} abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;} table {border-collapse:collapse; border-spacing:0;} hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}input, select {vertical-align:middle; margin:0;} ol, ul, li {list-style:none;} html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} *, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(255,255,255,0);} /* ===== GLOBAL ================================================== */ body{margin:0; padding:0; background: #f9f9f9; font-family:var(--primary_font_family); font-size:16px; color:#111; line-height:24px; font-weight:400; overflow-x:hidden;} :focus, button:focus{outline:none;} a{text-decoration:none; color: var(--text_clr); -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_clr);} ::-webkit-input-placeholder{color:var(--text_clr); opacity:0.3;} :-moz-placeholder{color:var(--text_clr); opacity:0.3;} /* Firefox 18- */ ::-moz-placeholder{color:var(--text_clr); opacity:0.3;} /* Firefox 19+ */ :-ms-input-placeholder{color:var(--text_clr); opacity:0.3;} .clear{width: 100%; clear: both;} img{max-width:100%; height:auto; border:none; outline:none;} b, strong{font-weight:700;} /* Ul Li & Ol Li CSS */ ul, ol{margin:0 0 20px; padding:0;} ul ul, ol ol, ul ol, ol ul{margin-top:15px;} ul li, ol li{margin:0; padding:0; font-size: 18px; line-height: 1.6; color:var(--text_clr); font-weight: 400; letter-spacing:0;} .entry-content ul{padding:0; margin:0 0 20px;} .entry-content ol{padding:0; margin:0 0 20px; list-style: none; counter-reset: my-awesome-counter;} .entry-content ul li{position:relative; padding:0 0 0 20px; margin:0 0 15px;} .entry-content ul li:before{ content:""; position:absolute; left: 2px; top: 11px; width: 6px; height: 6px; background: var(--text_clr); outline-offset: 3px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; } .entry-content ul li li{list-style:disc;} .entry-content ol li{counter-increment: my-awesome-counter; margin:0 0 8px;} .entry-content ol li:before{content: counter(my-awesome-counter) ". "; font-weight:400;} /* Heading CSS */ h1, .h1, h2, .h2, h3, h4, h5, h6{color: var(--heading_clr); line-height:1.4; font-weight: 400; font-family:var(--primary_font_family); letter-spacing:0; margin:0 0 20px;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: var(--heading_clr);} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color:var(--primary_clr);} h1, .h1{font-size:3.5rem; line-height: 1.2;} h2, .h2{font-size:2.25rem; line-height: 1.2;} h3{font-size:28px;} h4{font-size:24px;} h5{font-size:20px;} h6{font-size:18px;} /* Paragraph CSS */ p{font-size: 18px; line-height: 1.6; color:var(--text_clr); font-weight: 400; letter-spacing:0; margin:0 0 20px;} hr{border:none; margin: 20px 0; background: var(--bdr_clr); height:1px; width:100%; clear:both; opacity: 1;} body .wp-block-separator{border: 0;} blockquote{border-left:5px solid #eee;font-size:16px; margin:0 0 20px; padding:10px 20px;} /*table structure*/ table, .entry-content table{border-right:1px solid #eee; border-top:1px solid #eee;} table th, table td, .entry-content th, .entry-content table th, .entry-content td, .entry-content table td {background:var(--white_clr); border-left:1px solid #eee; border-bottom: 1px solid #eee; text-align:left; font-size:16px; color:#333; font-weight:400; padding:12px 20px; vertical-align:middle;} table th{color:#111; font-weight:400; background:#d4d5d6;} .table-striped th, .table-striped td{position:relative;} .table-striped tbody tr:nth-of-type(even) td{background:#d4d5d6;} /*Form Input Field*/ input, textarea, select{background:var(--white_clr); border:1px solid #b7c8d8; width:100%; padding:2px 20px; margin:0; font-size:16px; color:var(--text_clr); font-weight:400; line-height:normal; letter-spacing:0; font-family:var(--primary_font_family); height: 50px; outline:none; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} 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 {display: block; height:100px; padding:15px 20px; min-height:100px; resize: none;} input[type="button"], input[type="submit"], input[type="image"], input[type="file"], input[type="search"] {-webkit-appearance:none;} input#addressSubmit {-webkit-appearance:none !important ; } input[type="radio"], input[type="checkbox"]{-webkit-appearance:normal;} .checkbox, .radiobox{display: inline-block; position: relative; padding-left: 24px; font-size: 14px; line-height: 14px; color: #676767;} .checkbox input, .radiobox input{position: absolute; left: 0; top: 0; opacity: 0;} .checkbox .checkmark{display: block; width: 13px; height: 13px; border: 1px solid #111; position: absolute; left: 0; top: 0;} .checkmark:before{display:block; content:"\f00c"; font-family:'FontAwesome'; position:absolute; left:0; right:0; top:0; text-align:center; font-size:10px; color:var(--white_clr); line-height:10px; padding-left:1px; opacity:0;} .checkbox input:checked ~ .checkmark{background:#111; border-color:#111;} .checkbox input:checked ~ .checkmark:before{opacity:1;} .radiobox .checkmark{display: block; width: 16px; height: 16px; background: var(--white_clr); border: 1px solid #111; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; position: absolute; left: 0; top: 1px;} .radiobox .checkmark:before{display: none;} .radiobox .checkmark:after{display: block; content: ""; background: #111; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; opacity: 0;} .radiobox input:checked ~ .checkmark:after{opacity: 1;} .selectbox{position: relative;background:var(--white_clr);border:1px solid #b7c8d8; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} .selectbox select{background: none;border: 0;font-size: 16px;line-height: 20px;font-weight: 400;color: var(--text_clr); padding:0 40px 0 15px; width: 100%; height: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 1; text-overflow: ellipsis;} .selectbox:after{position:absolute; top:0; right:0; content:"\f107"; font-family:'FontAwesome'; font-size: 24px; color: var(--secondary_clr); z-index:0; width: 40px; height: 50px; line-height: 50px; text-align: center; display: flex; align-items: center; justify-content: center; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .selectbox.reversed:after{content:"\f0ec"; transform: rotate(90deg); font-size: 14px;} /* Button styling */ .button, .btn{ display:inline-flex; align-items:center; justify-content:center; padding: 10px 20px; background: rgba(0,0,0,0.1); border: 0px solid var(--primary_clr); color:var(--primary_clr); font-size: 18px; font-weight: 400; cursor:pointer; letter-spacing:0; text-align:center; position:relative; min-width:150px; line-height:22px; gap: 10px; -moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s; -webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px; overflow:hidden; } .button:hover, .btn:hover, .button:focus, .btn:focus{ background:var(--primary_clr); border-color:var(--primary_clr); color:var(--white_clr); } .button:before, .btn:before{ display: block; content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: url('../images/btn-dotts.png') no-repeat right center; z-index: 0; } .btn span{ position: relative; z-index: 1; } .primary{ background: var(--primary_clr); border: 0; color: var(--white_clr); box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.1); } .primary:hover, .primary:focus{ background: #c35510; color: var(--white_clr); } .secondary{ background: var(--secondary_clr); border: 0; color: var(--white_clr); } .secondary:hover, .secondary:focus{ background: var(--primary_clr); border-color: var(--primary_clr); color: var(--white_clr); } .btn-arrow{ display: flex; width: 34px; height: 34px; position: relative; z-index: 1; margin-right: -10px; background: var(--white_clr) url('../images/arrow_black.svg') no-repeat center; outline: 1px solid rgba(211,106,40,0.1); box-shadow: 0px 4px 7px #D6CFBD; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; overflow: hidden; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .btn-arrow:before{ display: flex; content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url('../images/arrow_black.svg') no-repeat center; background-position: -200% center; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .btn:hover .btn-arrow{ background-position: 300% center; } .btn:hover .btn-arrow:before{ background-position: 50% center; } .btn.small{ padding: 8px 20px; font-size: 16px; } .btn.small .btn-arrow{ width: 28px; height: 28px; background-size: 12px 10px; } .btn.small .btn-arrow:before{ background-size: 12px 10px; } .points_wrapper { overflow: hidden; width: 100%; height: 100%; pointer-events: none; position: absolute; z-index: 1; } .points_wrapper .point { position: absolute; bottom: -10px; animation: floating-points infinite ease-in-out; pointer-events: none; width: 2px; height: 2px; background-color: var(--white_clr); border-radius: 50%; } @keyframes floating-points { 0% { transform: translateY(0); } 85% { opacity: 0; } 100% { transform: translateY(-55px); opacity: 0; } } .points_wrapper .point:nth-child(1) { left: 10%; opacity: 1; animation-duration: 2.35s; animation-delay: 0.2s; } .points_wrapper .point:nth-child(2) { left: 30%; opacity: 0.7; animation-duration: 2.5s; animation-delay: 0.5s; } .points_wrapper .point:nth-child(3) { left: 25%; opacity: 0.8; animation-duration: 2.2s; animation-delay: 0.1s; } .points_wrapper .point:nth-child(4) { left: 44%; opacity: 0.6; animation-duration: 2.05s; } .points_wrapper .point:nth-child(5) { left: 50%; opacity: 1; animation-duration: 1.9s; } .points_wrapper .point:nth-child(6) { left: 75%; opacity: 0.5; animation-duration: 1.5s; animation-delay: 1.5s; } .points_wrapper .point:nth-child(7) { left: 88%; opacity: 0.9; animation-duration: 2.2s; animation-delay: 0.2s; } .points_wrapper .point:nth-child(8) { left: 58%; opacity: 0.8; animation-duration: 2.25s; animation-delay: 0.2s; } .points_wrapper .point:nth-child(9) { left: 98%; opacity: 0.6; animation-duration: 2.6s; animation-delay: 0.1s; } .points_wrapper .point:nth-child(10) { left: 65%; opacity: 1; animation-duration: 2.5s; animation-delay: 0.2s; } .main-wrapper{overflow:hidden; transform: translateY(0) !important;} .container{margin:0 auto; width:100%; max-width:1280px; padding:0 20px;} .container.relative{z-index: 2;} .max-container{margin:0 auto; width:100%; max-width:1460px; padding:0 20px;} section{position: relative;} section *:last-child{margin-bottom:0;} .hide{display:none;} .v-center{align-items: center;} .j-center{flex-direction: column; justify-content: center;} .ptb-100{padding:100px 0;} .ptb-90{padding:90px 0;} .ptb-80{padding:80px 0;} .ptb-70{padding:70px 0;} .ptb-60{padding:60px 0;} .ptb-40{padding:40px 0;} .ptb-30{padding:30px 0;} .ptb-20{padding:20px 0;} .ptb-10{padding:10px 0;} .bg1{background: var(--primary_clr);} .bg2{background: var(--secondary_clr);} .bg3{background: var(--light_clr);} .relative{position: relative;} .trans{-moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;} .row-20{ margin-left: -10px; margin-right: -10px; } .row-20 > div{ padding-left: 10px; padding-right: 10px; } .row-60{ margin-left: -30px; margin-right: -30px; gap: 60px 0; } .row-60 > div{ padding-left: 30px; padding-right: 30px; } /*============= GLOBAL CSS END ================*/ /*Header & Banner Section*/ .header{ position:fixed; left:0; right:0; top:0; z-index:10; border-bottom: 1px solid rgba(255,255,255,0.05); backdrop-filter: blur(5px); background: var(--white_clr); box-shadow: 0px 2px 20px #EDEFF2; } /*Sticy header*/ .navbar_fixed.header{ background: var(--white_clr); box-shadow: 0 2px 20px rgba(0,0,0,0.1); } .header-blank{ width: 100%; height: 96px; position: relative; overflow: hidden; -moz-transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .header-inner{ height: 96px; position: relative; z-index: 4; } .site-logo{ width:210px; height: 46px; position:relative; z-index:4; margin:0; } .site-logo a{ margin: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .site-logo img{ display: block; margin: 0; position: absolute; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .default_logo{ display: block; } .clr_logo{ display: none; } .navbar_fixed .default_logo{ display: none; } .navbar_fixed .clr_logo{ display: block; } .head-btnbox{ margin-left: 44px; gap: 0 10px; } .head-btnbox .btn{ min-width: 140px; } /*Nav Css*/ .nav-main{text-align:left; position:relative; z-index:4;} .nav-main ul{margin:0; padding:0; display:flex;display:-webkit-flex;} .nav-main nav ul > li{ margin:0; padding:0; list-style:none; position:relative; color:var(--secondary_clr); font-size:16px; font-weight:400; line-height:24px; font-family:var(--secondary_font_family); } .nav-main nav ul > li + li{ margin-left:6px; } .nav-main nav ul > li a{ display:block; color:var(--secondary_clr); font-size:16px; font-weight:400; line-height:24px; font-family:var(--secondary_font_family); text-transform:none; letter-spacing:0; padding: 12px 18px; position:relative; z-index:2; -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; } .nav-main nav ul > li.current_page_item > a, .nav-main nav ul > li:hover > a, .nav-main nav ul > li a:hover, .nav-main nav ul > li a:focus{ background: rgba(0,0,0,0.03); color:var(--primary_clr); } /* .nav-main nav ul > li:before{ display:block; content:""; background:var(--primary_clr); height:1px; width:1px; opacity:0; position: absolute; left: 0; right: 0; bottom: -1px; margin: 0 auto; -moz-transition:all 0.4s ease 0s; -webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; } .nav-main nav ul > li:hover:before, .nav-main nav ul > li.active > a:before{width:100%; opacity:1;} .nav-main nav ul > li.menu-item-has-children > a{padding-right: 18px;} .nav-main nav ul > li.menu-item-has-children > a:after{ display: block; content: "\f107"; font-family: 'FontAwesome'; width: 16px; height: 16px; line-height: 16px; text-align: center; position: absolute; right: 0; top: 16px; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .nav-main nav ul > li.menu-item-has-children:hover > a:after{transform: rotate(-180deg);} */ .nav-main .sub-menu{ display:block; position:absolute; left:0; top:100%; z-index:1; background:var(--white_clr); min-width:240px; padding:0; margin:0; overflow: hidden; opacity: 0; -moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);box-shadow: 0 0 10px rgba(0,0,0,0.1);transform: scaleY(0); transform-origin: top; box-shadow: 0 5px 40px rgb(0 0 0 / 15%); -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; } .nav-main nav ul > li:hover > .sub-menu {display: block;opacity: 1;transform: scaleY(1);} .nav-main nav ul > li:last-child .sub-menu{left: auto; right: 0;} .nav-main .sub-menu li{display:block; text-align:left; position:relative; margin: 0; padding: 0;} .nav-main .sub-menu li + li {border-top:1px solid #dce0e0;} .nav-main .sub-menu li:before{display: none;} .nav-main .sub-menu li a{ display:block; text-transform:none; font-size: 16px; color:var(--text_clr) !important; line-height:normal; font-weight:400; padding: 12px 20px; } .nav-main .sub-menu li a:hover, .nav-main .sub-menu li a:focus, .nav-main .sub-menu li.current_page_item a, .nav-main .sub-menu li a[aria-current="page"]{ color:var(--primary_clr) !important; background: none !important; } .nav-main .sub-menu .sub-menu {left:100%; top:0;} .nav-main .sub-menu li:hover .sub-menu {display:block;} /*Front Header Css*/ .header_front{ background: none; box-shadow: none; } .header_front:not(.navbar_fixed) .nav-main nav > ul > li > a, .header_front:not(.navbar_fixed) .nav-main nav .menu-header-menu-container > ul > li > a{ color: #C9CBCF; } .header_front:not(.navbar_fixed) .nav-main nav ul > li.current_page_item > a, .header_front:not(.navbar_fixed) .nav-main nav ul > li:hover > a, .header_front:not(.navbar_fixed) .nav-main nav ul > li a:hover, .header_front:not(.navbar_fixed) .nav-main nav ul > li a:focus{ background: rgba(255,255,255,0.03); color:var(--white_clr); } /*Home page Banner Css*/ .home-banner{ position:relative; z-index:1; overflow: hidden; background:var(--black_clr); } .homeslick > .items{ display: none; } .homeslick > .items:nth-child(1){ display: block; } .home-banner .items{ padding: 96px 0 0; height: 100vh; min-height: 780px; max-height: 940px; position: relative; } .home-banner .bg-img video{ margin-left: -20px; width: calc(100% + 20px); object-position: center right; } .banner-inner{ position: relative; z-index: 2; height: 100%; flex-direction: column; align-items: center; justify-content: center; } .caption{ min-width: 600px; max-width: 600px; margin: 0; position: relative; } .caption .h1{ font-size: 4.25rem; line-height: 1.3; color: var(--white_clr); font-weight: 400; margin: 0 0 20px; position: relative; } .caption p{ font-size: 1.25rem; line-height: 1.6; color: rgba(255,255,255,0.8); position: relative; } .homeslick .slick-arrow.slick-prev{ left:2rem; } .homeslick .slick-arrow.slick-next{ right:2rem; } .partner-small-block p{ font-size: 1.063rem; } .partner-small-list{ gap: 20px; } .partner-box img{ display: block; margin: 0 auto; } /*Footer Start*/ .footer{ padding:0; margin:0; position:relative; z-index: 2; } .f-col-1{ max-width: 320px; } .f-col-2, .f-col-3{ max-width: 200px; } .f-col-3{ max-width: 120px; } .footer p{ font-size: 18px; line-height: 24px; color: rgba(255,255,255,0.5); } .footer h4{ font-size: 18px; line-height: 28px; color: var(--white_clr); font-weight: 700; margin-bottom: 30px; } .footer .f-email{ font-size: 20px; font-weight: 600; color: var(--white_clr); } .footer .f-email a{ color: var(--white_clr); } .footer .f-email a:hover{ color: var(--primary_clr); } .f-links ul{ margin: 0; padding: 0; } .f-links ul li{ margin: 0; padding: 0; list-style: none; font-size: 18px; line-height: 24px; color: #C9CBCF; font-weight: 500; } .f-links ul li + li{ margin-top: 25px; } .f-links ul li a{ display: inline-block; color: #C9CBCF; } .f-links ul li a:hover{ color: var(--primary_clr); } .f-logo { max-width: 210px; } .f-logo a, .f-logo img{ display: block; margin: 0 auto; } .social-media{ gap: 10px; justify-content: center; } .social-media .s-icon{ display: flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; background: var(--secondary_clr); color: var(--white_clr); -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; } .social-media .s-icon:hover{ background: var(--primary_clr); color: var(--white_clr); } .s-icon .fa-twitter:before{ font-size: 0; } .s-icon .fa-twitter{ width: 14px; height: 14px; background: url('../images/twitter.png') no-repeat center; background-size: 100% auto; } .footer-bottom{ border-top: 1px solid rgba(255,255,255,0.1); } .footer-bottom p, .footer-bottom p a{ font-size: 16px; color: #D8D8D8; } .footer-bottom p a:hover{ color: var(--primary_clr); } .scrollup{ display: inline-flex; align-items: center; justify-content: center; position: fixed; right: -20px; bottom: 10px; z-index: 4; background: var(--white_clr); border: 1px solid #ccc; width: 34px; height: 34px; border-radius: 50%; font-size: 15px; color: var(--primary_clr); line-height: normal; text-align: center; cursor: pointer; opacity: 0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .scrollup.active{ right: 10px; opacity: 1; } body .wpcf7-not-valid-tip { font-size: 14px; } .footer .wpcf7 form .wpcf7-response-output { color: var(--white_clr); font-size: 12px; } /*Footer End*/ /*Midlle Section css*/ .middle-section{position:relative;} img.alignleft{float:left; margin:0 20px 20px 0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} img.alignright{float:right; margin:0 0 20px 20px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} img.alignnone{margin:0 0 20px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} iframe.alignleft{float:left; margin:0 20px 20px 0;} iframe.alignright{float:right;margin:0 0 20px 20px;} iframe.iframe-embed.alignright{max-width:500px;height:315px !important;} .bg-img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; background-size: cover !important;} .bg-img:before{display: block; content: ""; background: var(--text_clr); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; opacity: 0.5;} .bg-img img {display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;} .bg-img.before-none:before{display: none;} .bg-img.fixed{background-attachment: fixed !important;} .bg-img.bg-auto{background-size: auto !important;} .no-img.d-flex{align-items: center;justify-content: center;font-size: 24px;line-height: normal; color: #999; background: #ddd;} .bg-img video, .bg-img iframe{display: block; width:100%; height:100%; object-fit: cover; object-position: center;} .btnbox{padding: 20px 0 0;} .block-title{position:relative; margin: 0 0 20px;} .block-title.text-white *{color: var(--white_clr);} .block-title p{font-size: 20px; line-height: 1.6; font-weight: 300;} .more-link{font-size: 15px; color: var(--text_clr);} .more-link i{margin-left: 5px; font-size: 18px;} .more-link:hover{opacity: 1;} .card-link{display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3;} .small-title { font-size: 16px; line-height: 1.2; font-weight: 700; margin-bottom: 20px; } /*Service Section*/ .right-tl-textbox{ max-width: 360px; } .bigcard-service{ padding: 60px 0; background: #f9f9f9; border-top: 1px solid var(--bdr_clr); position: sticky; top: 40px; } .number{ display: inline-block; font-size: 16px; line-height: 1.4; color: var(--black_clr); font-weight: 400; position: relative; } .top-show{ align-items: flex-end; } .top-show .number{ top: -20px; } .tl-block{ font-size: 6.25rem; line-height: 1.0; color: var(--text_clr); font-weight: 400; font-family: var(--heading_font_family); letter-spacing: -6px; } .techno-list{ gap: 20px; align-items: center; } .techno-card img{ display: block; margin: auto; max-width: 62px; } .tags-list{ gap: 6px; flex-wrap: wrap; margin-bottom: 15px; } .text_tag{ padding: 5px 10px; display: flex; align-items: center; font-size: 12px; line-height: 1.4; color: var(--black_clr); font-weight: 400; border: 1px solid var(--bdr_clr); text-align: center; -webkit-border-radius: 80px;-moz-border-radius: 80px;border-radius: 80px; } .bigcard-service p{ color: #808080; } .serv-card-imgs{ gap: 10px; } .fron-serv-img img{ display: block; width: 100%; height: auto; max-width: 210px; -webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px; } .top-show[aria-expanded="true"] .tl-block{ color: var(--primary_clr); } .top-show[aria-expanded="true"] .techno-list{ opacity: 0; } /*Projects Section*/ .front-project-section, .project-section { overflow: hidden; } .projects-list{ gap: 30px 0; } .card-proj{ overflow: hidden; border: 4px solid var(--white_clr); -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; } .card-proj .imgbox{ overflow: hidden; } .card-proj .imgbox img{ display: block; width: 100%; height: 100%; object-fit: cover; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .card-proj:hover .imgbox img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); } .proj-text-overlay{ padding: 12px 20px; background: var(--white_clr); gap: 10px; position: absolute; left: 6px; right: 6px; bottom: 6px; z-index: 2; -webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .card-proj h4{ font-size: 14px; line-height: 1.4; color: #0A0A0A; font-weight: 600; } .card-proj .year{ display: inline-block; font-size: 10px; line-height: 1.4; color: #090909; font-weight: 500; } .card-proj:hover h4{ color: var(--primary_clr); } .dottes{ padding: 14px 0 0; display: flex; align-items: center; gap: 3px; position: absolute; right: 20px; top: 0; bottom: 0; } .circle-dot { display: inline-block; width: 7px; height: 7px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; animation: loader-bounce 0.9s infinite alternate; } .circle-dot:nth-child(1) { background: #FD5F59; } .circle-dot:nth-child(2) { background: #FFBB2C; animation-delay: 0.4s; } .circle-dot:nth-child(3) { background: #25C93D; animation-delay: 0.6s; } .proj-text-overlay-main{ background: var(--white_clr); gap: 10px; overflow: hidden; position: absolute; left: 6px; right: 6px; bottom: 6px; z-index: 2; -webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px; } .proj-text-overlay-main .proj-text-overlay{ top: 0; bottom: auto; } .proj-text-overlay-main .textbox{ padding: 40px 20px 0; max-height: 44px; opacity: 0; overflow: hidden; transform-origin: bottom; -webkit-transform:translate(0,50px); -moz-transform:translate(0,50px); transform:translate(0,50px); } .card-proj:hover .proj-text-overlay-main .textbox{ padding: 50px 20px 20px; max-height: 460px; opacity: 1; -webkit-transform:translate(0,0); -moz-transform:translate(0,0); transform:translate(0,0); } /*Why Choose Section*/ .whychoose-section{ overflow: hidden; clear: both; } .whychoose-list{ padding-left: 40px; margin: 0 -10px; } .whychoose-list .items{ padding: 10px; } .card-whychoose{ padding: 30px; flex-direction: column; position: relative; background: var(--white_clr); min-height: 340px; -webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px; } .whychoose-list .items:nth-child(2) .card-whychoose, .whychoose-list .items:nth-child(3) .card-whychoose{ min-height: 290px; } .whychoose-list .items:nth-child(4){ margin-top: -50px; } .card-whychoose .number { font-size: 20px; color: var(--text_clr_light); } .card-whychoose .label{ display: inline-block; font-size: 16px; line-height: 1.4; color: var(--black_clr); font-weight: 500; margin: 0 0 10px; } .card-whychoose h4{ font-size: 45px; line-height: 1.2; color: var(--primary_clr); font-weight: 600; font-family: var(--secondary_font_family); margin: 0 0 10px; } .card-whychoose p{ font-size: 16px; line-height: 1.4; color: var(--text_clr_light); font-weight: 400; font-family: var(--secondary_font_family); } /*Testimonial Section*/ .testimonial-section .row{ margin: 0 -10px; gap: 20px 0; } .testimonial-section .row > div{ padding: 0 10px; } .card-testim{ padding: 25px; flex-direction: column; position: relative; background: var(--white_clr); -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; } .testi-tl { align-items: center; gap: 15px; margin-bottom: 20px; } .testi-tl .bold-text{ display: inline-block; font-size: 52px; line-height: 1.2; color: #303030; font-weight: 600; } .card-testim h4{ font-size: 20px; line-height: 26px; color: var(--text_clr); font-weight: 500; } .card-testim p{ font-size: 14px; line-height: 20px; letter-spacing: -0.42px; } .quote_icon{ display: inline-flex; width: 24px; height: 24px; margin-bottom: 5px; background: url('../images/quote_icon_blue.svg') no-repeat; } .client-info{ padding: 25px 0 0; display: flex; gap: 12px; } .client_imgbox{ display: inline-flex; min-width: 40px; height: 40px; overflow: hidden; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; background: var(--light_clr); } .client_imgbox img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .client-name{ display: block; font-size: 14px; line-height: 20px; font-weight: 500; } .client-pos{ display: block; font-size: 12px; line-height: 20px; font-weight: 400; color: var(--text_clr_light); } .testimonial-section .row > div:nth-child(1) .quote_icon{ display: inline-flex; width: 24px; height: 24px; margin-bottom: 5px; background: url('../images/quote_icon.svg') no-repeat; } .testimonial-list > div:nth-child(1) .testi-tl{ flex-direction: column; align-items: flex-start; } .testimonial-list > div:nth-child(1) .testi-tl .bold-text{ font-size: 60px; } .testimonial-list > div:nth-child(1) .client_imgbox{ min-width: 48px; height: 48px; } .testimonial-list > div:nth-child(1) .client-name{ font-size: 16px; } .testimonial-list > div:nth-child(1) .client-pos{ font-size: 14px; } .testimonial-list > div:nth-child(1) .card-testim p{ font-size: 16px; line-height: 24px; } /*FAQs Section*/ .faq-list{ padding-left: 40px; } .faq-card + .faq-card{ margin-top: 10px; } .faq-card { padding: 0; background: var(--white_clr); -webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px; } .acc_trigger { padding: 22px 60px 22px 25px; font-size: 18px; color: var(--black_clr); font-weight: 500; font-family: var(--secondary_font_family); position: relative; margin: 0; cursor: pointer; } .acc_trigger:after{ display: inline-flex; align-items: center; justify-content: center; content: "\f067"; font-family: 'FontAwesome'; font-weight: 400; font-size: 10px; width: 18px; height: 18px; background: var(--black_clr); color: var(--white_clr); text-align: center; position: absolute; right: 25px; top: 26px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; } .acc_trigger[aria-expanded="true"]:after{ content: "\f068"; } .faq-card .content-box{ padding: 0 25px 25px; position: relative; } .faq-card .content-box p{ font-size: 16px; line-height: 24px; color: var(--text_clr_light); letter-spacing: -0.2px; } .faqs-inner .left-block{ flex-direction: column; } .cta-small-bottom{ padding: 20px; background: var(--white_clr); max-width: 280px; -webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px; } .cta-small-bottom h4{ font-size: 18px; font-family: var(--secondary_font_family); font-weight: 500; color: var(--black_clr); margin: 0 0 7px; } .cta-small-bottom p{ font-size: 16px; font-family: var(--secondary_font_family); font-weight: 400; color: var(--text_clr_light); } .cta-small-bottom:hover{ box-shadow: 0 3px 5px rgba(0,0,0,0.2); } /*About Page*/ .hero-top-imgbox img{ display: block; width: 100%; height: auto; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; } .value-text-list{ flex-direction: column; gap: 40px; } .value-text-list .items{ padding: 40px 0; } .value-text{ opacity: 0.5; transition: opacity 0.3s ease; } .value-text p{ font-size: 32px; line-height: 1.4; color: var(--white_clr); font-weight: 300; } .left-sticky { position: sticky; top: 40%; height: fit-content; } /*Team Section*/ .team-list{ gap: 60px 0; margin: 0 -30px; } .team-list .items{ padding-left: 30px; padding-right: 30px; } .card-team{ overflow: hidden; } .card-team .imgbox img{ display: block; width: 100%; height: auto; object-fit: cover; object-position: center top; max-height: 400px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; } .team-tl{ font-size: 18px; color: var(--heading_clr); font-weight: 600; margin: 10px 0 0; } .team-name{ max-width: 40%; } .team-post{ font-weight: 500; max-width: 60%; } /*modal-style*/ .modal-style .modal-dialog{ max-width: 660px; margin-left: auto; margin-right: auto; } .modal-style .modal-content{ border: 0; background: var(--white_clr); overflow: hidden; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; } .modal-style .modal-body{ padding: 0; } .modal-style .close-btn{ display: flex; align-items: center; justify-content: center; position: absolute; right: 10px; top: 10px; z-index: 2; font-size: 28px; color: var(--primary_clr); border: 0; opacity: 0.5; min-width: 24px; height: 24px; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .modal-style .close-btn:hover{ opacity: 1; color: var(--primary_clr); } .modal.team-modal{ backdrop-filter: blur(5px); } .team-modal .modal-dialog{ max-width: 940px; } .team-modal-inn{ padding: 40px; } .team-img-block{ min-width: 300px; max-width: 300px; } .team-img-block .team-imgbox img{ -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; } .team-img-block p{ font-size: 16px; line-height: 1.3; margin: 10px 0 0; } .team-content{ padding-left: 30px; } .modal.team-modal .modal-dialog{ -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); transform-origin: 50% 50%; -moz-transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s; } .modal.team-modal.show .modal-dialog{ -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /*Why Partner Section*/ .why-partner-list{ gap: 20px 0; } .card-wp{ padding: 24px; flex-direction: column; background: var(--white_clr); -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; } .card-wp .iconbox{ display: inline-flex; min-width: 64px; max-width: 64px; height: 64px; margin-bottom: 25px; } .card-wp .iconbox img{ display: block; } .card-wp h4{ font-size: 16px; line-height: 1.4; color: var(--text_clr); font-weight: 700; margin-bottom: 15px; } .card-wp p{ font-size: 14px; line-height: 24px; color: var(--text_clr); font-weight: 400; } .text-image-imgbox img{ display: block; width: 100%; height: auto; object-fit: cover; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; } .cta-bottom{ border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .phone_btn .btn-arrow{ background: var(--white_clr) url('../images/p_icon.svg') no-repeat center; } .phone_btn .btn-arrow:before{ background: url('../images/p_icon.svg') no-repeat center; background-position: -200% center; } .card-image-text .imgbox{ overflow: hidden; margin-bottom: 20px; height: clamp(280px, 446px); -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; } .card-image-text .imgbox img{ display: block; width: 100%; height: 100%; object-fit: cover; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .card-image-text:hover .imgbox img{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); } .card-image-text:hover h4{ color: var(--primary_clr); } /*Process Section*/ .process-inn .items{ position: relative; } .process-inn .items:before{ display: block; content: ""; background: var(--bdr_clr); height: 1px; position: absolute; top: 50px; right: 50%; width: 100%; } .process-inn .items:nth-child(1):before{ display: none; } .card-process{ width: 100%; max-width: 200px; margin: 0 auto; z-index: 2; } .card-process .iconbox{ min-width: 96px; max-width: 96px; height: 96px; margin: 0 auto 30px; background: var(--primary_clr); position: relative; z-index: 1; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; } .card-process h4{ font-size: 16px; line-height: 1.4; color: var(--text_clr); font-weight: 700; margin-bottom: 15px; } .card-process p{ font-size: 14px; line-height: 24px; color: var(--text_clr); font-weight: 400; } /*Filter Style*/ .filter-tab-style{ margin: 0; padding: 0; display: flex; overflow: auto; gap: 10px; text-align: center; } .filter-tab-style li{ margin: 0; padding: 0; list-style: none; } .filt-tab-btn{ padding: 8px 20px; display: inline-flex; justify-content: center; font-size: 16px; line-height: 1.4; color: var(--heading_clr); font-weight: 400; border: 1px solid rgba(0,0,0,0.1); min-width: 70px; white-space: nowrap; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; } .filt-tab-btn:hover, .filt-tab-btn.active{ border-color: var(--primary_clr); color: var(--primary_clr); } .tech-info-block { gap: 40px 0; } .tech-info { font-size: 18px; font-weight: 300; } .tech-info label{ display: block; color: var(--text_clr_light); margin: 0 0 10px; } .tech-info strong{ font-weight: 400; color: var(--black_clr); } .project-screenshot img{ display: block; width: 100%; height: auto; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.05); } /*Post Section*/ .post-tl-mobi-show h2{ color: var(--primary_clr); text-transform: uppercase; } .post-tl h2{ padding: 0 10px; position: absolute; z-index: 2; color: var(--primary_clr); text-transform: uppercase; } .tl_1{ left: 50%; top: 0; } .tl_2 { right: 0; top: 140px; width: 66px; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg); } .post-list .items:nth-child(even) > div{ margin-left: auto; margin-top: -40px; } .post-list .row { gap: 30px 0; } .card-post{ position: relative; } .card-post .imgbox{ display: block; overflow: hidden; margin-bottom: 12px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; } .card-post .imgbox img{ display: block; width: 100%; height: auto; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .card-post:hover .imgbox img{ transform: scale(1.05); } .card-post h4{ font-size: 20px; line-height: 1.4; font-weight: 600; color: var(--text_clr); margin-bottom: 20px; } .card-post p{ font-size: 16px; } .tags{ gap: 4px; } .tag-text{ padding: 6px 10px 5px; display: inline-flex; border: 1px solid var(--bdr_clr); font-size: 12px; line-height: 1.4; color: var(--text_clr); font-weight: 400; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; } .big-card-post{ background: var(--primary_clr); -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; } .big-card-post .imgbox{ margin: 0; } .card-post-textbox{ padding: 20px; } .big-card-post h4{ font-size: 24px; line-height: 1.2; max-width: 70%; } .big-card-post p{ max-width: 80%; margin: 40px 0 0; } .big-card-post h4 a{ color: var(--text_clr); } .big-card-post .tags{ position: absolute; right: 20px; top: 20px; } .sticky-post{ position: sticky; top: 20px; } .big-card-post h4, .big-card-post h4 a, .big-card-post p{ color: var(--white_clr); } .big-card-post .tag-text{ border-color: rgba(255,255,255,0.7); color: var(--white_clr); } .related-post-list .card-post .tags{ position: absolute; left: 10px; top: 10px; z-index: 2; } .related-post-list .card-post .tag-text{ background: rgba(255,255,255,0.7); backdrop-filter: blur(5px); } /*Post Detail*/ .post-detail-featured{ width: 100%; max-width: 520px; margin: 0 auto; } .post-detail-featured img{ display: block; width: 100%; height: auto; -webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; } .center-links { position: absolute; left: 20px; right: 20px; top: 35%; } .center-links .tag-text{ padding: 6px 15px; border: 1px solid var(--text_clr); font-size: 14px; font-weight: 500; } .left-arrow-btn{ padding: 6px 15px; display: inline-flex; align-items: center; gap: 5px; border: 1px solid var(--text_clr); font-size: 14px; line-height: 1.4; color: var(--text_clr); font-weight: 500; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; } .left-arrow-btn:hover{ background: var(--primary_clr); border-color: var(--primary_clr); color: var(--white_clr); } .post-detail .wp-block-post-excerpt{ display: none; } .post-detail .intro-imgbox img { max-width: 162px; } .post-detail .intro-text-inn .left-block{ position: absolute; left: 0; top: 0; max-width: 380px; } .post-detail .intro-text-inn .right-block{ min-width: 464px; max-width: 464px; margin: 0 auto; } /*Oval Gallery*/ .oval-imgbox img{ display: block; width: 100%; height: 100%; object-fit: cover; -webkit-border-radius: 800px;-moz-border-radius: 800px;border-radius: 800px; } .oval-thumb-imgbox img{ display: block; width: 100%; height: 50px; object-fit: cover; max-width: 94px; margin: auto; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; cursor: pointer; } .oval-thumb-gallery{ margin-top: 30px; padding: 0 100px; } .oval-thumb-gallery .slick-list{ padding: 0 !important; display: flex; justify-content: center; } .oval-thumb-gallery .sub-items{ padding: 0 5px; opacity: 0.5; } .oval-thumb-gallery .sub-items.slick-current{ opacity: 1; } .oval-gallery-for > .items{ display: none; } .oval-gallery-for > .items:nth-child(1){ display: block; } /*Feature Duo Section*/ .feature-box{ padding: 26px 28px; height: 100%; background: #505AD2; min-height: 496px; flex-direction: column; -webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px; } .feature-card-bttom{ max-width: 390px; } .feature-imgbox{ width: 100%; max-width: 440px; overflow: hidden; margin: 0 auto; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; } .feature-imgbox img, .feature-imgbox iframe, .feature-imgbox video{ display: block; width: 100%; height: 100%; object-fit: cover; } /*Contact Section*/ .form-inner{ gap: 40px 0; margin: 0 -15px; flex-wrap: wrap; } .input-field{ width: 50%; padding: 0 15px; position: relative; } .full-width.input-field{ width: 100%; } .input-field input, .input-field select, .input-field textarea, .input-field .selectbox{ padding: 0; border: 0; width: 100%; height: 56px; background: none; border-bottom: 1px solid var(--text_clr); -webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0; } .input-field select{ border: 0; } .input-field .file-input input{ height: auto; border: 0; } .input-field ::-webkit-input-placeholder{color:var(--text_clr); opacity:0.8;} .input-field :-moz-placeholder{color:var(--text_clr); opacity:0.8;} .input-field ::-moz-placeholder{color:var(--text_clr); opacity:0.8;} .input-field :-ms-input-placeholder{color:var(--text_clr); opacity:0.8;} .input-field .label{ display: inline-block; font-weight: 600; margin: 0 0 20px; } .radio-style .wpcf7-radio{ display: flex; align-items: center; flex-wrap: wrap; gap: 20px; } .radio-style .wpcf7-list-item{ display: block; margin: 0; } .radio-style .wpcf7-list-item label{ display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 20px; font-weight: 500; } .radio-style .wpcf7-list-item label input{ width: 20px; height: 20px !important; margin-right: 10px; } .wpcf7-not-valid-tip { font-size: 14px; } .wpcf7 form .wpcf7-response-output { font-size: 14px; margin-left: 0; margin-right: 0; } .small-tl { display: inline-block; font-size: 18px; line-height: 24px; text-transform: uppercase; font-weight: 400; letter-spacing: 0.2em; color: var(--text_clr_light); margin-bottom: 10px; } .c_iconbox{ display: inline-block; min-width: 30px; max-width: 30px; margin-right: 15px; } .c_label{ display: inline-block; font-size: 16px; color: #808080; margin-bottom: 20px; } .c_info + .c_info { margin-top: 15px; } .location-list{ gap: 20px 0; } .location-box{ padding: 30px; flex-direction: column; position: relative; background: var(--white_clr); height: 100%; -webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px; box-shadow: 0 5px 10px rgba(0,0,0,0.02); } .location-box h5{ font-weight: 500; } .location-box p{ font-size: 18px; line-height: 1.6; color: var(--text_clr_light); font-weight: 400; font-family: var(--secondary_font_family); } .location-box a{ color: var(--black_clr); } .location-box a:hover{ color: var(--primary_clr); } .flag-box{ max-width: 40px; } .tel-text{ gap: 10px; } .add-tl{ margin-bottom: 30px; } .contact-note p { font-size: 16px; line-height: 1.4; } .important-info { margin-right: -180px; } .important-info .row{ margin: 0; flex-wrap: nowrap; } .important-info .sub-items{ padding: 0 20px; border-left: 3px solid var(--bdr_clr); } .important-info .sub-items:nth-child(1){ border-left: 0; padding-left: 0; } .card-count h4{ font-size: 45px; line-height: 1.2; color: var(--primary_clr); display: flex; font-weight: 600; font-family: var(--secondary_font_family); margin: 0 0 10px; background: -webkit-linear-gradient(45deg, #bf4a00, #ff8d00 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .card-count p, .spec-textbox p{ font-size: 18px; line-height: 1.4; color: var(--heading_clr); font-weight: 500; font-family: var(--secondary_font_family); } .spec-textbox p strong{ background: -webkit-linear-gradient(45deg, #bf4a00, #ff8d00 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /*Celebration Section*/ .celebration-section{ overflow: hidden; } .celebrat-list .items{ width: 400px; display: flex; cursor: e-resize; align-items: center; justify-content: center; } .card-celebrate{ width: 100%; padding: 0 10px; } .card-celebrate img{ display: block; width: 100%; height: auto; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; } /*Career Section*/ .opening-list{ border-top: 1px solid rgba(255,255,255,0.2); } .card-opening .col{ width: 33.33%; } .card-opening{ padding: 20px 10px; border-bottom: 1px solid rgba(255,255,255,0.2); } .card-opening .label, .card-opening .value{ display: block; font-size: 16px; line-height: 1.6; color: var(--white_clr); opacity: 0.7; } .card-opening .value{ opacity: 1; } .card-opening strong{ font-weight: 500; } .more-description{ padding: 20px 90px; } .more-description.text-white *{ color: rgba(255,255,255,0.7); } .more-description.text-white h5, .more-description.text-white h5 strong{ color: var(--white_clr); } .more-description li { font-size: 16px; line-height: 1.4; } .more-description ul li:before{ background: rgba(255,255,255,0.7); top: 9px; } .career-btnbox .btn{ z-index: 3; } .card-opening .col.job-tl{ padding-left: 100px; min-width: 50%; } .career_trigger{ display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; cursor: pointer; } .career_trigger:before{ display: block; content: ""; width: 28px; height: 1px; background: var(--white_clr); position: absolute; left: 10px; top: 0; bottom: 0; margin: auto; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .career_trigger:after{ display: block; content: ""; width: 1px; height: 28px; background: var(--white_clr); position: absolute; left: 23px; top: 0; bottom: 0; margin: auto; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .career_trigger[aria-expanded="true"]:after{ height: 0; } .modal.career-modal{ backdrop-filter: blur(5px); } .career-modal .modal-dialog{ max-width: 940px; } .career-modal-inn{ padding: 0; } .input-field input.tl-input { color: var(--primary_clr); font-weight: 600; } .career-imgbox{ min-width: 360px; max-width: 360px; } .career-imgbox img{ display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .form-right-block{ padding: 40px; } /*Benefits Section*/ .benefits-section{ overflow: hidden; } .benefits-list{ gap: 60px 0; } .card-benefit{ padding-bottom: 60px; } .benefit-tl{ gap: 20px; margin-bottom: 30px; } .card-benefit .iconbox{ min-width: 60px; max-width: 60px; height: 60px; } .card-benefit h4{ font-weight: 500; } .card-benefit p, .card-value p{ font-size: 16px; color: var(--text_clr_light); } .hover-line{ display: block; width: 100%; height: 1px; background: var(--bdr_clr); position: absolute; left: 0; bottom: 0; } .hover-line:before{ display: block; content: ""; background: var(--text_clr); height: 1px; width: 0%; position: absolute; left: auto; right: 0; bottom: 0; -moz-transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s; } .card-benefit:hover .hover-line:before{ left: 0; width: 100%; } .value-inn .right-block{ padding-left: 40px; } .value-list{ counter-reset: li-counter; } .value-list .items{ position: relative; margin-top: 30px; } .value-list .items:before{ display: block; content: ""; width: 1px; border-left: 1px dashed rgba(0,0,0,0.2); position: absolute; left: 25px; top: 0; bottom: -40px; } .value-list .items:last-child:before{ display: none; } .card-value{ gap: 20px; } .card-value .iconbox{ min-width: 50px; height: 50px; background: var(--primary_clr); /*border: 4px solid var(--white_clr); outline: 1px solid var(--primary_clr);*/ font-size: 20px; color: var(--white_clr); position: relative; z-index: 2; overflow: hidden; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; /*box-shadow: 0 0 10px rgba(0,0,0,0.05);*/ } .card-value .iconbox:after{ content: counter(li-counter, decimal); counter-increment: li-counter; position: relative; z-index: 2; } .card-value .iconbox:before{ display: block; content: ""; width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: url('../images/btn-dotts.png') no-repeat right center; z-index: 0; opacity: 0.7; } .card-value h4{ font-weight: 500; margin-bottom: 10px; } /*Video Player*/ .skills__video-wrap { position: relative; display: flex; overflow: hidden; width: 100%; height: 100%; min-height: 470px; border-radius: 40px; background: var(--secondary_clr); } .skills__video { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover; min-width: 1040px; min-height: 680px; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .skills__video-nav { position: absolute; left: 32px; top: auto; bottom: 32px; z-index: 5; width: 24px; height: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } .skills__video-nav-ico { position: absolute; z-index: 0; opacity: 0; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); -webkit-transition: .3s; transition: .3s; cursor: pointer } .skills__video-nav-ico.active { z-index: 1; display: block; opacity: 1; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0) } .skills__video-nav-ico.active:hover{ opacity: .7 } /*========================================== ===============:: MEDIA CSS ::============== ============================================*/ @media screen and (max-width:1499px){ .container{max-width: 1200px;} .caption .h1 { font-size: 3.2rem; } .tl-block { font-size: 5.25rem; } .team-list{ gap: 40px 0; margin: 0 -20px; } .team-list .items{ padding-left: 20px; padding-right: 20px; } .row-60{ margin-left: -20px; margin-right: -20px; gap: 40px 0; } .row-60 > div{ padding-left: 20px; padding-right: 20px; } .celebrat-list .items{ width: 340px; } } @media screen and (max-width:1365px){ .container{max-width: 1170px;} } /* iPad 1024px View */ @media screen and (max-width:1199px){ .container{width:100%; max-width:100%; padding:0 20px;} .btnbox{padding: 20px 0 0;} .ptb-100, .ptb-90, .ptb-80, .ptb-70, .ptb-60{padding: 60px 0;} h1, .h1, h2, .h2, h3, h4, h5, h6{margin-bottom: 15px;} h1, .h1{font-size: 2.2rem;} h2, .h2{font-size: 2rem;} h3 {font-size: 1.7rem;} h4 {font-size: 1.3rem;} p{font-size: 16px;line-height: 24px; margin-bottom: 15px;} ul li, ol li{font-size: 16px;line-height: 24px;} .entry-content ul li:before{top: 10px;} .block-title p br{display: none;} .block-title p{font-size: 18px;} /*Header and banner*/ .nav-main{display:none !important;} .mobi-iconbox{ display:flex; align-items: center; justify-content: center; } .header-inner, .navbar_fixed .header-inner, .navbar_fixed + .header-blank, .header-blank{ height: 80px; } .head-btnbox { margin: 0 50px 0 0; } .home-banner .items { padding: 80px 0 0; height: 100vh; min-height: 680px; max-height: 700px; } .caption .h1 { font-size: 2.8rem; } .caption { min-width: 500px; max-width: 500px; } .tl-block { font-size: 4.25rem; } .footer p { font-size: 16px; } .f-links ul li{ font-size: 16px; } .f-links ul li + li{ margin-top: 15px; } .footer .f-email { font-size: 18px; } .team-list{ gap: 40px 0; margin: 0 -15px; } .team-list .items{ padding-left: 15px; padding-right: 15px; } .team-name { max-width: 50%; } .team-post { max-width: 50%; font-size: 90%; } .value-text-list .items { padding: 20px 0; } .value-text p { font-size: 24px; } .card-wp { padding: 20px; } .team-img-block { min-width: 240px; max-width: 240px; } .team-modal .modal-dialog { max-width: 840px; } .row-60{ margin-left: -15px; margin-right: -15px; gap: 30px 0; } .row-60 > div{ padding-left: 15px; padding-right: 15px; } .card-process .iconbox{ min-width: 80px; max-width: 80px; height: 80px; } .process-inn .items:before{ top: 40px; } .oval-thumb-gallery { margin-top: 20px; padding: 0 40px; } .location-box { padding: 20px; } .location-box p{ font-size: 16px; } .celebrat-list .items{ width: 240px; } .card-celebrate{ padding: 0; } .celebrat-list{ padding: 20px 0; } .value-inn .right-block { padding-left: 15px; } } /* iPad 768px view*/ @media screen and (max-width:991px){ h1, .h1{font-size: 28px; line-height: 1.3;} h2, .h2{font-size: 1.75rem;} .ptb-100, .ptb-90, .ptb-80, .ptb-70, .ptb-60{padding: 60px 0;} /*Header and banner*/ .tl-block { font-size: 3.2rem; } .bigcard-service{ padding: 40px 0; top: 20px; } .block-tl.ptb-40 { padding-bottom: 20px; } .whychoose-inn{ gap: 20px 0; } .whychoose-list { padding-left: 0; } .faqs-inner .left-block .cta-small-bottom { display: none; } .faqs-inner{ gap: 10px; } .faqs-inner .block-title{ text-align: center; } .faq-list { padding-left: 0; } .projects-list { gap: 10px 0; margin: 0 -5px; } .projects-list .items{ padding: 0 5px; } .team-modal .modal-dialog { max-width: 90%; } .page-tl h1 br, .cta-bottom-inn h2 br{ display: none; } .content-block .row { gap: 20px 0; } .post-list .items:nth-child(even) > div{ margin: 10px 30px 10px auto; } .card-post h4 { font-size: 18px; line-height: 1.3; } .card-post p { font-size: 14px; line-height: 1.4; } .big-card-post .tags { right: auto; top: 20px; left: 20px; } .big-card-post h4 { max-width: 100%; margin-top: 40px; } .big-card-post p { max-width: 100%; margin: 20px 0 0; } .post-detail-featured { width: 100%; max-width: 100%; } .center-links { top: -45px; } .detai-header.ptb-60{ padding: 60px 0 40px; } .text-image-col { gap: 30px 0; } .feature-imgbox{ max-width: 100%; } .contact-inn { gap: 30px 0; } .important-info { margin-right: 0; } .card-opening .col.job-tl{ padding-left: 60px; } .more-description { padding: 20px 50px; } .career-modal .modal-dialog { max-width: 740px; } .career-imgbox{ display: none; } } /* iPhone-6 plus 736 (Landscape) view */ @media screen and (max-width:767px){ body{-webkit-text-size-adjust:none;} h2, .h2{font-size: 1.75rem;} h3 {font-size: 1.5rem;} p{margin:0 0 15px;} .ptb-120, .ptb-100, .ptb-80, .ptb-90, .ptb-60, .ptb-50{padding: 40px 0;} img.alignleft, img.alignright, img.alignnone, iframe, iframe.alignleft, iframe.alignright, iframe.iframe-embed.alignright{ float: none; max-width: 100%; margin: 0 0 20px; } .block-title p br{ display: none; } /*Header and banner*/ .mobile-menu-block{ width: 100%; right: -105%; } .header .container{ padding: 0 15px; } .site-logo { width: 160px; height: 36px; } .head-btnbox .btn { min-width: 90px; padding: 8px 8px; font-size: 12px; gap: 5px; } .head-btnbox .btn .btn-arrow{ width: 20px; height: 20px; background-size: 8px 7px; margin-right: 0; } .head-btnbox .btn .btn-arrow:before{ background-size: 8px 7px; } .caption { min-width: 100%; max-width: 100%; } .caption-inn{ max-width: 340px; } .caption .h1 { font-size: 2.2rem; } .caption p { font-size: 1.2rem; line-height: 1.4; } .partner-small-block p { font-size: 1rem; } .partner-small-block { padding-top: 30px; } .partner-small-list{ gap: 10px; flex-wrap: wrap; } .top-show .left-block{ order: 2; } .top-show .right-block{ order: 1; } .techno-list { gap: 10px; } .techno-card img { max-width: 32px; } .top-show .number { top: -30px; } .tl-block { font-size: 2.5rem; letter-spacing: -2px; } .top-show[aria-expanded="true"] .techno-list{ opacity: 1; } .bottom-show .row.ptb-40{ padding-top: 20px; gap: 20px; } .whychoose-list .items:nth-child(4){ margin-top: 0; } .card-whychoose{ min-height: 290px; } .testi-tl .bold-text { font-size: 34px; } .testimonial-list > div:nth-child(1) .testi-tl .bold-text { font-size: 40px; } .f-col-1 { max-width: 100%; min-width: 100%; margin-bottom: 20px; } .footer h4 { font-size: 16px; margin-bottom: 20px; } .f-col-2 { max-width: 100%; } .f-about { padding-top: 15px; } .footer-bottom p { font-size: 14px; } .front-project-section .container{ padding: 0; } .front-project-section .block-title{ padding: 0 20px; } .projects-list{ margin: 0; } .project-slider .slick-list{ padding-left: 8px !important; } .projects-list .items { padding: 0 5px; } .right-tl-textbox { max-width: 100%; } .block-title .row { gap: 20px; } .modal-style .modal-dialog { max-width: 94%; } .team-modal .modal-dialog { max-width: 95%; } .values-list .left-block { display: none; } .value-text h3 { display: block; } .team-modal-inn { padding: 20px; flex-wrap: wrap; gap: 20px 0; } .team-img-block { min-width: 180px; max-width: 180px; margin: 0 auto; } .team-content { padding: 15px 0 0; border-top: 1px solid #ccc; } .team-list{ gap: 20px 0; margin: 0 -10px; } .team-list .items{ padding-left: 10px; padding-right: 10px; min-width: 50%; max-width: 50%; } .team-tl { font-size: 16px; line-height: 1.4; flex-direction: column; align-items: center; text-align: center; } .team-name, .team-post{ max-width: 100%; min-width: 100%; } .value-text p { font-size: 20px; } .text-image-inn { gap: 20px 0; flex-direction: column-reverse; } .hero-top-imgbox img, .text-image-imgbox img{ -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; } .row-60{ margin-left: -10px; margin-right: -10px; gap: 30px 0; } .row-60 > div{ padding-left: 10px; padding-right: 10px; } .our-process-section .block-title{ text-align: center; } .process-inn{ gap: 30px 0; justify-content: center; } .card-process .iconbox, .card-process h4{ margin-bottom: 10px; } .process-inn .items{ min-width: 50%; max-width: 50%; } .process-inn .items:nth-child(2n+1):before{ display: none; } .tech-info-block .sub-items{ min-width: 50%; max-width: 50%; } .tech-info-block .sub-items:last-child{ min-width: 100%; max-width: 100%; } .tech-info { font-size: 14px; } .post-tl { display: none; } .post-list { margin-left: 0; } .big-card-post, .post-list .card-post{ min-width: 100%; } .post-inn { gap: 30px 0; } .post-list { display: flex; flex-direction: column; gap: 30px 0; } .post-list .items:nth-child(even) > div{ margin: 0; } .filter-block { padding: 0 0 10px; margin: 0 -20px; } .filter-block .filter-tab-style{ padding: 0 10px 15px; } .projects-page-list.projects-list .items { padding: 0; } .contact-inn { gap: 40px 0; } .form-inner { gap: 20px 0; } .input-field { width: 100%; } .contact-detail, .form-inner { padding: 0; } .card-count h4 { font-size: 32px; } .card-count p, .spec-textbox p{ font-size: 14px; line-height: 1.2; } .important-info .sub-items{ padding: 0 15px; } .celebrat-list { padding: 0; } .celebrat-list .items { width: 240px; padding: 0 7px; } .career-section .block-title{ padding: 0; } .card-opening { padding: 20px 0; } .card-opening .col{ width: 50%; text-align: left !important; } .card-opening .col.career-btnbox{ text-align: right !important; } .card-opening .col.job-tl{ padding-left: 10px; padding-right: 30px; min-width: 100%; margin-bottom: 5px; } .career-btnbox .btn{ display: none; } .more-description { padding: 20px 50px; } .more-description { padding: 20px 0; } .career_trigger:before{ margin: 0; left: auto; bottom: auto; right: 10px; top: 20px; width: 20px; } .career_trigger:after{ margin: 0; left: auto; bottom: auto; right: 19px; top: 11px; height: 20px; } .card-opening .label, .card-opening .value{ font-size: 14px; } .career-btnbox .label strong{ display: block; } .form-right-block { padding: 30px; } .benefits-list { gap: 30px 0; } .card-benefit { padding-bottom: 30px; } .benefits-list .items{ min-width: 50%; max-width: 50%; } .benefit-tl { gap: 10px; margin-bottom: 15px; flex-direction: column; align-items: flex-start; } .benefits-section .block-title{ padding: 0 0 10px; } .value-inn { gap: 30px; } .skills__video-wrap { min-height: 320px; border-radius: 20px; } .skills__video { min-width: 740px; min-height: 480px; } }/*767 End*/ div[data-scroll]{ -moz-transition:all 0.1s ease 0s;-webkit-transition:all 0.1s ease 0s;transition:all 0.1s ease 0s; } body:not(.body_navbar_fixed) div[data-scroll]{ transform: translateY(0) !important; }