@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600&display=swap"); *{font-family: 'Poppins', sans-serif; margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; outline: none; border: none; text-transform: capitalize; -webkit-transition: all .2s linear; transition: all .2s linear; /* cursor: url(/brush.png), auto; */}html{font-size: 62.5%; overflow-x: hidden;}section{/* padding: 2rem 9%; */}.heading{text-align: center; /* background: #e84393; */ background-color: #484848;}.heading h1{font-size: 3rem; text-transform: uppercase; color: #fff;}.heading p{color: #fff; padding-top: .7rem; font-size: 1.7rem;}.heading p a{color: #fff;}.heading p a:hover{color: #333;}.title{font-size: 3rem; color: #333; margin-bottom: 2rem; text-align: center; padding: 0 1rem;}.btn-c{display: inline-block; margin-top: 1rem; padding: .8rem 2.8rem; font-size: 2rem; /* font-size: 4.7rem; */ color: rgb(255, 255, 255); border: 0.2rem solid rgb(255, 255, 255); background: none; cursor: pointer; border-radius: .5rem;}.btn{display: inline-block; margin-top: 1rem; padding: .8rem 2.8rem; font-size: 2rem; /* font-size: 4.7rem; */ color: rgb(57, 93, 255); border: 0.2rem solid rgb(0, 30, 255); background: none; cursor: pointer; border-radius: .5rem;}.btn:hover{background: transparent; color: rgb(255, 0, 0);}.header{position: -webkit-sticky; position: sticky; top: 0; left: 0; right: 0; z-index: 1000; background: rgb(255, 255, 255); -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 8%; justify-content: space-between; height: 75px;}#logo{width: 200px; height: 54px;}/* .header .logo{font-size: 2.5rem; color: #333; font-weight: bolder; margin-right: auto;}*/ .header .navbar ul{list-style: none;}#nav{margin-bottom: none;}.header .navbar ul li{position: relative; float: left;}.header .navbar ul li:hover ul{display: block;}.header .navbar ul li a{font-size: 2rem; font-weight: bold; color: rgb(0, 0, 0); padding: 2rem; display: block; background-color: rgb(255, 255, 255);}.header .navbar ul li a:hover{background: #eee;}.header .navbar ul li ul{position: absolute; left: 0; width: 20rem; background: #fff; display: none;}.header .navbar ul li ul li{width: 100%;}.header .icons div, .header .icons a{font-size: 2.5rem; color: rgb(48, 48, 48); cursor: pointer; margin-left: 2rem;}.header .icons div:hover, .header .icons a:hover{color: #000000;}/* .header .search-form{position: absolute; top: 99%; left: 0; right: 0; border-top: 0.2rem solid #333; background: #fff; height: 6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2rem; -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}.header .search-form.active{-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}.header .search-form input{width: 100%; height: 100%; padding-right: 1rem; font-size: 1.7rem; color: #666; text-transform: none;}.header .search-form label{font-size: 2.5rem; color: #333; cursor: pointer;}.header .search-form label:hover{color: #e84393;}*/ #menu-btn{display: none;}@-webkit-keyframes fadeIn{0%{-webkit-transform: translateY(3rem); transform: translateY(3rem); opacity: 0;}}@keyframes fadeIn{0%{-webkit-transform: translateY(3rem); transform: translateY(3rem); opacity: 0;}}.home{padding: 0; position: relative;}.home .slide{/* max-width: 100%; */ /* height: auto; */ display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 95vh; padding: 2rem 7%; background-size: cover !important; background-position: center !important; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none;}.home .slide.active{display: -webkit-box; display: -ms-flexbox; display: flex;}.home .slide .content span{color: #333; display: block; font-size: 2rem; -webkit-animation: fadeIn 4s linear 4s backwards; animation: fadeIn 6s linear 4s backwards;}.home .slide .content h3{color: #333; text-transform: uppercase; padding: 1rem 0; font-size: 6rem; -webkit-animation: fadeIn .4s linear .4s backwards; animation: fadeIn .4s linear .4s backwards;}.home .slide .content .btn{-webkit-animation: fadeIn .4s linear .6s backwards; animation: fadeIn .4s linear .6s backwards;}.home #next-slide, .home #prev-slide{display: none; position: absolute; bottom: 2rem; right: 2rem; height: 6rem; width: 6rem; line-height: 5.5rem; font-size: 4rem; color: #333; border: 0.2rem solid #333; background: #fff; border-radius: .5rem; cursor: pointer; text-align: center;}.home #next-slide:hover, .home #prev-slide:hover{background: #333; color: #fff;}.home #prev-slide{right: 9rem;}/* home css ends */ /* clients section */ .clients{background-color: #484848;}.grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 1rem;}.grid>div{background: #000; padding: 1rem; display: grid; place-items: center;}.grid>div::before{content: ""; display: block; padding-bottom: 100%; grid-area: 1/1/2/2;}.grid>div img{width: 100%; grid-area: 1/1/2/2;}body{/* margin: 2rem; */}/* clients section ends */ /* services-btn css */ .wrapper{display: flex; justify-content: center;}.cta{display: flex; padding: 10px 45px; text-decoration: none; font-family: 'Poppins', sans-serif; font-size: 40px; color: white; background: #6225E6; transition: 1s; box-shadow: 6px 6px 0 black; transform: skewX(-15deg);}.cta:focus{outline: none;}.cta:hover{transition: 0.5s; box-shadow: 10px 10px 0 #FBC638;}.cta span:nth-child(2){transition: 0.5s; margin-right: 0px;}.cta:hover span:nth-child(2){transition: 0.5s; margin-right: 45px;}span{transform: skewX(15deg)}span:nth-child(2){width: 20px; margin-left: 30px; position: relative; top: 12%;}/**************SVG****************/ /* *{box-sizing: border-box;}*/ .services-btn{height: 200px; display: flex; justify-content: center; align-items: center; background-color: #484848;}path.one{transition: 0.4s; transform: translateX(-60%);}path.two{transition: 0.5s; transform: translateX(-30%);}.cta:hover path.three{animation: color_anim 1s infinite 0.2s;}.cta:hover path.one{transform: translateX(0%); animation: color_anim 1s infinite 0.6s;}.cta:hover path.two{transform: translateX(0%); animation: color_anim 1s infinite 0.4s;}/* SVG animations */ @keyframes color_anim{0%{fill: white;}50%{fill: #FBC638;}100%{fill: white;}}/* services-btn css ends */ /* ---our services---*/ .our-services{margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; /* min-height: 100vh; */ background-color: #484848; font-family: 'Ubuntu', sans-serif;}.service-container{width: 120rem; height: auto; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr)); grid-gap: 1rem; padding: 1rem; box-sizing: border-box;}.service-container .box{position: relative; background: #fff; padding: 2rem 4rem 4rem; text-align: center; overflow: hidden; border-radius: 2rem;}.service-container .box:nth-child(1){background: linear-gradient(45deg, #036eb7, #64eaff);}.service-container .box:nth-child(2){background: linear-gradient(45deg, #E91E63, #ed55ff);}.service-container .box:nth-child(3){background: linear-gradient(45deg, #086d35, #00ff72);}.service-container .box:nth-child(4){background: linear-gradient(45deg, #f05a4f, #f4c030);}.service-container .box h2{position: relative; margin: 0; padding: 0; font-size: 7rem; color: #fff; z-index: 1; opacity: .4;}.service-container .box h3{margin: 0; padding: 0; color: #fff; font-size: 3rem; text-transform: uppercase;}.service-container .box p{margin: 0; padding: 0; color: #fff; font-size: 2rem;}/* our services ends */ /* small banners start */ .banner-container{display: -ms-grid; display: grid; -ms-grid-columns: (minmax(32rem, 1fr))[auto-fit]; grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr)); gap: 1.5rem; background-color: #484848;}.banner-container .banner{position: relative; height: auto; overflow: hidden;}.banner-container .banner:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}.banner-container .banner img{height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover;}.banner-container .banner .content{position: absolute; top: 50%; left: 2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%);}.banner-container .banner .content span{color: #666; font-size: 1.5rem;}.banner-container .banner .content h3{font-size: 2rem; padding-top: .5rem; color: #222;}.banner-container .banner .content .btn{padding: .8rem 2.5rem;}/* small banners ends */ /* why choose us starts */ /* why to choose us */ #why-choose-us{font-family: "Roboto", sans-serif; background-color: #484848; /* overflow: hidden; */ font-size: 1.6rem; color: #ffffff; margin: 0; padding: 0;}.wcu-img{max-width: 90%; width: auto; height: auto;}p{line-height: 1.7; margin: 0; font-size: 2.6rem; color: white;}.title-section{padding-bottom: 5rem; text-align: center;}.title-section-main{font-size: 3.5rem; font-weight: 600; text-align: capitalize;}.title-section-desc{font-size: 1.6rem; padding-top: 1.5rem; color: #ffffff; max-width: 60%; display: block; margin: 0 auto; line-height: 1.7;}.title-section-desc-inner{font-size: 1.6rem; padding-top: 1.5rem; color: #000000; max-width: 60%; display: block; margin: 0 auto; line-height: 1.7;}#why-choose-us{padding-top: 3rem; padding-bottom: 5rem;}#why-choose-us .row{padding-top: 1rem; margin-right: 1.3rem; margin-left: 0;}.wcu-text-box{box-shadow: 0 0 1rem #ccc; padding: 2.5rem; margin-bottom: 3rem;}.wcu-text-box-icon{font-size: 3.5rem; padding-bottom: 2rem; color: #42a4ff;}.wcu-text-box-title{font-size: 2rem; text-transform: capitalize; font-weight: 600; padding-bottom: 1rem;}.wcu-text-box-desc p{font-size: 1.5rem;}.wcu-text-box-blue{background: #42a4ff none repeat scroll 0 0; overflow: hidden; color: #fff;}.wcu-text-box-blue .wcu-text-box-icon{color: #fff;}/* ----------------- */ /* why choose us ends */ .products .box-container{display: -ms-grid; display: grid; -ms-grid-columns: (minmax(32rem, 1fr))[auto-fit]; grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr)); gap: 1.5rem;}.products .box-container .box{border-radius: .5rem; text-align: center; border: 0.2rem solid #333;}.products .box-container .box:hover .image .icons{-webkit-transform: translateY(0); transform: translateY(0);}.products .box-container .box .image{border-radius: .5rem; overflow: hidden; position: relative; height: 25rem; width: 100%;}.products .box-container .box .image .icons{position: absolute; top: 0; left: 0; right: 0; border-bottom: 0.2rem solid #333; -webkit-transform: translateY(-7rem); transform: translateY(-7rem);}.products .box-container .box .image .icons a{height: 5rem; width: 5rem; line-height: 5rem; font-size: 2rem; color: #333;}.products .box-container .box .image .icons a:hover{background: #333; color: #fff;}.products .box-container .box .image img{height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover;}.products .box-container .box .content{padding: 1.5rem 0;}.products .box-container .box .content h3{font-size: 2rem; color: #333;}.products .box-container .box .content .stars{padding: 1rem 0;}.products .box-container .box .content .stars i{font-size: 1.4rem; color: #e84393;}.products .box-container .box .content .price{font-size: 2.2rem; color: #333;}.products .box-container .box .content .price span{font-size: 1.5rem; text-decoration: line-through; color: #666;}.about{text-align: center; min-height: 96.5vh; background-color: #484848; background-repeat: no-repeat; background-size: cover;}.about .row{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem; /* background-color: rgba(0, 0, 0, 0.5); */ background-color: #484848; /* background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); */ color: rgb(10, 8, 8); padding: 1em; /* margin: 2.5em; */ height: 100rem; border-radius: 20px; backdrop-filter: blur(15px);}.abt-title{font-size: 5rem; color: rgb(255, 255, 255); margin-bottom: 2rem; text-align: center; padding: 0 1rem;}.about .row .image{-webkit-box-flex: 1; -ms-flex: 1 1 42rem; flex: 1 1 42rem;}.about .row .image img{width: 100%; border-radius: .5rem;}.about .row .content{-webkit-box-flex: 1; -ms-flex: 1 1 42rem; flex: 1 1 42rem;}.about .row .content h3{font-size: 3.5rem; color: #fff; line-height: 2;}.about .row .content p{font-size: 2.6rem; line-height: 2.5; color: #fff; padding: 1rem 0;}.about .icons-container{display: -ms-grid; display: grid; -ms-grid-columns: (minmax(16rem, 1fr))[auto-fit]; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem; margin-top: 2.5rem;}.about .icons-container .icons{padding: 3rem 2rem; border-radius: .5rem; border: 0.2rem solid rgb(0, 0, 0); text-align: center; cursor: pointer; color: rgb(255, 255, 255); background-color: #00DBDE; background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);}.about .icons-container .icons:hover{background-color: #00DBDE; background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);}.about .icons-container .icons:hover img{-webkit-filter: invert(1); filter: invert(1);}.about .icons-container .icons:hover h3{color: #fff;}.about .icons-container .icons img{color: #fff; height: 7rem; margin-bottom: 1rem;}.about .icons-container .icons h3{font-size: 1.7rem; color: #333;}.blogs .box-container{display: -ms-grid; display: grid; -ms-grid-columns: (minmax(32rem, 1fr))[auto-fit]; grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr)); gap: 1.5rem;}.blogs .box-container .box{border-radius: .5rem; overflow: hidden; border: 0.2rem solid #333;}.blogs .box-container .box:hover .image img{-webkit-transform: scale(1.1); transform: scale(1.1);}.blogs .box-container .box .image{width: 100%; height: 25rem; overflow: hidden;}.blogs .box-container .box .image img{height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover;}.blogs .box-container .box .content{padding: 2rem;}.blogs .box-container .box .content h3{font-size: 2rem; color: #333; line-height: 2;}.blogs .box-container .box .content p{font-size: 1.4rem; line-height: 2.5; color: #666; padding: 1rem 0;}.blogs .box-container .box .content .icons{border-top: 0.2rem solid #333; padding-top: 2rem; margin-top: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}.blogs .box-container .box .content .icons a{font-size: 1.4rem; color: #666;}.blogs .box-container .box .content .icons a:hover{color: #e84393;}.blogs .box-container .box .content .icons a i{padding-right: .5rem; color: #e84393;}.login-form form, .register-form form{margin: 1rem auto; max-width: 40rem; border-radius: .5rem; border: 0.2rem solid #333; padding: 2rem; text-align: center;}.login-form form h3, .register-form form h3{font-size: 2.2rem; text-transform: uppercase; color: #333; margin-bottom: .7rem;}.login-form form .inputBox, .register-form form .inputBox{margin: 1rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: .5rem; background: #eee; padding: .5rem 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem;}.login-form form .inputBox span, .register-form form .inputBox span{color: #666; margin-left: 1rem; font-size: 2rem;}.login-form form .inputBox input, .register-form form .inputBox input{width: 100%; padding: 1rem; background: none; font-size: 1.5rem; color: #666; text-transform: none;}.login-form form .flex, .register-form form .flex{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .5rem; padding: 1rem 0; margin-top: 1rem;}.login-form form .flex label, .register-form form .flex label{font-size: 1.5rem; cursor: pointer; color: #666;}.login-form form .flex a, .register-form form .flex a{font-size: 1.5rem; color: #666; margin-left: auto;}.login-form form .flex a:hover, .register-form form .flex a:hover{color: #e84393;}.login-form form input[type="submit"], .register-form form input[type="submit"]{background: #333; color: #fff;}.login-form form input[type="submit"]:hover, .register-form form input[type="submit"]:hover{background: #e84393;}.login-form form .btn, .register-form form .btn{width: 100%;}.shopping-cart .box-container{display: -ms-grid; display: grid; -ms-grid-columns: (minmax(32rem, 1fr))[auto-fit]; grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr)); gap: 1.5rem; margin-bottom: 2rem;}.shopping-cart .box-container .box{border-radius: .5rem; border: 0.2rem solid #333; padding: 3rem 2rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.5rem;}.shopping-cart .box-container .box .fa-times{position: absolute; top: 1rem; right: 1.5rem; font-size: 2.5rem; cursor: pointer; color: #666;}.shopping-cart .box-container .box .fa-times:hover{color: #e84393;}.shopping-cart .box-container .box img{height: 10rem;}.shopping-cart .box-container .box .content h3{font-size: 1.7rem; padding-bottom: .5rem; color: #333;}.shopping-cart .box-container .box .content form{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: .5rem; padding: 1rem 0;}.shopping-cart .box-container .box .content form span{color: #666; font-size: 1.5rem;}.shopping-cart .box-container .box .content form input{width: 8rem; font-size: 1.5rem; color: #666; padding: .5rem 1rem; border-radius: .5rem; background: #eee;}.shopping-cart .box-container .box .content .price{font-size: 2rem; color: #333;}.shopping-cart .box-container .box .content .price span{color: #666; font-size: 1.5rem; text-decoration: line-through;}.shopping-cart .cart-total{padding: 2rem; border-radius: .5rem; border: 0.2rem solid #333;}.shopping-cart .cart-total h3{margin-bottom: 1rem; font-size: 2rem; color: #333;}.shopping-cart .cart-total h3 span{color: #e84393;}/* services css */ .home2{background: url(/images2/img-services/blue-bg.svg); /* background-color: black; */ background-position: center center; background-repeat: no-repeat; background-size: cover;}.home2 .content h2{font-family: 'Open Sans', sans-serif; font-size: 5rem; color: #f9f9f9; font-weight: bold; padding-bottom: 5rem;}.home2 .content h3 span{color: rgb(255, 5, 242);}.home2 .content h3{font-size: 2rem; color: rgb(254, 254, 254); text-align: center; padding-bottom: 1rem;}/* ------------------------------- */ /*===========================================================================================*/ .home3{background: url(/images2/img-services/dark-blue.png);}.home3 .content h2{font-family: 'Open Sans', sans-serif; font-size: 5rem; color: #fcfcfc; font-weight: bold; padding-bottom: 50px;}.home3 .content h3 span{color: rgb(255, 5, 242);}.home3 .content h3{font-size: 2rem; color: rgb(254, 254, 254); text-align: center; padding-bottom: 1rem;}/*=================================================================*/ .button-Request{min-width: 25rem; min-height: 4rem; font-family: 'Nunito', sans-serif; font-size: 2.2rem; text-transform: uppercase; letter-spacing: .13rem; font-weight: 700; color: #313133; background: #4FD1C5; background: linear-gradient(90deg, rgba(129, 230, 217, 1) 0%, rgba(79, 209, 197, 1) 100%); border: none; border-radius: 100rem; box-shadow: 1.2rem 1.2rem 2.4rem rgba(79, 209, 197, .64); transition: all 0.3s ease-in-out 0s; cursor: pointer; outline: none; position: relative; padding: 1rem; padding-top: 1rem;}button::before{content: ''; border-radius: 100rem; min-width: calc(30rem + 1.2rem); min-height: calc(6rem + 1.2rem); border: 6px solid #00FFCB; box-shadow: 0 0 6rem rgba(0, 255, 203, .64); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all .3s ease-in-out 0s;}.button-Request:hover, .button-Request:focus{color: #313133; transform: translateY(-6px);}button:hover::before, button:focus::before{opacity: 1;}button::after{content: ''; width: 30px; height: 30px; border-radius: 100%; border: 6px solid #00FFCB; position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: ring 1.5s infinite;}button:hover::after, button:focus::after{animation: none; display: none;}@keyframes ring{0%{width: 30px; height: 30px; opacity: 1;}100%{width: 300px; height: 300px; opacity: 0;}}/* services css */ /* more services button starts */ /* more services button ends */ /* gallery */ .gallery{background-color: black;}.gallery .box-container-gal{-webkit-columns: 3 25rem; columns: 3 25rem; -webkit-column-gap: 1.5rem; column-gap: 1.5rem;}.gallery .box-container-gal .box-gal{margin-bottom: 1rem; -webkit-column-break-inside: avoid; break-inside: avoid;}.gallery .box-container-gal .box-gal #gal-img{width: 100%; border-radius: 1rem; margin-bottom: 1rem;}.gallery .box-container-gal .box-gal span{font-size: 1.4rem; color: #aaa;}.gallery .box-container-gal .box-gal h3{margin-top: .5rem; font-size: 2rem; color: rgb(8, 1, 1);}/* gallery */ .footer{background-color: #ffffff; /* background-image: linear-gradient(180deg, #52ffae 25%, #FFE32C 100%); */}.footer .box-container{display: -ms-grid; display: grid; -ms-grid-columns: (minmax(25rem, 1fr))[auto-fit]; grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); gap: 1.5rem; padding: 0 3rem;}.footer .box-container .box h3{font-size: 2.6rem; font-weight: bold; color: #484848; padding: 1rem 0;}.footer .box-container .box a{display: block; font-size: 2rem; font-weight: bold; color: #484848; padding: 1rem 0;}.footer .box-container .box a:hover{color: #ffcc00;}.footer .box-container .box a:hover i{padding-right: 2rem;}.footer .box-container .box a i{color: #00ff2a; padding-right: .5rem;}.footer .box-container .box p{font-size: 1.5rem; color: #666; margin-bottom: 1rem;}.footer .box-container .box form input[type="email"]{width: 100%; padding: 1rem 1.2rem; border-radius: .5rem; background: #eee; font-size: 1.6rem; text-transform: none; margin: .5rem 0;}.footer .credit{text-align: center; padding: 1rem; padding-top: 2.5rem; margin-top: 2.5rem; font-size: 2rem; color: #666; border-top: 0.2rem solid #333;}.footer .credit span{color: #e84393;}.hero{width: 100%; display: flex; background: transparent; /* align-items: center; */ flex-direction: column; justify-content: center;}.social-links{display: flex;}.social-links a{width: 90px; height: 90px; text-align: center; text-decoration: none; color: #000; box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.05); /* margin: 0 30px; */ border-radius: 50%; position: relative; overflow: hidden; transition: transform 0.5s;}.social-links a .fab{font-size: 50px; line-height: 80px; position: relative; z-index: 10; transition: color 0.5s;}.social-links a::after{content: ''; width: 100%; height: 100%; top: -90px; left: 0; background: #000; background: linear-gradient(-45deg, #ed1c94, #ffec17); position: absolute; transition: 0.5s;}.icon{font-size: 2rem;}.social-links a:hover::after{top: 0;}.social-links a:hover .fab{color: #fff;}.social-links a:hover{transform: translateY(-10px);}/* contacts */ .contact .icons-container{display: -ms-grid; display: grid; -ms-grid-columns: (minmax(29rem, 1fr))[auto-fit]; grid-template-columns: repeat(auto-fit, minmax(29rem, 1fr)); gap: 1.5rem;}.contact .icons-container .icons{text-align: center; border: 0.1rem solid rgba(0, 0, 0, 0.1); padding: 2rem;}.contact .icons-container .icons i{height: 6rem; width: 6rem; line-height: 6rem; font-size: 2.5rem; background: #bac34e; color: #fff; border-radius: 50%;}.contact .icons-container .icons h3{color: #222; font-size: 2rem; padding: 1rem 0;}.contact .icons-container .icons p{color: #666; font-size: 1.5rem; line-height: 2;}.contact .row{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem; margin-top: 2rem;}.contact .row form{padding: 2rem; border: 0.1rem solid rgba(0, 0, 0, 0.1); -webkit-box-flex: 1; -ms-flex: 1 1 40rem; flex: 1 1 40rem;}.contact .row form h3{font-size: 2.5rem; padding-bottom: 1rem; color: #222;}.contact .row form .inputBox{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;}.contact .row form .inputBox input{width: 49%;}.contact .row form .inputBox .box, .contact .row form textarea{padding: 1rem 1.2rem; font-size: 1.6rem; border: 0.1rem solid rgba(0, 0, 0, 0.1); color: #222; text-transform: none; margin: .7rem 0;}.contact .row form textarea{width: 100%; height: 15rem; resize: none;}.contact .row .map{-webkit-box-flex: 1; -ms-flex: 1 1 40rem; flex: 1 1 40rem; width: 100%;}/* contacts ends */ /* text animation */ .animation-text{display: flex; align-items: center; justify-content: center; height: 97.33vh; background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%); font-family: sans-serif;}#card{width: 200px; height: 400px; z-index: 2; background: rgba(255, 255, 255, 0.05); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: inset 1px 1px 0.12px rgba(255, 255, 255, 0.4), 1px 1px 3px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.18); animation: move 5s ease-in-out infinite; background-clip: padding-box;}.vr-animation{position: absolute; z-index: 1; font-size: 180px; font-weight: bold; letter-spacing: 15px; background: -webkit-linear-gradient(90deg, rgba(255, 0, 0, 1) 8%, rgba(230, 0, 255, 1) 54%, rgba(0, 181, 255, 1) 87%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}@keyframes move{0%{transform: translateX(-200px);}50%{transform: translateX(200px);}100%{transform: translateX(-200px);}}#rect{top: 30px; width: 100px; height: 100px; background: rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); box-shadow: inset 1px 1px 0.12px rgba(255, 255, 255, 0.4), 1px 1px 3px rgba(0, 0, 0, 0.1); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.18); position: absolute;}#circle{bottom: 100px; left: calc(100vw / 3); width: 50px; height: 50px; background: rgba(255, 255, 255, 0.1); box-shadow: inset 1px 1px 0.12px rgba(255, 255, 255, 0.4), 1px 1px 3px rgba(0, 0, 0, 0.1); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.18); position: absolute;}/* animations starts */ .post-header{height: auto;}.hero-container{font-size: 16px; height: 100vh; width: 100%; max-height: 62em; min-height: 32em; text-align: center; position: relative; top: -60px; background-image: linear-gradient(157deg, #FFD17C 4%, #E77FE9 96%);}.hero-container h1{font-size: 8em; margin: 0;}.hero-container h2{font-size: 4.5em; margin: 0;}.hero-container h3{font-size: 1.5em; text-transform: uppercase;}.hero-container:before, .hero-container:after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 30%, white);}.hero-container:after{background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 90%, white);}.animation-container{position: absolute; top: 0; right: 0; bottom: 0; left: 0; perspective: 1400px; transform-style: preserve-3d; overflow: hidden;}.animation-pages-container{height: 40em; margin: 0 auto; max-width: 420em; pointer-events: none; position: absolute; transform-style: preserve-3d; transform: rotateY(31deg) rotateX(50deg) rotateZ(-5deg) scale(1) translate(0, 5em); width: 220%;}.animation-parts-page{-webkit-animation: add-page 0.4s 1.5s cubic-bezier(0.21, 0.91, 0.39, 0.99) forwards; animation: add-page 0.4s 1.5s cubic-bezier(0.21, 0.91, 0.39, 0.99) forwards; background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.5) 7%, rgba(255, 255, 255, 0) 100%); height: 42em; margin: 0 2em; opacity: 0; padding: 1em 0; position: absolute; transform-style: preserve-3d; transition: all 2.5s cubic-bezier(0.43, 0, 0.31, 1); width: 24em;}.animation-parts-page:nth-child(1){left: -28em;}.animation-parts-page:nth-child(2){left: 0;}.animation-parts-page:nth-child(3){left: 28em;}.animation-parts-page:nth-child(4){left: 56em;}.animation-parts-page:nth-child(5){left: 84em;}.animation-parts-page:nth-child(6){left: 112em;}.animation-parts-page.initial-load{-webkit-animation: add-page-initial 1s 0.5s cubic-bezier(0.77, 0, 0.35, 1) forwards; animation: add-page-initial 1s 0.5s cubic-bezier(0.77, 0, 0.35, 1) forwards;}.animation-parts-page.initial-load .box1{-webkit-animation-delay: 0.4s; animation-delay: 0.4s;}.animation-parts-page.initial-load .box2{-webkit-animation-delay: 0.6s; animation-delay: 0.6s;}.animation-parts-page.initial-load .box3{-webkit-animation-delay: 0.8s; animation-delay: 0.8s;}.animation-parts-page.initial-load .box4{-webkit-animation-delay: 1s; animation-delay: 1s;}.animation-parts-page.removing{-webkit-animation: remove-page 0.6s ease-out forwards; animation: remove-page 0.6s ease-out forwards; opacity: 0.8;}.animation-parts-page .box{-webkit-animation: add-box 0.5s cubic-bezier(1, -0.74, 0, 1.48) forwards; animation: add-box 0.5s cubic-bezier(1, -0.74, 0, 1.48) forwards; opacity: 0; background: rgba(255, 255, 255, 0.7);}.animation-parts-page .box1{-webkit-animation-delay: 2s; animation-delay: 2s; width: 90%; height: 20%; margin: 2.5% auto;}.animation-parts-page .box2{-webkit-animation-delay: 2.5s; animation-delay: 2.5s; width: 40%; height: 10%; margin: 2.5% auto;}.animation-parts-page .box3{-webkit-animation-delay: 3s; animation-delay: 3s; width: 90%; height: 40%; margin: 2.5% auto;}.animation-parts-page .box4{-webkit-animation-delay: 3.5s; animation-delay: 3.5s; width: 90%; height: 20%; margin: 2.5% auto;}@-webkit-keyframes add-page{0%{transform: translateY(10em) translateZ(10em) rotateZ(20deg); opacity: 0;}30%{opacity: 0.8;}100%{transform: none; opacity: 0.8;}}@keyframes add-page{0%{transform: translateY(10em) translateZ(10em) rotateZ(20deg); opacity: 0;}30%{opacity: 0.8;}100%{transform: none; opacity: 0.8;}}@-webkit-keyframes add-page-initial{0%{transform: translateZ(-10em); opacity: 0;}30%{opacity: 0.8;}100%{transform: none; opacity: 0.8;}}@keyframes add-page-initial{0%{transform: translateZ(-10em); opacity: 0;}30%{opacity: 0.8;}100%{transform: none; opacity: 0.8;}}@-webkit-keyframes remove-page{0%{transform: none; opacity: 0.8;}100%{transform: translateZ(-10em) rotateZ(-45deg) scale(0.3); opacity: 0;}}@keyframes remove-page{0%{transform: none; opacity: 0.8;}100%{transform: translateZ(-10em) rotateZ(-45deg) scale(0.3); opacity: 0;}}@-webkit-keyframes add-box{0%{opacity: 0; transform: translateY(-0.25em) scale(0.8);}100%{opacity: 1; transform: none;}}@keyframes add-box{0%{opacity: 0; transform: translateY(-0.25em) scale(0.8);}100%{opacity: 1; transform: none;}}@-webkit-keyframes fade-up{from{opacity: 0; transform: translateY(0.5em);}to{opacity: 1; transform: none;}}@keyframes fade-up{from{opacity: 0; transform: translateY(0.5em);}to{opacity: 1; transform: none;}}.cssanimations .fade-up{opacity: 0; -webkit-animation: fade-up 1s 0.2s cubic-bezier(0.77, 0, 0.35, 1) forwards; animation: fade-up 1s 0.2s cubic-bezier(0.77, 0, 0.35, 1) forwards;}.course-title-container{position: absolute; left: 0; right: 0; top: 0; bottom: 0;}.course-title{left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%;}.btn-header-enroll{margin-top: 2rem !important; background-color: #FFA200 !important; border-color: #FFA200 !important;}/* animations ends */ /* text animation ends */ /* 3d animation */ .3d-animation{height: 50em; overflow-x: hidden;}.bg-screen{position: absolute; z-index: 0; overflow: hidden;}.content-front:nth-child(2):after{content: '';}.bg-header{background-color: rgb(16 255 0 / 20%); padding: 12px 20px; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);}a:hover{text-decoration: none; color: #05C2DE; text-shadow: 2px 1px 1px white; transition: 1s;}.welcome-board-name{font-family: 'Vast Shadow', cursive; color: #ffffff; font-size: 2.3em; text-shadow: 1px 2px 3px #03802a;}.content-inner{width: 100%; color: #fff; position: relative; transform-style: preserve-3d; perspective: 1000px; backface-visibility: hidden; transition: 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);}.fl-wrap{float: left; width: 100%; position: relative;}.content-inner .content-front, .content-inner .content-back{position: relative; transform-style: preserve-3d; perspective: 1000px; backface-visibility: hidden; height: 100%; display: flex; justify-content: center; align-items: center;}.content-front{background: #292929; position: relative;}.content-inner>*{backface-visibility: hidden; transition: 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);}.cf-inner:before, .cf-inner:after{content: ""; position: absolute; width: 50px; height: 50px; border-color: rgba(255, 255, 255, 0.4); z-index: 10;}.cf-inner:before{top: 20px; left: 20px; border-left: 1px solid; border-top: 1px solid;}.bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-attachment: scroll; background-position: center; background-repeat: repeat; background-origin: content-box;}.overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; z-index: 3;}.content-inner .cf-inner .inner{align-items: stretch; transform-style: preserve-3d; perspective: 1000px; backface-visibility: hidden; transform: translateZ(95px) scale(0.81); text-align: center; position: relative; z-index: 2;}.cf-inner:after{bottom: 20px; right: 20px; border-right: 1px solid; border-bottom: 1px solid;}.content-inner .cf-inner .inner h2{position: relative; font-size: 22px; font-weight: 800; padding-bottom: 20px;}.content-inner .cf-inner .inner h2:before{content: ""; position: absolute; left: 50%; bottom: 10px; width: 20px; height: 2px; margin-left: -10px;}.content-inner .content-front li{display: inline-block; color: #fff; text-transform: uppercase; font-size: 10px; letter-spacing: 2px; margin: 0 4px;}.cf-inner:after{bottom: 20px; right: 20px; border-right: 1px solid; border-bottom: 1px solid;}.content-inner .content-front, .content-inner .content-back{position: relative; transform-style: preserve-3d; perspective: 1000px; backface-visibility: hidden; height: 100%; display: flex; justify-content: center; align-items: center;}.content-inner .cf-inner .inner{align-items: stretch; transform-style: preserve-3d; perspective: 1000px; backface-visibility: hidden; transform: translateZ(95px) scale(0.81); text-align: center; position: relative; z-index: 2;}.content-inner:hover .content-front{transform: rotateY(-180deg);}.content-inner:hover .content-back{transform: rotateY(0deg);}.content-inner .content-back{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; transform: rotateY(180deg); background: #292929; background-image: url("https://images.unsplash.com/photo-1478760329108-5c3ed9d495a0?ixlib=rb-1.2.1&auto=format&fit=crop&w=667&q=80");}.content-inner .cf-inner{transform-style: preserve-3d; backface-visibility: hidden; width: 100%; padding: 150px 20px;}.serv-price-wrap{background: rgba(255, 255, 255, 0.05); padding: 15px 30px; margin-top: 14px; font-size: 11px; text-transform: uppercase; letter-spacing: 2px;}.content-inner .cf-inner .inner h2:before{background: #00bcd4;}inner:before, .cf-inner:after{content: ""; position: absolute; width: 50px; height: 50px; border-color: rgba(255, 255, 255, 0.4); z-index: 10;}.cf-inner:before, .cf-inner:after{content: ""; position: absolute; width: 50px; height: 250px; border-color: rgba(0, 188, 212, 0.33); z-index: 10;}.dec-icon{padding-bottom: 40px;}.content-back .cf-inner:before{top: 125px;}.content-back .cf-inner:after{bottom: 125px;}/* custom-cursor */ /*===============================================================================================*/ .custom-cursor{width: 3rem; height: 3rem; border: 1px solid hsla(0, 0%, 100%, .7); border-radius: 100%; background: hsla(0, 0%, 80%, .2); position: absolute; z-index: 5; transform: translate(-50%, -50%); pointer-events: none;}/* buttons */ /*===============================================================================================*/ /* btn-circle */ /* ---------------------------------------- */ .btn-circle{width: 4rem; height: 4rem; border-radius: 100rem; display: flex; justify-content: center; align-items: center;}/* btn-pTSecond */ /* ---------------------------------------- */ .btn-pTSecond{margin-top: 2rem; border: border: 1px solid red; transform: scale(.8); transform-origin: left center; transition: .3s;}.btn-pTSecond:hover, .btn-pTSecond:focus{transform: scale(1);}.btn-pTSecond::before{content: ''; width: 100%; height: 100%; border-radius: inherit; position: absolute; background: var(--gradient-2); transform: scale(0); transition: .6s;}/* 3d animation ends */ @media (max-width: 1280px){html{font-size: 55%;}.header{padding: 0 2rem;}section{padding: 2rem;}.home .slide{width: 100%; min-height: 88vh;}}@media (max-width: 770px){#menu-btn{display: inline-block;}.header{padding: 2rem;}.header .navbar{position: absolute; top: 99%; left: -17rem; right: 0; background: #fff; -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}.header .navbar.active{-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}.header .navbar ul li{width: 100%;}.header .navbar ul li ul{position: relative; width: 100%;}.header .navbar ul li ul li a{padding-left: 4rem;}/* .home .slide{width: 100%; min-height: 40vh;}*/ .btn{margin-bottom: 3rem; font-size: 2.5rem;}#services-logo{width: 50%;}.home2 .content h2{font-size: 3.5rem;}.home2 .content h3{font-size: 1.5rem;}.home3 .content h2{font-size: 3.5rem;}.home3 .content h3{font-size: 1.5rem;}.logos{width: 50%;}.about .row{height: 110rem;}#card{width: 100px; height: 150px;}.animation-text{height: 50.33vh;}.vr-animation{font-size: 70px;}.footer .box-container .box h3{font-size: 2rem;}.footer .box-container .box a{font-size: 1.5rem;}.hero-container h1{font-size: 6em;}.title-section-desc{max-width: 100%;}@media (max-width: 450px){html{font-size: 50%;}.home .slide .content h3{font-size: 4rem;}.shopping-cart .box-container .box{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column;}.home .slide{width: 100%; min-height: 35vh;}.services-btn{height: 100px;}#services-btn-svg{height: 2.5rem;}.cta{font-size: 20px; font-weight: bold; padding: 9px 17px;}.service-container .box h3{font-size: 4rem;}.service-container .box p{font-size: 3rem;}.footer .box-container{grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));}#first-img{width: 75%;}#second-img{width: 75%;}.home2 .content h2{font-size: 3rem;}.home2 .content h3{font-size: 1.5rem;}.home3 .content h2{font-size: 3rem;}.home3 .content h3{font-size: 1.5rem;}.logos{width: 40%;}.col-md-6{width: 100%;}.about .row{height: 300rem;}#why-choose-us .row{margin-right: 0; margin-left: 0;}.btn-c{display: none;}.service-container{width: 37rem}.service-container .box h2{font-size: 5rem;}.service-container .box h3{font-size: 3rem;}.service-container .box p{font-size: 2rem;}#card{width: 100px; height: 126px;}.vr-animation{font-size: 41px;}.animation-text{height: 40.33vh;}}@media (max-width: 450px){.vr-animation{font-size: 37px;}.hero-container h2{font-size: 3.5em;}.hero-container h1{font-size: 4em; margin: 0; font-weight: bold;}}/*# sourceMappingURL=style.css.map */