.services-block{
    position:relative;
    perspective:1500px;
}

.services-block .inner-box{
    position:relative;
}

.flip-card{
    position:relative;
    width:100%;
    height:100%;
    min-height:280px;
    transform-style:preserve-3d;
    transition:transform .8s cubic-bezier(.25,.8,.25,1);
}

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

/* FRONT */

.flip-front,
.flip-back{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border-radius:6px;
    overflow:hidden;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}

.flip-front{
    background:#fff;
    z-index:2;
}

.flip-front figure{
    margin:0;
}

.flip-front img{
    width:100%;
    display:block;
}

/* KEEP YOUR EXISTING TITLE CSS */
.flip-front .title{
    position:absolute;
    left:0;
    bottom:20px;
    z-index:10;
}

/* BACK */

.flip-back{
    background:linear-gradient(135deg,#282677,#3f3bb2);
    transform:rotateY(180deg);

    display:flex;
    justify-content:center;
    align-items:center;

    padding:35px;
}

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

.overlay-content p{
    color:#fff;
    font-size:18px;
    line-height:30px;
    margin:0;
    font-weight:500;
}

/* Page Shadow */

.flip-front:after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:25px;
    height:100%;
    background:linear-gradient(to left,rgba(0,0,0,.35),transparent);
    opacity:0;
    transition:.8s;
}

.services-block:hover .flip-front:after{
    opacity:1;
}


/*    .services-block .image-box{*/
/*    position:relative;*/
/*    overflow:hidden;*/
/*    perspective:1200px;*/
/*}*/

/* Image flip */
/*.services-block figure{*/
/*    margin:0;*/
/*    transition:transform .8s cubic-bezier(.4,.2,.2,1);*/
/*    transform-origin:left center;*/
/*    backface-visibility:hidden;*/
/*}*/

/*.services-block:hover figure{*/
/*    transform:rotateY(-90deg);*/
/*}*/

/* Title */
/*.services-block .title{*/
/*    transition:.4s;*/
/*}*/

/*.services-block:hover .title{*/
/*    opacity:0;*/
/*    transform:translateY(20px);*/
/*}*/

/* Overlay */
/*.services-block .overlay-box{*/
/*    position:absolute;*/
/*    inset:0;*/
/*    display:flex;*/
/*    justify-content:center;*/
/*    align-items:center;*/
/*    background:linear-gradient(135deg,#282677,#3d3aa0);*/
/*    opacity:0;*/
/*    visibility:hidden;*/

/*    transform:rotateY(90deg);*/
/*    transform-origin:right center;*/
/*    transition:all .8s cubic-bezier(.4,.2,.2,1);*/
/*}*/

/*.services-block:hover .overlay-box{*/
/*    opacity:1;*/
/*    visibility:visible;*/
/*    transform:rotateY(0deg);*/
/*}*/

/*.services-block .btn-box{*/
/*    padding:30px;*/
/*    text-align:center;*/
/*}*/

/*.services-block .btn-box p{*/
/*    color:#fff;*/
/*    font-size:16px;*/
/*    line-height:28px;*/
/*    margin:0;*/
/*}*/


.clients-carousel{
    overflow:hidden;
    position:relative;
    width:100%;
}

.clients-track{
    display:flex;
    align-items:center;
    width:max-content;
    animation: marquee 40s linear infinite;
}

.clients-carousel:hover .clients-track{
    animation-play-state:paused;
}

.clients-carousel .item{
    flex:0 0 auto;
    width:220px;      /* Change as needed */
    margin:0 20px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.clients-carousel .item img{
    max-width:100%;
    height:auto;
    transition:.3s;
}

@keyframes marquee{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}


/* Mobile */

@media (max-width:767px){

    .video-banner{
        height: 56.25vw!important;      /* 16:9 ratio */
        min-height: 220px;
        max-height: 420px;
    }

    .bg-video{
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .banner-content{
        height: 100%;
        display: flex;
        align-items: center;
    }

    .banner-content h1{
        font-size: 26px;
    }

    .banner-content h3{
        font-size: 16px;
    }
    
    .btn-box {
        display:none;
    }
}
/*@media (max-width: 767px){*/
/*    .video-banner{*/
/*        height: 60vh!important;*/
/*        min-height: 420px!important;*/
/*    }*/

/*    .bg-video{*/
/*        object-fit: contain; */
/*    }*/

/*    .banner-content .content h1{*/
/*        font-size: 28px;*/
/*        line-height: 1.2;*/
/*    }*/

/*    .banner-content .content h3{*/
/*        font-size: 18px;*/
/*    }*/

/*    .btn-box{*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        gap: 15px;*/
/*        align-items: start;*/
/*    }*/

/*    .btn-box .theme-btn{*/
/*        width: 100%;*/
/*        max-width: 280px;*/
/*        text-align: start;*/
/*    }*/
/*}*/

/* Small Mobile */
@media (max-width: 480px){
    /*.video-banner{*/
    /*    height: 55vh;*/
    /*    min-height: 360px;*/
    /*}*/

    /*.banner-content .content h1{*/
    /*    font-size: 26px;*/
    /*}*/

    /*.banner-content .content h3{*/
    /*    font-size: 16px;*/
    /*}*/
}

.video-banner{
    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden;
}

.bg-video{
    position:absolute;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    transform:translate(-50%,-50%);
    object-fit:cover;
    z-index:1;
}

.video-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:2;
}

.banner-content{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    z-index:3;
    overflow:hidden;
}

.banner-content .content{
    max-width:700px;
    color:#fff;
    animation:contentAnimation 8s infinite;
}

@keyframes contentAnimation{

    /* Hidden */
    0%{
        opacity:0;
        transform:translateY(60px);
    }

    /* Animate In */
    10%{
        opacity:1;
        transform:translateY(0);
    }

    /* Stay Visible */
    45%{
        opacity:1;
        transform:translateY(0);
    }

    /* Animate Out */
    60%{
        opacity:0;
        transform:translateY(-60px);
    }

    /* Hidden */
    100%{
        opacity:0;
        transform:translateY(-60px);
    }

}



.banner-content h3{
    color:#fff;
    text-transform:uppercase;
    margin-bottom:15px;
}

.banner-content h1{
    color:#fff;
    font-size:50px;
    line-height:1.2;
    margin-bottom:35px;
}

.btn-box a:first-child{
    margin-right:15px;
}



.banner-content .title{
    animation:titleAnim 8s infinite;
}

.banner-content h1{
    animation:headingAnim 8s infinite;
}

.banner-content .btn-box{
    animation:buttonAnim 8s infinite;
}

@keyframes titleAnim{

    0%,5%{
        opacity:0;
        transform:translateY(40px);
    }

    12%,42%{
        opacity:1;
        transform:translateY(0);
    }

    50%,100%{
        opacity:0;
        transform:translateY(-40px);
    }

}

@keyframes headingAnim{

    0%,12%{
        opacity:0;
        transform:translateY(40px);
    }

    20%,45%{
        opacity:1;
        transform:translateY(0);
    }

    55%,100%{
        opacity:0;
        transform:translateY(-40px);
    }

}

@keyframes buttonAnim{

    0%,20%{
        opacity:0;
        transform:translateY(40px);
    }

    28%,48%{
        opacity:1;
        transform:translateY(0);
    }

    60%,100%{
        opacity:0;
        transform:translateY(-40px);
    }

}

@media(max-width:991px){

    .video-banner{
        height:650px;
    }

    .banner-content h1{
        font-size:40px;
    }

}

@media(max-width:767px){

    .video-banner{
        height:550px;
    }

    .banner-content h1{
        font-size:25px;
    }

    /*.btn-box a{*/
    /*    display:block;*/
    /*    margin:10px 0;*/
    /*}*/
    
}    


@media (max-width: 375px) {
    .banner-content .btn-box a {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 220px;
        height: 52px;
        text-align: center;
        line-height: 18px;
    }
}
@media (max-width: 480px) {
    .banner-content .btn-box a {
        padding-left: 30px;
        padding-right: 30px;
    }
}


@media (max-width: 375px) {
    .banner-content .theme-btn + .theme-btn {
        margin-top: 10px;
    }
}




@media(min-width:992px){

.header-lower,
.sticky-header
{

display:none;

}

}

@media(max-width:768px){

.header-lower,
.sticky-header
{

/*display:block;*/

}

body{
    padding-top:0px!important;
}

}


.menu-toggle{
    position:relative;
}

/*.toggle-hint{*/

/*    position:absolute;*/

/*    left:70px;*/
/*    top:50%;*/

/*    transform:translateY(-50%);*/

/*    background:#282677;*/

/*    color:#fff;*/

/*    padding:7px 14px;*/

/*    border-radius:30px;*/

/*    font-size:13px;*/

/*    font-weight:800;*/

/*    white-space:nowrap;*/

/*    animation:hint 1.5s infinite;*/

/*}*/

/*.toggle-hint:after{*/

/*    content:"";*/

/*    position:absolute;*/

/*    left:-6px;*/
/*    top:50%;*/

/*    transform:translateY(-50%);*/

/*    width:0;*/
/*    height:0;*/

/*    border-top:7px solid transparent;*/
/*    border-bottom:7px solid transparent;*/
/*    border-right:8px solid #282677;*/

/*}*/

/*@keyframes hint{*/

/*0%,100%{*/

/*transform:translateY(-50%) translateX(0);*/

/*}*/

/*50%{*/

/*transform:translateY(-50%) translateX(8px);*/

/*}*/

/*}*/


.menu-toggle.active span:nth-child(1){

transform:translateY(8px) rotate(45deg);

}

.menu-toggle.active span:nth-child(2){

opacity:0;

}

.menu-toggle.active span:nth-child(3){

transform:translateY(-8px) rotate(-45deg);

}



.sidebar-menu li i{

transition:.35s;

}

.sidebar-menu li.open i{

transform:rotate(90deg);

}

.desktop-sidebar{

box-shadow:-20px 0 40px rgba(0,0,0,.35);

}

.sidebar-menu li a{

position:relative;

overflow:hidden;

}

.sidebar-menu li a:before{

content:"";

position:absolute;

left:0;

top:0;

width:0;

height:100%;

background:#282677;

transition:.35s;

z-index:-1;

}

.sidebar-menu li a:hover:before{

width:100%;

}

/*==========================
HEADER
==========================*/

.desktop-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    background:#fff;
    transition:.4s;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.desktop-header.sticky{
    padding:0;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.header-upper{
    padding:0px 0;
}

.header-flex{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo-box img{
/*    height:60px;*/
}

.certification-area{
    display:flex;
    align-items:center;
    gap:35px;
}

.certified-title{
    display:flex;
    align-items:center;
    gap:12px;
    border-right:1px solid #ddd;
    padding-right:25px;
}

.certified-title i{
    font-size:34px;
    color:#282677;
}

.certified-title h4{
    margin:0;
    font-size:18px;
    font-weight:700;
}

.certified-title span{
    font-size:13px;
    color:#888;
}

.certified-logos{
    display:flex;
    align-items:center;
    gap:18px;
}

.certified-logos img{
    height:60px;
    transition:.35s;
    cursor:pointer;
}

.certified-logos img:hover{
    transform:translateY(-5px) scale(1.08);
}



/*==========================
MENU BUTTON
==========================*/

.menu-toggle{

width:45px;
height:45px;

border-radius:50%;

background:#282677;

display:flex;

justify-content:center;

align-items:center;

flex-direction:column;

cursor:pointer;

transition:.35s;

}

.menu-toggle:hover{

background:#e9ebfb;

}


.menu-toggle:hover span{

background:#e9ebfb;


background:#282677;
}
.menu-toggle span{

width:24px;

height:2px;

background:#fff;

margin:3px 0;

transition:.35s;

}



/*==========================
SIDEBAR
==========================*/

.desktop-sidebar{

position:fixed;

top:0;

right:-420px;

width:380px;

height:100vh;

background:#e9ebfb;

z-index:999999;

transition:.45s;

overflow-y:auto;

}

.desktop-sidebar.active{

right:0;

}



.sidebar-overlay{

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,0,0,.6);

visibility:hidden;

opacity:0;

transition:.35s;

z-index:999998;

}

.sidebar-overlay.active{

visibility:visible;

opacity:1;

}



.sidebar-header{

display:flex;

justify-content:space-between;

align-items:center;

padding:30px;

border-bottom:1px solid rgba(255,255,255,.1);

}

.sidebar-header img{

height:55px;

}

.close-sidebar{

font-size:34px;

color:#000;

cursor:pointer;

transition:.3s;

}

.close-sidebar:hover{

color:#282677;

transform:rotate(90deg);

}



/*==========================
MENU
==========================*/

.sidebar-menu{

/*margin:40px 0;*/

padding:0;

list-style:none;

}

.sidebar-menu li{

border-bottom:1px solid rgba(255,255,255,.08);

}




.sidebar-menu li a{

display:flex;

justify-content:space-between;

align-items:center;

padding:18px 35px;

color:#000;

font-size:18px;

font-weight:500;

   transition: all 500ms ease;

text-decoration:none;

border-bottom: 1px solid #f2f2f2;

}

.sidebar-menu li a:hover{

background:#282677;

padding-left:45px;

color:#fff;

}



/*==========================
DROPDOWN
==========================*/

.sidebar-menu ul{

display:none;

background:#e9ebfb;
color:#00;

}

.sidebar-menu ul li{

border:none;

}

.sidebar-menu ul li a{

font-size:15px;

padding:15px 55px;
color:#000;

}



/*==========================
BUTTON
==========================*/

.sidebar-bottom{

padding:35px;

}

.quote-btn{

display:block;

background:#282677;

color:#fff;

padding:16px;

font-size:17px;

font-weight:700;

text-align:center;

border-radius:6px;

transition:.3s;

text-decoration:none;

}

.quote-btn:hover{

background:#fff;

}



/*==========================
STICKY EFFECT
==========================*/

body{

/*padding-top:90px;*/

}



/*==========================
DESKTOP
==========================*/

@media(max-width:991px){

.desktop-header{

display:none;

}

}

        .header-upper{
    background:#fff;
    padding:0px 0;
}

.certified-wrap{
    display:flex;
    align-items:center;
    gap:25px;
}

.certified-title{
    display:flex;
    align-items:center;
    gap:10px;
    border-right:1px solid #ddd;
    padding-right:20px;
}

.certified-title i{
    font-size:30px;
    color:#282677;
}

.certified-title span{
    display:block;
    font-size:15px;
    font-weight:700;
    color:#1c1c1c;
    line-height:1.2;
}

.certified-title small{
    display:block;
    font-size:12px;
    color:#777;
}

.certified-logos{
    display:flex;
    align-items:center;
    gap:18px;
}

.certified-logos img{
    height:45px;
    width:auto;
    transition:.3s;
}

.certified-logos img:hover{
    transform:scale(1.08);
}

/* ===============================
   MODAL
=================================*/

.quote-form input,
.quote-form select,
.quote-form textarea{
    width:100%;
    height:56px;
    padding:0 18px;
    border:1px solid #ddd;
    border-radius:8px;
    font-size:16px;
    outline:none;
    transition:.3s;
}

.quote-form textarea{
    height:130px;
    padding:15px 18px;
    resize:none;
}

.quote-form input:focus,
.quote-form select:focus,
.quote-form textarea:focus{
    border-color:#282677;
    box-shadow:0 0 0 3px rgba(245,180,0,.15);
}

.form-group{
    margin-bottom:18px;
}


.quote-modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.75);

    display:flex;
    justify-content:center;
    align-items:center;

    padding:30px;

    z-index:99999;

    opacity:0;
    visibility:hidden;

    transition:.35s ease;

    overflow-y:auto;
}

.quote-modal.active{
    opacity:1;
    visibility:visible;
}

.quote-modal-box{
    position:relative;

    width:min(1100px,90vw);

    max-height:90vh;

    display:flex;

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 20px 80px rgba(0,0,0,.35);

    animation:zoomIn .35s ease;
}

/* ===============================
   CLOSE BUTTON
=================================*/

.close-modal{

    position:absolute;

    top:18px;
    right:18px;

    width:45px;
    height:45px;

    border:none;
    border-radius:50%;

    background:#fff;

    font-size:30px;
    line-height:45px;

    cursor:pointer;

    z-index:999999;

    box-shadow:0 8px 30px rgba(0,0,0,.18);

    transition:.3s;
}

.close-modal:hover{

    transform:rotate(90deg);

    background:#282677;
    color:#fff;

}

/* ===============================
   LEFT
=================================*/

.quote-left{

    flex:0 0 40%;

    background:url(images/resource/cta-banner.jpg) center/cover no-repeat;

    position:relative;

    min-height:650px;

}

.quote-left .overlay{

    position:absolute;
    inset:0;

    background:rgba(8,40,73,.75);

}

.quote-left .content{

    position:relative;

    z-index:2;

    color:#fff;

    padding:60px 40px;

}

.quote-left h2{

    font-size:48px;
    line-height:1.2;

    margin-bottom:25px;

}

.quote-left p{

    line-height:30px;

    margin-bottom:35px;

}

.quote-left ul{

    list-style:none;

    padding:0;
    margin:0;

}

.quote-left li{

    margin-bottom:18px;

    font-size:18px;

}

/* ===============================
   RIGHT
=================================*/

.quote-right{

    flex:1;

    padding:45px;

    overflow-y:auto;

}

.quote-right h3{

    font-size:42px;

    margin-bottom:10px;

}

.quote-right p{

    margin-bottom:30px;

}

.quote-right input,
.quote-right textarea{

    width:100%;

    padding:15px 18px;

    border:1px solid #ddd;

    border-radius:8px;

    margin-bottom:18px;

    outline:none;

    transition:.3s;

}

.quote-right input:focus,
.quote-right textarea:focus{

    border-color:#282677;

}

.quote-right textarea{

    height:150px;

    resize:none;

}

.quote-right .theme-btn{

    width:100%;

}

/* ===============================
   ANIMATION
=================================*/

@keyframes zoomIn{

    from{

        transform:scale(.85);
        opacity:0;

    }

    to{

        transform:scale(1);
        opacity:1;

    }

}

/* ===============================
   MOBILE
=================================*/

@media(max-width:991px){

.quote-modal{

    padding:15px;

    align-items:flex-start;

}

.quote-modal-box{

    flex-direction:column;

    width:100%;

    max-height:95vh;

}

.quote-left{

    flex:none;
    display: none;

    min-height:250px;

}

.quote-left h2{

    font-size:30px;

}

.quote-right{

    padding:25px;

}

.quote-right h3{

    font-size:30px;

}

}

/*end*/


.why-choose-section{
    padding:50px 0;
    background:#fffff;
}

.why-choose-section .about-block-two{
    background:#fff;
    padding:45px 35px;
    text-align:center;
    border-radius:10px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:all .4s ease;
    height:100%;
    border-top:4px solid transparent;
}

.why-choose-section .about-block-two:hover{
    transform:translateY(-10px);
    border-top-color:#282677;
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.why-choose-section .icon-box{
    width:85px;
    height:85px;
    margin:0 auto 25px;
    border-radius:50%;
    background:#282677;
    color:#fff;
    line-height:85px;
    font-size:38px;
    transition:.4s;
}


.why-choose-section .icon-box .icon {
    display: inline-block;
     color: #fff; 
    font-size: 45px;
    line-height: 80px;
}

.why-choose-section .about-block-two:hover .icon-box{
    transform:rotateY(180deg);
}

.why-choose-section h3{
    font-size:24px;
    margin-bottom:18px;
    font-weight:700;
}

.why-choose-section .text{
    color:#666;
    line-height:30px;
    font-size:16px;
}

@media(max-width:991px){
    .why-choose-section .col-md-4{
        margin-bottom:30px;
    }
}


/*end*/


       /* .process-section{
    padding:100px 0;
    background:#f8f8f8;
}

.timeline{
    position:relative;
    max-width:1100px;
    margin:auto;
}

.timeline:before{
    content:'';
    position:absolute;
    left:50%;
    top:0;
    bottom:0;
    width:3px;
    background:#282677;
    transform:translateX(-50%);
}

.timeline-item{
    position:relative;
    width:50%;
    padding:25px 50px;
    box-sizing:border-box;
}

.timeline-item.left{
    left:0;
    text-align:right;
}

.timeline-item.right{
    left:50%;
    text-align:left;
}

.timeline-item:before{
    content:'';
    position:absolute;
    top:45px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#282677;
    border:5px solid #fff;
    box-shadow:0 0 0 4px #282677;
    z-index:2;
}

.timeline-item.left:before{
    right:-9px;
}

.timeline-item.right:before{
    left:-9px;
}

.content{
    padding:30px;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
}

.content:hover{
    transform:translateY(-5px);
}

.content span{
    display:inline-block;
    width:45px;
    height:45px;
    line-height:45px;
    border-radius:50%;
    background:#282677;
    color:#fff;
    font-weight:700;
    text-align:center;
    margin-bottom:15px;
}

.content h3{
    margin-bottom:10px;
}

.content p{
    margin:0;
    color:#666;
    line-height:1.8;
}



@media(max-width:991px){

.timeline:before{
    left:30px;
}

.timeline-item,
.timeline-item.left,
.timeline-item.right{
    width:100%;
    left:0;
    text-align:left;
    padding:20px 20px 20px 80px;
}

.timeline-item:before{
    left:21px!important;
    right:auto;
}

}*/


.process-section{
    padding:50px 0;
    background:#f8f8f8;
}

.timeline-scroll{
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:20px;
}

.timeline-scroll::-webkit-scrollbar{
    height:8px;
}

.timeline-scroll::-webkit-scrollbar-thumb{
    background:#282677;
    border-radius:20px;
}

.timeline{
    display:flex;
    align-items:flex-start;
    gap:40px;
    min-width:max-content;
    position:relative;
/*    padding:60px 0;*/
}

.timeline::before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:3px;
    background:#282677;
}

.timeline-item{
    position:relative;
    width:320px;
    flex:0 0 320px;
}

.timeline-item::before{
    content:'';
    position:absolute;
    top:30px;
    left:50%;
    transform:translateX(-50%);
    width:18px;
    height:18px;
    border-radius:50%;
    background:#282677;
    border:5px solid #fff;
    box-shadow:0 0 0 4px #282677;
    z-index:5;
}

.timeline-item .content{
    margin-top:80px;
    background:#fff;
    padding:30px;
    border-radius:10px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    height: 320px;
}

@media (max-width: 667px) {
    


.timeline-item .content{
    height:auto;
}

}

.timeline-item .content:hover{
    transform:translateY(-8px);
}

.timeline-item .content span{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:50px;
    height:50px;
    border-radius:50%;
    background:#282677;
    color:#fff;
    font-weight:700;
    margin-bottom:15px;
}


.timeline-scroll{
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
}

.timeline-scroll::-webkit-scrollbar{
    display:none;
}

.timeline-scroll{
    scrollbar-width:none;
}

@media(max-width:991px){

.timeline-scroll{
    overflow:visible;
}

.timeline{
    display:block;
    min-width:100%;
    padding:0;
}

.timeline::before{
    left:30px;
    top:0;
    bottom:0;
    width:3px;
    height:auto;
    right:auto;
}

.timeline-item{
    width:100%;
    padding:20px 20px 20px 80px;
    margin-bottom:30px;
}

.timeline-item::before{
    top:45px;
    left:21px;
    transform:none;
}

.content{
    margin-top:0;
    height: auto;
}

}

/*end*/

   /* Side-by-side project cards */
/*.single-project-box-two {*/
/*    display: flex;*/
/*    align-items: stretch;*/
/*     flex-direction:column;*/
/*    background: #fff;*/
/*    overflow: hidden;*/
/*    box-shadow: 0 8px 25px rgba(0,0,0,0.08);*/
/*    height: 100%;*/
/*}*/

/*.single-project-box-two .image-box {*/
/*    position: relative !important;*/
/*    width:100%;*/
/*    flex: 0 0 100%;*/
/*    overflow: hidden;*/
/*}*/

/*.single-project-box-two .image-box img {*/
/*    width: 100%;*/
/*    height: 400px;*/
/*    object-fit: cover;*/
/*    display: block;*/
/*}*/

/*.single-project-box-two .content-box {*/
/*    position: relative !important;*/
/*    left: auto !important;*/
/*    right: auto !important;*/
/*    bottom: auto !important;*/
/*    top: auto !important;*/
/*    width: 100%;*/
/*    flex: 0 0 100%;*/
/*    padding: 35px;*/
/*    background: #fff;*/
/*    color: #222;*/
/*}*/

/*.single-project-box-two .content-box h3 {*/
/*    font-size: 28px;*/
/*    margin-bottom: 10px;*/
/*}*/

/*.single-project-box-two .content-box span {*/
/*    display: block;*/
/*    color: #282677;*/
/*    font-weight: 600;*/
/*    margin-bottom: 20px;*/
/*}*/

/*.single-project-box-two .list-items {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    list-style: none;*/
/*}*/

/*.single-project-box-two .list-items li {*/
/*    margin-bottom: 10px;*/
/*    line-height: 1.6;*/
/*}*/

/*.single-project-box-two .list-items li i {*/
/*    color: #282677;*/
/*    margin-right: 8px;*/
/*}*/

/*.single-project-box-two .more {*/
/*    display: inline-block;*/
/*    margin-top: 20px;*/
/*}*/

/* Mobile */
/*@media (max-width:991px){*/
/*    .single-project-box-two{*/
/*        flex-direction:column;*/
/*    }*/

/*    .single-project-box-two .image-box,*/
/*    .single-project-box-two .content-box{*/
/*        width:100%;*/
/*        flex:0 0 100%;*/
/*    }*/

/*    .single-project-box-two .image-box{*/
/*        height:280px;*/
/*    }*/
/*}*/

/* Toggle Icon Animation */

.navbar-toggle .icon-bar{
    transition:.3s;
}

.navbar-toggle.active .icon-bar:nth-child(1){
    transform:rotate(45deg);
    margin-top:6px;
}

.navbar-toggle.active .icon-bar:nth-child(2){
    opacity:0;
}

.navbar-toggle.active .icon-bar:nth-child(3){
    transform:rotate(-45deg);
    margin-top:-10px;
}

}