.elementor-kit-4{--e-global-color-primary:#333333;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1344px;}.e-con{--container-max-width:1344px;}.elementor-widget:not(:last-child){margin-bottom:0px;}.elementor-element{--widgets-spacing:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.about--preview-button:hover{
    transition: all 5s;
}
.last-section{
    position: relative;
}

.last-section::before{
    content: "";
    width: 4px;
    height: 100%;
    background-color: #ed000c;
    position: absolute;
    top: 0;
    left: 0;
}

.g-tablet::before{
    content: "";
    background: #FFFFFF;
    border: 1px solid #355036;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 30%;
    transform: translateX(-50%);
    top: -62px;
    z-index: 3;
    width: 6px;
    height: 6px;
}

.g-tablet::after{
    height: 36px;
    top: -55px;
    width: 1px;
    border-right: dashed 1px #fff;
    content: "";
    position: absolute;
    left: 30.5%;
    transform: translateX(-50%);
    margin-left: -0.5px;
}

.l-tablet::before{
    content: "";
    background: #FFFFFF;
    border: 1px solid #355036;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 40%;
    transform: translateX(-50%);
    top: -62px;
    z-index: 3;
    width: 6px;
    height: 6px;
}
.l-tablet::after{
    height: 36px;
    top: -55px;
    width: 1px;
    border-right: dashed 1px #fff;
    content: "";
    position: absolute;
    left: 40.5%;
    transform: translateX(-50%);
    margin-left: -0.5px;
}


.a-tablet::before{
    content: "";
    background: #FFFFFF;
    border: 1px solid #355036;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -62px;
    z-index: 3;
    width: 6px;
    height: 6px;
    
}
.a-tablet::after{
    height: 36px;
    top: -55px;
    width: 1px;
    border-right: dashed 1px #fff;
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -0.5px;
}


.s1-tablet::before{
    content: "";
    background: #FFFFFF;
    border: 1px solid #355036;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 74%;
    transform: translateX(-50%);
    top: -62px;
    z-index: 3;
    width: 6px;
    height: 6px;
}
.s1-tablet::after{
    height: 36px;
    top: -55px;
    width: 1px;
    border-right: dashed 1px #fff;
    content: "";
    position: absolute;
    left: 74.2%;
    transform: translateX(-50%);
    margin-left: -0.5px;
}


.s2-tablet::before{
    content: "";
    background: #FFFFFF;
    border: 1px solid #355036;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 70%;
    transform: translateX(-50%);
    top: -62px;
    z-index: 3;
    width: 6px;
    height: 6px;
}
.s2-tablet::after{
    height: 36px;
    top: -55px;
    width: 1px;
    border-right: dashed 1px #fff;
    content: "";
    position: absolute;
    left: 70%;
    transform: translateX(-50%);
    margin-left: -0.5px;
}
.glass-section-tablet::before{
    top: -50px;
    width: 86%;
    height: 0px;
    border-top: dashed 1px #fff;
    content: "";
    position: absolute;
    left: 7%;
}



.subtitle-section-tablet::before{
    height: 24px;
    margin-left: 1px;
    border-right: dashed 1px #fff;
    content: "";
    position: absolute;
    left: 49.7%;
    top: 34px;
    transform: translateX(-50%);
    width: 0;
}

.g-mob::before{
    content: "";
    background: #FFFFFF;
    border: 1px solid #355036;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -62px;
    z-index: 3;
    width: 6px;
    height: 6px;
}

.g-mob::after{
    height: 36px;
    top: -55px;
    width: 1px;
    border-right: dashed 1px #fff;
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -0.5px;
}

.l-mob::before{
    content: "";
    background: #FFFFFF;
    border: 1px solid #355036;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -62px;
    z-index: 3;
    width: 6px;
    height: 6px;
}
.l-mob::after{
    height: 36px;
    top: -55px;
    width: 1px;
    border-right: dashed 1px #fff;
    content: "";
    position: absolute;
    left: 50.5%;
    transform: translateX(-50%);
    margin-left: -0.5px;
}


.a-mob::before{
    content: "";
    background: #FFFFFF;
    border: 1px solid #355036;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -62px;
    z-index: 3;
    width: 6px;
    height: 6px;
    
}
.a-mob::after{
    height: 36px;
    top: -55px;
    width: 1px;
    border-right: dashed 1px #fff;
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -0.5px;
}


.s1-mob::before{
    content: "";
    background: #FFFFFF;
    border: 1px solid #355036;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -62px;
    z-index: 3;
    width: 6px;
    height: 6px;
}
.s1-mob::after{
    height: 36px;
    top: -55px;
    width: 1px;
    border-right: dashed 1px #fff;
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -0.5px;
}


.s2-mob::before{
    content: "";
    background: #FFFFFF;
    border: 1px solid #355036;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: 57%;
    transform: translateX(-50%);
    top: -62px;
    z-index: 3;
    width: 6px;
    height: 6px;
}
.s2-mob::after{
    height: 36px;
    top: -55px;
    width: 1px;
    border-right: dashed 1px #fff;
    content: "";
    position: absolute;
    left: 58%;
    transform: translateX(-50%);
    margin-left: -0.5px;
}
.glass-section-mob::before{
    top: -59.5px;
    width: 81%;
    height: 0px;
    border-top: dashed 1px #fff;
    content: "";
    position: absolute;
    left: 10%;
}

.subtitle-section-mob::before{
    height: 24px;
    margin-left: 1px;
    border-right: dashed 1px #fff;
    content: "";
    position: absolute;
    left: 49.6%;
    top: 23px;
    transform: translateX(-50%);
    width: 0;
}




















.it-video{
   min-width: 699px;
   min-height: 393px;
   height: auto;
}
.content{
    display: flex;
}

.it2-text{
text-align: justify;
    margin-top: 0px;
}
.title{
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
}

.subtitle{
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    margin-bottom: 0px;
    
}
.concept .active span,
.concept .inactive span{
    position: relative;
}
.concept .active span::after{
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #ca1e19;
    position: absolute;
    bottom: -25px;
    justify-content: center;
}

.concept .inactive span::before{
    display: none;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #ca1e19;
    position: absolute;
    bottom: -25px;
    justify-content: center;
}
.inactive span:hover::before{
        display: block;
}
.all1 {
    display: flex !important;

}
.all{
        margin-left: 30px;
        margin-top: 20px;
}
.line{
    color: rgb(202, 30, 25);
}


@media(max-width: 1024px){
    .all1 {
    flex-direction:column;

}
.all{
        margin-left: 0px;
        margin-top: 20px;
}
.title{
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}
    .subtitle{
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
}
.it2-text{
    font-size: 14px;
    line-height: 21px;
    
}
.concept li{
    width:auto;
    border-width:0px !important;
    padding-bottom:15px !important;
}
.concept ul{
    justify-content:center !important;
        border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #CCCCCC;
    gap:20px;
        flex-wrap: nowrap !important;
    overflow: auto !important;

}
    .eael-tab-item-trigger{
        display:inline-block;
        width:auto;
        flex: 0 0 0 !important;
    }
    .concept .active span::after{

    bottom: -15px;

}

.concept .inactive span::before{

    bottom: -15px;

}
}
/*@media(max-width: 993px){*/
/*  .it-video{*/
/*   min-width: 870px;*/
/*   min-height: 489px;*/
/*   margin-top: 0px !important;*/
  
/*  }*/
/*  .concept{*/
/*    margin-top: 0px;  */
/*  }*/
/*  .concept li::before{*/
/*    display: block;*/
/*    content: "";*/
/*    width: 60%;*/
/*    height: 3px;*/
/*    background-color: #ca1e19;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    justify-content: center;*/
/*}*/
/*.title{*/
/*    margin-top:20px;*/
/*    font-size: 16px;*/
/*    line-height: 18px;*/
/*    font-weight: 600;*/
/*}*/
/*    .subtitle{*/
/*    font-size: 14px;*/
/*    line-height: 21px;*/
/*    font-weight: 600;*/
/*    margin-bottom: 0px;*/
/*}*/
/*.it2-text{*/
/*    font-size: 14px;*/
/*    text-align: justify;*/
    
/*}*/
/*}*/
/*@media(max-width: 650px){*/
/*.concept ul{*/
/*    overflow: auto;*/
/*    flex-direction: row !important;*/
/*    flex-wrap: nowrap !important;*/
/*}*/
/*.concept li::first-child{*/
/*    margin-left: 0px!important;*/
    
/*}*/
/*.concept li::last-child{*/
/*    margin-right: 0px !important;*/
/*}*/
/*.concept li::before{*/
/*    display: block;*/
/*    content: "";*/
/*    width: 100%;*/
/*    height: 1px;*/
/*    background-color: #ca1e19;*/
/*    position: absolute;*/
/*    bottom: 15px;*/
/*    justify-content: center;*/
/*}*/
/*.concept li{*/
/*    margin-bottom:0px!important;*/
/*}*/
/*.it-video{*/
/*   min-width: 470px;*/
/*   min-height: 264px;*/
/*   margin-top: 0px !important;*/
/*  }*/
/*  .it2-text{*/
/*    font-size: 14px;*/
/*    text-align: justify;*/
/*    line-height: 21px;*/
/*}*/
/*}*/


.car11,
.car21,
.car31,
.car41,
.car51,
.car61{
    width: auto !important;
}
.car11 img,
.car21 img,
.car31 img,
.car41 img,
.car51 img,
.car61 img{
    width: 70% !important;
}


@media(max-width: 1100px) {.karusel img{
    width: 647px;
    height: 362px;
}}
@media(max-width: 700px) {.karusel img{
    width: 340px;
    height: 190px;
}}
.car11{
    position: absolute;
    bottom: 288px;
    left: 460px;
}
@media(max-width: 1100px){
    .car11{
    position: absolute;
    bottom: 460px;
    left: 340px;
}
}
@media(max-width: 700px){
    .car11{
    position: absolute;
    bottom: 350px;
    left: 180px;
}
}
.car21{
    position: absolute;
    bottom: 288px;
    right: 390px;
}
@media(max-width: 1100px){
    .car21{
    position: absolute;
    bottom: 470px;
    left: -350px;
}
}
@media(max-width: 700px){
    .car21{
    position: absolute;
    bottom: 330px;
    left: -190px;
}
}
.car31{
    position: absolute;
    bottom: 270px;
    left: 463px;
}
@media(max-width: 1100px){
    .car31{
    position: absolute;
    bottom: 430px;
    left: 330px;
}
}
@media(max-width: 700px){
    .car31{
    position: absolute;
    bottom: 330px;
    left: 175px;
}
}
.car41{
    position: absolute;
    bottom: 288px;
    right: 365px;
}
@media(max-width: 1100px){
    .car41{
    position: absolute;
    bottom: 460px;
    left: -330px;
}
}
@media(max-width: 700px){
    .car41{
    position: absolute;
    bottom: 345px;
    left: -180px;
}
}

.car51{
    position: absolute;
    bottom: 330px;
    left: 387px;
}
@media(max-width: 1100px){
    .car51{
    position: absolute;
    bottom: 450px;
    left: 320px;
}
}
@media(max-width: 700px){
    .car51{
    position: absolute;
    bottom: 350px;
    left: 175px;
}
}
.car61{
    position: absolute;
    bottom: 288px;
    right: 365px;
}
@media(max-width: 1100px){
    .car61{
    position: absolute;
    bottom: 470px;
    left: -350px;
}
}
@media(max-width: 700px){
    .car61{
    position: absolute;
    bottom: 350px;
    left: -180px;
}
}/* End custom CSS */