/* @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');


:root{
    --theme-color:#CA5C20;
    --sec-theme-color:#040472;

}
/* common css start */
body{font-size: 16px;line-height: 26px;color: #4b4b4b;font-weight: 400;color: #292929;font-family: 'Poppins', sans-serif;}
li,a,ul,input,select{list-style: none;text-decoration: none;color: #000;padding: 0;margin: 0;}
h1{font-size: 65px;line-height: 70px;}
.site-title {margin-bottom: 16px; font-weight: 600;font-size: 50px;line-height: 60px;text-transform: uppercase;}
h3{font-size: 26px;}
h4{font-size: 24px;line-height: 32px;font-weight: 500;text-transform: uppercase;margin-bottom: 16px ;}

.custome-btn:hover:after {transform: scale(10); transition: .5s ease-in-out; background: var(--sec-theme-color);}
.custome-btn::after { transition: .5s ease-in-out;  height: 30px; width: 30px; border-radius: 100%;transform: translate(-50% , -50%); position: absolute; top: 50%;  left: 50%; content: ""; z-index: -1;}
.custome-btn{transition: .5s ease-in-out;font-size: 18px;line-height: normal;display: inline-block;font-weight: 400;border-radius: 50px;position: relative;z-index: 1;overflow: hidden; background-color: var(--theme-color);color: #fff;text-transform: uppercase;padding: 14px 27px;}
.costome-btn i{ margin-left: 12px;}
h1, h2, h3, h4,h5,h6{margin-bottom: 16px;font-weight: 500;color: #000;font-family: 'Oswald', sans-serif;}
p{margin-bottom: 16px;}
p:last-child{margin-bottom: 0;}
img{max-width: 100%;}
.ptb-100{padding-top: 100px; padding-bottom: 100px; }
.pt-100{padding-top:100px; } 
.pb-100{padding-bottom: 100px;}
.small-title{padding-bottom: 10px; line-height: 24px; font-weight: 500;color: var(--theme-color);position: relative;width:fit-content;margin-bottom: 10px;display: block;font-size: 18px;}
.small-title::after{content: ""; background-color: var(--theme-color); height: 3px;width: 85px;left: 0px;right: 0;margin: auto; position: absolute;bottom: 0;}
.small-title::before{  animation: small-title 4s infinite linear; content: ""; background-color: var(--theme-color); height: 9px;width: 9px;left:0px;right: 0; margin: auto; border-radius: 100%; position: absolute;bottom: -3px;}
.small-title.start::before {right: inherit;left: 40px;}
.small-title.start::after{right: inherit;}
@keyframes small-title { 0%{transform: translateX(-20px);} 50%{transform: translateX(20px);} 100%{transform: translateX(-20px);}  }    
/* common css end*/
   /* overly start */
    .overly{height: 100%;width: 100%;position: fixed;background: #000000e0;z-index: 2;right:0;transition: 1.5s ease;opacity: 0; visibility: hidden;}
    .overly.active{opacity: 1;visibility: visible;}
   /* overly end */



/* header start  */
header { overflow: hidden;}
.header-main{position: relative;}
header .container{display: flex;}
header .logo { width: 20%;display: flex;align-items: center;position: relative;  clip-path: polygon(0 0, 74% 0, 100% 100%, 0% 100%);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(241, 241, 241) 0%);}

.header-main::before{content: ""; height: 100%;width:22%;z-index: -1; position: absolute;left: 0;top: 0;background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgb(241, 241, 241) 0%);}

header .logo img{height: 100px;}
.h-right-area{width: 80%;}
/* top header start  */
.top-header{display: flex;justify-content: space-between;   align-items: center;    padding: 12px 0;}
.top-header::before{content: "";height: 56px; right: 0px;   top: 0px;width: 80%;position: absolute;z-index: -2;background: linear-gradient(25deg, rgba(255,255,255,1) -30%, rgb(241, 241, 241) 100%); }
 .social-icon ul{display: flex;}
.social-icon ul li:not(:last-of-type){margin-right: 15px;}
 .social-icon ul li a{z-index: 1; transition: 0.5s ease;height: 32px;width: 32px;  position: relative;  box-shadow: 0px 4px 8px 2px rgba(122, 122, 122, 0.16);background-color: #ffffff;display: flex;align-items: center;justify-content: center;color: var(--theme-color);border-radius: 100%;}
 .social-icon ul li a:hover{color:#fff;}
 .header-contact ul{display: flex;align-items: center;}
.header-contact ul li:not(:last-of-type){margin-right: 30px;}
 .header-contact ul li i{margin-right:8px;color: var(--theme-color);font-size: 16px;}
.social-icon ul li a:before { content: "";position: absolute; width: 100%; height: 100%; border-radius: 50%; background: transparent; transition: 0.5s ease; left: 0px; top: 0px;z-index: -1;}
.social-icon ul li a:hover::before{ background-color: var(--theme-color);}
/* top header end  */

/* lower header start  */
.lower-header{display: flex;justify-content: flex-end; padding: 10px 0;}
.lower-header ul{display: flex;align-items: center;}
.lower-header ul li:not(:last-of-type){margin-right:45px;}
.lower-header .header-btn{margin-left: 50px;}
.lower-header .navigation li a{transition: .5s ease;}
.lower-header .navigation li{position: relative;transition: .5s ease;}
.lower-header .navigation li.active a{color: var(--theme-color);transition: .5s ease;}
.lower-header .navigation li:hover a{color: var(--theme-color); transition: .5s ease;}

.lower-header .navigation li.active::before{width: 100%;}
.lower-header .navigation li::before{content: "";height: 4px; width: 0; bottom: -5px;left: 0;position: absolute;transition: .5s ease;background-color: var(--theme-color);}
.lower-header .navigation li:hover:before{width: 100%;}
.header-btn a { transition: .5s ease; color: #fff; background: var(--sec-theme-color); padding: 11px 70px 11px 33px; border-radius: 30px; display: inline-block;  position: relative;}
.header-btn a span {transition: .5s ease; background-color: var(--theme-color); border-radius: 100%; height: 54px;  width: 54px; top: -3px; display: flex; position: absolute; right: 0; justify-content: center; align-items: center;}
.header-btn a:hover span{background: var(--sec-theme-color);transform: rotate(360deg);} 
.header-btn a:hover {background: var(--theme-color);}
/* lower header end  */

/* sticky header start */
.stickyheader{position: fixed;width: 100%;z-index: 100;background-color: #fff;animation: sticky-header 1s; box-shadow: rgba(0, 0, 8, 0.20) 0px 0px 8px 0px;}
@keyframes sticky-header{ 0%{transform: translateY(-100px);}100%{transform: translateY(0px);}}
.stickyheader .logo img {height: 80px;}
.stickyheader .top-header { padding: 8px 0;}
.stickyheader .top-header::before { height: 48px;}
.stickyheader .header-btn a {padding: 8px 60px 8px 24px;font-size: 15px;}
.stickyheader .header-btn a span { height: 48px; width: 48px; }
.stickyheader .header-btn a span img{height: 30px;}
.stickyheader .lower-header ul li:not(:last-of-type) {margin-right: 32px;}
.stickyheader .lower-header .navigation li a{font-size: 15px;}
.stickyheader .top-header .header-contact ul li a {font-size: 15px;}
.stickyheader .lower-header {padding: 8px 0;}


/* sticky header start */

/* header end  */


/* home banner start  */
.home-banner{min-height: 700px;background-color: var(--sec-theme-color);display: flex;align-items: center;position: relative;z-index: 1;}
.home-banner .home-banner-img{position: relative;display: flex;justify-content: center;}
.home-banner .home-banner-img img{max-width: 90%;}
.home-banner .home-banner-img .fix-img{position: absolute;left: 0;     transform: translateX(-10px);  -webkit-mask-image: url(../img/home-banner-img-shape3.png); mask-image: url(../img/home-banner-img-shape3.png); -webkit-mask-size: 96%;mask-size: 96%; -webkit-mask-repeat: no-repeat;  right: 0; margin: auto; animation: h-banner 2.5s ease-in-out infinite both alternate; mask-repeat: no-repeat;}
@keyframes h-banner{  0% { transform: translateY(-10px);} 0% { transform: translateY(10px); } 0% { transform: translateY(-10px);}}
.home-banner .dot{position: absolute;height: 100px;width: auto  ; right: 50px;opacity: .5;animation: setting 11s infinite linear;  z-index: -1;}
.home-banner .col-lg-6{display: flex;align-items: center;}
.home-banner::before{position: absolute;height: 100%;width: 100%;top: 0;left: 0;content: "";background: url(../img/banner-line.png) no-repeat center;z-index: -1;opacity: .1;}
.home-banner-text span{color:var(--theme-color);font-size: 25px;margin-bottom: 16px;display: block;}
.home-banner-text{color: #fff;}
.home-banner-text h1{margin-bottom: 25px; color: #fff;}
.home-banner-text p{margin-bottom: 40px;font-size: 18px;line-height: 28px;}
.home-banner-text .custome-btn:hover:after {background-color: #ffff;}
.home-banner-text .custome-btn:hover {color: var(--theme-color);transition: .5s ease-in-out;}
.setting-animated {position: absolute;top: 20px;left: 10px;}
.setting-animated .set-1{height: 110px;animation: setting 10s infinite linear;opacity: .05;}
.setting-animated .set-2{height: 80px;margin-top: 80px;margin-left: 5px;animation: setting 7s infinite linear;opacity: .05;}
@keyframes setting {0%{transform: rotate(0deg); } 100%{transform: rotate(360deg); }
    
}
/* home banner end  */


/* home about start  */
.home-about .about-img { border-radius: 100%;width: 510px; height: 510px; background-color: #103e69; box-shadow: 0 22px 0 var(--theme-color),inset 0 0 1px var(--theme-color);overflow: hidden;animation: border 2.5s ease-in-out infinite both alternate;}
@keyframes border{  0% { border-radius: 22% 58% 70% 30% / 45% 45% 55% 55% } 100% { border-radius: 52% 68% 68% 68% / 35% 80% 50% 35%}}
.home-about ul{padding-bottom: 30px;}
.home-about li {margin-bottom: 10px;}
.home-about li .icon {background: linear-gradient(45deg, #CA5C20, #ff9f6b 100%); color: #fff;width: 25px;height: 25px;display: inline-block;text-align: center;line-height: 25px; border-radius: 50%; margin-right: 6px; font-size: 13px;}
.home-about .svg-inline--fa { height: 1em; overflow: visible; vertical-align: -.125em;}
.home-about li .text {font-weight: 500;}
/* home about end */

/* home service start  */
.home-service .service-item {padding: 10px;}
/* home service end */



/* home service slider start  */
.home-service{background: #f5f5f5;}
.home-service .service-title {display: flex;align-items: center;flex-direction: column;}
.home-service .service-title h2{margin-bottom: 40px;text-align: center;}
.home-service .service-item{padding: 15px;}
.home-service .home-service-box{background: #fff;padding: 20px;border-radius: 5px; box-shadow: rgba(0, 0, 10, 0.10) 0px 0px 20px 0px;}
.home-service .home-service-box .service-img img{border-radius: 5px;}
.home-service .home-service-box .service-icon{width: 100%;display: flex;justify-content: center;margin-top: -45px;}
.home-service .home-service-box .service-icon span{height: 80px; width: 80px;border: 10px solid #fff; background: var(--theme-color);border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.home-service .home-service-box .service-icon img{height: 30px;}
.home-service .home-service-box .service-content{text-align: center;}
/* home service slider end  */


/* our featured start */
.our-featured{background: var(--sec-theme-color);position: relative;z-index: 1;}
.our-featured:before{position: absolute;height: 100%;width: 100%;top: 0;left: 0;content: "";  background: #000053;clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 0% 100%); z-index: -1;opacity: .1;}

.our-featured .row{display: flex;justify-content: center;}
.our-featured .featured-title{margin-bottom: 60px;display: flex;flex-direction: column;align-items: center;}
.our-featured h2{color: #fff;}
.our-featured .featured-img{transition: 1s;border: 10px solid var(--sec-theme-color);    box-shadow: #ca5b2048  0px 0px 80px 0px;display: flex;justify-content: center;align-items: center; background-color: #fff;height: 100px;width:100px;border-radius: 100%;margin-bottom: 20px;}
.our-featured .featured-img img{height: 48px;}
.our-featured .featured-box {position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;padding:  40px 20px ;transition: 1s ease;border: 1px solid #ffffff13;border-radius: 5px;}
.our-featured .col-md-4:not(:first-of-type) .featured-box{margin-top: 30px;}
.our-featured .col-md-4:nth-child(2) .featured-box{margin-top: 0;}
.our-featured .col-md-4:nth-child(3) .featured-box{margin-top: 0;}

.our-featured .featured-box::before{opacity: .06; content: ""; -webkit-text-stroke: 2px #ffffff; position: absolute;top:50%;left: 50%; z-index: -1; transform: translate(-50% , -50%); font-size: 200px;font-weight: bolder;color: transparent; }
.our-featured .featured-box:hover  .featured-img{transform: rotate(360deg); transition: 1s;}
.our-featured .col-md-4:first-child .featured-box::before{content: "01";}
.our-featured .col-md-4:last-child .featured-box::before{content: "03";}
.our-featured .col-md-4:nth-child(2) .featured-box::before{content: "02";}
.our-featured .featured-box:hover{box-shadow: rgba(255, 255, 255, 0.1) 0px 0px 20px 0px;transition: 1s ease;transform: translateY(-10px);}
.our-featured .featured-box h4{color: #fff;text-align: center;}
.our-featured .featured-box p{color: #fff;text-align: center;}
/* our featured end */

/* mercury start  */
.mercury-text {overflow: hidden; padding-bottom: 20px;}
.mercury-text .box { position: relative;-webkit-animation: slide-har 40s linear infinite; animation: slide-har 40s linear infinite; display: -webkit-box; display: -ms-flexbox; display: flex;}
.mercury-text .box .item { padding: 0 30px; display: flex; align-items: center;}
@keyframes slide-har {  0% {-webkit-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(-300%); transform: translateX(-300%);} }
.mercury-text .box .item h4 { font-size: 7vw; margin-bottom: 1vw; white-space: nowrap;line-height: 1; margin: 0;font-weight: 900;}
.mercury-text .box:last-of-type .item:nth-of-type(even) h4 {color: #1d1d1d; -webkit-text-stroke: 0;}
.mercury-text  .box:last-of-type .item:nth-of-type(odd) h4 {color: transparent; -webkit-text-stroke: 1px #1d1d1d;}
/* mercury end  */

/* testimonial start  */
.testimonials{padding: 90px 0  82px 0; }
.testimonials .container{position: relative; overflow: hidden;}
/* testimonial left start  */
.testimonial-left{max-width: 440px;}
.testimonial-left  span.sec-title-small {text-align: start;margin-bottom: 14px;}
.testimonial-left  h2.sec-title-big {text-align: start;line-height: 48px; }
/* testimonial right start  */
.testimonial-right{position: relative;    margin-left: -125px;z-index: -1;}
.testimonial-right img{border-radius: 15px;width: 100%;}
.testimonial-right  .play-btn{position: absolute;;top: 0;right: 0;bottom: 0;left: 0;margin: auto;display: inline-table;}
.testimonial-right  .tistimonial-play{height: 65px; width: 65px; background-color:var(--theme-color);display: flex;align-items: center;justify-content: center;border-radius: 100%;}
.testimonial-right  .tistimonial-play i{color: #ffffff;font-size: 24px;}

/* testimonial slider  */
.testimonial-slider{position: inherit !important; }
.testimonial-slider .slick-list{overflow: visible;  }
.testimonial-slider .slick-current.slide{visibility: visible; }
.testimonial-slider .slide{margin-right: 30px;visibility: hidden; }
.testimonial-slider .slide-box{background: #ffffff;padding: 76px 88px; margin: 38px 0px 15px 0;border-radius: 30px; position: relative;  box-shadow: rgba(0, 0, 10, 0.10) 0px 0px 20px 0px;}
.slide-box ul{display: flex;padding-left: 0; margin-bottom: 40px}
.slide-box ul li:not(:last-of-type){margin-right: 10px;}
.testimonial-top-img{height:75px;width:75px;background:var(--theme-color);position: absolute;right: 195px;top: -35px;border-radius: 4px;display: flex;justify-content: center;align-items: center;}
.testimonial-slider .slide-box  p{margin-bottom: 28px;}
.testionial-name span{font-size: 18px;font-weight: 500;font-family: 'Oswald', sans-serif; position: relative;padding-left: 32px;}
.testionial-name span:before{content: "";position: absolute;left: 0;top: 50%;height: 1px;width: 20px;background: var(--theme-color);}
.testimonial-slider  ul.slick-dots{margin: 0 0 0 auto; position: absolute; right: 15px;bottom: 0; width: 60px;display: flex;justify-content: space-between;    padding: 0;}
.testimonial-slider  ul.slick-dots li{height: 20px; width: 20px;border-radius: 100%; display: flex;justify-content: center;align-items: center;border: 1px solid transparent;}
.testimonial-slider  ul.slick-dots li.slick-active{border: 1px solid var(--theme-color);}
.testimonial-slider  ul.slick-dots li button{height: 10px;width: 10px;padding: 0;font-size: 0;border-radius: 100%;background: var(--theme-color);border: 0;}
.play-hover { position: relative; z-index: 1;}
.play-hover::before { content: ""; z-index: -1; position: absolute; left: -12px; top: -12px; right: -12px; bottom: -12px; border-radius: 50%;  background-color: var(--theme-color); z-index: -1; animation: callBlink 3s infinite ease-in-out; animation-delay: 0.8s;}
.play-hover::after {z-index: -1; content: ""; position: absolute; left: -12px; top: -12px;  right: -12px; bottom: -12px; border-radius: 50%; background-color: var(--theme-color);z-index: -1; animation: callBlink 3s infinite ease-in-out;}
@keyframes callBlink {from {transform:scale(0.5);opacity:1}to {	transform: scale(1.6);	opacity: 0}}
/* testimonial end  */


/* home cta start  */
.home-cta{min-height: 500px;position: relative;background-attachment: fixed !important;z-index: 1;display: flex;align-items: center;}
.home-cta::before{content: "";position: absolute;left: 0;top: 0;background-color: #000000b9;z-index: -1;height: 100%;width: 100%;}
.home-cta .cta-text{display: flex;flex-direction: column;align-items: center;}
.home-cta .cta-text h2{color: #fff;margin-bottom: 40px;text-align: center;}
.home-cta .cta-text .custome-btn:hover{color: #000;}
.home-cta .cta-text  .custome-btn:hover:after {background-color: #ffff;}
/* home cta end  */


/* top btn start  */
.top-btn{ position: fixed; bottom: 35px; right: 35px;z-index: 1;opacity: 0;visibility: hidden; transition: .5 ease; }
.top-btn span{transition: .5s ease;cursor: pointer;  box-shadow: rgba(0, 0, 10, 0.22) 0px 0px 20px 0px; display: flex; justify-content: center; align-items: center; height: 60px; width: 60px;  background-color: var(--theme-color); border-radius: 50%; color: #fff; text-align: center;  }
.top-btn span i{font-size: 20px;}
.top-btn span:hover{background-color: var(--sec-theme-color);}
.top-btn.show { opacity: 1;visibility: visible; transition: .5 ease; animation: top-btn  1s; }
@keyframes top-btn {0%{transform: translateY(-1000px); } 100%{transform: translateY(0px); }
    
}
/* top btn end  */

/* watsapp btn start  */
.watsapp-btn {position: fixed;bottom: 35px;z-index: 1; left: 35px;}
.watsapp-btn .adminButton { display: flex; justify-content: center; align-items: center; height: 60px; width: 60px; background-color: #4caf50; border-radius: 50%; color: #fff; text-align: center; position: relative; z-index: 1; }
.watsapp-btn   a.adminButton i {font-size: 30px;}
.watsapp-btn .play-hover::after,.watsapp-btn .play-hover::before{background-color:  #4caf50;}
/* watsapp btn start  */



/* footer start  */
footer{position: relative;overflow: hidden;}
footer::before {opacity: .8; top: 0; content: ""; z-index: -1; background: url(../img/footer-map.png) center no-repeat ;background-size: contain; height: 100%;;width: 100%;position: absolute;}
/* f about start  */
.f-about{padding-right: 20px;}
.f-about .logo img{height: 80px;margin-bottom: 30px;}
/* link start  */
footer h4{position: relative;padding-bottom: 8px;}
footer h4::before{position: absolute;content: "";width: 50px;height: 4px;left: 0;bottom: 0;background-color: var(--theme-color);}
footer .services li:not(:last-of-type){margin-bottom: 8px;}
footer .social-icon li a{font-size: 30px;color: var(--theme-color);}
footer .services li{position: relative;transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;}
footer .services  li:hover { padding-left: 15px; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;}
footer .services  li a{ transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;}
footer .services  li a:hover{ color: var(--theme-color);transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s;}
footer .services li::before { content: ""; height: 2px;  width: 0px;  background: var(--theme-color);  position: absolute; left: 0px; top: 50%; transform: translateY(-50%); -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-ransition: all 0.5s ease-in-out 0s;  transition: all 0.5s ease-in-out 0s;}
footer .services li:hover::before {width: 12px;}

footer .contact li{padding-bottom: 15px;}
footer .contact li i{color: var(--theme-color);padding-right: 8px;}
/* social icon start  */
footer .social-icon{display: flex;justify-content: center;border-top: 1px dotted #ddd;padding: 30px 0; margin-top: 30px ;}
footer .social-icon li:not(:last-of-type){padding-right: 25px;}
footer .mob::before{content: "\f879";font-family: 'Font Awesome 5 Brands';color: var(--theme-color);font-size: 16px;}
footer .mail::before{content: "\f0e0";font-family: 'Font Awesome 5 Brands';color: var(--theme-color);font-size: 16px;}
footer .add::before{content: "\f3c5";font-family: 'Font Awesome 5 Brands';color: var(--theme-color);font-size: 16px;}



/* copyright start  */
footer .copyright {padding: 15px 0;background-color: var(--theme-color);}
footer .copyright p {text-align: center; color: #fff;}
/* footer end  */







.loader1 {
    display: inline-block;
    font-size: 0px;
    padding: 0px;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 999999;
    background: #000053;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: loader 3s linear  alternate;
    top: -2000px;
    }

@keyframes loader {
    0%{top: 0;} 90%{top: 0; opacity: 1;border-radius: 0;}   100%{top: -2000px; opacity: 0;border-radius: 0 0% 100% 100%;}
}
.loader1 span:nth-child(1) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background: var(--theme-color);
}
.loader1 span:nth-child(2) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
    background: var(--theme-color);
}
.loader1 span:nth-child(3) {
    -webkit-animation-delay: -0.26666s;
    animation-delay: -0.26666s;
    background: var(--theme-color);
}
.loader1 span:nth-child(4) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
    background: var(--theme-color);
}
.loader1 span:nth-child(5) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background: var(--theme-color);
}

.loader1 span {
    vertical-align: middle;
    border-radius: 100%;
    display: inline-block;
    width:30px;
    height: 30px;
    margin: 3px 2px;
    -webkit-animation: loader1 0.8s linear infinite alternate;
    animation: loader1 0.8s linear infinite alternate;
}

@keyframes loader1 {
    


0% {
    transform: scale(0, 0);
}
100% {
    transform: scale(1, 1);
}}