:root {
    /* --primary: #06A3DA; */
    --primary: #4874f1;

    --secondary: #34AD54;
    --light: #EEF9FF;
    --dark: #091E3E;
}



@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue-regular-webfont.woff2') format('woff2'),
    url('../fonts/bebasneue-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
    url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
    url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Regular.woff2') format('woff2'),
    url('../fonts/Rubik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*@font-face {*/
    /*font-family: 'Rubik';*/
    /*src: url('../fonts/Rubik-Medium.woff2') format('woff2'),*/
    /*url('../fonts/Rubik-Medium.woff') format('woff');*/
    /*font-weight: 500;*/
    /*font-style: normal;*/
    /*font-display: swap;*/
/*}*/



@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Regular.woff2') format('woff2'),
    url('../fonts/Nunito-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*@font-face {*/
    /*font-family: 'Nunito';*/
    /*src: url('../fonts/Nunito-SemiBold.woff2') format('woff2'),*/
    /*url('../fonts/Nunito-SemiBold.woff') format('woff');*/
    /*font-weight: 600;*/
    /*font-style: normal;*/
    /*font-display: swap;*/
/*}*/

/*@font-face {*/
    /*font-family: 'Nunito';*/
    /*src: url('../fonts/Nunito-Bold.woff2') format('woff2'),*/
    /*url('../fonts/Nunito-Bold.woff') format('woff');*/
    /*font-weight: bold;*/
    /*font-style: normal;*/
    /*font-display: swap;*/
/*}*/

/*@font-face {*/
    /*font-family: 'Nunito';*/
    /*src: url('../fonts/Nunito-ExtraBold.woff2') format('woff2'),*/
    /*url('../fonts/Nunito-ExtraBold.woff') format('woff');*/
    /*font-weight: bold;*/
    /*font-style: normal;*/
    /*font-display: swap;*/
/*}*/



/* body{font-size: 16px;} */
.about-usof{text-align:left;}

#breadcrumb_hide{margin: 0 !important;}
.bg-func{ margin: -8px auto 40px auto;}
.bg-primary {
    background-color: #4874f1 !important;
}
/*font-family: 'Montserrat', sans-serif;*/


a{
    text-decoration: none;
}
/*** Spinner ***/
.spinner {
    width: 40px;
    height: 40px;
    background: var(--primary);
    margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Heading ***/
h1,
 
.fw-bold {
    font-weight: 800 !important;
}


h2{
    font-weight: 700 !important;
}

h3,
h4,
.fw-semi-bold {
    font-weight: 700 !important;
}

h5,
h6,
.fw-medium {
    font-weight: 600 !important;
}


/*** Button ***/
.btn {
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    transition: .5s;
}

.btn-primary,
.btn-secondary {
    color: #FFFFFF;
    box-shadow: inset 0 0 0 50px transparent;
}

.btn-primary:hover {
    box-shadow: inset 0 0 0 0 var(--primary);
}

.btn-secondary:hover {
    box-shadow: inset 0 0 0 0 var(--secondary);
}

.btn-square {
    width: 36px;
    height: 36px;
}

.btn-sm-square {
    width: 30px;
    height: 30px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}


/*** Navbar ***/
.navbar-dark .navbar-nav .nav-link {
    font-family: 'Nunito', sans-serif;
    position: relative;
    margin-left: 25px;
    /*padding: 35px 0;*/
    /*padding: 25px 0;*/
    padding: 10px 0;
    color: var(--dark);
    font-size: 16px;
    /*font-size: 18px;*/
    /*font-weight: 600;*/
    font-weight: 500;
    outline: none;
    transition: .5s;
}

.sticky-top.navbar-dark .navbar-nav .nav-link {
    padding: 20px 0;
    color: var(--dark);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: var(--primary);
}

.navbar-dark .navbar-brand h1 {
    color: #FFFFFF;
}

.navbar-dark .navbar-toggler {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
}

@media (max-width: 991.98px) {
    .backtohome{top: -13px;}
    .register-right {
        background: #f8f9fa;
        border-top-left-radius: 10% 0%;
        border-bottom-left-radius: 10% 0%;
    }
    .newslider_pargarph a{font-size: 12px !important;}
    .bg-left-new { height: auto !important;}
    .mobile_hide{display: none;}
    /*.readeraccess{display: none;}*/
    .sticky-top.navbar-dark {
        position: relative;
        background: #FFFFFF;
    }

    .navbar-dark .navbar-nav .nav-link,
    .navbar-dark .navbar-nav .nav-link.show,
    .sticky-top.navbar-dark .navbar-nav .nav-link {
        padding: 10px 0;
        color: var(--dark);
    }

    .navbar-dark .navbar-brand h1 {
        color: var(--primary);
    }
    .side_navbar{
        display: none;
    }
}

@media (min-width: 992px) {

    .navbar-dark {
        /*position: absolute;*/
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        border-bottom: 1px solid rgba(256, 256, 256, .1);
        z-index: 9999;
    }

    .sticky-top.navbar-dark {
        position: fixed;
        background: #FFFFFF;
    }

    .navbar-dark .navbar-nav .nav-link::before {
        position: absolute;
        content: "";
        width: 0;
        height: 2px;
        bottom: -1px;
        left: 50%;
        background: var(--primary);
        transition: .5s;
    }

    .navbar-dark .navbar-nav .nav-link:hover::before,
    .navbar-dark .navbar-nav .nav-link.active::before {
        width: 100%;
        left: 0;
    }

    .navbar-dark .navbar-nav .nav-link.nav-contact::before {
        display: none;
    }

    .sticky-top.navbar-dark .navbar-brand h1 {
        color: var(--primary);
    }
}


/*** Carousel ***/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(9, 30, 62, .7);
    z-index: 1;
}

@media (max-width: 576px) {
    .carousel-caption h5 {
        font-size: 14px;
        font-weight: 500 !important;
    }

    .carousel-caption h1 {
        font-size: 30px;
        font-weight: 600 !important;
    }
}

.carousel-control-prev,
.carousel-control-next {
    width: 10%; top:auto;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
}


/*** Section Title ***/
.section-title::before {
    position: absolute;
    content: "";
    width: 150px;
    height: 5px;
    left: 0;
    bottom: 0;
    background: var(--primary);
    border-radius: 2px;
}

.section-title.text-center::before {
    left: -1%;
    margin-left: -75px;
}


.section-title:before, .section-title:after {
    position: absolute;
    top: 22%;
    overflow: hidden;
    width: 50px;
    height: 9px;
    content: '\a0';
    background-color: #01a54f;
    margin-left: 55.5%;
    border-radius: 10px;
}

.section-title:before {
    margin-left: -6.2%;
    text-align: right;
}


.section-title.section-title-sm::before {
    width: 90px;
    height: 3px;
}

/*.section-title::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 5px;
    bottom: 0px;
    background: #FFFFFF;
    -webkit-animation: section-title-run 5s infinite linear;
    animation: section-title-run 5s infinite linear;
}*/

/*.section-title.section-title-sm::after {*/
/*    width: 4px;*/
/*    height: 3px;*/
/*}*/

/*.section-title.text-center::after {*/
/*    -webkit-animation: section-title-run-center 5s infinite linear;*/
/*    animation: section-title-run-center 5s infinite linear;*/
/*}*/

/*.section-title.section-title-sm::after {*/
/*    -webkit-animation: section-title-run-sm 5s infinite linear;*/
/*    animation: section-title-run-sm 5s infinite linear;*/
/*}*/

@-webkit-keyframes section-title-run {
    0% {left: 0; } 50% { left : 145px; } 100% { left: 0; }
}

@-webkit-keyframes section-title-run-center {
    0% { left: 50%; margin-left: -75px; } 50% { left : 50%; margin-left: 45px; } 100% { left: 50%; margin-left: -75px; }
}

@-webkit-keyframes section-title-run-sm {
    0% {left: 0; } 50% { left : 85px; } 100% { left: 0; }
}


/*** Service ***/
.service-item {
    position: relative;
    height: 300px;
    padding: 0 30px;
    transition: .5s;
}

.service-item .service-icon {
    margin-bottom: 30px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary);
    border-radius: 2px;
    transform: rotate(-45deg);
}

.service-item .service-icon i {
    transform: rotate(45deg);
}

.service-item a.btn {
    position: absolute;
    width: 60px;
    bottom: -48px;
    left: 50%;
    margin-left: -30px;
    opacity: 0;
}

.service-item:hover a.btn {
    bottom: -24px;
    opacity: 1;
}


/*** Testimonial ***/
.testimonial-carousel .owl-dots {
    margin-top: 15px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    background: #DDDDDD;
    border-radius: 2px;
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    width: 30px;
    background: var(--primary);
}

.testimonial-carousel .owl-item.center {
    position: relative;
    z-index: 1;
}

.testimonial-carousel .owl-item .testimonial-item {
    transition: .5s; min-height: 300px;
}

.testimonial-carousel .owl-item.center .testimonial-item {
    background: #FFFFFF !important;
    box-shadow: 0 0 30px #DDDDDD;
}


/*** Team ***/
.team-item {
    transition: .5s;
}

.team-social {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
}

.team-social a.btn {
    position: relative;
    margin: 0 3px;
    margin-top: 100px;
    opacity: 0;
}

.team-item:hover {
    box-shadow: 0 0 30px #DDDDDD;
}

.team-item:hover .team-social {
    background: rgba(9, 30, 62, .7);
}
.team-item .team-social p{
    display: none;}
.team-item:hover .team-social p{display: block;}

.team-item:hover .team-social a.btn:first-child {
    opacity: 1;
    margin-top: 0;
    transition: .3s 0s;
}

.team-item:hover .team-social a.btn:nth-child(2) {
    opacity: 1;
    margin-top: 0;
    transition: .3s .05s;
}

.team-item:hover .team-social a.btn:nth-child(3) {
    opacity: 1;
    margin-top: 0;
    transition: .3s .1s;
}

.team-item:hover .team-social a.btn:nth-child(4) {
    opacity: 1;
    margin-top: 0;
    transition: .3s .15s;
}

.team-item .team-img img,
.blog-item .blog-img img  {
    transition: .5s;
}

.team-item:hover .team-img img,
.blog-item:hover .blog-img img {
    transform: scale(1.15);
}


/*** Miscellaneous ***/
@media (min-width: 991.98px) {
    .facts {
        position: relative;
        margin-top: -75px;
        z-index: 1;
    }
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    /*bottom: 45px;*/
    bottom: 20px;
    z-index: 99;
}

.bg-header {
    background: linear-gradient(rgba(9, 30, 62, .7), rgba(9, 30, 62, .7)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.link-animated a {
    transition: .5s;
}

.link-animated a:hover {
    padding-left: 10px;
}

@media (min-width: 767.98px) {
    .footer-about {
        margin-bottom: -75px;
    }
}



/*.box100{width:100%; display: block;}*/
.box100{width:100%; display: block; min-height: 212px; }
.box100 p{
-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
    display: -webkit-box;
}
.rounded-10{border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;}
.boxhidden{overflow: hidden;}
.divider_line{background: rgba(255,255,255,0.3);
    width: 100%; height: 8px; border-radius: 10px; -moz-border-radius: 10px;
    -webkit-border-radius: 10px;-o-border-radius: 10px; margin: 12px 0;
   position: relative;
}


/*.divider_line::after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    width: 6px;*/
/*    height: 5px;*/
/*    bottom: 0px;*/
/*    background: #FFFFFF;*/
/*    -webkit-animation: section-title-run 5s infinite linear;*/
/*    animation: section-title-run 5s infinite linear;*/
/*}*/
.title_head{text-transform: uppercase;}

.blackbg{background: #070013;}

.greybg{background: #e7e7e7;}

/*.blackbg{background: #fff;}*/

.visitor_counter {
    display: block;
    margin: 5px 0 5px;
}
.count_box {
    color: #fff;
    font-size: 20px;
    border: 1px solid #fff;
    width: 30px;
    text-align: center;
    margin: 0px 0px;
    /* margin: 0px 3px; */
    display: inline-block;
    line-height: 21px;
    padding: 4px;
    height: 30px;
}

.font28{font-size:28px;}

#myTabContent{box-shadow: 0 2px 5px 0 rgb(0,0,0,0.16), 0 2px 10px 0 rgb(0,0,0,0.12);
    -moz-box-shadow: 0 2px 5px 0 rgb(0,0,0,0.16), 0 2px 10px 0 rgb(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgb(0,0,0,0.16), 0 2px 10px 0 rgb(0,0,0,0.12);
    -o-box-shadow: 0 2px 5px 0 rgb(0,0,0,0.16), 0 2px 10px 0 rgb(0,0,0,0.12);
    padding: 30px; border-radius: 10px;
    margin-bottom: 35px;
}

#myTab{border: 1px solid #dee2e6; margin: 15px 0 0 0;}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: #4874f1;
    border-color: #4874f1 #4874f1 #4874f1; position: relative;
}

/*
.flip-card {
    width: 100%;
    height: 450px;
    perspective: 1000px;
}

.flip-card-inner {

    background-color: #4874f1!important;
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 01.0s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-front {
    color: #fff;
}

.flip-card-back {
    background-color: #091E3E;
    color: #fff;
    height: 450px;
    transform: rotateY(180deg);
    border-radius: 0px;
    padding: 10px;
}*/


.flip-card {
    width: 100%;
    height: 450px;
    perspective: 1000px;
}

.flip-card-inner {

    background-color: #4874f1!important;
    position: relative;
    width: 100%;
    /*height: 100%;*/
    transition: transform 01.0s;
    height: 450px;
    overflow: hidden;
    /*transform-style: preserve-3d;*/
}




.flip-card-front, .flip-card-back {
    position: relative;
    border-radius: 20px;
    width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; transition: all .6s ease 0s;
}

.flip-card-front {
    color: #fff;
}



.flip-card-back {
    background-color: #091E3E;
    color: #fff;
    height: auto;
    /* transform: rotateY(180deg); */
    border-radius: 0px;
    padding: 10px;
    display: block;
    position: relative;
    font-size: 12px;
    min-height: 230px;
}



/*.flip-card:hover .flip-card-inner .flip-card-front .box100{display: none;}*/
.flip-card:hover .flip-card-inner .flip-card-front {
    /* transform: translateY(-213px); */
    transform: translateY(-225px);


    transition: all 1s ease-out;
    /*transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
}

.flip-card:hover .flip-card-inner .flip-card-back{display: block; height: auto; position: relative;}


.nav-tabs .nav-link{border-right: 1px solid #dee2e6;}
#myTabContent img{width:100%;}



.bg_timeline{
    background-image: url('../img/perfomance_dashboard.jpg');
    background-attachment:fixed;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
       /* height: 650px; */
       height: 100%;
    padding: 210px 0;

    margin: 0;
    border-top: 1px solid #cccccc59;
    border-bottom: 1px solid #cccccc59;
}

.ps-timeline-sec {
    position: relative;
    background-color: transparent;margin-top: 20px;
}
.ps-timeline-sec .container {
    position: relative;
}
@media screen and (max-width: 767px) {
    .ps-timeline-sec .container ol:before {
        background: #348e80;
        content: '&#34';
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: 130px !important;
        left: 36px !important;
    }
    .ps-timeline-sec .container ol:after {
        background: #348e80;
        /*content: "*/
        content: '&#34';
        width: 10px;
        height: 10px;
        border-radius: 100%;
        position: absolute;
        top: inherit !important;
        left: 36px;
    }
    .ps-timeline-sec .container ol.ps-timeline {
        margin: 130px 0 !important;
        border-left: 2px solid #348e80;
        padding-left: 0 !important;
        padding-top: 120px !important;
        border-top: 0 !important;
        margin-left: 25px !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li {
        height: 220px;
        float: none !important;
        width: inherit !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
        width: 70px;
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child {
        margin: 0;
        bottom: 0 !important;
        height: 120px;
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
        bottom: 40px !important;
        width: 40% !important;
        margin-left: 25px !important;
        margin-top: 0 !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
        width: 100%;
    }
    .ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
        margin-bottom: 0 !important;
        top: 20px;
        width: 50% !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span {
        left: 0 !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
        content: none !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
        content: none !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
        content: none !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
        content: none !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
        position: absolute !important;
        bottom: 150px !important;
        width: 30% !important;
        float: left !important;
        margin-left: 35px !important;
        margin-bottom: 0 !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
        margin: 0 auto !important;
        width: 80% !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
        position: absolute !important;
        bottom: 115px !important;
        width: 30% !important;
        float: left !important;
        margin-left: 35px !important;
        margin-bottom: 0 !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li p {
        text-align: left !important;
        width: 100% !important;
        margin: 0 auto !important;
        margin-top: 0px !important;
    }
    .ps-timeline-sec .container ol.ps-timeline li .ps-top {
        width: 60% !important;
        float: right !important;
        right: 0;
        top: -40px;
    }
    .ps-timeline-sec .container ol.ps-timeline li .ps-bot {
        width: 60% !important;
        float: right !important;
        right: 0;
        top: -40px;
    }
}
.ps-timeline-sec .container ol:before {
    background: #348e80;
    content: '&#34';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    left: 8px;
    top: 49.5%;
}
.ps-timeline-sec .container ol:after {
    background: #348e80;
    content: '&#34';
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    right: 8px;
    top: 49.5%;
}
.ps-timeline-sec .container ol.ps-timeline {
    /*margin: 270px 0;*/
    padding: 0;
    border-top: 4px solid rgb(72 116 241);
    list-style: none;
    /* border-radius: 10px; */
}
.ps-timeline-sec .container ol.ps-timeline li {
    float: left;
    width: 25%;
    padding-top: 30px;
    position: relative;
}
.ps-timeline-sec .container ol.ps-timeline li span {
    width: 100px;
    height: 100px;
    margin-left: -50px;
    background: rgb(72 116 241);
    /*border: 4px solid rgb(255,255,255,0.5);*/
    border: 8px solid rgb(255,255,255,0.5);
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    position: absolute;
    padding: 25px 0px;
    top: -54px;
    left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
    content: '&#39';
    color: #348e80;
    width: 2px;
    height: 50px;
    background: #348e80;
    position: absolute;
    top: -50px;
    left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
    content: '&#39';
    color: #348e80;
    width: 8px;
    height: 8px;
    background: #348e80;
    position: absolute;
    bottom: 90px;
    left: 44%;
    border-radius: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
    content: '&#39';
    color: #348e80;
    width: 2px;
    height: 50px;
    background: #348e80;
    position: absolute;
    bottom: -50px;
    left: 50%;
}
.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
    content: '&#39';
    color: #348e80;
    width: 8px;
    height: 8px;
    background: #348e80;
    position: absolute;
    top: 90px;
    left: 44%;
    border-radius: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
    position: absolute;
    bottom: 0;
    margin-bottom: 100px;
    width: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
    display: table;
    margin: 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
    position: absolute;
    margin-top: 25px;
    width: 100%;
}
.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
    display: table;
    margin: 0 auto;
}
.ps-timeline-sec .container ol.ps-timeline li p {
    text-align: center;
    width: 100%;
    margin: 0 auto;line-height: 10px;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-top {
    position: absolute;
    bottom: 0;
    margin-bottom: 100px;
    margin-left: 50px;
    color: #fff;
}
.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    position: absolute;
    margin-top: 35px;
    margin-left: 50px;
    color: #091e3e;
    text-align: center;
    width: 170px;
    cursor: pointer;

}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot img {width: 70px;margin-bottom: 0px; background: #4874f1;
    border-radius: 8px;}

#myTabContent2{margin: 30px 0 0;}
.border_5{border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;}
.borderline{border: 1px solid #d7d7d7;padding: 10px;}
.w33{width:33.33%;}

.w33 .nav-link{    border: 2px solid #4874f1;
    width: 96%;
    /* border-bottom: 1px solid #4874f1; */
    margin-right: 10px;
    padding-bottom: 13px;
    padding-top: 13px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;border-radius: 40px;    background: transparent;
}

.w33 .nav-link:hover{border: 2px solid #4874f1;}
/*.w33:last-child .nav-link{border-right: 0px solid #dee2e6; }*/
.w44{width:33.33%;}
.w44 .nav-link{    border: 2px solid #4874f1;
    width: 96%;
    /* border-bottom: 1px solid #4874f1; */
    margin-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;border-radius: 40px;    background: transparent;
}
.w44 .nav-link:hover{border: 2px solid #4874f1;}

/*.w44:last-child .nav-link{border-right: 0px solid #dee2e6; }*/

.timeline_line{width:60%; height: 4px; background: #4874f1; margin: 10px auto 20px;}
/*.timeline_title{position: absolute !important; top: 59px;  left: calc(50% - 185px); font-family: 'Montserrat', sans-serif;;}*/
.timeline_title{position: absolute !important; top: 148px;  left: calc(50% - 146px); font-family: 'Montserrat', sans-serif;}
.timeline_title_home{top: 125px;}
/*.font35{font-size: 28px;}*/
.font35{font-size: 30px;}
.width100{ width: 197px;margin: auto; padding: 10px 0;}

/*.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{position: absolute; top: 30%;color: #fff;*/
/*    font-size: 30px;}*/
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{position: absolute;
    /*top: 45%;*/
    top: 25%; /*css change 3-5-2023*/
    color: #fff;
    font-size: 20px;}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next{right: -38px;}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-prev{left: -38px;}
.greybgpaddinh{padding: 150px 0 60px!important;}
/* .greybgpaddinh{padding: 60px 0 !important;} */
.newsletter_wrapper{background: url("../img/news_bg.png") no-repeat left center; width: 100%;
    height: 600px;}

.bg_newsletter {
    background-image: url(../img/newsletterbg12.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: 812px;
    /*padding: 270px 0;*/
    /* margin: 110px 0; */
    margin: 0;
}
/*newsletterbg12*/

.imgheight{height: 75px;}


.btn-outline-light {
    color: #EEF9FF;
    border-color: transparent;
}

.btn-sm, .btn-group-sm>.btn{padding: 0.25rem 0rem 0.25rem 0rem;}
/* .readeraccess{border-right: 1px solid #EEF9FF;padding-right: 14px;} */


.readeraccess{border-right: 1px solid #EEF9FF;padding-right: 10px;
    padding-left: 10px;}


.bullet_menu{    width: 75px;
    background: transparent;
    position: fixed;
    right: 15px;
    z-index: 99999;
    top: 190px;
}

.ptrelative{position: relative;}
.bullet_menu ul{margin: 0; padding:0;}
.bullet_menu ul li{list-style-type: none; display: block;}
.bullet_menu ul li a{ background: #4874f1;
    border-radius: 25px;
    width: 20px;
    font-size: 10px;
    width: 100%;
    display: block;
    text-align: center; padding: 4px 0;
    color: #fff;
    margin: 8px 0;
}
.bullet_menu ul li a:hover{}

.carousel-control-next {
    /*right: 45px;*/
    /*right: 110px;*/
    right:46%;
    width:auto;

}

.carousel-control-prev {
    /*left: 110px;*/

    left: 46%;width:auto;
}




/* --------------------------------

Main Components

-------------------------------- */
.cd-horizontal-timeline {
    opacity: 0;
    margin: 2em auto;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none;
}
.cd-horizontal-timeline.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1;
}
.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    /*height: 400px;*/
    width: 100%;
    /*max-width: 900px;*/
    max-width: 1100px;
    margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
    /* these are used to create a shadow effect at the sides of the timeline */
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
    left: 0;
}
.cd-horizontal-timeline .events-wrapper::after {
    right: 0;
}
.cd-horizontal-timeline .events {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    /* width will be set using JavaScript */
    background: #fff;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #06a3da;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
    position: absolute;
    width:100px;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1.3rem;
    padding-bottom: 15px;
    color: #383838;
    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    color:white;
    padding:5px;
    margin-bottom:20px;
}
/* custom*/
.cd-horizontal-timeline .events a::before {
    content: '';
    position: absolute;
    width:2px;
    height:46px;
    background: #fff;
    /*bottom:-20px;*/
    bottom: 9px;
    left:50%;
}

.cd-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -52px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #fff;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #FF3D7F;
    border-color: #fff;
}
.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
    background-color: #FF3D7F;
    border-color: #FF3D7F;
}
.cd-horizontal-timeline .events a.older-event::after {
    border-color: #FF3D7F;
}
@media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline {
        margin: 6em auto;
    }
    .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop';
    }
}

.cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 2px solid #fff;
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
    /* arrow icon */
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRw%0D%0AOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhl%0D%0AaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDE2IDMyIj48ZyAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUo%0D%0AMCwgMCkiPjxwb2x5Z29uIGZpbGw9IiM3YjlkNmYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYs%0D%0AOCA0LjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjxnICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLCAx%0D%0ANikiPjxwb2x5Z29uIGZpbGw9IiNkZmRmZGYiIHBvaW50cz0iNiwxMy40IDQuNiwxMiA4LjYsOCA0%0D%0ALjYsNCA2LDIuNiAxMS40LDggIi8+PC9nPjwvc3ZnPg==) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
    right: 0;
    color: #fff;
}
.no-touch .cd-timeline-navigation a:hover {
    border-color: #FF3D7F;
}
.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
    background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #FF3D7F;
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 2em 0;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}
.cd-horizontal-timeline .events-content ol{
    list-style-type: none;
}
.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    list-style-type: none;
}
.cd-horizontal-timeline .events-content li.selected {
    /* visible event content */
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
    max-width: 800px;
    margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
    font-weight: bold;
    /*font-size: 3em !important;*/
    font-size: 1.8em !important;
    font-weight: 700;
    line-height: 1.2; color: #fff; margin-bottom: 6px;
}
.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
    content: '- ';
}
.cd-horizontal-timeline .events-content p {
    font-size: 1.2em !important;
    color: #fff;
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
    line-height: 1.6;
}
@media only screen and (min-width: 768px) {
    .cd-horizontal-timeline .events-content h2 {
        font-size: 7rem;
    }
    .cd-horizontal-timeline .events-content em {
        font-size: 1.5em !important;
    }
    .cd-horizontal-timeline .events-content p {
        font-size: 1.8rem;
    }
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}
@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.timelinebg{
        background-image: url(../img/journeys_bg.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        width: 100%;
        height: 600px;
        /*padding: 270px 0;*/
        /*padding: 165px 0 0px;*/
        padding: 30px 0 80px;

        margin: 0;
}

.events ol{ list-style-type: none;}
.cd-timeline-navigation{list-style-type: none;}
/*.img-animaton:hover {
    background-color: transparent;
    box-shadow: 0 0 15px #d7d7d7;
    transition: all 0.75s ease;
    padding: 10px;   background: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
}*/
/*
.img-animaton:hover .timeline_line{
    background-color: white;
}
*/

/*.img-animaton:hover img{
    transform: scale(1.7);
    transition: all 0.3s ease;
}
.counterbox_round:hover{
    transform: scale(1.2);
    transition: all 0.3s ease;
}*/

#chart1Carousel img{-webkit-transition: -webkit-transform 0.8s ease-in-out;
    transition: transform 0.8s ease-in-out;}
#chart1Carousel img:hover{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.photo_box{overflow: hidden;}
.photo_box:hover{box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
    border-radius: 8px;
    -moz-border-radius: 8px;-webkit-border-radius: 8px; -moz-border-radius: 8px;}
.photo_box img{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.photo_box:hover img{ -webkit-transform: scale(1.3);
    transform: scale(1.3);}


/*

.photo_box{overflow: hidden;}
.photo_box:hover{box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
    border-radius: 8px;
    -moz-border-radius: 8px;-webkit-border-radius: 8px; -moz-border-radius: 8px;}
.photo_box img{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.photo_box:hover img{ -webkit-transform: scale(1.3);
    transform: scale(1.3);}
*/







.photo_box_info{overflow: hidden;  -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;   -webkit-transform: scale(1);
    transform: scale(1); z-index: 10; position: relative;
}
.photo_box_info:hover{box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
    -o-box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
    border-radius: 8px;
    -moz-border-radius: 8px;-webkit-border-radius: 8px; -moz-border-radius: 8px;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 99999;
    background: #fff;

}



.newsletterbg12{background-image: url(../img/newsletterbg12.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    /* height: 550px; */
    /* height: auto; */
    height: 100%;
    /* padding: 0px 0; */
    padding: 70px 0;

     margin: 0; margin-bottom: 0 !important;

}

#myTab3{
    display: block;
    width: 55px !important;
    background: transparent;
    position: absolute;
    /* top: 100px;
    left: 94px; */
    top: 104px;
    right: 89px;
}

/*#myTab3 li{ margin: 69px 0;}*/
/* #myTab3 li{ margin: 26px 0;} */
/* #myTab3 li{ margin: 65px 0;} */
#myTab3 li{ margin: 10px 0;}
#myTab3  .nav-link {
    border-right: 0px solid #dee2e6 !important;
    padding: 0 5px 0 5px;
}

/* #myTabContent3{background:#071b25;height: 100%; border: 3px solid #071b25;} */

/*#myTabContent3{background:grey;height: 100%; border: 3px solid grey;}*/
#myTabContent3{background:darkgray;height: 100%; border: 1px solid darkgray;}
#myTab3   .nav-link.active {
    color: #fff;
    background-color: transparent;
    border-color: #dee2e6;
    border:1px solid #dee2e6 !important;
    position: relative;
}

#myTab3 .nav-link.active:after{    border-color: transparent transparent transparent transparent;}

.highlights-cta h3{color:#4874f1;font-size: 40px; position: relative; margin-left: 200px;font-family: 'Montserrat', sans-serif; font-weight: bold;}

.highlights-cta h3::before{
    position: absolute;
    content: "";
    width: 70px;
    height: 6px;
    top: -25px;
    left: 0%;
    background: #01a54f;
    transition: .5s;
    border-radius: 10px;
}
.highlights-cta h3::after{
    position: absolute;
    content: "";
    width: 70px;
    height: 6px;
    bottom: -25px;
    left: 0%;
    background: #01a54f;
    transition: .5s;
    border-radius: 10px;
}
/*01a54f*/



/*/activities/*/
.activities_bg{
    /* background-image: url('../img/activities_bg.jpg'); */
    background-image: url('../img/activities_bg1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; height: 100%;
}

.actiwhta_bg{
    /*background-image: url('../img/activities_bg.jpg');*/
    background-image: url('../img/timeline_bg1212.png');
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
}
.actiwhttimeline_bg{
    /* background-image: url('../img/timeline_bg1212.jpg'); */
    /* background-image: url('../img/timeline_bg1212.jpg'); */
   /* background-image: url('../img/timeline_bg1212.png');*/
   background-image: url('../img/bg-jour.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
}
.gallery121_bg{
    background-image: url('../img/gallery_whitebg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; height: 100%;
}


.schemes_bg_1{
    /* background-image: url('../img/schems_bg.jpg'); */
    background-image: url('../img/schems_bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /*height: 100%;*/
}

.section-padding {
    width: 80%;
    /*margin: 0 auto;*/
    margin: 0 auto;
    padding: 5px 0;
}
.owl-item .item {
    transform: translate3d(0, 0, 0);
    margin: 50px -25px;
}
.screenshot_slider .owl-item .item {
    -webkit-transition: 0.3s;
    /*-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);*/
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
.screenshot_slider .owl-item.center .item  {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

}
.screenshot_slider .owl-nav {
    text-align: center; display: block;
}
.screenshot_slider .owl-nav button {
    font-size: 24px !important;
    margin: 10px;
    color: #033aff !important;
}

.act_im {
    width: auto!important;
    height: 150px;
    padding: 25px;
    float: right;
}
h3.act_heading, .act_heading{
    border-bottom: 5px solid #091E3E;
    padding: 12px 0px;
    font-family: 'bebas_neueregular';
    color: #FFF;
    font-weight: 500 !important;     font-size: 24px !important;
}
p.act_para {
    padding: 10px 0px;
    color: #fff; font-size: 16px;
}
.item_hgt{

    padding: 25px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
}
.item_hgt:hover{box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
.owl-item.active.center {
    z-index: 9999; margin-top: 12px;
}
.act_btn{
    border: 2px solid #fff;
    border-radius: 32px;
    color: white;
    font-size: 12px;
    padding: 0.375rem 1.75rem;
}

.act_btn:hover{ border: 2px solid #091E3E; background-color: #091E3E !important;color: #fff;}
.screenshot_slider .owl-carousel .owl-dot, .screenshot_slider   .owl-next, .screenshot_slider   .owl-prev {
    position: absolute;
    top: 44%;
    color: #fff;
    font-size: 30px;     padding: 0 16px;
    border-radius: 24px; background: #091e3e;border: 2px solid #fff;

}
.title_lines {
    position: relative;
    font-size: 30px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    /*padding: 15px 0px;*/
    padding: 40px 0px 0;
    color: #4874f1;
    font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: bold;
}
.title_lines:before, .title_lines:after {
    position: absolute;
    top: 68%;
    overflow: hidden;
    width: 50px;
    height: 9px;
    content: '\a0';
    background-color: #01a54f;
    margin-left: 2%;     border-radius: 10px;
}
.title_lines:before {
    margin-left: -6.2%;
    text-align: right;
}

/*/activities/*/

#highlights{margin-top: 0px !important; margin-bottom: 0px !important;}
.gal_btn{
    border-radius: 30px;
    color: white;
}

.nav-tabs {
    border-bottom: 0px solid #dee2e6;
}

/* .nav-tabs .nav-link.active:after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 12px 12px;
    border-color: #4874f1 transparent transparent transparent;
    bottom: -24px;
} */

.btn-primary {
    color: #fff;
    background-color: #4874f1;
    border-color: #4874f1;
    border-radius: 30px;
}
/*
.text-primary {
    color: #4874f1 !important;
}
*/



button {
    background: transparent;
    border: none;
    cursor: pointer;
    outline: none;
}


/* Start Nav Styles */
.side_navbar {
    position: fixed;
    z-index: 999;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}
.side_navbar .nav-menu {
    margin: 0;
    padding: 0;
    list-style-type: none; width: 100px;
}
.side_navbar .nav-menu li {
    position: relative;
    /*min-width: 200px;*/
    min-width: 0px;
    text-align: right;
}
.side_navbar .nav-menu li .dot {
    display: block;
    color: #fff;
    /*padding: 5px 0;*/
}
.side_navbar .nav-menu li .dot::before,
.side_navbar .nav-menu li .dot::after {
    display: block;
    position: absolute;
    content: ' ';
    border-radius: 50%;
    top: 50%;
    transition: all .3s ease;
}
.side_navbar .nav-menu li .dot::before {
    width: 15px;
    height: 15px;
    right: 0;
    border: 2px solid #091E3E;
    transform: translateY(-50%);
    box-shadow: 0 0px 6px rgba(255,255,255,0.30), 0 0px 6px rgba(255,255,255,0.50);
    background: #fff;

}
.side_navbar .nav-menu li .dot::after {
    width: 26px;
    height: 26px;
    border: 2px solid #4874f1;
    right: -5px;
    transform: translateY(-50%) scale(0);
}
.side_navbar .nav-menu li .dot.active::before,
.side_navbar .nav-menu li:hover .dot::before {
    background: #4874f1;
    border-color: #4874f1;
}
.side_navbar .nav-menu li .dot.active::after,
.side_navbar .nav-menu li:hover .dot::after {
    transform: translateY(-50%) scale(1);
}
.side_navbar .nav-menu li .dot span {
    display: inline-block;
    opacity: 0;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: capitalize;
    background-color: #4874f1;
    /*padding: 6px 10px;*/
    padding: 4px 9px;
    border-radius: 3px;
    margin-right: 30px;
    transform: translateX(20px);
    transition: all .3s ease;    font-size: 11px;
}
.side_navbar .nav-menu li .dot span::before {
    display: block;
    position: absolute;
    content: '';
    border-left: 7px solid #4874f1;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    top: 50%;
    transform: translate(7px, -50%);
    right: 0;
    transition: all .3s ease;
}
.side_navbar .nav-menu li .dot.active span,
.side_navbar .nav-menu li:hover .dot span {
    transform: translateX(0px);
    opacity: 1;
}
/* End Nav Styles */


/*
CIRCLE ANIMATION
*/

.circle:hover {

    position:relative;

    -webkit-transition:height .25s ease, width .25s ease;
    transition:height .25s ease, width .25s ease;

    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}

.circle{
    height:60px;
    width:60px;
}

.circle:hover:before,
.circle:hover:after {
    content:'';
    display:block;
    position:absolute;
    top:0; right:0; bottom:0; left:0;
    border-radius:50%;
        border: 1px solid rgb(19 105 171 / 80%);
}

.circle:hover:before {
    -webkit-animation: ripple 1s linear infinite;
    animation: ripple 1s linear infinite;
}
.circle:hover:after {
    -webkit-animation: ripple 1s linear 0.5s infinite;
    animation: ripple 1s linear 0.5s infinite;
}

.circle:before,
.circle:after {
    -webkit-animation: none;
    animation: none;
}

@-webkit-keyframes ripple{
    0% {-webkit-transform:scale(1); }
    75% {-webkit-transform:scale(2.75); opacity:1;}
    100% {-webkit-transform:scale(4); opacity:0;}
}

@keyframes ripple{
    0% {transform:scale(1); }
    75% {transform:scale(2.75); opacity:1;}
    100% {transform:scale(4); opacity:0;}
}

/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline {
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: hidden;
    background: #ffffff;
    border-top: 1px solid #cccccc59;
    border-bottom: 1px solid #cccccc59;
}

.timeline > ol {
    font-size: 0;
    width: 100vw;
    padding: 190px 0;
    transition: all 1s;
}

.timeline > ol > li {
    position: relative;
    display: inline-block;
    list-style-type: none;
    /* width variable según cercanía tiempo */
    width: 222px;
    height: 1px;
    /*height: 3px;*/
    background: #091e3e;
}

.timeline > ol > li:last-child {
    width: 250px;
}

.timeline > ol > li:not(:first-child) {
    /*margin-left: 14px;*/
    margin-left: 0px;
}


.timeline > ol > li:not(:last-child) span.show-info{
    content: '';
    cursor: pointer;
    position: absolute;
    top: 40%;
    left: calc(100% + -7px);
    bottom: 0;
   /* width: 12px;
    height: 12px;*/
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
    /*transform: translateY(120%);*/
    border-radius: 50%;
    /*background: #F45B69;*/
    background: #091e3e;
    z-index: 999;
    border:2px solid #091e3e;
}




.timeline > ol > li:nth-child(even):not(:last-child) span.show-info{
    transform: translateY(-50%);
}

.timeline > ol > li:not(:last-child) .just-date {
    position: absolute;
    height: auto;
    opacity: 1;
    /*right: -174px;*/
    right: -85px;
    top: -35px;
    z-index: 11;
    color: #fff; text-align: center;
}

.timeline > ol > li:nth-child(odd) .just-date {
    top: 71px;
}

.timeline > ol > li:nth-child(even) .just-date {
    /*top: -75px;*/
    /*top: -107px;*/
    top: -132px;
    right: -62px;
}

.timeline > ol > li:not(:last-child) .just-date p {
    font-size: 28px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    color: #4874f1;
    margin-bottom: 0;
}

.timeline > ol > li div.info-container {
    position: absolute;
    left: calc(100% + 7px);
    width: 290px;
    padding: 15px;
    font-size: 1rem;
    white-space: normal;
    color: black;
    background: white;
    border: 2px solid #4874f1;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.timeline > ol > li div.info-container::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
}

.timeline > ol > li:nth-child(odd) div.info-container {
    top: -16px;
    transform: translateY(-100%);
    border-radius: 20px 0; z-index: 999999;
}

.timeline > ol > li:nth-child(odd) div.info-container::before {
    top: 100%;
    border-width: 8px 8px 0 0;
     border: 1px solid #4874f1;
    /*border-color: white transparent transparent transparent;*/
}

.timeline > ol > li:nth-child(even) div.info-container {
    top: calc(100% + 16px);
    border-radius: 0 20px;
}

.timeline > ol > li:nth-child(even) div.info-container::before {
    top: -8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent white;
}

.timeline time:not(.date) {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 8px;
    background-color: #4750f3;
    text-align: center;
    color: #fff;
}


/* TIMELINE ARROWS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.timeline .arrows {
    display: flex;
    justify-content: center;
    margin-bottom: 20px; z-index: 999999;

}

.timeline .arrows .arrow__prev {
    margin-right: 20px;
    color: #4874f1;
    position: absolute;
    top: 47%;
    left: 0%;
    background-color: #070a20;
    background-color: white;
    border: 2px solid;
    border-radius: 50%;
    width: 50px;
    font-size: 29px;
    height: 50px;

}
.timeline .arrows .arrow__next {
    margin-right: 20px;
    position: absolute;
    color: #4874f1;
    top: 47%;
    right: -2%;
    background-color: white;
    border: 2px solid;
    border-radius: 50%;
    width: 50px;
    font-size: 29px;
    height: 50px;
}
/*.timeline .arrows .arrow__next {
    margin-right: 20px;
    position: absolute;
    color: #4874f1;
    top: 49%;
    right: -2%;
    background-color: #070a20;
}*/

.timeline .disabled {
    opacity: .5; display: none;
}

.timeline .arrows img {
    width: 45px;
    height: 45px;
}

/* EVENTS SECTION
–––––––––––––––––––––––––––––––––––––––––––––––––– */

nav.archive-links {
    background-color: #fff;
    box-sizing: content-box;
    padding: 0;
    /* Ordered list with custom counter */
    /* Style the title, date & comments of each entry */
}
nav.archive-links ol.ol-events {
    counter-reset: li;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    margin: 0;
    padding: 0px;
}
nav.archive-links ol.ol-events li {
    float: left;
    clear: left;
    width: 100%;
    margin: 0;
    list-style: none;
}
nav.archive-links ol.ol-events,
nav.archive-links ol.ol-events li,
nav.archive-links ol.ol-events li a {
    display: block;
}
nav.archive-links ol.ol-events li a {
    font-size: 11px;
    height: 29px;
    position: relative;
    text-decoration: none;
}
nav.archive-links ol.ol-events li .main-image:after,
nav.archive-links ol.ol-events li .no-main-image:after {
    color: #b7b7b7;
    content: counter(li, decimal-leading-zero);
    counter-increment: li;
    font-size: 14px;
    line-height: 29px;
    height: 29px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    font-weight: 100;
    letter-spacing: 1px;
}
nav.archive-links li .main-image,
nav.archive-links li .no-main-image {
    float: left;
    margin-right: 0.5em;
    width: 30px;
    height: 30px;
    background: #e6e6e6;
}

nav.archive-links li .main-image.event-one,
nav.archive-links li .no-main-image.event-one {
    background: yellow;
}

nav.archive-links li .main-image.event-two,
nav.archive-links li .no-main-image.event-two {
    background: orange;
}

nav.archive-links li .main-image {
    /*background-image: url('http://placekitten.com/g/200/200');*/
    background-size: cover;
    background-position: center center;
}
nav.archive-links a:link,
nav.archive-links a:visited,
nav.archive-links a:hover,
nav.archive-links a:active {
    color: #000000;
}
nav.archive-links ol.ol-events li a:hover .main-image:after,
nav.archive-links ol.ol-events li a:hover .no-main-image:after {
    color: #2690d8;
}
nav.archive-links ol.ol-events li a:active .main-image:after,
nav.archive-links ol.ol-events li a:active .no-main-image:after,
nav.archive-links ol.ol-events li.active a .main-image:after,
nav.archive-links ol.ol-events li.active a .no-main-image:after {
    color: #777;
}
nav.archive-links li + li {
    border-top: 1px solid #d9d9d9;
}
nav.archive-links li span {
    display: block;
    line-height: 1em;
}
nav.archive-links span.link-title {
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-top: 0.3em;
    font-size: 1em;
}
nav.archive-links span.link-excerpt {
    color: #c3c3c3;
}

/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*@media screen and (max-width: 599px) {
 .timeline ol,
 .timeline ol li {
   width: auto;
 }

 .timeline ol {
   padding: 0;
   transform: none !important;
 }

 .timeline ol li {
   display: block;
   height: auto;
   background: transparent;
 }

 .timeline ol li:first-child {
   margin-top: 25px;
 }

 .timeline ol li:not(:first-child) {
   margin-left: auto;
 }

 .timeline ol li div {
   width: 94%;
   height: auto !important;
   margin: 0 auto 25px;
 }

 .timeline ol li div {
   position: static;
 }

 .timeline ol li:nth-child(odd) div {
   transform: none;
 }

 .timeline ol li:nth-child(odd) div::before,
 .timeline ol li:nth-child(even) div::before {
   left: 50%;
   top: 100%;
   transform: translateX(-50%);
   border: none;
   border-left: 1px solid white;
   height: 25px;
 }

 .timeline ol li:last-child,
 .timeline ol li:nth-last-child(2) div::before,
 .timeline ol li:not(:last-child)::after,
 .timeline .arrows {
   display: none;
 }
} */


.horizental_linetime{width: 1px;
    height: 63px;
    background: #000;
    position: absolute;
    left: calc(100% + 17px);
}

.timeline > ol > li:nth-child(even):not(:last-child) span.horizental_linetime{
    top:-61px;
}

.timeline_title2{top: 0;left: calc(65% - 271px);}

/*.timeline_title2:after{margin-left: 82%;}*/
.timeline_title2:after{margin-left: 66%;}

.paragraph_text{
    margin-top: 65px;
    text-align: center;
    padding: 0 100px;
    margin-bottom: 15px;
}

.bg-light {
    background-color: #fff !important;
}

.screenshot_slider .owl-nav .owl-prev {
    left: -28px;
}
.screenshot_slider .owl-nav .owl-next {
    right: -28px;
}

.alignpadding{padding:20px 0;}

.logo_text{font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    padding: 10px 0; font-family: 'Montserrat', sans-serif; font-weight: bold; text-shadow: 2px 2px 4px #000000;
}
.logo_text span{    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    font-weight: normal;
    clear: both;
    display: block;
}

.header_bg_text1{border-bottom: 1px solid #4874f1;
    background: #4874f1;}

#grad {
    background-image: linear-gradient(#091E3E, #4874f1);
}





.section-padding {
    width: 1000px;
    margin: 0 auto;
    /* padding: 80px 0; */
    padding: 155px 0 80px;

}

#screenshot_slider .owl-item .item {
    transform: translate3d(0, 0, 0);
    /* DO NOT REMEMBER WHERE TU PUT THIS, SEARCH FOR 3D ACCELERATION */
    margin: 50px 0;
    /* OVERWRITE PLUGIN MARGIN */
}

#screenshot_slider .owl-item .item img {
    -webkit-transition: 0.3s;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

#screenshot_slider  .owl-item.center .item img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

#screenshot_slider  .owl-nav {
    text-align: center; display: block;
}

#screenshot_slider  .owl-nav button {
    font-size: 24px !important;
    margin: 10px;
    color: #033aff !important;
}


#screenshot_slider  .owl-item .item {
    /*-webkit-transition: 0.3s;
    -webkit-box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);*/
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    text-align: center;
    z-index: 9999;
}
#screenshot_slider  .owl-item .item .pargarph_text_show{display: none;     margin-top: 15px;}

#screenshot_slider  .owl-item.center .item {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.5);
}

/* #screenshot_slider  .owl-item.center .item .pargarph_text_show{display: block; color: #fff;} */
#screenshot_slider  .owl-item.center .item .pargarph_text_show{display: block; color: #fff; font-size: 12px !important;}

#screenshot_slider  .owl-item.center .item .pargarph_text_show p{font-size: 12px !important;}
.line_1212{width: 100%;
    height: 2px;
    background: #d7d7d7;
    position: absolute;
    /*top: 38.9%;*/
    /* top:60.3%; */
    top: 65.2%;
    left: 0;
    /*z-index: 10;*/
}

#screenshot_slider  .owl-item .item .timeline_bx1_bx{background: #fff;width: 100px; height: 100px;
    color: #0d6efd; border-radius: 100%;     margin: auto;line-height: 100px;font-size: 25px; border: 4px solid #0d6efd;
}
#screenshot_slider  .owl-item.center .timeline_bx1_bx{background: #0d6efd; border: 8px solid rgb(255,255,255,0.5); width: 100px; height: 100px; color: #fff; border-radius: 100%;     margin: auto;line-height: 87px;font-size: 25px;}


#screenshot_slider .owl-next, #screenshot_slider .owl-prev {
    position: absolute;
    top: 34%;
    /* top: 29%; */
    color: #fff;
    font-size: 20px;
}




#carousel {
    position: relative;
    height: 400px;
    top: 50%;
    /*transform: translateY(-50%);*/
    overflow: hidden;
    perspective: 1000px;
}
#carousel div {
    position: absolute;
    transition: transform 400ms, left 400ms, opacity 400ms, z-index 0s;
    opacity: 1;     padding-top: 65px;
    /*transition: .3s;*/
    /*transform: rotateY(40deg);*/
    /*transition: .3s;*/
    transform: rotateY(22deg) !important;
}
#carousel div img {
    width: 400px;
    transition: width 400ms;
    -webkit-user-drag: none;
}
#carousel div.hideLeft {
    left: 0%;
    opacity: 0;
    transform: translateY(50%) translateX(-50%);
}
#carousel div.hideLeft img {
    width: 200px;
}
#carousel div.hideRight {
    left: 100%;
    opacity: 0;
    transform: translateY(50%) translateX(-50%);
}
#carousel div.hideRight img {
    width: 200px;
}
#carousel div.prev {
    z-index: 5;
    left: 22%;
    transform: translateY(50px) translateX(-50%);
}
#carousel img:hover {
    /*cursor:*/
}
#carousel div.prev img {
    width: 300px;
}
#carousel div.prevLeftSecond {
    z-index: 4;
    /*left: 22%;*/
    left: 9%;
    transform: translateY(50%) translateX(-50%);
    opacity: 0.7;
}
#carousel div.prevLeftSecond img {
    width: 200px;
}
#carousel div.selected {
    z-index: 10;
    left: 38%;
    transform: translateY(0px) translateX(-50%);
    top: -23px;
}
#carousel div.next {
    z-index: 5;
    left: 60%;
    transform: translateY(50px) translateX(-50%);
}
#carousel div.next img {
    width: 300px;
}
#carousel div.nextRightSecond {
    z-index: 4;
    left: 76%;
    transform: translateY(50%) translateX(-50%);
    opacity: 0.7;
}
#carousel div.nextRightSecond img {
    width: 200px;
}

#carousel .buttons {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
}

#carousel div.schemes_wrapper{
border: 1px solid #4874f1;
border-radius: 10px; position: relative; overflow: hidden;
padding: 10px;}

#carousel div.schemes_wrapper img{border-radius: 10px;}
#carousel div.schemes_wrapper .imgtext{
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: rgba(79, 118, 227, 1);
    color: #f1f1f1;
    width: 100%;
    padding: 20px; color: #fff; left: 0;
}

#carousel div.schemes_wrapper .imgtext h1, #carousel div.schemes_wrapper .imgtext .schemes_title_head{padding-top:0px;position: relative;color: #fff; font-size: 16px; text-align: center; margin-bottom: 0;}
.screenshot_slider{margin-top: 70px;  position: relative;}
.animation-jump {
    position: relative;
    -webkit-animation: animation-jump 2s ease-in-out infinite;
    animation: animation-jump 2s ease-in-out infinite;
}

.animation-jump {
    text-align: center;
    padding: 0!important;
    left: 0;
}

#return-to-top {
    font-size: 15px!important;
    color: #000 !important;
    padding-left: 6px!important;
    position: absolute!important;
    right: -10px!important;
    text-align: center;
    top: -52px;
}

@-webkit-keyframes animation-jump {
    0% {
        top: 10px;
    }
    50% {
        top: -10px;
    }
    100% {
        top: 10px;
    }
}

@keyframes animation-jump {
    0% {
        top: 10px;
    }
    50% {
        top: -10px;
    }
    100% {
        top: 10px;
    }
}

@media (max-width:1280px) {
    .logotext_alignmb h3, .logotext_alignmb h2{font-size: 15px !important;}
    .logotext_alignmb p{font-size: 13px !important;}
}

#usofbanner_75{
/* background-image: linear-gradient(to bottom right, #f79633, #fff, #00a457);*/
background-image: url('../img/collage1-demo.jpg');
background-repeat: no-repeat;
background-position: bottom;
}
.text-primary {
    color: #4874f1 !important;
}

.hovertext{ position: absolute;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.1);
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: white;
    font-size: 1.25rem !important;
    padding: 20px;
    text-align: left;
    right: 0;
    bottom: 0;
}

.flip-card:hover .flip-card-inner .hovertext{opacity: 1;}
.flip-card:hover .flip-card-inner .pt_reltive img{opacity: 0.5;}
.pt_reltive{position: relative;}

 .owl-item .bg-primary{background-color: #7091ee !important;}
 .owl-item.active.center .bg-primary {background-color: #4874f1  !important;}





main{position: relative;}

  .schemes_button  #prev, .schemes_button #next {
    position: absolute;
    /*top: 50%;*/
    top: 52%;
    color: #fff;
    font-size: 20px;
    padding:2px 16px 5px 16px;
    border-radius: 24px;
    background: #091e3e;
    border: 2px solid #fff;
      line-height: 20px;
}

.schemes_button   #prev {
    left: 83px;
}
.schemes_button   #next {
    right: 108px;
}



/* 6-8-2022 css start codeing */
 .ps-timeline2 {
    padding: 0;
    border-top: 0px solid rgb(72 116 241);
    list-style: none; text-align: center;
    width: 96%; margin: auto;

}

 /* .ps-timeline2 .ps-timelinebox{
    float: left;
    width: 100%;
    padding-top: 30px;
    position: relative;
} */
.ps-timeline2 .ps-timelinebox {
    float: none;
    width: 90%;
    padding-top: 30px;
    position: relative;
    /* border: 1px solid #fff; */
    margin: auto;
    border-radius: 6px; display:block; overflow:hidden;
}
 /* .ps-timeline2 .ps-timelinebox .ps-bot2 {
    position: relative;
    color: #091e3e;
    text-align: center;
      margin-top: 15px;
      padding-top: 22px;
    padding-bottom: 30px;
    min-height: 217px;


}*/

.ps-timeline2 .ps-timelinebox .ps-bot2 {
    position: relative;
    color: #091e3e;
    text-align: center;
      margin-top: 0px;  /*change css code 3-5-2023*/
      padding-top: 22px;
    padding-bottom: 30px;
    min-height: 217px;


}

.ps-timeline2 .ps-timelinebox:hover{
    transform: scale(1.1);
    transition: all 0.3s ease;
    /* background: #fff; */
}



.ps-timeline2 .ps-timelinebox .ps-bot2  img {
    width: 70px;
    margin-bottom: 0px;
    /*background: #4874f1;*/
    background: transparent;
    border-radius: 8px;
    margin: auto;padding: 10px;
    border:2px solid #f38120;
}

.ps-timeline2 .ps-timelinebox .ps-bot2 p, .ps-timeline2 .ps-timelinebox .ps-bot2 .ps_timeline_content_white {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    line-height: 10px;
    font-size: 14px;
    /*padding: 0 30px;*/
    /*padding: 0 20px;*/
    padding: 0 15px;
    line-height: 20px;
}

/* .ps-timeline2 .ps-timelinebox:hover .ps-bot2 p{
    color: #000 !important;
} */


.counterbox_round{
    width: 100px;
    height: 100px;

    /*background: rgb(72 116 241);*/
    background: transparent;
      /*border: 8px solid rgb(255,255,255,0.5);*/
      border: 8px solid #f38120;
    border-radius: 50%;
    box-shadow: 0 0 0 0px #fff;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;

    padding: 25px 0px;
    margin:auto; display: block;

}

.timeline_line2_1 {
    width: 35%;
    height: 4px;
    /*background: #4874f1;*/
    background: #fff;
    margin: 10px auto 20px;
}

/*.counterbox_round:before {
    content: "";
    width: 100%;
    height: 4px;
    background: rgb(72 116 241);
    position: absolute;
    top: 28%;
    left: -3%;
    z-index: -1;
    transform: translateY(-50%);
}*/



#pstime_slider .owl-carousel .owl-dot, #pstime_slider .owl-next, #pstime_slider .owl-prev,
#pstime_slider_submarine .owl-carousel .owl-dot, #pstime_slider_submarine .owl-next, #pstime_slider_submarine .owl-prev,
#pstime_slider_mobiletower .owl-carousel .owl-dot, #pstime_slider_mobiletower .owl-next, #pstime_slider_mobiletower .owl-prev
{
    position: absolute;
    /* top: 22%; */
    top: 44%;
    color: #fff;
    font-size: 20px;
    /*padding: 0 16px;*/
    padding: 0 16px 2px;
    border-radius: 24px;
    background: #091e3e;
    border: 2px solid #fff;
}

#pstime_slider .owl-nav .owl-prev,
#pstime_slider_submarine .owl-nav .owl-prev,
#pstime_slider_mobiletower .owl-nav .owl-prev
{
    left: -10px;
}

#pstime_slider .owl-nav .owl-next,
#pstime_slider_submarine .owl-nav .owl-next,
#pstime_slider_mobiletower .owl-nav .owl-next
{
    right: -10px;
}


/* 6-8-2022 css start codeing */



.more-dd{
    right: -42px;
z-index: 9999;
}
.side_navbar{
z-index: 9;
}

/* .section_paddding_100{padding: 100px 0px;} */
.section_paddding_100{padding: 200px 0px 0;}

/* inner page css coding  */
/* 18-6-2022 css coding by manish */

.schems_box{

    background: #f4f4f4; position: relative; z-index: 1;   box-shadow: 0 5px 5px -12px rgb(0, 0, 0, 0.25);  padding: 20px; border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
}

/* .schems_box .nav-link{    position: relative;background-color:#fff;text-align: left;color: #000;font-size: 22px; border-bottom: 2px solid #0f4b9e;border-radius: 0;padding: 0.98rem 0.8rem; font-family: 'Montserrat', sans-serif;} */

.schems_box .nav-link{    position: relative;background-color:#fff;text-align: left;color: #000;font-size: 17px; border-bottom: 2px solid #0f4b9e;border-radius: 0;padding: 0.98rem 0.8rem; font-family: 'Montserrat', sans-serif;}


.shcemsimage-container{
    height: 60px;
    display: block;
    margin-bottom: 0;
    float: left;
    width: 60px;
    margin-top: 0  ;
    margin-left: 0;
    margin-right: 0;
    box-shadow: 0 25px 50px -12px rgb(255 255 255 / 25%);
    border: 2px solid #fff;
    border-radius: 100%;
    overflow: hidden;
}



.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0f4b9e;
}

.schems_text_qw{         display: inline-block;
    margin: 18px 0 0 8px;
    line-height: 26px;
    width: auto;

}

.schemas_line{width:80%; height: 2px; background: #fff; margin: auto;}

.tab_content_wrapper{    background: #fff;
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
    padding: 4% 3%;
    position: relative;
    z-index: 1;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    min-height: 674px;
    /* min-height: 500px;
    overflow: auto;
    overflow-x: hidden; */
}

.schemes_box .schemes_paragraph_bx{margin-bottom:15px; text-align: justify;}
/*
.horizental_tab-nav{background: #0f4b9e;border-top-left-radius: 14px; border-top-right-radius: 14px;}
.horizental_tab-nav .nav-link{min-height: 144px;     font-size: 15px; width: 20%;line-height: 21px;color: #fff; border-right: 1px solid #d7d7d7;font-family: 'Montserrat', sans-serif;} */

.horizental_tab-nav{background: #0f4b9e;border-top-left-radius: 14px; border-top-right-radius: 14px;
    display: inline-block !important;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    white-space: nowrap;


}
.horizental_tab-nav .nav-link{font-size: 14px; width: auto;line-height: 21px;color: #fff; border-right: 1px solid #d7d7d7;font-family: 'Montserrat', sans-serif;
    float: none;
    display: inherit;
    position: relative;
    /* overflow-wrap: break-word; */
    /* word-break: break-all; */
    white-space: normal;
    overflow: hidden;
     height: auto;padding: 20px 20px;

}


.usof_tab_bg{word-wrap: break-word;background: #fff;padding: 20px; border: 1px solid #d7d7d7; border-top: 0px solid #d7d7d7; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.horizental_tab-nav .nav-link:first-child{border-top-left-radius: 10px;}
.usof_tab_bg h1,  .usof_tab_bg h2, .usof_tab_bg h3, .usof_tab_bg h4, .schemes_box_title{     font-family: 'Montserrat', sans-serif;
    text-align: left;
    text-transform: uppercase;
    /*font-size: 30px;*/
    font-size: 18px;
    /*margin-bottom: 25px;*/
    margin-bottom: 5px;
    color: #121212;
}
.sv-data-1{background:lightCyan;padding:0;}
.sv-data-2{background:lightPink;height:40px;white-space:nowrap;}
.sv-data-3{background:LightGoldenRodYellow;height:40px;white-space:nowrap;}
.sv-data-4{background:LightSteelBlue;}

/* Vertical Tabs */
.vertical-tabs{font-size:14px;padding:10px;color:#008000}
.vertical-tabs .nav-tabs .nav-link{background:#4CAF50;border:1px solid transparent;color:#fff;height:37px}
.vertical-tabs .nav-tabs .nav-link.active{background-color:#009900!important;border-color:transparent !important;color:#fff;}
.vertical-tabs .nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:0rem!important;}
.vertical-tabs .tab-content>.active{background:#fff;display:block;}
.vertical-tabs .nav.nav-tabs{border-bottom:0;border-right:1px solid transparent;display:block;float:left;margin-right:20px;padding-right:15px;}
.vertical-tabs div.tab-content{border:solid 1px #4CAF50!important;max-height:200px;}
.vertical-tabs .sv-tab-panel{background:#fff;height:145px;padding-top:10px;}
.vertical-tabs div#home-v.tab-pane .sv-tab-panel{background:#a6dba6}
.vertical-tabs div#profile-v.tab-pane .sv-tab-panel{background:#99d699;}
.vertical-tabs div#messages-v.tab-pane .sv-tab-panel{background:#8cd18c}
.vertical-tabs div#settings-v.tab-pane .sv-tab-panel{background:#80cc80}

/* Vertical Tabs */

.horizontal-tabs{font-size:14px;padding:10px;color:#008000}
.horizontal-tabs .sv-tab-panel{background:#fff;height:145px;padding-top:10px;}
.horizontal-tabs .nav-tabs .nav-link{background:#4CAF50;border:1px solid transparent;color:#fff}
.horizontal-tabs .nav-tabs .nav-link.active{background-color:#009900!important;border-color:transparent !important;color:#fff;}
.horizontal-tabs .nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:0rem!important;border-top-right-radius:0rem!important;}
.horizontal-tabs .tab-content>.active{background:#fff;display:block;}
.horizontal-tabs .nav.nav-tabs{border-bottom:0;border-right:1px solid transparent;background:#33ad33}
.horizontal-tabs  div.tab-content{border:solid 1px #1c271d!important;max-height:150px;}
.horizontal-tabs  .sv-tab-panel{background:#fff;height:110px;padding-top:10px;}
.horizontal-tabs  div#home-h.tab-pane .sv-tab-panel{background:#a6dba6}
.horizontal-tabs  div#profile-h.tab-pane .sv-tab-panel{background:#99d699;}
.horizontal-tabs  div#messages-h.tab-pane .sv-tab-panel{background:#8cd18c}
.horizontal-tabs  div#settings-h.tab-pane .sv-tab-panel{background:#80cc80}
.horizontal-tabs .sv-tab-panel{padding:10px}
@media (max-width: 967px) {
    .nav.nav-tabs{border-bottom:0;border-right:1px solid transparent;display:block; margin-right:20px; width:100%!important}
    .horizontal-tabs .nav-tabs{width:100%;padding:0}
}


.upcoming_Schemes{ margin: 60px 0; padding: 0;}
.upcoming_Schemes .upcoming_schemes_box{ width: 100%; margin: 0; padding: 0;}
.upcoming_Schemes .upcoming_schemes_title{    font-family: 'Montserrat', sans-serif;
    font-size: 35px;
    color: var(--secondary);
    margin-bottom: 25px;
    text-align: center;
}

.upcoming_Schemes .upcoming_box_schems{-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 3px 10px 0px rgb(11, 6, 70, 0.08);
    -moz-box-shadow: 0px 3px 10px 0px rgba(11, 6, 70, 0.08);
    box-shadow: 0px 3px 10px 0px rgb(11, 6, 70, 0.08);
    position: relative;
    padding: 0;
    padding-bottom: 35px;
    z-index: 1;
    background: #ffffff;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin: 0 10px 20px 10px;
}


.upcoming_box_schems .upcoming_box_schems_images{margin: 0 0 0 0;padding: 0;}
.upcoming_box_schems .upcoming_box_schems_images img{
    border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-border-radius: 20px;
}
.upcoming_box_schems  .upcomimg_content{padding: 15px 20px;}
.upcoming_box_schems .upcoming_title{font-size: 1.6rem;
    color: var(--secondary);
    margin-bottom: 8px;
    font-family: 'Montserrat', sans-serif;
}
.upcoming_box_schems .upcoming_paragraph{
    font-size: 1.0rem;
    color: #000;
    text-align: justify;
}



.completed_projects{margin: 60px 0; padding: 0;}

.usof_complete_box{width: 100%; margin:15px 0 50px; padding: 0;}
.usof_complete_title{font-family: 'Montserrat', sans-serif;
    /* fon/t-size: 35px; */
    font-size: 26px;

    color:#4874f1;
    margin-bottom: 25px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}


.feature-box-01 {
    background: #fff;
    -webkit-box-shadow: 0px 3px 10px 0px rgb(11, 6, 70, 0.08);
    -moz-box-shadow: 0px 3px 10px 0px rgba(11, 6, 70, 0.08);
    box-shadow: 0px 3px 10px 0px rgb(11, 6, 70, 0.08);
    padding: 0% 0%;
    position: relative;
    z-index: 1; margin: 0 10px 20px 10px;
}

.feature-box-01 .icon {
    /* width: 60px;
    height: 60px; */
    width: 100%;
    height: auto;
    line-height: 60px;
    font-size: 50px;
    margin-bottom: 20px;
    color: #dc965a;
    transition: .5s ease-in-out;
}
.feature-box-01 h5 {
    color: var(--secondary);
    font-weight: normal;
    transition: .5s ease-in-out; font-family: 'Montserrat', sans-serif; font-size: 1.5rem;
}
.feature-box-01 p {
    margin: 0;
    transition: .5s ease-in-out;
}
.feature-box-01:hover {
    color: hsla(0,0%,100%,.7);
}
.feature-box-01:hover .icon, .feature-box-01:hover h5, .feature-box-01:hover p {
    color: #fff;
    -webkit-animation: slideTop .7s ease-in-out 0s 1 normal none running!important;
    animation: slideTop .7s ease-in-out 0s 1 normal none running!important;
}
@-webkit-keyframes slideTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(15px);
        transform: translateY(15px)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes slideBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes slideLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-25px);
        transform: translateX(-25px)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes slideLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-25px);
        transform: translateX(-25px)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.feature-box-01:hover {
    color: hsl(0deg, 23%, 29%,70%);
}

.feature-box-01:hover:after {
    bottom: auto;
    top: 0;
    height: 100%;
}

.feature-box-01:after {
    content: "";
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
    transition: .5s ease-in-out;
    background:var(--secondary);
    opacity: .8;
    z-index: -1;
}

.feature-content {
    padding: 0 15px 15px 15px;
}

.usof_round_box{    border-radius: 100%; overflow: hidden; height: 259px;}

.usof_round_box .icon {height:130px; overflow: hidden;margin: 0;}
.usof_round_box  .feature-content {
    padding: 11px 15px 15px 15px;
    text-align: center;
    width: 72%;
    margin: auto;
    display: block;
}

.shcemsimage-container img{background: #fff; padding: 4px;}

.title_head_text{position: relative; display: inline-block;margin: auto;}

.title_head_text::after {
    content: " ";
    display: block;
    background: #01a54f;
    height: 9px;
    width: 50px;
    position: absolute;
    right: -90px;
    top: 15px; border-radius: 10px;
}

.title_head_text::before {
    content: " ";
    display: block;
    background: #01a54f;
    height: 9px;
    width: 50px;
    position: absolute;
    left: -90px;
    top: 15px;border-radius: 10px;
}

a.readmore {
    background: var(--secondary);
    padding: 5px 30px 7px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    margin: 10px 0 0;
    font-size: 20px;
}
 a.readmore:hover {
    background: var(--secondary);
}

.navbt_border{border-bottom: 1px solid #d7d7d7;}
/*bread crumb css code */

/* .breadcrumb {
    display: block;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none;
    width: auto;
    margin: auto;
}
ol.breadcrumb li{display: inline-block;font-size: 16px;font-weight: 600;}
ol.breadcrumb li a{color:var(--primary); text-decoration: none;}
ol.breadcrumb li:last-child a{color: #b0b0b0;} */

.breadcrumb {
    display: block;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none;
    width: auto;
    margin: auto;
}
.usof_complete_box {
    width: 100%;
    margin: 0 0 25px 0;
    /* padding: 49px 0px; */
    padding: 10px 0px;
    background-image: url(../img/background_breadcrumb.jpg);
    background-repeat: repeat;
    /*height: 120px;*/
    min-height: 120px;
    background-position: center center;
}
ol.breadcrumb li a {
    color: #2976f0;
    text-decoration: none;
}
.breadcrumb-item.active {
    color: #121212;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #2976f0;
    content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
ol.breadcrumb li {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
}

/* .breadcrumb-item.active {color: #b0b0b0;}​ */
/*bread crumb css code */



     /* 18-6-2022 css coding by manish */
     /* .pt-8{padding-top: 4.9rem !important; padding-bottom: 3rem !important;} */
     .pt-8{padding-top: 3.5rem !important; padding-bottom: 3rem !important;}


     /* 9-8-2022 css coding by manish */
     .wrap {
        display: flex;
        background: white;
        padding: 1rem 1rem 1rem 1rem;
        border-radius: 0.5rem;
        box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
        margin-bottom: 2rem;
    }

    .wrap:hover {
        background: linear-gradient(135deg,#6394ff 0%,#0a193b 100%);
        color: white;
    }

    .ico-wrap {
        /* margin: auto;border: 1px solid #d7d7d7; */

        margin:0 20px 0 0;border: 1px solid #d7d7d7;
    }

    .mbr-iconfont {
        font-size: 4.5rem !important;
        color: #313131;
        margin: 1rem;
        padding-right: 1rem;
    }
    .vcenter {
        margin: auto; text-align: left;
    }

    .mbr-section-title3 {
        text-align: left;
    }
    .hq h2 {margin-top: 0.5rem; margin-bottom: 0.5rem;     }
    .display-5 {
        font-family: 'Source Sans Pro',sans-serif;
        font-size: 1.4rem;
    }
    .mbr-bold {
        font-weight: 700;
    }
    .hq p {padding-top: 0.5rem;padding-bottom: 0.5rem;line-height: 25px; margin-bottom: 0rem;}
    .display-6 {
        /* font-family: 'Source Sans Pro',sans-serif; */
        font-size: 0.9rem;}


    .people_box_bx p {
        padding-top: 0.5rem;
        padding-bottom: 0rem;
        line-height: 25px;
        margin-bottom: 0;
    }

    .ddg_warpper .circlecenter_image {
        text-align: center;
    }

    .ddg_warpper .circlecenter_image img{
        border-radius: 50%; height: 100px;
        margin-bottom: 15px;
    }
    .ddg_warpper .circle_bx {
        /* border: 1px solid;
        padding: 20px;
        background-color: whitesmoke;
        border-radius: 5px; */
        text-align: center;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        -webkit-box-shadow: 0px 30px 70px 0px rgb(11 6 70 / 8%);
        -moz-box-shadow: 0px 30px 70px 0px rgba(11, 6, 70, 0.08);
        box-shadow: 0px 30px 70px 0px rgb(11 6 70 / 8%);
        position: relative;
        padding: 40px 15px;
        padding-bottom: 35px;
        z-index: 1;
        background: #ffffff;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        min-height: 368px;
        margin-bottom: 30px;

    }

    .ddg_warpper .circle_bx:before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        top: 10px;
        border-radius: 20px;
        /* background: blue; */
        height: 50%;
        z-index: -1;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .ddg_warpper .circle_bx:hover:before {
        top: -3px;
    }

    .ddg_warpper{margin:25px 0;}

    /* .ddg_warpper .circle_bx:hover {
     transition: .5s;
     border-top: 1px solid blue;
     border-bottom: 1px solid blue;
     border-left: none;
     border-right: none;
     background-color: transparent;
    } */



    .ddg_warpper .circle_bx .circle_bx_title {color: var(--primary);
        font-weight: normal;
        transition: .5s ease-in-out; font-family: 'Futura MdCn BT'; font-size: 1.5rem;line-height: 27px;
        /*height: 54px;*/
        height: auto;
        overflow: hidden;
    }

    .ddg_warpper .circle_bx .circle_bx_title span{display: block;}
    .ddg_warpper .circle_bx .circle_bx_paragraph{text-align: center;-webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        display: -webkit-box;
        height: 20px;
    }

    .circle_bx:hover {
        color: hsla(0,0%,100%,.7);
    }

    .circle_bx:hover .circle_bx_title {
        color: #fff !important;
    }

    .circle_bx:hover {
        color: hsl(0deg, 23%, 29%,70%);
    }

    .circle_bx:hover:after {
        bottom: auto;
        top: 0;
        height: 100%;
    }

    .circle_bx:after {
        content: "";
        position: absolute;
        bottom: 0;
        top: auto;
        left: 0;
        right: 0;
        height: 0;
        width: 100%;
        transition: .5s ease-in-out;
        background: var(--primary);
        opacity: .8;
        z-index: -1;-webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }
    .circle_bx:hover {
        color: hsla(0,0%,100%,.7);
        background: linear-gradient(135deg,#6394ff 0%,#0a193b 100%);
    }

    .circle_bx:hover .circle_bx_title{color: #fff !important;}

    .circle_bx:hover .icon, .circle_bx:hover h5, .circle_bx:hover p {
        color: #fff;
        -webkit-animation: slideTop .7s ease-in-out 0s 1 normal none running!important;
        animation: slideTop .7s ease-in-out 0s 1 normal none running!important;
    }
         /* 18-6-2022 css project main page coding by manish */
     .circleleft .circleleft_content .circleleft_image {
         margin: 0;
         padding: 0;
         text-align: center;
     }
    .circleleft .circleleft_content .circleleft_image img{
        margin: 0;
        padding: 0;
        height: 25vh;
        border-radius: 50%;
    }
    .circleleft .newtsitle{
        padding: 20px;
        font-size: 25px;
    }
    .circleleft .circleleft_content .hed{
        text-align: center;
        padding: 10px;
    }
    .acc-box .eventstitle{
        font-family: 'Futura MdCn BT';
        font-size: 35px;
        color: #060606;
        margin-bottom: 25px;
        text-align: center;
        padding: 20px;
    }
    .circle_bx:hover .circle_bx_paragraph{color:#fff;}
    .circle_bx:hover a.readmore_text{color:#fff;}

    .wrap:hover .mbr-section-title3{color:#fff;}

    .wrap  a.readmore_text,   .circle_bx  a.readmore_text {
        display: inline-block;
        background: var(--primary);
        padding: 6px 15px 6px;
        text-align: center;
        float: none;
        color: #fff;
        text-decoration: none;
        margin: 20px 20px 0;
        width: 50%;
        float: none;
        border-radius: 30px;
        font-size: 14px; cursor: pointer;
    }

    .wrap a.readmore_text_o {
        margin-left: 0; cursor: pointer;
    }
    .modal-header {
        /* font-family: 'Futura MdCn BT'; */
        background: #091E3E;
        color: #fff;
        padding: 0.4rem 1rem;
    }

    .modal-header .modal-title{color: #fff;}
    .btn-close {
        box-sizing: content-box;
        width: 0.2em;
        height: 0.2em;
        padding: 0.25em 0.25em;
        color: #fff;
        background: url(../img/cross_download.svg) !important;
        border: 0;
        border-radius: 0.25rem;
        opacity: .5;
    }
    hr{margin-top: 50px;background-color: #d7d7d7;}

.top_20 {
    padding-top: 20px;
}
.project_padding {
    padding:30px 30px 30px 30px; margin-bottom: 40px;
    border-radius: 20px;-o-border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;-o-border-radius: 20px;
}

.shadow {background: #fff;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

table tr td{
   border-right: 1px #d7d7d7 solid !important;
    border-bottom: 1px #d7d7d7 solid !important;
    padding: 6px 6px !important;
    background-color: #fff !important;
}

table tr th{
   border-right: 1px #d7d7d7 solid!important;
    border-bottom: 1px #d7d7d7 solid!important;
    padding: 6px 6px !important;
    background-color: #4874f1 !important;
    color: #FFF;

}

a.viewmore_121, a.submit{
    display: inline-block;
    background: var(--primary);
    padding: 6px 18px 6px;
    text-align: center;
    float: none;
    color: #fff;
    text-decoration: none;
    margin: 0 0px 0;
    width: auto;
    float: none;
    border-radius: 30px;
    font-size: 13px;
}



      /* 9-8-2022 css coding by manish */

      /* 12-8-2022 css coding by manish */

.accordion-header {
    margin-bottom: 0;
    background: var(--primary);
    padding: 6px 15px;
}
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--primary);
    background: var(--primary);
    box-shadow: inset 0 0px 0 rgb(0 0 0 / 13%);
}
.accordion-button{transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,border-radius 0.15s ease; padding: 0.2rem 0.2rem;background: var(--primary); color: #fff;    font-size: 22px;font-family: 'Futura MdCn BT';}

.accordion-collapse{background: #fff;
    box-shadow: 0 25px 50px -12px rgb(0,0,0,0.25);
    position: relative;
    z-index: 1;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    margin-bottom: 0px !important;
    padding: 0; text-align: left;
}

.accordion-body{max-width: 100% !important;width: 100%;}
.accordion-item{border: 0px solid rgba(0,0,0,.125); margin-bottom: 20px; }
.accordion-button::after{background-image:url("../img/arrow_download.svg");}
.accordion-button:not(.collapsed)::after {
    background-image: url("../img/arrow_download2.svg");transform: rotate(-180deg);
}

.tabcontent_wrapbx{width: 100%;height: 240px;overflow: hidden;margin-bottom: 43px;}

.accordion-body ul{margin: 0; padding: 0 0 0 1rem;}
.accordion-body ul li{line-height: 26px;}
.accordion-body ul li a{color:#212529; text-decoration: none;vertical-align: middle; font-size: 15px;}
.accordion-body ul li a:hover{color:#ac124a;}
.flt { float: left;}

.dropdown-menu{min-width: 13rem;}
.lastupdate_text{    color: #fff;
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.themebox_shadow_mgt_20 {
    margin-bottom: 30px !important;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    padding: 0;
}
.themebox_shadow {
    background: #fff;
    box-shadow: 0 6px 25px -12px rgb(0 0 0 / 25%);
    padding: 0  0 20px 0;
     position: relative;
    z-index: 1;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
}

.porject_details_paragraph h3 {
    font-family: 'Futura MdCn BT';
    font-size: 22px;
    font-weight: normal !important;
    letter-spacing: 1px;
    margin-bottom: 0;
    background: var(--primary);
    padding: 6px 15px;
    color:#fff ;
}

.porject_details_paragraph p {
    padding: 10px 15px;
    margin-bottom: 0px;font-size: 15px;
}

.usof_complete_paddingtop_20{padding-top: 25px;}
.rti_sub_heading {
    /* padding: 10px 15px; */
    margin-bottom: 15px;
}




.detailbox_shadow {
    background: whitesmoke;
      padding: 1.5% 3% 2.2%;
    position: relative;
    z-index: 1;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    margin-bottom: 30px;
    border: 1px solid #d7d7d7;
}




.haeding_text_main{
   font-size: 14px !important;
    padding: 5px;
    font-weight: 600; color: #fff;
    /*word-break: break-word;*/
}
.haeding_text{
    font-size: 13px;
    padding: 5px;
}
.detail_colm{
    background-color: #fff;
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
    margin-top: 10px;
    border-radius: 10px;
    padding: 5px;
}
.detail_colm_blue{
    background-color: #93c8f3;
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
    margin-top: 10px;
    border-radius: 10px;
    padding: 5px;
}
.detail_colm_heading{
    /* background-color: #4b6fa3; */
    background-color: #091E3E;
     box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
    margin-top: 10px;
    border-radius: 10px;
    padding: 5px;
    color: #fff;
}
/*
figcaption {
    text-align: center;
    font-size: 17px;
    margin-top: 5px;
    color: #000;
    }*/

figcaption {
    text-align: center;
    font-size: 14px;
    margin-top: 5px;
    color: #fff;
    background: rgba(0,0,0,0.7);
    z-index: 9999;
    position: absolute;
    bottom: 0;
    height: 56px;
    line-height: 22px;
    padding: 6px 0;    left: 0;
    width: 100%;
}


    .photo_box a{cursor: pointer;}
    .gallery_bx1 a img{border-radius: 5px;}
    .mbtm_20{margin-bottom: 25px;}
    .schemes_wrapper{margin-bottom: 30px;}
      /* 12-8-2022 css coding by manish */

      #usofbanner_75 img{margin: 70px 0 0 0;}
      .title_lines_mt_95{margin: 95px 0 0;}
      .title_lines_mt_55{margin: 55px 0 0;}


      .tf_slide:nth-child(1){
        background: palegoldenrod;
    }
    .tf_slide:nth-child(2){
        background: indianred;
    }
    .tf_slide:nth-child(3){
        background: olive;
    }
    .tf_slide:nth-child(4){
        background: aliceblue;
    }
    .tf_slide:nth-child(5){
        background: darkkhaki;
    }
    .tf_slide:nth-child(6){
        background: skyblue;
    }
    .tf_slide:nth-child(7){
        background: orange;
    }
    footer{
        background: transparent !important;
        color: initial !important;
        padding: 0 !important;
        text-align: center;
    }
    .src{
        margin: 60px 0;
    }
    @keyframes fadeUp{
        0%{transform: translateY(20%);}
        100%{transform: translateY(0); visibility: visible}
    }
    @-webkit-keyframes fadeUp{
        0%{-webkit-transform: translateY(20%);}
        100%{-webkit-transform: translateY(0); visibility: visible}
    }


    .zenith_slider:before,
    .zenith_slider:after,
    .row:before,
    .row:after{
        display: table;
        content: " ";
    }
    .zenith_slider:after,
    .row:after{
        clear:both;
    }
    .zenith_slider { padding: 3.6% 0;  padding-left: 15px; padding-right: 15px;}
    .zenith_slider .row{z-index: 2; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 31.777777%; margin-right: -15px; margin-left: -15px;}
    .zenith_slider ul {list-style: none;  z-index: 2;}
    .highlight h3 {position: relative; margin-top: 10px; display: inline-block; font-family : "Helvetica", serif; font-size: 17px; vertical-align: middle; font-weight: bold; max-width: 70%;}
    .highlight h3:after{content: ' '; display: block; position: absolute; bottom: -50%; width: 0; left: 40%; margin: 0 20%; height: 2px; background: crimson; visibility: hidden; transition: all 0.45s ease; -webkit-transition: all 0.45s ease; -moz-transition: all 0.45s ease;}
    .highlight.active h3:after{width: 60%; left:0; visibility: visible;}
    .highlight { cursor: pointer; margin-bottom: 50px;}
    .highlight p { text-align: justify; margin-top: 0;}
    .highlight span { text-align: center; display: inline-block; vertical-align: top; padding: 10px 12px; background: rgba(9,16,26,0.85);border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-image: linear-gradient(0deg, rgba(92,92,92,0)34%, rgba(92,92,92, 0.4)24%); -moz-background-image: linear-gradient(0deg, rgba(92,92,92,0)34%, rgba(92,92,92, 0.4)24%); -webkit-background-image: linear-gradient(0deg, rgba(92,92,92,0)34%, rgba(92,92,92, 0.4)24%); -o-background-image: linear-gradient(0deg, rgba(92,92,92,0)34%, rgba(92,92,92, 0.4)24%);transition: color 0.5s ease-in; -webkit-transition: color 0.5s ease-in; -ms-transition: color 0.5s ease-in; -moz-transition: color 0.5s ease-in; -o-transition: color 0.5s ease-in;}
    .highlight-title {text-align: center; text-transform: uppercase; width: 105%}
    .highlights-phone{ width: 40%;height: 600px; float: left;}
    .phone-holder{  display: block; height: 520px; position: relative;  top: 40px; left: 19px; width: 258px; margin: auto; overflow: hidden}
    #fon{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/phone-black.png) center top no-repeat; background-position-x: -27px; z-index: 2; overflow: hidden;}
    .highlights-phone.wht .phone-holder #fon{background: url(../images/phone-white.png) center top no-repeat; background-position-x: -27px;}
    .hgi{position: absolute; top: 58px; left: 12px; width: 235px;height: 400px; visibility: hidden;}
    .hgi img{width: 100%;height: 400px;}
    .highlights-phone.wht .hgi{top: 52px;}
    .hgi.active{visibility: visible;}
    .right-row {padding-right: 0; float: right;}
    .left-row{float: left; margin-right: 0;}
    .left-row .highlight-title{text-align: right;}
    .left-row .highlight-title span{right: -8px;}
    .right-row .highlight-title span{left: -8px;}
    .right-row .highlight-title{ text-align: left;}
    .right-row ul {padding: 0 40px 0 0;}
    .left-row p {padding-right: 18%;}
    .right-row p {padding-left: 18%;}
    .highlight-title span{position: relative; z-index: 1;}
    .highlight-title .fa{color: #FFFFF0; font-size: 40px; width: 64px; height: 64px; text-align: center; vertical-align: middle;}
    .highlight-title .fa:before{margin: 3px 0; display: block}
    .highlight-title span {background: cornflowerblue;-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s;}
    .highlight-title span:after {top: 0;left: 0;padding: 0;z-index: -1;box-shadow: inset 0 0 0 2px rgba(9,16,26,0.76);opacity: 0; -webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);pointer-events: none;position: absolute;width: 100%;height: 100%;content: '';-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
    .highlight.active .highlight-title span {background: crimson; -webkit-transform: scale(0.93);-moz-transform: scale(0.93);-ms-transform: scale(0.93);transform: scale(0.93);}
    .highlight:hover .highlight-title span:after {-webkit-animation: sonarEffect 1.3s ease-out 75ms;-moz-animation: sonarEffect 1.3s ease-out 75ms;animation: sonarEffect 1.3s ease-out 75ms;}
    /*==============================================
                  SECOND LAYOUT
    ===============================================*/
    .zenith_slider.hand .phone-hand{position: relative; width: 490px; height: 704px; display: inline-block; background: url(../images/hand-black.png) no-repeat; background-size: cover; }
    .zenith_slider.hand .highlights, .zenith_slider.hand .phone-hand{vertical-align: top}
    .zenith_slider.hand .highlights{display: inline-block; width: 40%; margin-top: -30px;}
    .zenith_slider.hand .highlights ul{max-width: 370px;}
    .zenith_slider.hand .row{width: 95%; margin: auto; text-align: center;}
    .zenith_slider.hand .highlight-title{text-align: right; }
    .zenith_slider.hand .highlight-title .fa{right: -8px;}
    .zenith_slider.hand .highlight p {padding-right: 18%;}
    .zenith_slider.hand .highlight{position: relative;}
    .zenith_slider.hand #inner-screen{position: absolute;top: 57px;left: 71px;width: 190px; height: 340px; overflow: hidden; z-index: 2}
    .zenith_slider.hand .hgi{top: 0;left: 0;width: 100%; height: 100%;}
    .zenith_slider.hand .hgi img{width: 190px; height: 340px;}
    /*==============================================
                  THIRD LAYOUT
    ===============================================*/
    #mac-book{position: relative; width: 800px; max-width: 60%; background: url(../img/news_bg.png) center no-repeat; background-size: contain;}
    /*#mac-screen{position: absolute;top: 13%;width: 70.7%;height: 69.5%;max-width: 100%;margin: auto;left: 14.8%; overflow: hidden;}*/
    #mac-screen{
        position: absolute;
        top: 12%;
        width: 61.5%;
        height: 70.7%;
        max-width: 100%;
        margin: auto;
        left: 19.4%;
        overflow: hidden;

    }
    #mac-screen .hgi{top: 0;left: 0;width: 100%;height: 100%; padding-bottom: 2.76%;
      border:2px solid #d7d7d7; background: #2bb1e0;
    }
    #mac-screen .hgi img{width: 100%;height: 100%;}
    .highlights-cta{width: 37%; margin-left: 20px;}
    .highlights-cta, #mac-book{display: inline-block; vertical-align: middle}
    #left, #right{position: absolute; display: block; top: 50%; margin-top: -16px; width: 32px; height: 32px; visibility: hidden; z-index: 99; }
    #left{background: url(../images/left.png) center no-repeat; left: 0px;}
    #right{background: url(../images/right.png) center no-repeat; right: 0;}
    #mac-screen #left{visibility: hidden; left: 0;}
    #mac-screen #right{visibility: hidden; right: 0;}
    #left:hover, #right:hover, #bullet-navs:hover{cursor: pointer;}
    .ratio{padding-bottom: 66.66%;position: relative;}
    #mac-screen:hover{cursor: pointer;}
    #mac-screen:hover #left, #mac-screen:hover #right, .tf_container:hover #left, .tf_container:hover #right{animation: arrows 0.6s ease; -webkit-animation: arrows 0.6s ease; visibility: visible;}
    #bullet-navs{width: 90%;height: 12px;position: absolute;bottom: 6px;margin: 0 5%;text-align: center;}
    #bullet-navs ul{list-style: none;padding: 0;margin: 0;}
    #bullet-navs ul li{display: inline-block; margin: 0 1.5px;}
    #bullet-navs ul li span{display: block; width: 10px; height: 10px; background: #e7e7e7; border-radius: 50%; -webkit-border-radius: 50%; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1) inset, 0px 0px 1px; -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1) inset, 0px 0px 1px; transition: background 0.2s; -webkit-transition: background 0.2s;}
    #bullet-navs ul li.active span{background: cornflowerblue;}
    #mac-screen.ovrl:after{width: 100%; height: 96.5%; content: ' '; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.65); visibility: hidden; transition: all 0.45s ease; -webkit-transition: all 0.45s ease; transform: scale(1,1); -webkit-transform: scale(0,0);}
    #mac-screen:hover{cursor: move;}
    #mac-screen.ovrl:hover:after{visibility: visible; transform: scale(1,1); -webkit-transform: scale(1,1);}
    .tf_slider.vertical #mac-screen{height: 67.5%;}
    .tf_slider.vertical #mac-screen .hgi {padding-bottom: 0}
    .tf_slider.vertical #bullet-navs{height: 90%; width: 12px; bottom: 0; right: 0; margin: 5% 0;}
    .tf_slider.vertical #bullet-navs ul{direction: vertical}
    .tf_slider.vertical #bullet-navs ul li{margin: 1.5px 0;}
    .tf_slider.vertical #right{bottom: 0px;  top: auto; background: url(../images/down.png) center no-repeat; transform: translateY(-100%); -webkit-transform: translateY(-100%); opacity: 0}
    .tf_slider.vertical #left{top: 0; bottom: auto; background: url(../images/up.png) center no-repeat; transform: translateY(100%); -webkit-transform: translateY(100%); opacity: 0}
    .tf_slider.vertical #left, .tf_slider.vertical #right{left: 50%; margin: 0; margin-left: -16px; transition: 0.6s ease; -webkit-transition: 0.6s ease;}
    .tf_slider.vertical #mac-screen:hover #right, .tf_slider.vertical #mac-screen:hover #left,
    .tf_slider.vertical .tf_container:hover #right, .tf_slider.vertical .tf_container:hover #left{animation: none; -webkit-animation: none; transform: translateY(0); -webkit-transform: translateY(0); opacity: 1}
    /*==============================================
                  FOURTH LAYOUT
    ===============================================*/
    .tf_slider{width: 100%; margin: 45px 0; position: relative;}
    .tf_slide img{ width: 100%; height: 100%;}
    .tf_container{max-width: 100%; margin: auto; position: relative; height: auto; overflow: hidden; height: auto; text-align: center;}
    .tf_container .tf_slide{position: absolute; top: 0; left: 0;}
    .tf_container:hover{cursor: move;}
    .tf_slide{visibility: hidden; width: 100%;}
    .tf_slide.active{visibility: visible;}
    #tf_thumbs{height: auto; position: absolute;bottom: 0px; padding: 0 0.5%; padding-top: 2px; width: 100%; background: rgba(0,0,0,0.43); line-height: 20px}
    #tf_thumbs.no-bg{background: transparent}
    blockquote{position: relative; color: #444; font-style: italic; text-shadow: none; width: 45%; margin: auto; display: block;}
    blockquote:before{content:"\201C"; position: absolute; top: 0px; left: -25px; color: steelblue; font-size: 72px; font-style: normal; font-family: 'Georgia', 'sans-serif';}
    blockquote span.client{display: block; width:95%; margin: auto; text-align: center; margin-top: 35px;}
    blockquote .client .name, blockquote .client .title {color: #999; font-style: normal; display: inline-block; margin: 0 5px;}
    blockquote .client .name{font-weight: 600; position: relative;}
    blockquote .client .name:after{content: ' / '; position: absolute; top:0; right: -10px; color: #333; }
    blockquote .client .title{font-weight: normal; font-size: 0.9em; }
    #tf_thumbs.center{text-align: center;}
    #tf_thumbs.left{text-align: left;}
    #tf_thumbs.right{text-align: right;}
    #tf_thumbs.show{visibility: hidden;}
    #tf_thumbs.top{top:0; bottom: auto;}
    #tf_thumbs.nov{background: transparent;}
    .tf_container:hover #tf_thumbs.show{animation: arrows 0.6s ease; -webkit-animation: arrows 0.6s ease; visibility: visible;}
    #tf_thumbs .tf_thumb{display: inline-block; margin: 0 1.5px; border: 2px solid cornflowerblue; opacity: 0.5; box-shadow: 0 0 1px;}
    #tf_thumbs .tf_thumb.active{border-color: indianred; opacity: 1;}
    .tf_thumb {width: 92px; height: 92px; line-height: 1}
    .tf_thumb img{max-width: 100%; height: 100%;}
    .tf_thumb:hover{cursor: pointer; border-color: indianred;}
    .tf_slider.vertical #tf_thumbs{width: auto!important; height: 100%!important; direction: vertical}
    .tf_slider.vertical #tf_thumbs .tf_thumb{display: block; margin: 3px 0;}
    /*=====================================
                SLIDER STYLE
    =====================================*/
    .tf_container.shadow{box-shadow: 0 0 3px; -webkit-box-shadow: 0 0 3px;}
    .tf_container.border{border: 7px double #929292;}
    .tf_container.frame{border: 10px ridge #777;}
    .tf_layer{opacity: 0;}

    .animated {
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    @-webkit-keyframes arrows {
        0% {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            opacity: 0;
        }
        100% {
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }

    @keyframes arrows {
        0% {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            opacity: 0;
        }
        100% {
            -webkit-transform: none;
            transform: none;
            opacity: 1;
        }
    }


    @media only screen and (max-width: 360px) {
        .highlight, .zenith-small .highlight {
            float: none;
            width: 100%;
        }
        /*ayushman*/
        #screenshot_slider .owl-item .item {
            -o-transition: 0.3s;
            transition: 0.3s;
            -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
            transform: scale(0);
            text-align: center;
            z-index: 9999;
        }
        .line_1212{
            display: none;
        }
    }

    @media only screen and (max-width: 490px){
        .zenith_slider .row, .zenith-small .row {
            margin: auto;
            float: none;
            width: 90%;
        }
        .highlight h3, .zenith-small .highlight h3 {
            max-width: 70%;
        }
        /*ayushman*/

        #screenshot_slider .owl-item .item {
            -o-transition: 0.3s;
            transition: 0.3s;
            -webkit-transform: scale(0.5);
            -ms-transform: scale(0.5);
            transform: scale(0);
            text-align: center;
            z-index: 9999;
        }
        .line_1212{
            display: none;
        }
        #screenshot_slider .owl-next, #screenshot_slider .owl-prev {
            top: 30%;
        }

    }
    @media only screen and (max-width: 880px){
        .zenith_slider .row, .zenith-medium .row{
            display: block;
            width: 90%;
            margin: auto;
        }
        .highlights-phone, .zenith-medium .highlights-phone{
            float: none;
            width: 70%;
            margin: auto;}
    }
    .highlight h3, .zenith-medium .highlight h3{
        max-width: 60%;
    }
    .tf_thumb, .zenith-medium .tf_thumb{width: 65px; height: 65px;}
    /* } */
    @media only screen and (max-width: 1100px){
        .highlights-phone{
            float: none;
            width: 70%;
            margin: auto;
        }
        .highlight h3{
            max-width: 67%;
        }
    }
    @media only screen and (min-width: 880px){
        .tf_thumb, .zenith-medium .tf_thumb{width: 92px; height: 92px;}
    }
    @media only screen and (min-width: 1200px){
        .zenith_slider {
            padding-left: 0;
            padding-right: 0;
        }
        .tf_thumb{width: 108px; height: 108px;}
    }
    @media only screen and (min-width: 1600px) {
        .highlight h3{max-width: 89%;}
    }
    @media only screen and (min-width: 1660px) and (max-width: 1760px) {
        .zenith_slider {
            padding-left: 7%;
            padding-right: 7%;
        }
    }
    @media only screen and (min-width: 1760px){

        .zenith_slider {
            padding-left: 7%;
            padding-right: 7%;
        }
    }
    .more-dd{
            right: -42px;
    z-index: 9999;
    }
    .side_navbar{
        /*z-index: 9;*/
        z-index: 9999;
    }

    #myTab2, #myTab_timeline{margin-top: 104px;
        margin-bottom: 33px;
        margin-left: 30px;
        margin-right: 23px;
    }
    .footer-paragraph p{font-size: 16px;}
    .footer-about p{font-size: 16px;}
    .copyright-paragraph p{font-size: 16px;}
    /*#chart1Carousel{margin: 108px 0 0;}*/
    #chart1Carousel{margin: 0;} /* css change 3-5-2023*/
    /* #chart1Carousel{margin: 100px 0 0;} */
    /* .shemesdashboard_wrap{position: relative;
        height: 400px;
        top: 50%;

        overflow: hidden;
        perspective: 1000px;
    } */
    .shemesdashboard_wrap{
        position: relative;
        width: 80%;
        margin: auto;
        perspective: 1000px;
    }

    .shemesdashboard_wrap .owl-item .item {
        -webkit-transition: 0.3s;
        /*-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);*/
        -o-transition: 0.3s;
        transition: 0.3s;
        -webkit-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);


    }
    .shemesdashboard_wrap .owl-item.center .item  {
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);

    }
    .shemesdashboard_wrap .owl-nav {
        text-align: center;
    }
    .shemesdashboard_wrap .owl-nav button {
        font-size: 24px !important;
        margin: 10px;
        color: #033aff !important;
    }

    .shemesdashboard_wrap .schemes_wrapper{
        /* border: 1px solid #4874f1; */
        border: 1px solid #4874f1;
        border-radius: 10px; position: relative; overflow: hidden;
        padding: 10px;
        transform: rotateY(22deg) !important;
       /* background-color: #008000; */
    }

        .shemesdashboard_wrap .schemes_wrapper img{border-radius: 10px;}
        .shemesdashboard_wrap .schemes_wrapper .imgtext{
            position: absolute;
            bottom: 0;
            background: rgb(0, 0, 0);
            background: rgba(79, 118, 227, 1);
            color: #f1f1f1;
            width: 100%;
            padding: 20px; color: #fff; left: 0;
        }

        .shemesdashboard_wrap .schemes_wrapper .imgtext h1{color: #fff; font-size: 16px; text-align: center; margin-bottom: 0;}

        /* .shemesdashboard_wrap .item {
            position: absolute;
            transition: transform 400ms, left 400ms, opacity 400ms, z-index 0s;
            opacity: 1;
            padding-top: 65px;

            transform: rotateY(22deg) !important;
        } */

        .animation-jump {
            position: relative;
            -webkit-animation: animation-jump 2s ease-in-out infinite;
            animation: animation-jump 2s ease-in-out infinite;
        }


        .testimonial_section {
            display: block;
            overflow: hidden;
          }
          .testimonial_section:after {
            display: block;
            clear: both;
            content: "";
          }
          .testimonial_section .about_content {
            background-color: #020d26;
            padding-top: 290px;
            padding-right: 210px;
            padding-bottom: 520px;
            position: relative;
          }
          .testimonial_section .about_content .background_layer {
            background-color: #020d26;
            width: auto;
            margin-left: -200px;
            right: 0;
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
          }
          .testimonial_section .about_content .layer_content {
            position: relative;
            z-index: 9;
            height: 100%; text-align: left;
          }
          .testimonial_section .about_content .layer_content .section_title {
            margin-bottom: 24px;
            position: relative;
          }
          .testimonial_section .about_content .layer_content .section_title:after {
            display: block;
            clear: both;
            content: "";
          }
          .testimonial_section .about_content .layer_content .section_title h5 {
            color: #fff;
            font-family: "Open Sans";
            font-weight: 400;
            font-size: 15px;
            line-height: 28px;
            color: #818a8f;
            margin-top: -5px;
            margin-bottom: 6px;
          }
          .testimonial_section .about_content .layer_content .section_title h2 {
            font-family: "Titillium Web";
            font-weight: 300;
            font-size: 45px;
            line-height: 50px;
            padding-bottom: 51px;
            margin-bottom: 0px;
            color: #fff;
          }
          .testimonial_section .about_content .layer_content .section_title h2 strong {
            font-weight: 600 !important;
            width: 100%;
            display: block;
          }
          .testimonial_section .about_content .layer_content .section_title .heading_line {
            position: relative;
          }
          .testimonial_section .about_content .layer_content .section_title .heading_line span {
            transition: all 0.5s ease-in-out 0s;
            position: relative;
          }
          .testimonial_section .about_content .layer_content .section_title .heading_line span:after {
            content: "";
            right: auto;
            left: 69px;
            position: absolute;
            bottom: 28px;
            width: 17px;
            margin-left: 0;
            border-bottom-width: 3px;
            border-bottom-color: #cacaca;
            border-bottom-style: solid;
          }
          .testimonial_section .about_content .layer_content .section_title .heading_line:after {
            content: "";
            left: 1%;
            margin-left: 0;
            position: absolute;
            bottom: 28px;
            width: 59px;
            border-bottom-width: 3px;
            border-bottom-style: solid;
            border-bottom-color: #4874f1;
          }
          .testimonial_section .about_content .layer_content .section_title p {
            color: #fff;
            margin: 0 0 15px;
          }
          .testimonial_section .about_content .layer_content a {
            color: #fff;
            text-transform: capitalize;
            font-size: 15px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s;
          }
          .testimonial_section .about_content .layer_content a i {
            font-size: 18px;
            vertical-align: middle;
          }
          .testimonial_section .about_content .layer_content a:hover {
            color: #4874f1;
          }
          .testimonial_section .testimonial_box {
            margin-top: 60px !important;
            position: relative;
          }
          .testimonial_section .testimonial_box .testimonial_container {
            background-color: #4874f1;
            margin-left: -170px !important;
            position: relative;
          }
          .testimonial_section .testimonial_box .testimonial_container .background_layer {
            background-color: #4874f1;
            width: auto;
            margin-right: -200px;
            right: 0;
            background-image: url(../images/map.png);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            position: absolute;
            height: 100%;
            top: 0;
            left: 0;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content {
            position: relative;
            z-index: 9;
            height: 100%;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel {
            display: block;
            position: relative;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials {
            margin: 10px 0 60px 0;
            padding: 0;
            position: relative;
            text-align: center;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content {
            box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.13);
            margin-left: 110px;
            margin-top: 69px;
            padding: 15px;
            z-index: 1;
            position: relative;
            background-color: #fff;
            transition: all 0.5s ease-in-out 0s;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption {
            margin-bottom: 15px;
            position: relative;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption:after {
            content: "";
            width: 30px;
            display: block;
            height: 2px;
            text-align: center;
            left: 46%;
            margin-top: 6px;
            background-color: #4874f1;
            position: absolute;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption h6 {
            padding-top: 0;
            margin-bottom: -5px;
            font-size: 19px;
            font-weight: 600;
            line-height: 24px;
            color: #020d26;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content .testimonial_caption span {
            font-size: 12px;
            color: #9f9f9f;
            margin: 0;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content p {
            padding: 0;
            margin: 0;
            padding-top: 10px;
            font-size: 16px;
            line-height: 28px;
            font-weight: 400;
            color: #5d6576;
            font-style: italic;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .images_box .testimonial_img {
            border: none;
            position: absolute;
            top: 0;
            left: 55px;
            top: 80px;
          }
          .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .images_box .testimonial_img img {
            border: 5px solid #fff;
            box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
            width: 35%;
          }
          .testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev {
            position: absolute;
            top: 165px;
            right: 42px;
            border-radius: 0;
            background: #4874f1;
            display: block;
            outline: 0;
            width: 34px;
            line-height: 34px;
            height: 34px;
            color: #fff;
            font-size: 23px;
            margin-top: -20px;
            transition: all 0.3s ease-in-out;
          }
          .testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-prev:hover {
            background: #020d26;
          }
          .testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next {
            position: absolute;
            top: 165px;
            right: 5px;
            border-radius: 0;
            display: block;
            background: #4874f1;
            outline: 0;
            width: 34px;
            text-align: center;
            line-height: 34px;
            height: 34px;
            color: #fff;
            font-size: 23px;
            margin-top: -20px;
            transition: all 0.3s ease-in-out;
          }
          .testimonial_section .testimonial_box .testimonial_container .owl-nav .owl-next:hover {
            background: #020d26;
          }


.timline_mgt{margin-bottom: 0 !important;}
          @media all and (max-width: 991px) {
              .pib-logo{width:20px !important;}
              .overlay_ak img{margin-top: 73px;}
              #usof_spacehistory {min-height: auto !important;}
            .testimonial_section .about_content {
              padding-right: 15px !important; padding-top: 86px;
              padding-right: 210px;
              padding-bottom: 38px;
            }
            .testimonial_section .about_content .background_layer {
              width: 200% !important;
            }
            .testimonial_section .testimonial_box {
              margin-top: 0 !important;
            }
            .testimonial_section .testimonial_box .background_layer {
              width: 200% !important;
              margin-left: -200px;
            }
            .testimonial_section .testimonial_box .about_content {
              padding-left: 15px !important;
              padding-right: 15px !important;
              margin-top: 28% !important;
            }
            .testimonial_section .testimonial_box .testimonial_container {
              /* margin-left: -15px !important; */
              margin-left: 0px !important;
            }
            .testimonial_section .testimonial_box .testimonial_container .testimonials {
              margin: 0px 0 20px 0;
            }
            .testimonial_section .testimonial_box .testimonial_container .testimonials .testimonial_content {
              margin-left: -36px !important;
            }
            .testimonial_section .testimonial_box .testimonial_container .testimonials .images_box {
              display: none;
            }
          }

          .testimonial_content h3{ font-size: 18px;}
          .testimonial_content img{
            height: 100px;
    width: auto !important;
    margin: auto auto 15px;
          }

          .detail_colm:hover{background-color: #93c8f3;}

    .align_justify{text-align: justify;}


    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: var(--primary) !important;
    }

    .abt_intro, .abt_gen{width: 80%;margin: auto auto auto auto;}

    .porject_details_paragraph p {text-align: justify;}
    .abt_gen{text-align: center !important;padding: 20px 150px !important; box-shadow: 0 6px 25px -12px rgba(0,0,0,25%);}
    .abt_gen:hover{box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); background-color: #fff !important; color: #000 !important;}
    .abt_func:hover{background-color: var(--primary) !important; box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
      color: #fff !important;
    }
    .navbar-dark .navbar-nav .show>.nav-link{ color: var(--primary) !important; }

    .whitebg{
        background-color: #fff !important;     padding: 0 !important;
    }

    @media (min-width: 1200px){
    h3, .h3 {font-size: 1.50rem;}
    }

    a.submitfooter{
        display: inline-block;
        background: var(--primary);
        padding: 6px 18px 6px;
        text-align: center;
        float: none;
        color: #fff;
        text-decoration: none;
        margin: 0 0px 0;
        width: 100%;
        float: none;
        border-radius: 3px;
        font-size: 13px;
    }
.highcharts-credits{
    display: none;
}

.highcharts-grid-line{
    display: none;
}

.haeding_text a{ color: #091E3E;}
/*.link-animated{width: 90%;}*/
.link-animated{width: 100%;}

a.resend{position: absolute;
    right: 16px;
    top: 8px;
    z-index: 99999;
    font-size: 14px;
    color: #4874f1; font-weight: 600;
}
a.admin {background:#4874f1; text-align: center; padding-right: 9px;padding-left: 9px; margin-top: 1px;}
a.admin:hover{background:#2bb1e0; color: #fff; border: 1px solid #2bb1e0;} a.admin:focus{background:#2bb1e0; color: #fff; border: 1px solid #2bb1e0;}
/* a.admin{background:#2bb1e0;} */

.admin{background:transparent;padding-right: 0px;padding-left: 0px;z-index:99999;}
.admin .btn-secondary {
    color: #fff; font-size: 13px;
    background-color: #4874f1; padding: 3px 9px;
    border-color: #4874f1;
}
.admin .btn-secondary:hover {
    box-shadow: inset 0 0 0 0 #5c636a;background-color: #0b5ed7;  border-color: #0b5ed7;
}
.admin .dropdown-menu {min-width: 7rem;}
.admin .btn-secondary:active{background-color: #0b5ed7;  border-color: #0b5ed7;}
.twt:hover .fa-twitter,
     .twt:focus .fa-twitter{
        color:#2bb1e0;
     }
     /* .twt:focus .fa-facebook-f, */
     .twt:hover .fa-facebook-f{
        color: #2355df;
     }
     /* .twt:focus .fa-linkedin, */
     .twt:hover .fa-linkedin-in{
        color: #3259c5;
     }
     /* .twt:focus .fa-instagram, */
     .twt:hover .fa-instagram{
        color: #ca4377;
     }

     /* .twt:focus .fa-youtube, */
     .twt:hover .fa-youtube{
        color: red;
     }

     small a{color: #EEF9FF;}
     small a:hover{color: #fff;}

     .access-type{position: absolute;
        left: 0px;
        top: 0x;
        display: none;
        width: 100%;
        z-index: 999999;
        box-shadow: 0px 1px 3px #dbdbdb;
        background-color: #091E3E;
    }

    .accesstype:hover .access-type{display: block;}
    .accesstype{position: relative; display: block; width: 36px; margin-right: 8px;text-align: center;padding: 5px 0;border-right: 1px solid #EEF9FF;}
    .accesstype img{ height: 23px;}

    .btn-outline-light:focus{box-shadow: 0 0 0 0 rgb(238 249 255 / 50%);}



    /* partcicle css */
    canvas{ display: block; vertical-align: bottom; }

    #particles-js {width: 100%;

/* background: #006699; */

background-size: cover;

/* background-image: url(http://raytravelsindia.com/images/banner1.png); */

/* height: 700px; */
height: 100vh;

position: absolute;

top: 0;

overflow: hidden;

left: 0;

}

    .count-particles{ background: transparent; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; }

    .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; }

    .count-particles{ border-radius: 0 0 3px 3px; }



.phase-3-text {

color: white;

/* margin-top: 45px; */

position: relative;

/*left: 80px;*/

}

   #particles-js {

      position: absolute;

      top: 0;

      left: 0;

      right: 0;

      bottom: 50px;

      z-index: 1;

      width: 100%;

      overflow: hidden;



  }

  #chartdiv {

width: 100%;

height: 500px;

  }

@media screen and (min-width:1201px) and (max-width:1390px) {

.mt-top {



        margin-top: 73%!important;

     }

    .mt-top-green{

      margin-top:127%;

    }

    .block-content {

     padding-top: 12%;

    }

    .desk-view {

margin-top: 70%;

}

}

.animate-charcter

{

text-transform: uppercase;

background-image: linear-gradient(

-225deg,

#f2f2f5 0%,

/* #327ec1 29%, */

/* #ff1361 67%, */

#d4b620 100%

);

background-size: auto auto;

background-clip: border-box;

background-size: 200% auto;

/* color: #fff; */

background-clip: text;

text-fill-color: transparent;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

animation: textclip 8s ease infinite;

/* display: inline-block; */

  /* font-size: 190px; */

}



@keyframes textclip {

to {

background-position: 200% center;

}

}

.border-gold{

animation: w-inc 6s linear infinite;
animation-direction: alternate;

}

@keyframes w-inc{

0% {width:2rem;}

15%   {width: 4rem;}

45%   {width: 8rem;}

70%   {width: 11rem;}

85%   {width: 13rem;}

100%   {width: 16rem;}

}


#about {
    background-image: linear-gradient(to bottom right, #000, #0077b7, #000);
}

.aboutusof_zindex10{z-index: 10;}
.usofbanner_padding_align{border-top: 1px solid #cccccc59;padding: 120px 0;}

.gensis_center{font-size: 23px; margin-bottom: 0px; font-weight: bold;}
.miles_para_padding img{width: 100%;}

.rightsidefooter{padding-top:2rem; padding-bottom: 2rem;}
.intro-accordian{display: none;}
#new-slider { padding: 0rem 2.6rem !important;}
/*.newslider_pargarph{   font-weight: 500 !important;margin-bottom: 0.5rem;
    font-family: "Nunito",sans-serif;line-height: 1.2;color: #091E3E;
    align-items: center;
    justify-content: center;
    text-align: left;
    display: flex;
    width: 100%;
    font-size: 18px !important;
    height: 150px;

}*/

.newslider_pargarph{   font-weight: 500 !important;margin-bottom: 0.5rem;
    font-family: "Nunito",sans-serif;line-height: 1.2;color: #091E3E;
    align-items: center;
    justify-content: center;
    text-align: left;
    padding: 27px 0px;
    width: 100%;
    font-size: 18px !important;
    height: 150px;

}

.pib-logo{width:30px;}
#breadcrumb_hide{margin: 0 0 0px 0;}
.abt_func{    background-color: grey !important; color: #fff !important;}
@media (min-width:2801px) and (max-width:4100px){
    #carousel div.next img {width: 610px;}
    #carousel div.nextRightSecond img {width: 460px;}
    #carousel div.prevLeftSecond{left: 15%; padding-top: 96px;}
    #carousel div.prevLeftSecond img {width: 460px;}
    #carousel div.prev img {width: 610px;}
    #carousel div.prev{left: 27%;}
    #carousel div.selected{top: 4px;}
    #carousel div img{width: 700px;}
    #carousel{height: 1000px;top: 30%;}
    .schemes_bg_1{height: 100%;}
    .activities_bg{padding-top: 620px;}
    p.act_para{min-height: 100px;}
    .line_1212{top: 82.5%;}
    .section-padding{padding: 850px 0 80px;}
    #usofbanner_75 img {margin: 700px 0 0 0;}
    #usofbanner_75{background-image: url(../img/collage1-demo.jpg); background-position: center; background-size: 100% 100%;}
    .flip-card-inner{height: 480px;}
    .flip-card{margin-top: 650px;height: 480px;}
    .aboutusof_zindex10{margin-top: 790px;}
    .timeline_title {left: calc(50% - 90px) !important;}
    .newslider_pargarph{height: 650px;}
    .bg-left-new h3, .bg-left-new h2{padding: 325px 0 0 !important; text-align: center; color:#fff;}
    .newslider_pargarph{font-size: 23px !important;}
    .usof_innumber_tabs{margin-top: 620px !important;}
    .usof_number_title_align{top: 730px;}

}  /*33% screen size*/

@media (min-width:2051px) and (max-width:2800px){
    .schemes_bg_1{height: 100%;}
    .activities_bg{padding-top: 365px;}
    p.act_para{min-height: 100px;}
    .line_1212{top: 76.3%;}
    .section-padding{padding: 500px 0 80px;}
    #usofbanner_75 img {margin: 380px 0 0 0;}
    #usofbanner_75{background-image: url(../img/collage1-demo.jpg); background-position: center; background-size: 100% 100%;}
    .flip-card-inner{height: 490px;}
    .flip-card{margin-top: 300px;height: 490px;}
    .aboutusof_zindex10{margin-top: 460px;}
    .timeline_title {left: calc(50% - 90px) !important;}
    .newslider_pargarph{height: 400px;}
    .bg-left-new h3, .bg-left-new h2{padding: 200px 0 0 !important; text-align: center;}
    .newslider_pargarph{font-size: 23px !important;}
    .usof_innumber_tabs{margin-top: 330px !important;}
    .usof_number_title_align{top: 430px;}
    .usof_number_bxpadding{}

} /*50% screen size*/

@media (min-width:1851px) and (max-width:2050px){
    .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content{
        margin-left: 100px;
    }
    /*.schemes_bg_1{height: 100%;}*/
    .schemes_bg_1{height: 100%; padding-bottom: 170px !important;}
    .activities_bg{padding-top: 190px; padding-bottom: 190px;}
    p.act_para{min-height: 100px;}
    /*.line_1212{top: 72.3%;}*/
    .line_1212{top: 57.3%; background: #fff;}
    /*.section-padding{padding: 350px 0 80px;}*/
    .section-padding{padding: 290px 0 260px}
    #usofbanner_75 img {margin: 200px 0 0 0;}
    #usofbanner_75{background-image: url(../img/collage1-demo.jpg); background-position: center; background-size: 100% 100%;}
    .flip-card-inner{height: 490px;}
    .flip-card{margin-top: 120px;height: 490px;}
    /*.aboutusof_zindex10{margin-top: 260px;}*/
    .aboutusof_zindex10{margin-top: 250px;margin-bottom: 280px;}
    .timeline_title {left: calc(50% - 90px) !important;}
    /*.newslider_pargarph{height: 250px;}*/
    /*.newslider_pargarph{height: auto;}*/
    .newslider_pargarph{height: 110px; overflow: hidden;}
    /*.bg-left-new h3, .bg-left-new h2{padding: 120px 0 0 !important; text-align: center;}*/
    .bg-left-new h3, .bg-left-new h2{padding: 55px 0 0 !important; text-align: center;}
    .newslider_pargarph{font-size: 23px !important;}
    .usof_innumber_tabs{margin-top: 185px !important;}
    .usof_number_title_align{top: 310px;}
    .newsletterbg12{padding: 210px 0 190px;}
    .box_mt_whatsnew .support-item{padding: 25px 0;}
    .box_mt_whatsnew .support-item .support-text p {font-size: 18px;margin-top: 5px;}
    .greybgpaddinh {padding: 170px 0 170px!important;}
    #usofbanner_75 .container-fluid{padding: 130px 0 200px !important;}
    #mac-book{margin-top: 30px;}
    .gallery121_bg{padding-top: 200px !important; padding-bottom: 200px !important;}
    .side_navbar .nav-menu li .dot{padding: 5px 0;}
    .title_lines_mt_95 { margin: 55px 0 0; }
    .paragraph_text{font-size: 22px;}

    #carousel div.nextRightSecond { left: 67% !important;}
    #carousel div.next{left: 57%;}
    #carousel div.selected{left: 42%;}
    #carousel div.prev{left: 31%;}
    #carousel div.prevLeftSecond{left: 22%;}


}  /*67% screen size*/
@media (min-width:1751px) and (max-width:1850px){
    .schemes_bg_1{height: 100%;}
    .activities_bg{padding-top: 120px;}
    p.act_para{min-height: 100px;}
    .line_1212{top: 69.5%;}
    .section-padding{padding: 280px 0 80px;}
    #usofbanner_75 img {margin: 160px 0 0 0;}
    #usofbanner_75{background-image: url(../img/collage1-demo.jpg); background-position: center; background-size: 100% 100%;}
    .flip-card-inner{height: 498px;}
    .flip-card{margin-top: 150px;height: 498px;}
    .aboutusof_zindex10{margin-top: 210px;}
    .timeline_title {left: calc(50% - 90px) !important;}
    .newslider_pargarph{height: 200px;}
    .bg-left-new h3, .bg-left-new h2{padding: 93px 0 0 !important; text-align: center;}
    .newslider_pargarph{font-size: 23px !important;}
    .usof_innumber_tabs{margin-top: 88px !important;}
    .usof_number_title_align{top: 210px;}
} /*75% screen size*/
@media(max-width: 2560px){
    .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content{
        margin-left: 184px;
    }
}

@media(max-width: 1920px){
    .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content{
        margin-left: 176px;
    }
    #carousel{top: 0%;}
    /*.title_lines_mt_55 { margin: 315px 0 0;}*/
    .title_lines_mt_55 { margin: 220px 0 0;}
}

@media(max-width: 1680px){
    .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content{
        margin-left: 176px;

    }
    #carousel{top: 0%;}
    .title_lines_mt_55 { margin: 240px 0 0;}
}
@media(max-width: 1600px){
    .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content{
        margin-left: 140px;
    }
    #carousel{top: 0%;}
    .title_lines_mt_55 {
        margin: 220px 0 0;
    }
}
@media (min-width:1536px) and (max-width:1750px){
    /*.schemes_bg_1{height: 100%;}*/
    .schemes_bg_1{height: 100%; padding-bottom: 90px !important;}
    .activities_bg{padding-top: 90px;}
    p.act_para{min-height: 100px;}
    /*.line_1212{top: 68.5%;}*/
    .line_1212{top: 62.5%; background: #fff;}
    /*.section-padding{padding: 250px 0 80px;}*/
    .section-padding{padding: 200px 0 125px;}
    #usofbanner_75 img {margin: 130px 0 0 0;}
    #usofbanner_75{background-image: url(../img/collage1-demo.jpg); background-position: center; background-size: 100% 100%;}
    .flip-card{margin-top: 98px;}
    /*.aboutusof_zindex10{margin-top: 190px;}*/
    .aboutusof_zindex10{margin-top: 190px; margin-bottom: 190px;}
    .timeline_title {left: calc(50% - 90px) !important;}
    /*.newslider_pargarph{height: 200px;}*/
    .newslider_pargarph{height: 110px; overflow: hidden;}
    /*.bg-left-new h3, .bg-left-new h2{padding: 93px 0 0 !important; text-align: center;}*/
    .bg-left-new h3, .bg-left-new h2{padding: 55pxpx 0 0 !important; text-align: center;}
    .newslider_pargarph{font-size: 23px !important;}
    .usof_innumber_tabs{margin-top: 88px !important;}
    /*.usof_number_title_align{top: 210px;}*/
    .usof_number_title_align{top: 180px;}
    .greybgpaddinh { padding: 92px 0 92px!important; }
    .bg_timeline{padding: 160px 0;}
    .title_lines_mt_95 {margin: 50px 0 0;}
    .title_lines_mt_55 { margin: 100px 0 0;}
    #mac-book{margin-top: 90px;}
    .gallery121_bg{padding-top: 120px !important;padding-bottom: 120px !important;}
    .side_navbar .nav-menu li .dot{padding: 2px 0;}
    .side_navbar .nav-menu li:last-child {display: none;}
    #new-slider {padding: 0rem 0.6rem !important;}
} /*80% screen size*/
@media (min-width:1480px) and (max-width:1535px){
    .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content{
        margin-left: 74px;
    }

    .schemes_bg_1{height: 100%;}
    .activities_bg{padding-top: 40px;}
    p.act_para{min-height: 100px;}
    .line_1212{top: 66.3%;}
    .section-padding{padding: 200px 0 80px;}
    #usofbanner_75{background-image: url(../img/collage1-demo.jpg); background-position: center; background-size: 100% 100%;}
    .flip-card{margin-top: 50px;}
    .aboutusof_zindex10{margin-top: 150px;}
    .timeline_title {left: calc(50% - 90px) !important;}
    .bg-left-new h3, .bg-left-new h2{padding: 66px 15px 0 !important;}
    .newslider_pargarph{font-size: 23px !important;}
    .usof_innumber_tabs{margin-top: 24px !important;}
    .usof_number_title_align{top: 156px;}


} /*90% screen size*/



@media(max-width: 1440px){
    /*#mac-book{margin-top: 130px;}*/
    /*.title_lines_mt_95 { margin: 170px 0 0; }*/
    /*.timeline_title_home {top: 200px;}*/
    /*.line_1212{top: 69.2%;}*/
    /*.section-padding{padding: 270px 0 80px;}*/
    /*.timeline_title { left: calc(50% - 90px) !important;}*/
    /*.section_paddding_100 { padding: 335px 0px 0;}*/
    /*.flip-card{margin-top: 110px;}*/
    /*#usofbanner_75{background-image: url(../img/collage1-demo.jpg); background-position: center; background-size: 100% 100%;}*/
    /*#usofbanner_75 img { margin: 150px 0 0 0;}*/
}


@media (min-width:1348px) and (max-width:1440px){
    .ddg_warpper .circle_bx .circle_bx_title{  height: 54px;}
    #mac-book{margin-top: 40px;}
    .title_lines_mt_95 { margin: 100px 0 0; }
    /*.timeline_title_home {top: 200px;}*/
    /*.line_1212{top: 69.2%;}*/
    .section-padding{padding: 190px 0 80px;}
    .timeline_title { left: calc(50% - 90px) !important;}
    .section_paddding_100 { padding: 335px 0px 0;}
    .flip-card{margin-top: 15px;}
    #usofbanner_75{background-image: url(../img/collage1-demo.jpg); background-position: center; background-size: 100% 100%;}
    #usofbanner_75 img { margin: 60px 0 0 0;}
}

@media (min-width:1321px) and (max-width:1347px){
    .activities_bg{padding-top: 25px;}
     p.act_para{min-height: 100px;}
    .logotext_alignmb h3, .logotext_alignmb h2 {font-size: 18px !important;}
    .logotext_alignmb p {font-size: 16px !important;}
    .navbar-dark .navbar-nav .nav-link{margin-left: 22px;}
} /*33% screen size*/

@media (min-width:1281px) and (max-width:1320px){
    p.act_para{min-height: 100px;}
    .logotext_alignmb h3, .logotext_alignmb h2 {font-size: 15px !important;}
    .logotext_alignmb p {font-size: 15px !important;}
    .navbar-dark .navbar-nav .nav-link{margin-left: 22px;}
    #myTab2, #myTab_timeline{margin-top: 18px;}
}


@media(min-width:1367px) and (max-width:1479px){
    .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content{
        margin-left: 74px;
    }
    .title_lines_mt_55 { margin: 184px 0 0;}
    .schemes_bg_1{height: 100%;}

}
@media(max-width:1366px){
    #carousel { top: -5%;}
    .schemes_bg_1{height: 100%;}
    .timeline_title {left: calc(50% - 96px) !important;}
    .newslider_pargarph{height: 100px;}
    .section_paddding_100 {padding: 280px 0px 0;}
    /* .greybgpaddinh {padding: 200px 0 118px!important;} */
    #usofbanner_75{background-position: bottom;}
    .screenshot_slider {margin-top: 45px; position: relative;}
    /* .line_1212{top: 68.2%;} */
    .line_1212{top: 64%;}
    p.act_para{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; height: 77px;}
    /* .title_lines_mt_55 {margin: 48px 0 0 !important;} */
    .title_lines_mt_55 { margin: 76px 0 0;}
    .tf_slider { margin: 30px 0;}
    .bg-left-new h3, .bg-left-new h2 { padding: 52px 15px;}
    /*#new-slider{padding: 3.6rem !important;}*/
    #new-slider{padding: 0rem 2.6rem !important;}
    .side_navbar .nav-menu li .dot { padding: 3px 0;}
    .side_navbar{top:60%;}
    .bg_timeline{height: 660px;padding: 80px 0 232px;}
    .logotext_alignmb h3, .logotext_alignmb h2 {font-size: 19px !important;}
}

/*.box_mt_whatsnew{margin-top:66px;}*/
/*.carousel-control-prev, .carousel-control-next{bottom: -59px;background: blue;}*/

@media (min-width:1280px) and (max-width:1365px){
    /*.carousel-control-next, .carousel-control-prev{position: relative; background: blue;width: 52px;margin-right: 20px;float: left; clear: both;}
    .carousel-control-next{right: 0;}*/

}

@media(max-width:1280px){

    .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content{
        margin-left: 74px;
    }
    .newslider_pargarph{height: 100px;}
    .timeline__nav ul li{margin-bottom: 30px;}
    .timeline_title_home{top: 112px;}
    .counterbox_round{font-size: 14px;}
    .ps-timeline-sec .container {
       max-width: 1080px;
    }
    /*.bg_timeline { height: 660px;padding: 210px 0 232px;}*/
    .bg_timeline { height: 660px;padding: 130px 0 232px;}
    /*.ps-timeline2 .ps-timelinebox .ps-bot2 p, .ps-timeline2 .ps-timelinebox .ps-bot2 .ps_timeline_content_white{font-size: 16px !important;padding: 0 17px;}*/
    .ps-timeline2 .ps-timelinebox .ps-bot2 p, .ps-timeline2 .ps-timelinebox .ps-bot2 .ps_timeline_content_white{font-size: 15px !important;padding: 0 12px;}
    /*.ps-timeline2 .ps-timelinebox .ps-bot2{min-height: 200px;overflow: hidden; height: 200px;}*/
    .ps-timeline2 .ps-timelinebox .ps-bot2{/*min-height: 200px;*/overflow: hidden; height: 200px;}  /*css changes in 3-5-2023*/
    .mb_footer_align{padding-top: 0.8rem !important;margin-bottom: 0rem !important;}
    /*.section_paddding_100 {padding: 225px 0px 0;}*/
    .section_paddding_100 {padding: 242px 0px 0;}
    .greybgpaddinh { padding: 122px 0 60px!important;}
    .title_lines_mt_95 {margin: 65px 0 0;}
    .title_lines_mt_55 { margin: 85px 0 10px !important;}
    /*.bg-left-new h3, .bg-left-new h2 {padding: 50px 15px;font-size: 1.10rem;}*/
    .bg-left-new h3, .bg-left-new h2 {padding: 35px 15px !important;font-size: 1.10rem;}
    #new-slider h5{font-size: 1.00rem;}
    .side_navbar .nav-menu li .dot { padding: 3px 0;}
    #usofbanner_75 img {margin: 30px 0 0 0;}
    /*#myTab3{right:85px;}*/
    #myTab3{right:82px;}
    #myTab2{margin-top: 70px;}
    #myTab_timeline{margin-top: 38px;margin-bottom: 25px;margin-left: 30px; margin-right: 20px;}
    .mb_footer_righthandle{margin-bottom: 0rem !important;}
    .section-title-sm{margin-bottom: 0.7rem !important;}
    .rightsidefooter{padding-top:0.5rem; padding-bottom: 0.5rem;}
    .footer-about .form-control{height: 32px;}
  .footer-about select{height: 32px; padding: 0.2rem 2.25rem 0.375rem 0.75rem;}
  /*.side_navbar{top:52%;}*/
  .side_navbar{top:55%;}
  /*#usofbanner_75{background-position: center;}*/
  #usofbanner_75{background-position: center; background-size: 100% 100%;}
  p.act_para {font-size: 14px;}
  #carousel div.selected {top: -33px;}
  .ps-timeline2 .ps-timelinebox{padding-top: 22px;}
  .tf_slider{margin: 40px 0;}
    .logotext_alignmb h3,  .logotext_alignmb h2{font-size: 15px !important;}
}
@media (min-width:1267px) and (max-width:1279px){
    .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content{
        margin-left: 66px;
    }
    .logotext_alignmb h3, .logotext_alignmb h2 {font-size: 15px !important;}
    .logotext_alignmb p {font-size: 15px !important;}
    .navbar-dark .navbar-nav .nav-link{margin-left: 22px;}
}


@media (min-width:1167px) and (max-width:1266px){
    #usofbanner_75 {  background-position: center;background-size: 100% 100%;}
    .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content{
        margin-left: 66px;
    }
    .wrappertimeline{width: 78%;}
    .logotext_alignmb h3, .logotext_alignmb h2 {font-size: 15px !important;}
    .logotext_alignmb p {font-size: 13px !important;}
    .imgheight { height: 52px; margin-top: 5px;}
    .navbar-dark .navbar-nav .nav-link{margin-left: 18px;font-size: 17px;}
    /*.side_navbar .nav-menu li .dot { padding: 4px 0;}*/
    .side_navbar .nav-menu li .dot { padding: 2px 0;}
}
@media (max-width:1024px){
    .box100{min-height: 220px;}
    .title_lines_mt_55 {  margin: 30px 0 10px !important;}
 .bg-left-new {background-color: #106edb;min-height: 180px;}
 .bg-left-new h3, .bg-left-new h2 { padding: 70px 15px !important;}
  #new-slider{margin-top: 28px;}
  .carousel-control-prev {left: 110px;height: 70%;}
  .carousel-control-next {right: 110px; height: 70%;}
  .side_navbar .nav-menu li .dot { padding: 4px 0;}
  .side_navbar {top: 58%;}
  .flip-card-inner {height: 410px;}
  .screenshot_slider .owl-nav .owl-prev { left: 0px;}
  .screenshot_slider .owl-nav .owl-next { right: 0px;}
  .screenshot_slider{width: 80%; margin-left: auto; margin-right: auto;}
  p.act_para{font-size: 13px; height: 72px;}
  #myTab3 {top: 57px;right: 60px;}
  .highlights-cta {width: 30%;margin-left: 20px;}
  .highlights-cta h3{margin-left: 115px;}
  .footer-about .form-control{height: 30px;}
  .footer-about select{height: 30px; padding: 0.2rem 2.25rem 0.375rem 0.75rem;}
  .section-title-sm{margin-bottom: 0.7rem !important;}
  .rightsidefooter{padding-top:0.5rem; padding-bottom: 0.5rem;}
}





@media (min-width:1024px) and (max-width:1166px){
    .ps-timeline2 .ps-timelinebox .ps-bot2 p, .ps-timeline2 .ps-timelinebox .ps-bot2 .ps_timeline_content_white {font-size: 13px !important;padding: 0 6px;}
    .ps-timeline-sec .container {max-width: 810px;}
    .schemes_button #prev {
        left: 113px;
    }
    #carousel div.prevLeftSecond{left: 14%;}
    .schemes_button #next {right: 135px;}
    #carousel div.nextRightSecond{left: 65%;}
    #carousel div.next{left: 50%;}
    #carousel div.selected{left: 32%;}
    #carousel div.prev{left: 21%;}
    #chart1Carousel {  margin: 79px 0 0;}
    .back-to-top {
        position: fixed;
        display: none;
        right: 9px;

        bottom: 9px;
        z-index: 99;
    }
    h3.act_heading, .act_heading{font-size: 19px !important;}
    #usofbanner_75 {  background-position: center;}

    .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content{
        margin-left: 40px;
    }

    .wrappertimeline{width: 78%;}
    /*.logotext_alignmb h3 {font-size: 15px !important;}*/
    /*.logotext_alignmb p {font-size: 13px !important;}*/
    .logotext_alignmb h3, .logotext_alignmb h2 {font-size: 11px !important;}
    .logotext_alignmb p {font-size: 10px !important;}
    .imgheight { height: 52px; margin-top: 5px;}
    .navbar-dark .navbar-nav .nav-link{font-size: 15px;margin-left: 18px;}
    .navbar-dark{padding-left: 1rem !important; padding-right: 1rem !important;}
    .readeraccess{font-size: 12px;}
    .mb_padding_1rem{padding-left:1rem !important; padding-right: 1rem !important;}
    .more-dd { right: -15px; z-index: 9999;}
    .mb_footer_align{padding-left:0.8rem !important; padding-right:0.8rem !important;padding-top: 2.2rem !important;padding-bottom: 2.1rem !important;}
    .footer_bottom_text{font-size: 14px;}
    .ddg_warpper .circle_bx{padding: 40px 8px;}
    .usof_complete_box{height: auto;}
    .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; right: 0;}
    .press_scrolling{height: 270px; overflow-y: scroll; width:100%;}

}

@media (min-width:993px) and (max-width:1023px){
    #usofbanner_75 {  background-position: center;}
    .wrappertimeline{width: 78%;}
    .logotext_alignmb h3, .logotext_alignmb h2 {font-size: 13px !important;}
    .logotext_alignmb p {font-size: 12px !important;}
    .imgheight { height: 52px; margin-top: 5px;}
    .navbar-dark .navbar-nav .nav-link{font-size: 15px;margin-left: 18px;}
    .navbar-dark{padding-left: 1rem !important; padding-right: 1rem !important;}
    .readeraccess{font-size: 12px;}
    .mb_padding_1rem{padding-left:1rem !important; padding-right: 1rem !important;}
    .more-dd { right: -15px; z-index: 9999;}
    .mb_footer_align{padding-left:0.8rem !important; padding-right:0.8rem !important;}
    .footer_bottom_text{font-size: 14px;}
}

@media(max-width:992px){
    #usofbanner_75 .container-fluid{padding: 91px 0 !important;}
    /*#screenshot_slider .owl-item.center .item{    -webkit-transform: inherit !important;*/
        /*-ms-transform: inherit !important;*/
        /*transform: inherit !important;*/
    /*}*/
    .text-justify{text-align: justify !important;}
    .intro_alignment_mb{padding-left:0; padding-right: 0;}
    .mobilealign_paragraph_121 p{padding: 10px 0px; text-align: justify !important;}
    .mobilealign_paragraph_121 h4{padding-left: 0 !important; padding-bottom: 0 !important;}
    .mobilealign_paragraph_121 img{padding-left: 0 !important; padding-right: 0 !important;}
    .tf_slider{margin:0 !important;}
    .schemes_button #prev, .schemes_button #next{top: 45%;}
    #carousel div{padding-top: 80px;}
    #carousel div.nextRightSecond{left: 270px;padding-top: 72px;}
    #carousel div.nextRightSecond img {width: 118px;}
    #carousel div.next{left: 200px; padding-top: 58px;}
    #carousel div.next img {width: 155px;}
    #carousel div.selected{left: 17%;top: -56px;}
    #carousel div.selected img{width: 250px;}
    #carousel div.prev{left: 8%;    padding-top: 58px;}
    #carousel div.prev img {width: 155px;}
    #carousel div.prevLeftSecond{left: 0%;}
    #carousel div.prevLeftSecond img {width: 118px;}
    p.act_para{height: 72px;}
    .act_im{margin: auto; float: none;}
    /*.bg_timeline {height: 660px;padding: 100px 0;}*/
    .bg_timeline {height: 720px;padding: 47px 0;}
    .flip-card-inner { height: 457px;}
    .box100{min-height: auto;}
    .newslider_pargarph {font-size: 15px !important;height: auto; padding: 0px;}
    #new-slider {text-align: justify; padding: 0.5rem 0rem !important;margin-top: 0px;}
    .bg-left-new {background-color: #106edb;min-height: auto;}
    .timeline121{display: none;}
    .intro-accordian{display: block;}
    .vision_para p { padding: 10px 10px !important; font-size: 17px !important; text-align: justify; line-height: 30px !important; border-radius: 5px;}
    .accordion-button{font-size: 15px !important;}
    .porject_details_paragraph h3{font-size: 16px !important;}
    table tr th{font-size: 14px !important; font-weight: 600 !important;}
    table tr td{font-size: 14px !important; }
    .footer_bottom_text p{font-size: 14px;}
    .line_1212{top: 58.2%;}
    /*.bg-left-new h3, .bg-left-new h2 {padding: 50px 15px; font-size: 1.10rem; text-align: center; color: #fff;}*/
    /*.bg-left-new h3, .bg-left-new h2 {padding: 30px 15px 20px !important; font-size: 1.10rem; text-align: center; color: #fff;}*/

    .bg-left-new h3, .bg-left-new h2 {
        padding: 16px 15px 10px !important;
        font-size: 1rem !important;
        text-align: center;
        color: #fff;
    }
    /*.carousel-control-prev {left: 10px;height: 37%;}*/
    /*.carousel-control-next {right: 10px; height: 37%;}*/
    .carousel-control-prev {left: 10px;height: 100%;}
    .carousel-control-next {right: 10px; height: 100%;}
    .porject_details_paragraph p {text-align: left;}
    .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel{width: 98%;}
    .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content{padding: 25px;}
    .abt_intro{width: 100%;}
    .bg-func{width: 100% !important; clear: both;margin: 0 auto 20px auto;}
.milestone{padding: 5px 55px;position: relative; left: -57px; min-width: 188px;}
.milestone2{padding: 5px 55px;position: relative; left: -57px; min-width: 188px;}

    .wrappertimeline {margin: 0 auto;padding: 0 0% 50px; width: 100%; border-left: 0px solid #d7d7d7;position: relative;margin-left: 0;}
    .timeline__nav{position: relative; top: 0 !important; width: auto;float: none;}
    .abt_gen{padding: 20px 20px !important;width: 100%;}
    .schems_box{margin-bottom: 30px;}
    .me-3 {margin-right: 0rem !important;}
.detail_colm_heading{margin-top: 8px; margin-left: 0px; margin-right: 0;}
.detail_colm{margin-top: 17px; margin-left: 0px; margin-right: 0;}
    .rti_sub_heading { margin-top: 5px;}
    .wrap a.readmore_text, .circle_bx a.readmore_text{font-size: 12px;}
    /*.usof_complete_box{height: auto;}*/
    .usof_complete_box{height: auto; min-height: auto;}
    .ddg_warpper .circle_bx{margin-bottom: 2rem;}
    .mbr-section-title3 { text-align: center; font-weight: 600 !important;color: var(--primary);}
    .wrap{display: block; text-align: center;}
    .ico-wrap { margin: 0 auto 0 auto; border: 0px solid #d7d7d7;text-align: center;}
    .navbar-dark .navbar-nav .nav-link{margin-left: 0;}
    .usof_complete_title{font-size: 20px !important;}
    .project_padding{padding:15px 15px 15px 15px;}
    a.viewmore_121, a.submit{width: 97px;}
    .title_head_text::before, .title_head_text::after{display: none;}
    #chart1Carousel {margin: 8px 0 8px;}
    .photo_box {overflow: hidden;margin-bottom: 25px;}
    #myTab2, #myTab_timeline {margin-top: 0px;margin-right: 0; margin-left: 0;}
    .w33 {width: 100%;margin-bottom: 15px;}
    .w44 {width: 100%;margin-bottom: 15px;}
    #myTab3 li {margin: 4px 0;}
    #myTab3 .nav-link img{height: 20px;}
    /*#myTab3{top: 33px;right: 0px;}*/
    /*#myTab3{top: 33px;right: 3px;}*/
    #mac-book{max-width: 100% !important;}
    .highlights-cta h3::after{display: none;}
    .highlights-cta h3::before{display: none;}
    .highlights-cta{width: 100% !important;    margin-left: 0 !important;}
    .highlights-cta h3{font-size: 20px; margin-left: auto; margin-right: auto;}
    .highlights-cta, #mac-book{text-align: center;}
    .schemes_button #next {right: 5px;}
    .schemes_button #prev {left: 5px;}
    .title_lines{padding: 10px 0px 0;}
    .title_lines_mt_95 {margin: 0 0 0;}
    .owl-item .bg-primary{background-color: #4874f1 !important;}
    .section-title:before, .section-title:after{display: none;}
    /*.timeline_title{left: calc(76% - 218px);}*/
    .timeline_title {

        position: relative !important;
        top: 0;
        left: 0 !important;
        width: 100%;
        margin-bottom: 0px !important;
        text-align: center;
    }
    .timeline_title h5{font-size: 20px !important;}
    .screenshot_slider .owl-nav .owl-next {right: 2px;}
    #screenshot_slider .owl-next, #screenshot_slider .owl-prev{top: 37%;}
    .screenshot_slider .owl-nav .owl-prev {left: 2px;}
    .title_lines:before, .title_lines:after{display: none;}
    .title_lines{font-size: 20px;}
    .section-padding{width: 100%;    padding: 80px 0 80px;}
    .usofbanner_padding_align{border-top: 1px solid #cccccc59;padding: 20px 0 50px;}
    .greybgpaddinh {padding: 12px 0 3px!important;}
    .flip-card{margin-bottom: 12px; height: auto;}
    .paragraph_text{padding: 0 18px;margin-top: 19px;}
    /* .timeline_title2 { top: 0;left: calc(100% - 264px);} */
    /*.timeline_title2 { top: 0;left: 40%;}*/
    .timeline_title2 {     top: 0;
        left: 0 !important;
        position: relative !important;
        width: 100%;
        margin-bottom: 0 !important;
        text-align: center;
    }

    .section_paddding_100 { padding: 0px 0px 0;}
    .font35 { font-size: 16px;}
    /*.navbar-dark .navbar-brand{margin: auto;}*/
    .navbar-dark .navbar-brand{margin: auto 15px auto 0;}
    .imgheight {height: 60px;margin-top: 5px;}
    .logotext_alignmb h3, .logotext_alignmb h2 {font-size: 14px !important;}
    .logotext_alignmb p {font-size: 12px !important;}
    .px-5 {padding-right: 0.5rem !important;padding-left: 0.5rem !important;padding-top: 0rem !important;}
    /*.logotext_alignmb{padding-top: 10px !important;}*/
    .logotext_alignmb{padding-top: 15px !important;}
    .navbar-dark .navbar-toggler { color: var(--primary) !important; border-color: var(--primary) !important; float: none; margin-right: 0; margin-left: auto;}
}


@media (max-width:820px){
    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 33%;
        color: #fff;
        font-size: 20px;
    }
    #myTab3 {

        right: 11% !important;
        width: auto !important;
    }
}
@media (min-width:768px) and (max-width:991px){
    .timeline_line2_1{ margin: 10px auto 10px;}
    #screenshot_slider .owl-item .item .timeline_bx1_bx{line-height: 91px;}
    .owl-item .item { transform: translate3d(0, 0, 0); margin: 50px -11px;}
    #carousel{height: 352px;}
    #carousel div.prevLeftSecond {  left: 15%;}
    #carousel div.nextRightSecond {  left: 70%;}
    #carousel div.next {left: 58%;}
    #carousel div.selected { left: 35%;}
    #carousel div.prev {  left: 24%;}
    #myTab3 {
        top: 62px;
        /*right: 11%;*/
        right: 13%;
        width: auto !important;
    }
    .ps-timeline2 .ps-timelinebox .ps-bot2 p, .ps-timeline2 .ps-timelinebox .ps-bot2 .ps_timeline_content_white {
        font-size: 12px !important;
        padding: 0 8px;
    }
    .line_1212 { display: none;}
    .bg-left-new {  background-color: #106edb; height: auto;}
    .testimonial_section .testimonial_box .testimonial_container .layer_content .testimonial_owlCarousel .testimonials .testimonial_content{
        margin-left: 20px !important;
    }



}
@media (min-width:501px) and (max-width:767px){
    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 41%;
        color: #fff;
        font-size: 20px;
    }
    #screenshot_slider .owl-item.center .item {
        -webkit-transform: scale(1.5) !important;
        -ms-transform: scale(1.5) !important;
        transform: scale(1.5) !important;
    }
    #screenshot_slider .owl-item .item .timeline_bx1_bx{line-height: 91px;}
    .owl-item .item { transform: translate3d(0, 0, 0); margin: 50px -11px;}
    #carousel{height: 352px;}
    #carousel div.prevLeftSecond {  left: 15%;}
    #carousel div.nextRightSecond {  left: 70%;}
    #carousel div.next {left: 58%;}
    #carousel div.selected { left: 35%;}
    #carousel div.prev {  left: 24%;}
    #myTab3 {
        top: 52px;
        right: 10%;
        width: auto !important;
    }
}
@media (min-width:412px) and (max-width:500px){
    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 41%;
        color: #fff;
        font-size: 20px;
    }
    #screenshot_slider .owl-item.center .item {
        -webkit-transform: scale(1.5) !important;
        -ms-transform: scale(1.5) !important;
        transform: scale(1.5) !important;
    }
    #screenshot_slider .owl-item .item .timeline_bx1_bx{line-height: 91px;}
    #carousel{height: 352px;}
    #carousel div.prevLeftSecond {  left: 15%;}
    #carousel div.nextRightSecond {  left: 70%;}
    #carousel div.next {left: 58%;}
    #carousel div.selected { left: 35%;}
    #carousel div.prev {  left: 24%;}
    #myTab3 {
        top: 52px;
        right: 9%;
        width: auto !important;
    }
}

@media (min-width:412px) and (max-width:767px){
    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 41%;
        color: #fff;
        font-size: 20px;
    }
    #screenshot_slider .owl-item.center .item {
        -webkit-transform: scale(1.5) !important;
        -ms-transform: scale(1.5) !important;
        transform: scale(1.5) !important;
    }
    #screenshot_slider .owl-item .item .timeline_bx1_bx{line-height: 90px;}

    .owl-item .item {
        transform: translate3d(0, 0, 0);
        margin: 50px -11px;
    }
    .screenshot_slider{width: 100%;}
    .act_im {
        margin: auto;
        float: none;
        height: 125px;
    }
    h3.act_heading, .act_heading{font-size: 16px !important;height: 78px;}
    .item_hgt{padding: 10px;}
    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { top: 21%;}
    #carousel{height: 352px;}
    #carousel div.prevLeftSecond {  left: 15%;}
    #carousel div.nextRightSecond {  left: 70%;}
    #carousel div.next {left: 58%;}
    #carousel div.selected { left: 35%;}
    #carousel div.prev {  left: 24%;}

    .overlay_ak img{margin-top: 100px;}
    .ps-timeline2 .ps-timelinebox .ps-bot2 p, .ps-timeline2 .ps-timelinebox .ps-bot2 .ps_timeline_content_white {
        font-size: 13px !important;
        padding: 0 8px;
    }
    .line_1212 { display: none;}

    /*#myTab3 { top: 33px; right: 30px; width: auto !important;  }*/
    #myTab3 .nav-link{padding: 0 2px 0 2px;}
    .flip-card-inner {height: 456px;}
    .flip-card {height: 500px;}
    .flip-card:hover .flip-card-inner{height: 465px;}
    .flip-card:hover .flip-card-inner .flip-card-front{transform: translateY(-215px);}
    .flip-card:hover .flip-card-inner .hovertext{top: 10px;}
    .flip-card:hover .flip-card-inner .flip-card-back{height: 230px;}
}

@media(max-width:414px){
    #carousel div.prevLeftSecond {  left: 6%;}
    #carousel div.nextRightSecond {  left: 70%;}
    #carousel div.next {left: 50%;}
    #carousel div.selected { left: 21%;}
    #carousel div.prev {  left: 15%;}
}
@media (min-width:412px) and (max-width:599px) {
    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 41%;
        color: #fff;
        font-size: 20px;
    }
    #screenshot_slider .owl-item.center .item {
        -webkit-transform: inherit !important;
        -ms-transform: inherit !important;
        transform: inherit !important;
    }
}

@media (min-width:390px) and (max-width:411px){
    #screenshot_slider .owl-item.center .item{    -webkit-transform: inherit !important;
        -ms-transform: inherit !important;
        transform: inherit !important;
    }
    .ps-timeline2 .ps-timelinebox .ps-bot2 p, .ps-timeline2 .ps-timelinebox .ps-bot2 .ps_timeline_content_white {
        font-size: 13px !important;
        padding: 0 8px;
    }
    .line_1212 { display: none;}
    /*.bg-left-new {  background-color: #106edb; height: 8vh;}*/
    #myTab3 { top: 33px; right: 27px  !important; width: auto !important;  }
    #myTab3 .nav-link{padding: 0 2px 0 2px;}
    .flip-card-inner {height: 475px;}
    .flip-card {height: 500px;}
    .flip-card:hover .flip-card-inner{height: 465px;}
    .flip-card:hover .flip-card-inner .flip-card-front{transform: translateY(-206px);}
    .flip-card:hover .flip-card-inner .hovertext{top: 10px;}
    .flip-card:hover .flip-card-inner .flip-card-back{height: 230px;}
}
@media (min-width:375px) and (max-width:389px){
    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 41%;
        color: #fff;
        font-size: 20px;
    }
    #screenshot_slider .owl-item.center .item{    -webkit-transform: inherit !important;
        -ms-transform: inherit !important;
        transform: inherit !important;
    }
    .ps-timeline2 .ps-timelinebox .ps-bot2 p, .ps-timeline2 .ps-timelinebox .ps-bot2 .ps_timeline_content_white {
        font-size: 13px !important;
        padding: 0 8px;
    }
    .line_1212 { display: none;}
    /*.bg-left-new {  background-color: #106edb; height: 8vh;}*/
    #myTab3 { top: 33px; right: 25px !important; width: auto !important;  }
    #myTab3 .nav-link{padding: 0 2px 0 2px;}
    .flip-card-inner {height: 475px;}
    .flip-card {height: 500px;}
    .flip-card:hover .flip-card-inner{height: 465px;}
    .flip-card:hover .flip-card-inner .flip-card-front{transform: translateY(-245px);}
    .flip-card:hover .flip-card-inner .hovertext{top: 10px;}
    .box100 { min-height: 240px;}
    .flip-card:hover .flip-card-inner .flip-card-back{height: 230px;}
}
@media (min-width:360px) and (max-width:374px){
    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 41%;
        color: #fff;
        font-size: 20px;
    }
    .owl-item .item {
        transform: translate3d(0, 0, 0);
        margin: 50px 15px;
    }
    #screenshot_slider .owl-item.center .item{    -webkit-transform: inherit !important;
        -ms-transform: inherit !important;
        transform: inherit !important;
    }
    .ps-timeline2 .ps-timelinebox .ps-bot2 p, .ps-timeline2 .ps-timelinebox .ps-bot2 .ps_timeline_content_white {
        font-size: 13px !important;
        padding: 0 8px;
    }
    .line_1212 { display: none;}
    .screenshot_slider .owl-carousel .owl-dot, .screenshot_slider .owl-next, .screenshot_slider .owl-prev {
        position: absolute;
        top: 44%;
        color: #fff;
        font-size: 30px;
        padding: 5px 16px 5px;
        border-radius: 24px;
        background: #091e3e;
        border: 2px solid #fff;
        line-height: 25px;
    }

    #pstime_slider .owl-carousel .owl-dot, #pstime_slider .owl-next, #pstime_slider .owl-prev, #pstime_slider_submarine .owl-carousel .owl-dot, #pstime_slider_submarine .owl-next, #pstime_slider_submarine .owl-prev, #pstime_slider_mobiletower .owl-carousel .owl-dot, #pstime_slider_mobiletower .owl-next, #pstime_slider_mobiletower .owl-prev {
        position: absolute;
        top: 44%;
        color: #fff;
        font-size: 20px;
        padding: 0 16px 5px;
        border-radius: 24px;
        background: #091e3e;
        line-height: 25px;
        border: 2px solid #fff;
    }
    h3.act_heading, .act_heading{font-size: 22px !important;}
    .timeline_line2_1{margin: 10px auto 10px;}
    .ps-timeline2 .ps-timelinebox .ps-bot2 p, .ps-timeline2 .ps-timelinebox .ps-bot2 .ps_timeline_content_white{padding: 0 3px;}
    .bg-left-new {height: auto !important;}
    .box_mt_whatsnew { margin-top: 0px;}
    .carousel-control-prev, .carousel-control-next{bottom: 0px;  position: absolute;}
    .bg-left-new {  background-color: #106edb; height: 8vh;}
    #myTab3 .nav-link img{width: 20px !important;}
    .readeraccess{font-size: 12px !important;}
    #myTab3 { top: 33px; right: 21px  !important; width: auto !important;  }
    #myTab3 .nav-link{padding: 0 2px 0 2px;}
    /*.flip-card-inner {height: 475px;}*/
    .flip-card-inner {height: 464px;}
    .flip-card {height: 500px;}
    .flip-card:hover .flip-card-inner{height: 446px;}
    .flip-card:hover .flip-card-inner .flip-card-front{transform: translateY(-245px);}
    .flip-card:hover .flip-card-inner .hovertext{top: 10px;}
    .box100 { min-height: 240px;}
    .flip-card:hover .flip-card-inner .flip-card-back{height: 230px;}
}
@media (min-width:320px) and (max-width:359px){
    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 41%;
        color: #fff;
        font-size: 20px;
    }
    #screenshot_slider .owl-item.center .item{    -webkit-transform: inherit !important;
    -ms-transform: inherit !important;
    transform: inherit !important;
    }
    .line_1212 { display: none;}
    /*.bg-left-new {  background-color: #106edb; height: 8vh;}*/
    .readeraccess{font-size: 11px !important;}
    #myTab3 { top: 33px; right: 18px  !important; width: auto !important;  }
    #myTab3 .nav-link{padding:0 1px 0 1px;}
    .flip-card-inner {height: 475px;}
    .flip-card {height: 500px;}
    .flip-card:hover .flip-card-inner{height: 465px;}
    .flip-card:hover .flip-card-inner .flip-card-front{transform: translateY(-245px);}
    .flip-card:hover .flip-card-inner .hovertext{top: 10px;}
    .box100 { min-height: 240px;}
    .flip-card:hover .flip-card-inner .flip-card-back{height: 230px;}


}

/*ayushman*/

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 56px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgb(35 35 35 / 90%);
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 111%;
    left: 0;
    z-index: 11111111;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}
.carousel-indicators .active {
    opacity: 1;
    height: 5px;
}
.abt_intro_para:hover{
    background-color: white;
    color: black;
}




/* bubble effect css coding 30-8-2022 */
#octocat, .octocat {
    height: 300px;
    width: 200px;
    /*background: url(https://codinhood.com/static/9a146dac647e7129fa173acc0b0d437f/299c1/octocat.png) left center;*/
    animation: animateSprite 15s steps(1) infinite, swim 15s ease-in-out infinite;
    position: absolute;
    right: -200px;
    top: 50%;
    margin-top: -150px;
    z-index: 100;
  }


  @keyframes animateSprite {
    0% {
      background-position: -600px; /* Starting position moving left sprite */
    }
    20% {
      background-position: 0px; /* Straight on sprite */
    }
    25% {
      background-position: -200px; /* Moving up sprite */
    }
    35% {
      background-position: -400px; /* Moving right sprite */
    }
    40% {
      background-position: -400px;
    }
    50% {
      background-position: -200px;  /* Moving up sprite */
    }
    60% {
      background-position: -0px; /* Straight on sprite */
    }
    67% {
      background-position: -600px; /* Moving up sprite */
    }

    100% {
      background-position: -600px;
    }
  }

  @keyframes swim {
    0% {
      transform: translate(0, 0); /* Starting position */
    }
    20% {
      transform: translate(calc(-50vw - 100px), 0); /* Animate to center of screen */
    }
    25% {
      transform: translate(calc(-50vw - 100px), 0); /* Stay at the center for 1 second */
    }
    35% {
      transform: translate(calc(-50vw - 100px), -20vh); /* Animate up for 2 seconds */
    }
    50% {
      transform: translate(-25vw, 15vh); /* Animate bottom right for 3 seconds */
    }
    60% {
      transform: translate(-25vw, -20vh); /* Animate up at right of the screen */
    }
    67% {
      transform: translate(-25vw, -20vh);
    }

    100% {
      transform: translate(calc(-100vw - 300px), 0); /* Animate past left past the screen */
    }
  }
  .ocean {
    position: relative;
    width: 100vw;
    height: 100%;
    background-image: linear-gradient(0deg, #182848, #2980b9)
  }

.bubble {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: absolute;
    background-color: white;
    bottom: -30px;
    opacity: 0.2;
    animation: bubble 15s ease-in-out infinite,
      sideWays 4s ease-in-out infinite alternate;
  }

  @keyframes bubble {
    0% {
      transform: translateY(0%);
      opacity: 0.06;
    }
    100% {
      transform: translateY(-120vh);
    }
  }

  @keyframes sideWays {
    0% {
      margin-left: 0px;
    }
    100% {
      margin-left: 200px;
    }
  }

  .bubble--1 {
    left: 10%;
    animation-delay: 0.5s;
    animation-duration: 16s;
    opacity: 0.2;
  }

  .bubble--2 {
    width: 15px;
    height: 15px;
    left: 40%;
    animation-delay: 1s;
    animation-duration: 10s;
    opacity: 0.1;
  }

  .bubble--3 {
    width: 10px;
    height: 10px;
    left: 30%;
    animation-delay: 5s;
    animation-duration: 20s;
    opacity: 0.3;
  }

  .bubble--4 {
    width: 25px;
    height: 25px;
    left: 40%;
    animation-delay: 8s;
    animation-duration: 17s;
    opacity: 0.2;
  }

  .bubble--5 {
    width: 30px;
    height: 30px;
    left: 60%;
    animation-delay: 10s;
    animation-duration: 15s;
    opacity: 0.1;
  }

  .bubble--6 {
    width: 10px;
    height: 10px;
    left: 80%;
    animation-delay: 3s;
    animation-duration: 30s;
    opacity: 0.4;
  }

  .bubble--7 {
    width: 15px;
    height: 15px;
    left: 90%;
    animation-delay: -7s;
    animation-duration: 25s;
    opacity: 0.3;
  }

  .bubble--9 {
    width: 20px;
    height: 20px;
    left: 50%;
    bottom: 30px;
    animation-delay: -5s;
    animation-duration: 19s;
    opacity: 0.2;
  }

  .bubble--10 {
    width: 40px;
    height: 40px;
    left: 30%;
    bottom: 30px;
    animation-delay: -21s;
    animation-duration: 16s;
    opacity: 0.3;
  }

  .bubble--11 {
    width: 30px;
    height: 30px;
    left: 60%;
    bottom: 30px;
    animation-delay: -13.75s;
    animation-duration: 20s;
    opacity: 0.3;
  }

  .bubble--11 {
    width: 25px;
    height: 25px;
    left: 90%;
    bottom: 30px;
    animation-delay: -10.5s;
    animation-duration: 19s;
    opacity: 0.3;
  }
  /* bubble effect css coding 30-8-2022 */

.bg-left-new{
/*    background-color: #106edb;*/
    background-color: #1F75D6;
    
}
.bg-left-new h3, .bg-left-new h2{
    padding: 45px 15px; 
/*    font-size: 24px; */
     font-size: 14px; 
/*    font-weight: bold !important;*/
}
.bg-right-new{
    background-color: #c7e3dc;
}
.modal_box_bx{height: 350px;text-align: left;overflow: hidden;overflow-y: auto;}
.social_box_scoll{overflow-y: auto; height: 400px;}
#powrIframeLoader{display: none !important;}

.bold_700{font-weight: 700 !important;}
.footer_textsize_24{font-size: 24px !important; font-weight: 700 !important;font-family: "Nunito",sans-serif; text-align: left;}
.box_centershow{display: flex !important;justify-content: center;}
.white{color:#fff;font-size: inherit !important;}
#usof_spacehistory{min-height: 150px;}
.scolling_spaceremove{display: none;}

.wrappertimeline img{width:100% !important; height: 100% !important;}
.logo_line{width:2px; height: 50px; background: #e0a554;}

.rightborder_logo{border-right: 2px solid #e0a554;}



.navlink_align span{margin: 0px 0 0 8px;}
/* Bloggersstand Material Design Ripple Effect Buttons */
#btnripplebsd{margin:19px auto;text-align:left;}
#btnripplebsd a{text-decoration:none}
.bsdripplebtn{cursor:pointer!important;overflow:hidden;text-decoration:none;display:inline-block;-webkit-appearance:none;
    font-size:17px; text-align: left;
    border-radius:8px;color:rgba(255,255,255,1);font-weight:400;padding:14px 15px;
    margin:0 0px 15px 0px;box-shadow:0 2px 2px 1px rgba(0,0,0,0.1);transition:all 0.3s;
    width: 96%; color: #000; font-family: 'Montserrat', sans-serif;
}
.bsdripplebtn:hover,.bsdripplebtn:active{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}
/*.bsdripplebtn.btnone{background:#0f4b9e; }*/
/*.bsdripplebtn.btnone{ background-image: linear-gradient(to right, #fff , #fff); border: 20px solid #f4f4f4;}*/
/*.bsdripplebtn.btntwo{background:#ff3333;}*/
.bsdripplebtn.btnone{ background-image: linear-gradient(to right, #f48222 , #f48222);
    color: #fff;
    text-align: center;
    padding: 17px 0;
}

.bsdripplebtn.btntwo{background-image: linear-gradient(to right, #f48222 , #f48222); color: #fff;
    text-align: center;
    padding: 17px 0;
}

/*.bsdripplebtn.btnone:hover,.bsdripplebtn.btnone:active{background:#4874f1; color:rgba(255,255,255,1);}*/
.bsdripplebtn.btnone:hover,.bsdripplebtn.btnone:active{background-image: linear-gradient(to right, #0f4b9e , #0f4b9e);  color:rgba(255,255,255,1);}
.bsdripplebtn.btntwo:hover,.bsdripplebtn.btntwo:active{background:#0f4b9e; color:rgba(255,255,255,1);}
svg{position:absolute;top:0;left:0;width:100%;height:100%}
circle{fill:rgba(255,255,255,0.06)}
.ripple-effect-bsd{position:relative;overflow:hidden;-webkit-transform:translatez(0)}
.bsdeffect{display:block;position:absolute;pointer-events:none;border-radius:50%;transform:scale(0);background:#fff;opacity:0.4}
.bsdeffect.animate{animation:ripple-effect-bsd 0.4s linear}
@keyframes ripple-effect-bsd{100%{opacity:0;transform:scale(2.4)}}
@-webkit-keyframes ripple-effect-bsd{100%{opacity:0;transform:scale(2.4)}}
.tabcontent_auto{min-height: auto;}
#debug-icon{display:none;}

.mt_register{margin-left:8px;}
.welcome_text{margin-left:8px; margin-top:5px; padding-left: 5px; padding-right:5px;}
.btnrippled {
    width: 240px;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: auto !important;
}
/*.welcome_text_show{float: left;  width: auto;  line-height: 71px;  font-size: 20px;}*/
.welcome_text_show{float: left;  width: auto;  line-height: 30px;  font-size: 20px; text-align: left;}
.apply_frm_box{background: #fff;box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);padding: 4% 3%; position: relative; width:80%;margin: auto;}

.closeme{position: absolute;    top: 12px; right: 12px; color: red; font-size: 20px; text-decoration: none;}
.btnRegister{display: inline-block;
    display: inline-block;
    background: var(--primary);
    border-color: var(--primary);
    padding: 12px;
    text-align: center;
    float: none;
    color: #fff;
    text-decoration: none;
    margin: 20px auto 0;
    width: 30%;
    float: none;
    border-radius: 30px;
    font-size: 24px;
    cursor: pointer;
}

.text-center{text-align: center;}

.bg-dark {
    background-color: #091E3E!important;
}
.photo_box{position: relative;}
.overlay_ak{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    width: 100%;
    text-align: center;
    margin: auto;
    width: auto;
}
.overlay_ak img{ width: 50px; height: 50px; margin-top: 40px;}
.koo-media{max-height: 100% !important; width:100% !important; max-width:100% !important; min-width:100%;}
.koo-scroll{height: 400px; overflow:hidden; overflow-y: auto;}
.clearfix{clear:both;}


/*new  css adding in 3-5-2023 1356pm*/
.photo_box {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 250px;
    height: 188px;
    z-index: 99;
    /*border: 2px solid #0d6efd;*/
    border: 1px solid #0d6efd;
    background: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.photo_box img {
    -webkit-transform: scale(1);
    transform: scale(1);
    /*    -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;*/

    transition: all .7s ease-in-out;
    padding: 0 0px;
    position: absolute;
    max-width: 97%;
    max-height: 97%;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;

}

.gallery_box{height: 135px;}
.infogarphic_box{height: 240px;}

.last_update_date{ font-size: 12px; margin: 20px 0 0 0;}

@media (max-width: 992px){
    .photo_box{width: 126px; height: 96px;}
}

.last_update_bottom{position: absolute;bottom: 10px;left: 0;right: 0;}
/*new  css adding in 3-5-2023 1356pm*/

/*new  css adding in 15-5-2023 1356pm*/
.box_mt_whatsnew .support-item {
    /*padding: 15px 0;*/
    padding: 8px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    /*   flex: 0 0 33.33%;
       max-width: 33.33%;    */
    flex: 0 0 33.33%;
    max-width: 33.33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    border-right: 1px solid #fd6e0a;
    background-image: linear-gradient(0deg, #182848, #2980b9);
    position: relative;
}

.box_mt_whatsnew .support-item .overlay-content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    /*padding: 46px 0px 0px 0;*/
    padding: 26px 0px 0px 0;
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease;
    background-image: linear-gradient(0deg, #182848, #2980b9);
    text-align: center;
    color: #fff;

}

.box_mt_whatsnew .support-item .overlay-content  a.usof_dashboard_button{
    background: #fff; padding: 8px 11px; text-align: center; color: #2980b9; border-radius: 5px;    font-size: 13px;
    font-weight: bold;
}

.box_mt_whatsnew .support-item:hover .overlay-content {
    top: 0px;
    opacity: 0.95;
    visibility: visible;
}

.box_mt_whatsnew .support-item .support-icon {
    width: 65px;
    height: 65px;
    /*background-color: #fd6e0a;*/
    background-color: transparent;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    border: 2px solid #fd6e0a;
}
.box_mt_whatsnew .support-item .support-text {
    /*max-width: 197px;*/
    max-width: 70%;
}
.box_mt_whatsnew .support-item .support-text h3 {
    font-weight: 700;
    font-size: 24px;
    /*line-height: 1.3;*/
    line-height: 1;
    color: #fff;
    /*margin-bottom: 8px;*/
    margin-bottom: 1px;
}
.box_mt_whatsnew .support-item  .support-text p {
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 0px;
}
.box_mt_whatsnew  .support-item:last-child {
    border-right: 1px solid transparent;
}

@media (max-width: 576px) {
    .box_mt_whatsnew .support-item{    -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;}
}
/*new  css adding in 15-5-2023 1356pm*/

/***********22-05-2023 css code start***********/

.wtd_tab-nav{background: transparent;border-top-left-radius: 0px; border-top-right-radius: 0px;
display: inline-block !important;
overflow-x: auto;
overflow-y: hidden;
width: 100%;
white-space: nowrap;margin-bottom: 20px;


}
.wtd_tab-nav  .nav-link{font-size: 17px;
width: 120px;
/* line-height: 4px; */
color: #333;
font-family: 'Montserrat', sans-serif;
float: none;
display: inherit;
position: relative;
/* overflow-wrap: break-word; */
/* word-break: break-all; */
white-space: normal;
overflow: hidden;
height: auto;
padding: 10px 20px;
border-radius: 0px !important;
background: transparent;
margin-right: 20px;
/* border-color: transparent !important; */
font-weight: bold;
border-bottom: 6px solid grey;
border-right: 0px solid #d7d7d7;

}

.wtd_tab-nav  .nav-link.active, .wtd_tab-nav  .nav-item.show .nav-link {
color: #4874f1;
background-color: transparent;
border-radius: 0px !important;
/*border-color: #4874f1 #4874f1 #4874f1;*/
position: relative;
border-bottom: 6px solid #4874f1;
border-right: 0px solid #d7d7d7;
border-left: 0px solid #d7d7d7;
border-top: 0px solid #d7d7d7;

}

.wtd_tab-nav .nav-link:hover, .wtd_tab-nav .nav-link:focus {
color: #4874f1;
background-color: transparent;
border-radius: 0px !important;
/*border-color: #4874f1 #4874f1 #4874f1;*/
position: relative;
border-bottom: 6px solid #4874f1;
border-right: 0px solid #d7d7d7;
border-left: 0px solid #d7d7d7;
border-top: 0px solid #d7d7d7;
}


.wtd_tab-nav .nav-link:first-child{border-top-left-radius: 0;}

.usof_tab_bg22{
word-wrap: break-word;
background: #fff;
padding: 0;
border: 0px solid #d7d7d7;
border-top: 0px solid #d7d7d7;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}


.line-bottom-double-line-centered {
margin-bottom: 15px;
padding-bottom: 15px;
position: relative;
}
.line-bottom-double-line-centered::before{
background: #4874f1;
}
.white_line_title::before{
background: #fff;
}
.line-bottom-double-line-centered::before {
bottom: 3px;
content: "";
height: 3px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 35px;
}
.line-bottom-double-line-centered::after{
background: #4874f1;
}
.white_line_title::after{
background: #fff;
}
.line-bottom-double-line-centered::after {
bottom: 10px;
content: "";
height: 3px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 70px;
}
.about_event{margin: 0; padding: 50px 0 80px;}
.about_event .event_title{font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 800;
/*color: #4874f1; */
color: #333;
text-align: center;
}

.about_event .event_pargraph, .about_event .event_pargraph p{
text-align: justify; font-size: 14px; color: #212121;
}



.highlighted_wrapper{margin: 0; padding: 80px 0;}
.highlighted_wrapper .highlighted_event_title{font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 800; color: #fff;text-align: center;}
.highlighted_wrapper .highlighted_box{ margin: 0; padding: 0;}
.highlighted_wrapper .highlighted_box .hightlighted_leftside{margin: 0; padding: 0; height: auto; border: 0px solid #333; overflow: hidden; text-align: center;}
.highlighted_wrapper .highlighted_box .hightlighted_leftside img{margin: 0; padding: 0;height: 330px;}
.highlighted_wrapper .highlighted_box .hightlighted_rightside{margin: 0; padding: 0; text-align: center;}
.highlighted_wrapper .highlighted_box .hightlighted_rightside .highlighted_title{font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 600;
/*color: #4874f1; */
color: #fff;
text-align: center;margin-top: 0px;
}


.gallery_content{margin: 0; padding: 80px 0;}
.gallery_content .gallery_title{font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 800; color: #333;text-align: center;}

.gallery_box{margin-bottom: 30px;}

/*.hedaing_youube{position: absolute;bottom: 0;text-align: center;left: 0;right: 0;background: rgb(0,0,0,0.8);color: #fff;padding: 8px;}*/
.hedaing_youube{position: relative; text-align: center; color: #000;padding: 0px; font-weight: 500;}


/***********22-05-2023 css code end***********/

/***********12-01-2024 css code start***********/
.whatwe_text_title{font-size: 1.25rem;font-weight: 600 !important;margin-top: 0;line-height: 1.2;}
/***********12-01-2024 css code end***********/
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{--bs-gutter-x: inherit!important;
    --bs-gutter-y: inherit!important;}

/*new css add 21-08-2024 1846pm*/
.navbar-expand-lg .navbar-nav{margin-right: auto;}
.mt-left-15{margin-left: 15px;}

@media (max-width: 992px) {
    .navbar-dark .navbar-toggler {
        margin-left: 0;
        width: 100%;
    }

    .mobile_image_hide{display: none;}
}

/*new css add 21-08-2024 1846pm*/
@media (min-width: 1024px) and (max-width: 1166px) {
  nav .dropdown-menu{padding: 0.3rem 0;}
  nav a.dropdown-item{font-size: 12px;padding: 0.15rem 1rem;}
}
@media (min-width: 1067px) and (max-width: 1200px) {
  nav .dropdown-menu{padding: 0.3rem 0;}
  nav a.dropdown-item{font-size: 13px;padding: 0.15rem 1rem;}
}

@media (min-width: 1201px) and (max-width: 1280px) {
    nav .dropdown-item{font-size: 14px;padding: 0.17rem 1rem;}
}