:root{
    --m-orange :#F26738 ;
    --m-black:#262626 ;
    --m-grey:#E6E6E6 ;
}
/* global */
*{
    font-family: "Montserrat", sans-serif;
}
a,a:hover{
    text-decoration: none!important;
    }
    a.m-black:hover{
        color: var(--m-orange);
        opacity: 1;
    }
    .differnce{
        mix-blend-mode: difference;
    }
    
/* color */
.m-orange{
    color: var(--m-orange);
}
.m-black{
    color: var(--m-black);
}
.m-grey{
    color: var(--m-grey);
}
.white{
    color: white;
}
.m-orange-outline{
    color: var(--m-grey);
    -webkit-text-stroke: 3px var(--m-orange);
}
.border-grey{
    border-color: #3E3E3E!important;
}
.border-right-1px{
    border-right: 1px solid #3E3E3E!important;
}
.bg-dark-grey{
    background-color: #323232;
}
/* fonts */
.f-8{
    font-size: 8px;
}
.f-16{
    font-size: 16px!important;
}
.f-18{
    font-size: 18px;
}
.f-20{
    font-size: 20px;
}
.f-22{
    font-size: 22px;
}
.f-24{
    font-size: 24px;
}
.f-25{
    font-size: 25px;
}
.f-26{
    font-size: 26px;
}

.f-30{
    font-size: 30px;
}
.f-40{
    font-size: 40px;
}
.f-45{
    font-size: 45px;
}
.f-48{
    font-size: 48px;
}
.f-60{
    font-size: 60px;
}
.f-70{
    font-size: 70px;
}
.f-80{
    font-size: 80px;
}
/* font-weight */
.regular{
       font-weight: 400; 

}
.medium{
    font-weight: 500; 
}
.light{
    font-weight: 300;
}
.semibold{
    font-weight: 600; 
}
.bold{   
    font-weight: 700; 
}
.extra-bold{
    font-weight: 800; 

}
/* line height */
.line-height-1{
    line-height: 1;
}
/* bg color */
.m-bg-orange{
    background-color: var(--m-orange);
}
.m-bg-black{
    background-color: var(--m-black);
}
.m-bg-grey{
    background-color: var(--m-grey);
}
.bg-white{
    background-color: white;
}
.bg-light-grey{
        background-color: #F1F1F1!important;
}
/* border */
.m-border-orange{
    border-color: var(--m-orange);
}
.border-left-2px{
    border-left: 2px solid var(--m-orange)!important;
}
.border-bottom-1px{
    width: fit-content;
    border-bottom: 2px solid var(--m-orange)!important;
}
.border-bottom-1px-grey{
    width: fit-content;
    border-bottom: 1px solid var(--m-grey)!important;
}
.border-bottom-2px{
    width: fit-content;
    border-bottom: 4px solid var(--m-orange)!important;

}
.c2-border{
    border-color:#26255E!important;
}
.c3-border{
    border-color:#1880C3!important;
}
.c4-border{
      border-color:#26506A!important;
}
.c5-border{
    border-color:#000000!important;
}
.border-left-3px{
    border-left: 3px solid #f26738;
}
.border-top-1px{
    border-top: 1px solid #5C5858;
    padding-top: 20px;
}

/* layout */
.wrapper{
    padding-left: 5.208vw;
    padding-right: 5.208vw;
}
.wrapper-left{
    padding-left: 5.208vw;
}
.wrapper-right{
    padding-right: 5.208vw;
}
.left-5vw{
   left: 5.208vw;
}
.justify-content-evenly{
    justify-content: space-evenly;
}
.mt-5vh{
    margin-top: 5.161vh
}
.mb-5vh{
    margin-bottom: 5.161vh
}
.seperator{
    height: 56vh;
    margin-top: auto;

}
.option{
    height: 100px;
}
/*  */
.m-card{
    width: 100%;
    height: 100%;
}
.our-clients .swiper-slide{
    width: 16.875vw;
    height: 21.290vh;
}
.our-clients .swiper-slide-active .m-card{
    border: 2px solid var(--m-orange);
}
.m-card img{
    height: 100%;
    max-width: 90%;
}
.hero-section{
    height: 83vh;
}
.managers-section{
    width: 70vw;
    position: relative;
    height: 47.52vh;
    border-bottom: 4px solid var(--m-orange);
}
.content-manager{
    bottom: 120%;
    position: absolute;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    width: 70%;
    right: 0;
}
.manager{
    width: 22%;
    position: absolute;
    bottom: 0;
    filter: grayscale(100%);
}
.content-manager{
    background-color: #606060;
    color: white;
}
.unactive{
    filter: grayscale(0%);
}
.manager:hover{
    filter: grayscale(0%);
}
.manager:nth-child(1){
    left: 0;
    z-index:1;
}
.manager:nth-child(2){
    left: 11.5%;
    z-index:2;
}
.manager:nth-child(3){
    left: 24%;
    z-index: 3;
}
.manager:nth-child(4){
    left: 34.5%;
    z-index: 5;
}
.manager:nth-child(5){
    right: 31.5%;
    z-index: 4;
}
.manager:nth-child(6){
    right: 23%;
    z-index:3;
}
.manager:nth-child(7){
    right: 11.5%;
    z-index:2;
}
.manager:nth-child(8){
    right: 0;
    z-index:1;
}
.our-service{
    height: 79vh;
}
.section{
    height: 100vh;   
}
.nav-item .menu{
    display: none;
}
.nav-item:hover .menu{
    display: block;
}
.nav-item:hover .nav-link{
    color: var(--m-orange)!important;
}
.bg-color{
    background-color: #F1F1F1
}
.our-services{
    height: 67vh;
}
/* width */
.max-width-100{
    max-width: 100%;
}
.max-height-100{
    max-height: 100%;
}
.height-fit-content{
    height: fit-content;
}
.h-fit-content{
    height: fit-content;
}
.w-fit-content{
    width: fit-content;
}
.h-2{
    height: 2%;
}
/* positions */
.t-0{
    top: 0;
}
.l-0{
    left: 0;
}
.r-0{
    right: 0;
}
.b-0{
    bottom: 0;
}
.b-0{
    bottom: 100%;
}
.label-position{
    top: 0;
    bottom: 0;
}
.form-control:focus + .label-position{
    top: auto;
    bottom: 70%!important;
}
.label-position-active{
    bottom: 70%;
}
.l-auto{
    left: auto;
}
.l-5{
    left:5%
}
.b-10{
    bottom: 34%;
}
.t-100{
    top: 100%;
}
/* margin */
.mt-12{
    margin-top: 12.688vh;
}
.mb-13{
    margin-bottom: 13.870vh;
}
.ml-6{
    margin-left: 6.09375vw;
}
.m-l{
    margin-left: 1.5625vw;  
}
.pl-1vw{
    padding-left: 1.5625vw;
}
.pl-4vw{
    padding-left: 4.218vw;
}
.px-4vw{
    padding-left: 4.218vw;
    padding-right: 4.218vw;
}
.mt-40px{
    margin-top: 4vh; 
}
.hero-img{
    padding-top: 5.80645vh;
    padding-bottom: 8.27956vh;
}
.hero-text{
    margin-top: 5.80645vh;
    padding-top: 6.77vh;
}
.text{
    padding-left: 1.5625vw;  
    margin-top: 4vh; 
    line-height: 43px;
    width: 74%;
}
.title{
    margin-top: 5.80645vh;
    padding-right: 1.5625vw;
    border-right:3px solid var(--m-orange);
    border-top: 3px solid var(--m-orange);
    border-bottom: 3px solid var(--m-orange);
    width: fit-content;
}
.title-v2{
    margin-top: 5.80645vh;
    padding-right: 1.5625vw;
    border-right:3px solid var(--m-orange);
    border-top: 3px solid var(--m-orange);
    width: fit-content;
}
.about-bg{
    background-position-x: center;
    background-position-y: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
}
.footer-bg{
    background-position-x: center;
    background-position-y: center;
    background-size: 85%;
    background-repeat: no-repeat;
}
.bg-mo{
    background-position-x: center;
    background-position-y: bottom;
    background-size: contain;
    background-repeat: no-repeat; 
}
.our-offices-bg,.our-companies-bg{
    background-position-x: center;
    background-position-y: bottom;
    background-size: cover;
    background-repeat: no-repeat; 
}
.title:before{
    content: "";
    margin-right: 1.5625vw;
    left: -3px;
    display: block;
    border-right: 4px solid var(--m-grey);
    height: 100%;
    top: 0;
    width: 3px;
    bottom: 0;
    position: absolute;
}
.our-offices-bg .title:before{
    border-right: 4px solid #e1e1df;
}
.our-companies-bg .title:before {
    border-right: 4px solid #b6b6b6;
}
.m-bg-black .title:before {
    border-right: 4px solid var(--m-black);
}
.m-w{
    width: 10vw;
    margin-right: auto;
    margin-bottom: 1rem;
}
.vertical {
    background-color: var(--m-grey);
    width: 2px;
    height: 100%;
  }
  footer .media svg{
    width: 12px!important;
  }
.case-study{
    background-size: contain;
    background-position-x: right;
    background-repeat: no-repeat;
    background-position-y: bottom;
}
  .media{
    width: 33.33%;
  }
  .bordered-left-right{
    border-left: 1px solid #5C5858;
    border-right: 1px solid #5C5858;
  }
  .bordered-left{
    border-left: 1px solid #5C5858;
  }
  .bordered-right{
    border-right: 1px solid #5C5858;
  }
  /* footer .media .facebook{
    width: 7px!important;
  } */
/* custome */
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus{}
.form-control{
    border-color: var(--m-black)!important;
    border: 1px solid;
    height: 48px !important;
}
.form-control:focus, .custom-control-input:checked:focus{
    border-color: var(--m-orange)!important;
    box-shadow: none!important;
}
.custom-control-input:checked ~ .custom-control-label::before{
    border-color: #f26738!important;
    background-color: #f26738!important;
    box-shadow: none!important;

}
.btn-outline-primary{
    color: #f26738!important;
    border: 2px solid!important;
}
.btn-outline-primary:hover ,.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle{
        background-color: #f26738!important;
        color: white!important;

}
.btn-primary,.btn-primary:hover,.btn-primary:focus,
.btn-outline-primary,.btn-outline-primary:hover,.btn-outline-primary:focus{
    box-shadow: none!important;
    border-radius: 0!important;
    border-color:  var(--m-orange)!important;
    font-size: 18px!important;
    min-width: 7.8125vw;
    font-weight: 500;
    height: 45px;
}
.btn-primary,.btn-primary:hover,.btn-primary:focus{
    background-color: var(--m-orange)!important;
}
.about-item{
    height: 19.784vh
}
.youtube-banner{
    width: 60.729vw;
    height: 70.645vh;
    border: 3px solid #f26738;
}
.marque-container{
    height: 34vh;
}
a,a:hover{
text-decoration: none!important;
/* color: #262626!important; */
}
.office{
    height:60vh;
    width: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after ,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after 
{
    color: #F1F1F1!important;
    font-size: 16px!important;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev,
.swiper-button-prev, .swiper-rtl .swiper-button-next{
    width: 2.5vw!important;
    height: 2.5vw!important;
    background-color: #262626!important;
}

.swiper-button-next ,
.swiper-button-prev{
    position:initial!important;
    bottom: 3vh!important;
    left: auto!important;
    top: auto!important;
}
.our-offices-bg .swiper-button-next ,
.our-offices-bg .swiper-button-prev{
    position:relative!important;
}
.our-companies-bg .swiper-button-next ,
.our-companies-bg .swiper-button-prev{
    position:initial!important;
}
.our-companies-bg .swiper-button-next,.our-companies-bg  .swiper-rtl .swiper-button-prev,
.our-companies-bg .swiper-button-prev,.our-companies-bg  .swiper-rtl .swiper-button-next{
    background-color: #E6E6E6!important;
}
.our-companies-bg .swiper-button-next:after,.our-companies-bg  .swiper-rtl .swiper-button-prev:after ,
.our-companies-bg .swiper-button-prev:after,.our-companies-bg  .swiper-rtl .swiper-button-next:after 
{
    color: #262626!important;
}
.our-companies-bg .swiper-pagination{
    position: initial!important;
    width: fit-content!important;
    height: fit-content!important;
    color: var(--m-orange)!important;
}
.swiper-button-prev{
    right: 6.5vw!important;
}
.company{
    background-color: #26262687;
    backdrop-filter: blur(28px);
    width: 100%;
    height: 43.01vh;
    padding-left: 4.44%;
    padding-right: 4.44%;
    padding-top: 5vh;
    padding-bottom: 5vh;
}
.swiper-pagination-bullet-active{
    background:var(--m-orange)!important;
}
.swiper-pagination{
    top: 94%!important;
    text-align: left!important;
}
.mySwiper3 .swiper-slide{
    background-color: var(--m-grey);
}
.case{
    height: 53.763vh;
}
.data .value{
    width: 90%;
    overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

.opacity-60{
    opacity: 60%;
}

footer .cont{
    height:70vh
}
.img-width{
    width: 11.06vw;
}
.media{
    border-left: 1px solid var;
}
.title-responsive-hero{
    display:  none;
}
.tech-items{
    width: 33.333%;
    display: flex;
}
.tech-items img{
    width: 13.02vw;
}
/* display */
.d-desktop-none{
    display: none!important;
}
.d-mobile-none{
    display: initial;
}
.bottom-footer{
    border-top:1px solid #5C5858!important
}
.service-icon{
    width:50px;
    max-width: 67px;
}
.padding-left-4{
    padding-left: 3.95vw;
}
.managers .swiper-button-next{
    position: absolute !important;
    top: 25% !important;
}
.managers .swiper-button-prev{
    position: absolute !important;
    top: 25% !important;
    left: 0 !important;
}
@media (max-width:1700px) {
    /* fonts */
    .f-8{
        font-size: 8px;
    }
    .f-16{
        font-size: 14px!important;
    }
    .f-18{
        font-size: 14px;
    }
    .f-20{
        font-size: 14px;
    }
    .f-24{
        font-size: 16px;
    }
    .f-22{
        font-size: 16px;
    }
    .f-26{
        font-size: 18px;
    }
    .f-30{
        font-size:21px;
    }
    .f-40{
        font-size: 27px;
    }
    .f-45{
        font-size: 30px;
    }
    .f-48{
        font-size: 35px;
    }
    .f-25{
        font-size: 16px;
    }
    .f-60{
        font-size: 40px;
    }
    .f-70{
        font-size: 47px;
    }
    .top-image .f-70{
        font-size: 37px;
    }
    .f-80{
        font-size: 60px;
    }
    .about-item img{
        height: 60%;
    }
    .btn-primary,.btn-primary:hover,.btn-primary:focus,
    .btn-outline-primary,.btn-outline-primary:hover,.btn-outline-primary:focus{
        font-size: 14px!important;
        height: 40px;
    }
    .text{
        padding-left: 1.5625vw;  
        margin-top: 4vh; 
        line-height: 1.8;
        width: 85%;
    }
    .tech-items img{
        width: 13.02vw;
    }
}
@media (max-width: 991.98px) { 
    
}
@media (max-width: 767.98px) { 
    
 }
 @media (max-width: 991.98px) {
    /* fonts */
.f-8{
    font-size: 8px;
}
.f-16{
    font-size: 14px!important;
}
.f-18{
    font-size: 18px;
}
.f-20{
    font-size: 16px;
}
footer .f-20 {
    font-size: 12px;
}
.f-22{
    font-size: 16px;
}
.f-mobile-15{
    font-size: 15px;

}
.label.label{
    font-size: 14px;
}
.managers .f-25 {
    font-size: 16px;
}
.managers .f-20 {
    font-size: 16px;
}
.managers .f-18 {
    font-size: 14px;
}
.case-study .f-22 {
    font-size: 15px;
}
.f-24{
    font-size: 24px;
}
.f-24.value{
    font-size: 16px;
}
.cases  .label{
    font-size: 18px;
}
.f-25 {
    font-size: 16px;
}
.f-26{
    font-size: 26px;
}
.f-30{
    font-size: 18px;
}
.f-40{
    font-size: 20px;
}
.f-45{
    font-size: 22px;
}
.f-48{
    font-size: 30px;
}
.customer .f-20 {
    font-size: 16px;
}
.f-60{
    font-size: 30px;
}
.f-70{
    font-size: 30px!important;
}
.f-70{
    font-size: 40px;
}
/* display */
.d-desktop-none{
    display: initial!important;
}
.d-mobile-none{
    display: none!important;
}
/* only mobile */

.company-image-container{
    text-align: center;
    width: 100%;
    background-color: white;
}
p.regular{
    font-weight: 300;
}
.mobile-light{
    font-weight: 300!important;
}
.mobile-office-image{
    width: 85.63vw;
    max-width: 100%;
}
.mobile-border-right-1{
    border-right: 1.5px solid var(--m-orange);
}
.back{
    width: 6.938vw;
}
.h-17 {
    height: 10.38vh!important
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none!important;
}
.w-60{
    width: 60%;
}
.mobile-menu{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 33;
    background: var(--m-black);
    bottom: 0;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    display: flex;
}
.mobile-menu:not(.active){
    right: -100%;
    transition: all 1s ease-in-out;
}
.mobile-menu.active{
    right: 0;
    transition: all 1s ease-in-out;
}
.mobile-menu .navbar-nav.h-100{
    height: fit-content!important;
}
.nav-link{
    color: var(--m-grey)!important;
}
/* .navbar .mobile-menu{
    display: none;
}
.navbar .mobile-menu.active{
    display: flex;
} */
.mobile-menu .buttons,
.mobile-menu .navbar-nav{
    padding-left: 5vw;
    padding-right: 5vw;
}
.mobile-menu .back{
    margin-left: 5vw;
    margin-right: 5vw;
}

.mobile-menu .buttons {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}
.mobile-menu  .nav-link {
    font-size: 16px!important;
}
.mobile-menu .buttons a{
    margin: 0.5rem 0rem;
    height: 45px!important;  
    display: flex;
    align-items: center;
}
.mobile-menu .w-1vw {
    width: 4vw;
}
.nav-item .menu{
    display: none;
}
.nav-item .mobile-submenu{
    height: 0;
    overflow-y: hidden;
    display: flex;
    transition: all .8s ease-in-out;

}
.nav-item .active.mobile-submenu{
    height: 15vh;
    overflow-y: scroll;
    transition: all .8s ease-in-out;

}

ul.navbar-nav , 
.beyond-item,
.services-item{
    width: 100%!important;
}
.nav-item  #Path_2984{
    stroke: var(--m-grey);
}
.nav-item:hover .menu{
    display: none!important;
}
.nav-link.h-100{
    height: fit-content!important;
}
.nav-item{
width: fit-content;
}
.hero-image{
    margin-left: 0!important;
    width: 100%;
    padding-bottom: 2%;
    padding-top: 2.7vh;
}
.our-services-image{
    padding-bottom: 2%;
    padding-top: 3.246vh;
    padding-left: 1.5625vw;
    padding-right: 1.5625vw;
    margin-left: 0!important;
    width: 100%;
}
.service-icon{
    width: 9.39vw;
    max-width: 67px;
}
.service-title{
    line-height: 1;
}
.mt-mobile-9{
    margin-top: 9vh!important;
}
.mb-12{
    margin-bottom: 8vh!important;
}
.tech-items .mt-12{
    margin-top: 8vh!important;
   
}
.mt-5vh {
    margin-top: 0;
}
.mb-5vh {
    margin-bottom: 1rem;
}

.office {
    height: fit-content;
    margin-top:1vh;
    margin-bottom: 1vh;
}
/* customes */
.mobile-w-100{
    width: 100%;
}
.mb-13 {
    margin-bottom: 0;
}
.ml-6{
    margin-left: 0;
    margin-right: auto;
    margin-top: 2vh;
}
.marque-container {
    height: fit-content;
    padding-bottom: 3vh;
    margin-bottom: 1.5rem;
}
.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}
.hero-text{
    padding-bottom: 20px;
}
.btn-outline-primary,.btn-outline-primary:hover,.btn-outline-primary:focus,
.btn-primary,.btn-primary:hover,.btn-primary:focus{
    height: 35px!important;
    min-width: 100px!important;
 }
 .mt-40px{
    margin-top: 2vh;
 }
 .img-width {
    width: 50.06vw;
}
[data-toggle="collapse"]:not(.collapsed) {
    color: var(--m-orange)!important;
}
 .section,
.hero-section ,
.our-service,
.our-services{
    height: fit-content;   
}
.our-clients{
    height: 80vh;
}
footer .cont{
    height: fit-content;   
}
.text {
    margin-top: 0;
    width: 100%;
    line-height: 1.5;
}
.title{
    margin-top: 0;
}

.title-responsive-hero{
    border-bottom: none!important;
    border-right: none!important}

.title-responsive-hero::before{
    border-right: none!important;

}
.case{
    height: fit-content;
}
.hero-section .hero-text {
    margin-top: 0vh;
    padding-top: 0vh;
}
.mobile-border-top-grey-1px{
    border-top: 1px solid #5C5858;

}
.bottom-footer.wrapper{
    padding: 0!important;
}
/* border */
.border-left-3px{
    border-left: 1.5px solid #f26738;
}
.title{
    border-right:1.5px solid var(--m-orange);
    border-top: 1.5px solid var(--m-orange);
    border-bottom: 1.5px solid var(--m-orange);
}
.title-v2{
    border-right:1.5px solid var(--m-orange);
    border-top: 1.5px solid var(--m-orange);
}
.about-item{
    width: 50%;
}
.youtube-banner {
    width: 79.48vw;
    height: 64.93vh;
    border: 3px solid #f26738;
}
.youtube-container{
    height:80vh
}
.m-bg-black{
    background-size: cover;
    background-position-x: left;
}
.about-item img {
    height: 7.89vh;
}
.mt-12 {
    margin-top: 4vh;
}
.tech-items{
    width: 50%;
}
.tech-items img{
    width: 25vw;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev, .swiper-button-prev, .swiper-rtl .swiper-button-next {
    width: 6.5vw!important;
    height: 6.5vw!important;
}
.our-clients .swiper-slide {
    width: 57.875vw;
    height: 17.29vh;
}
.company{
    padding-top: 3vh;
    padding-bottom: 3vh;
    height: fit-content;
}
.bottom-footer{
    border-top:1px solid #5C5858!important
}
/* layout */
.wrapper,.mobile-wrapper{
    padding-left: 5vw;
    padding-right: 5vw;
}
.wrapper-left{
    padding-left: 5vw;
}
.wrapper-right{
    padding-right: 5vw;
}
.left-5vw{
   left: 5vw;
}
.hero-section.wrapper-left ,
.about-bg.wrapper-left ,
.our-companies-bg.wrapper-left{
    padding-left: 5vw;
    padding-right: 5vw;
}
.bordered-left-right,
  .bordered-left,
  .bordered-right{
    border: none;
  }
  .navbar-brand img {
    width: 31vw!important;
}
.navbar-light .navbar-toggler{
    border: none;
}
.navbar ,.navbar-collapse {
    background-color: var(--m-black)!important;
}

 }
 .captcha{
	height: 30px;
	width:160px;
	margin: 15px 0;
}
.captcha span{
	float:right;
	line-height: 30px;
	font-size:13pt;
	font-weight: bolder;
}
.captcha .check{
	border-radius: 3px;
	width:30px;
	height: 30px;
	border: 2px solid green;
	display:inline;
	position: absolute;
  cursor: pointer;
}

/*Styles for check animation*/
.check .wrapper {
  width: 25px;
  display: inline;
  margin: 4em auto 0;
}

.check .checkmark {
  stroke: green;
  stroke-dashoffset: 745.74853515625;
  stroke-dasharray: 745.74853515625;
  -webkit-animation: dash 2s ease-out forwards;
          animation: dash 2s ease-out forwards;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/*End check animation*/