html{
    --black: #231F20;
    --orange: #F48120;
}
@media (min-width:768px){
    .innovation-banner{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 85% 78%, 15% 78%, 0 100%);
    }
    .innovation-img{
        margin-top: -3rem;
    }
    
    .csrcaption{
        font-size: 1.5rem;
        font-weight: 600;
    }
    
}
@media (min-width:992px){
    .nav-main{
        border-radius: 100px;
    }
    .csrcaption{
        width: 75%;
        font-size: 1.75rem;
    }
    .csr-slider .slick-dots{
        position: absolute;
        bottom: 1.5rem;
        right: 1.5rem;
        margin: 0;
        width: auto;
    }
    .quote-img.left {
        margin-top: -50px;
    }
    .quote-img.right {
        margin-top: 50px;
    }
    .main-maini{
        max-height: 350px;
        overflow-y: auto;
    }
    .about-banner-slider {
        position: absolute;
        left: 50%;
        top: 0;
        width: 50%;
        height: 100%;
    }
    .about-banner-slider .slick-list, .about-banner-slider .slick-track, .about-banner-slider .slick-slide, .about-banner-slider .slick-slide>div{height: 100%;}
    .tsliderwrap::before{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #FFD8B7;
        clip-path: polygon(100% 1rem, 100% 100%, 50% 100%);
    }
}
@media (min-width:1200px){
    .industries-list > div:not(:last-child)::after{
        content: '';
        width: 2px;
        height: 100%;
        background-image: linear-gradient(0deg, #FFFFFF, var(--orange), #FFFFFF);
        position: absolute;
        top: 0;
        right: 0;
    }
    .prev-news::before{
        content: '';
        width: 2px;
        height: 100%;
        position: absolute;
        top: 0;
        left: -10%;
        background: linear-gradient(0deg, #fff, var(--orange), #fff);

    }
}
@media (min-width:1351px){
    .container{
        max-width: 1300px;
    }
}
@media (min-width: 1200px) and (max-width:1350.98px){
    .b-font{font-size: 3rem;}
}
@media (min-width: 992px) and (max-width:1199px){
    header .navbar-expand-lg .navbar-nav .nav-link{
        padding: 1rem;
    }
}
@media (max-width:1199px){
    .tsliderwrap{padding-left: 1rem;padding-right: 1rem;}
    .tp-banner .fixed-text{
            width: 95%;
    }
    .b-font {
    font-size: 3.25rem;
}
.tp-banner .fixed-text {
    top: 18%;
}
}
@media (max-width:991.98px){
    .impactsingle .impactbox{
        opacity: 1;
    }
    header .navbar-expand-lg .navbar-nav .nav-link{
        padding: .75rem .5rem;
    }
    header.dark .navbar-collapse{
        background-color: #fff;
        padding: 1rem .5rem;
    }
    header.dark .navbar-expand-lg .navbar-nav .nav-link{
        color: #231F20;
    }
    header.dark .navbar-expand-lg .navbar-nav .nav-link.active{
        color: var(--orange);
    }
    header.dark .common-btn.grey{
        background: #F48120;
    }
    .navbar-toggler:not(.collapsed) .navbar-toggler-icon{
        background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M3%203L17%2017%22%20stroke%3D%22%2321252A%22%20stroke-width%3D%221.5%22%20stroke-opacity%3D%220.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M17%203L3%2017%22%20stroke%3D%22%2321252A%22%20stroke-width%3D%221.5%22%20stroke-opacity%3D%220.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
        background-size: 1.5rem;
    }
    header.dark .navbar-toggler:not(.collapsed) .navbar-toggler-icon{
        background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M3%203L17%2017%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221.5%22%20stroke-opacity%3D%220.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M17%203L3%2017%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221.5%22%20stroke-opacity%3D%220.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
    }
    .quote-img{
        width: 80px;
    }
}
@media (max-width:767.98px){
    body.inner_page {
        margin-top: 67px;
    }
    .navbar-brand > img{width: 60px;}
    .navbar-brand > img.logo-right{width: 140px;}
    .innerpage-content{
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
    }
    .pr-news > img{
        width: 100%;
    }
    .sec-title{font-size: 1.75rem;}
    .sec-title.md{font-size: 2.25rem;line-height: 1.2;}
    .sec-title.sm{font-size: 1.25rem;}
    .sec-title.sm2{font-size: 1.5rem;}
    .sec-title.lg{font-size: 2.5rem;}
    .number-count{font-size: 5rem;}
    .big{
        font-size: 1.125rem;
    }
    .journey-year{font-size: 9rem;}
    .journey-nav > div{font-size: 1rem;}
    .journey-slider .slick-arrow{
        width: 30px;
        height: 30px;
        top: 50%;
        bottom: initial;
        transform: translateY(-50%);
        background-color: #fff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    }
    .journey-slider .slick-arrow::before{
        line-height: 30px;
        font-size: 1rem;
    }
    .journey-slider .slick-next{
        right: 0.25rem;
    }
    .journey-slider .slick-prev{
        right: initial;
        left: 0.25rem;
    }
    .csrimage {
        aspect-ratio: 1;
        object-fit: cover;
        object-position: center;
    }
    .innerpage.csr{
        background-size: 100% 170px;
    }
    .tags > div{font-size: .875rem;}
    .tags.lg > div{font-size: 1.125rem;}
    .ctabs-content > div{
        display: block !important;
        margin-bottom: 3rem;
        padding-bottom: 2rem;
        position: relative;
    }
    .ctabs-content > div::after{
        content: '';
        width: 100%;
        height: 3px;
        background-image: linear-gradient(90deg, #fff, #ffa500, #fff);
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .innerpage{
        background: #ffdfca;
        padding-top: 100px;
    }
    .journey-slider-csr .slick-dots{
        position: relative;
        padding: 0;
    }
    .journey-slider-csr .slick-dots li button::before{color: #F48120;opacity: .5;}
    .journey-slider-csr .slick-dots li.slick-active button::before{opacity: 1;}
    .journey-caption{background: linear-gradient(90deg, #F48120, #2713028e); padding: 1rem;position: static;}
    .jimg,.teamimg{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
    .about-banner-spacing{padding: 40px 0;}
    .playbtn{width: 40px;height: 40px;font-size: 1rem;}
    .playbtn ~ .sec-title.sm{font-size: 1rem;}
    .about-banner{background-image: linear-gradient(135deg, #fdfdfb, #F1E8D7, #F2BC7E)}
    .about-banner2{background-image: url(../images/banners/about-banner-bg-mobile.jpg)}
    .news-banner{background-image: url(../images/banners/news-banner-mobile.jpg)}
    .company-banner{background-image: url(../images/banners/company-banner-mobile.jpg)}
    .csr-banner{background-image: url(../images/banners/csr-banner-mobile.jpg)}
    .zerosecwrap{width: 260px;max-width: 100%;margin: 0 auto;}
    .tp-banner .fixed-text{top:1rem}
}
@media (max-width:575.98px){
    .innslider  img {
        height: 80vw;
        max-height: 300px;
        object-fit: cover;
    }
    .tp-banner p {
    font-size: 16px;
    }
    .fimg{
        height: 110vw;
        object-fit: cover;
    }
    .bcaption{
        padding: 100px 0;
    }
    .testimonial-slider,.journey-slider,.journey-slider-csr{margin: 0;}
    .ctooltip{
        --bs-tooltip-font-size: .875rem;
        --bs-tooltip-padding-x: .75rem;
        --bs-tooltip-padding-y: 0.5rem;
    }
}