/*-------- banner section style start-----------*/

.banner {
    display: grid;
    grid-template-columns: 1fr 0.25fr 1.25fr;
    position: relative;
    box-shadow: 0 0.5vw #25719c, 0 1vw #bce9e5;
}

.banner-shape,
.banner-text {
    grid-column: 1/3;
    grid-row: 1/-1;
}

.banner-shape {
    background: #01527b;
    background: url(/images/bannerpic.jpg) no-repeat;
    background-size: 100% auto;
    background-blend-mode: color-burn;
    color: white;
    clip-path: polygon(0 0, 100% 0%, 80% 84%, 86% 100%, 0 100%);
    transition: 0.1s ease;
    /* //opacity:0.9; */
}

.banner-shape.white {
    /* background: rgb(255 240 255 / .65); */
    background: rgb(252 251 251);
    transform: translate(2.2%, 0px);
}

.banner-shape.green {
    background: green;
    opacity: 0.3;
    transform: translate(2.6%, 0px);
}

.banner-text {
    color: #fff;
    z-index: 2;
    font-size: 2.55vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 1.0em 22% -1.05em auto;
    padding: 0em 0;
}

.banner-text h1 {
    font-size: 1.65em;
    line-height: 0.95;
    margin: 0.5em 0;
    font-weight: 600;
    text-shadow: 2px 2px #000;
    text-transform: uppercase;
}

.banner-text h1 span {
    display: block;
}

.videoWrapper {
    grid-column: 2/4;
    grid-row: 1/-1;
    background: url(/images/bg.png);
    background-size: cover;
    background-position: 35% 50%;
}

.videoWrapper video {
    /* //opacity:0.5; */
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: 35% 90%;
}

.banner-btn {
    display: inline-block;
    background: #00853e;
    background: linear-gradient(#0ea23f, #00853e);
    text-shadow: -1px -1px rgba(4, 33, 34, 0.65);
    color: white;
    font-size: 1em;
    padding: 0.4em 0.75em;
    border-radius: 2em;
    text-decoration: none;
    line-height: 1.15;
    /* //position:absolute; */
    bottom: -9%;
    z-index: 2;
    box-shadow: 0 2px #155030, inset 0 8px 8px rgba(255, 252, 183, 0.2);
    /* //transition: 0.1s cubic-bezier(.23,1,.32,1); */
}

.banner-btn:hover {
    transform: translateY(-1px) scale(1.01);
    filter: brightness(1.05) saturate(1.1);
    box-shadow: 0 6px 0 -2px #155030, inset 0 8px 8px rgba(255, 252, 183, 0.3);
}

@media(max-width:540px) {
    .banner {
        grid-template-rows: 0.78fr 0.12fr 1fr;
        grid-template-columns: 1fr;
    }

    .banner-shape,
    .banner-text {
        grid-row: 2/4;
    }

    .banner-shape {
        clip-path: polygon(0% 0%, 14% 10%, 100% 0, 100% 100%, 0 100%);
    }

    .banner-shape.white {
        transform: translate(0px, -8px);
    }

    .banner-shape.green {
        transform: translate(0px, -10px);
    }

    .banner-text {
        font-size: 5.5vw;
        margin-left: auto;
        margin-right: auto;
    }

    .videoWrapper {
        grid-column: 1/-1;
        grid-row: 1/3;
    }
}

/* IE Fallback */
@media all and (-ms-high-contrast:none) {
    .banner {
        display: flex;
    }

    .banner-text {
        background: linear-gradient(#01527b, #01233a);
        order: -1;
        flex: 2.5 1 40%;
        font-size: 1.9vw;
        padding: 1em;
        margin: 0;
    }

    .videoWrapper {
        flex: 3 2 auto;
    }
}


/*-------- banner section style end-----------*/




        
/*---------------------- About  start***********************************-------------*/


.profile_data {

    aspect-ratio: 1/1;
/*    width: min(400px,90%);*/
    position: relative;
}

.back {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 20px 10px 0 #ab020a, -20px -10px 0 #00567a;
    /*box-shadow: 10px 10px 0 #ff006f, -10px -10px 0 #8d08d0;*/
    border-radius: 50%;
    animation: rotate 8s infinite linear;
}

.profile {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background-image: url();
    background-size: cover;
    background-position:  center;
    transition: all 0.2s ease-in-out;
    position: absolute;

}





.profile:hover {
    background-size: 110%;
   /* box-shadow: 10px 10px 0 #323494, -10px -10px 0 #323494;*/
    box-shadow: 10px 10px 0 #051838, -10px -10px 0 #051838;
    /*box-shadow: 10px 10px 0 #8d08d0, -10px -10px 0 #ff006f;*/
}



@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}
/*----------------------About End*************************-------------------------------*/

.counter-card-wrap {
    border-right: 1px solid;
    border-color: #357AFA !important;
}
.counter-card {
    text-align: center;
    padding: 75px 0 68px;
}
.counter-card_number {
    color: #ffffff;
    margin-bottom: 6px;
    margin-top: -0.24em;
    font-weight: 700;
}
.fw-normal {
    font-weight: 400 !important;
}
.counter-card_text {
    text-align: center !important;
}
.counter-card_text {
      color: #ffffff;
    display: block;
    margin-bottom: -0.2em;
    font-size: 20px;
    font-family: var(--title-font);
}