.cmn_banner {
    max-width: 2800px;
    margin-left: auto;
    margin-right: auto;
}
.cmn_banner_bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.banner-theme-dark {
    color: #ffffff;
}
.banner-theme-gradient-v2 {
    background: #ffe7ce;
}
.cmn_banner_wrap {
    padding: 40px 45px 40px 0;
}
.cmn_banner_wrap .main-heading h1 {
    margin: 0 0 10px;
}
.cmn_banner_wrap .cmn_banner_desc {
    margin-bottom: 0;
}
.cmn_banner_wrap .cmn_banner_desc p:last-child {
    margin-bottom: 0;
}
.cmn_banner_wrap .cmn_banner_btn_wrap {
    margin-top: 30px;
} 
.banner_bredcrumb_wrap ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.banner_bredcrumb_wrap li {
    text-transform: uppercase;
    font-size: 13px;
    color: var(--black-color);
    position: relative;
}
.banner-theme-dark .banner_bredcrumb_wrap li {
    color: var(--white-color);
}
.banner_bredcrumb_wrap li+li {
    margin-left: 6px;
    padding-left: 13px;
} 
.cmn_banner .gradientBg {
    background-size: 150% 150%;
    background: radial-gradient(circle,rgb(255 130 0 / .35) 0%,rgb(255 130 0 / .25) 30%,rgb(255 130 0 / .1) 50%,rgb(255 130 0 / .05) 70%,transparent 100%);
    opacity: .5;
    animation: gradientFlowBanner 10s ease-in-out infinite;
}
@keyframes gradientFlowBanner {
    0% {
        background-position: 0% 0%;
        background-size: 110% 110%
    }

    25% {
        background-position: 100% 0%;
        background-size: 115% 115%
    }

    50% {
        background-position: 100% 100%;
        background-size: 130% 130%
    }

    75% {
        background-position: 0% 100%;
        background-size: 115% 115%
    }

    100% {
        background-position: 0% 0%;
        background-size: 110% 110%
    }
}
.cmn_banner .gradientBg_ylw {
    background-size: 200% 200%;
    opacity: .7;
}
.banner_bredcrumb_wrap li::before {   
    content: '';
    border: 1px solid var(--black-color);
    width: 6px;
    height: 6px;
    padding: 0;
    display: inline-block;
    position: absolute;
    left: 0;
    border-top: 0;
    border-left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(315deg);
    margin-top: -1px;
}
.banner-theme-dark .banner_bredcrumb_wrap li::before{
    border-color: var(--white-color);
}
.banner_bredcrumb_wrap li > span {
    font-weight: 600;
}
.banner_bredcrumb_wrap li:first-child::before {
    display: none;
}
.banner_bredcrumb_wrap li a, .banner_bredcrumb_wrap li a span {
    color: var(--heading-color); 
}
.banner-theme-dark .banner_bredcrumb_wrap li a, 
.banner-theme-dark .banner_bredcrumb_wrap li a span {
    color: var(--white-color); 
    opacity: 0.8;
}
.banner_bredcrumb_wrap li a:hover, .banner_bredcrumb_wrap li a:hover span {
    color: var(--secondary-color); 
    text-decoration: none;
}
.banner-theme-dark .banner_bredcrumb_wrap li a:hover, 
.banner-theme-dark .banner_bredcrumb_wrap li a:hover span {
    color: var(--secondary-color); 
    opacity: 1;
}
.cmn_banner_wrap .main-heading h1 {
    font-size: 50px;
}
.cmn_banner_video {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.cmn_banner_video .cmn_banner_videoTag {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and ( min-width: 768px) {
    .cmn_banner_img img {
        opacity: 0;
    }
} 

@media screen and ( min-width: 1200px ) {   

    .cmn_banner_wrap {
        padding-top: 0;
        padding-bottom: 0;
        height: 100%;
    }
    .cmn_banner_wrap .banner_container_lftpadd {
        position: absolute; 
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .cmn_banner_wrap .banner_bredcrumb_wrap {
        position: absolute;
        top: 25px;
    }
    .cmn_banner_wrap .cmn_banner_wrap_in {
        padding: 40px 20px 40px 0;
        max-width: 470px;
    }
    .cmn_banner_wrap .cmn_banner_desc {
        max-width: 400px;
    }
    .banner_container_lftpadd {
        padding-left: 150px;
    }

}

@media screen and ( min-width: 1700px ) {     

    .banner_container_lftpadd {
        padding-left: 0;
        margin-left: 26%;
    }

}

@media screen and ( min-width: 1800px ) {     

    .banner_container_lftpadd {
        margin-left: 30%;
    }

}

@media screen and ( min-width: 1850px ) {     

    .banner_container_lftpadd {
        margin-left: 31%;
    }

}

@media screen and ( min-width: 1900px ) {     

    .banner_container_lftpadd { 
        margin-left: 34%;
    }

}

@media screen and ( min-width: 1950px ) {     

    .banner_container_lftpadd { 
        margin-left: 36%;
    }

}

@media screen and ( min-width: 2000px ) {     

    .banner_container_lftpadd { 
        margin-left: 39%;
    }

}

@media screen and ( min-width: 2100px ) {  

    .banner_container_lftpadd { 
        margin-left: 42%;
    }
     
}

@media screen and ( min-width: 2200px ) {  

    .banner_container_lftpadd {  
        margin-left: 45%;
    }
     
}

@media screen and ( min-width: 2300px ) {  

    .banner_container_lftpadd {  
        margin-left: 49%;
    }
     
}

@media screen and ( min-width: 2400px ) {  

    .banner_container_lftpadd {  
        margin-left: 52%;
    }
     
}

@media screen and ( min-width: 2500px ) {  

    .banner_container_lftpadd {  
        margin-left: 54%;
    }
     
}

@media screen and ( min-width: 2600px ) {  

    .banner_container_lftpadd {  
        margin-left: 57%;
    }
     
}

@media screen and ( min-width: 2700px ) {  

    .banner_container_lftpadd {  
        margin-left: 59%;
    }
     
} 

@media screen and ( min-width: 2700px ) {  

    .banner_container_lftpadd {  
        margin-left: 61%;
    }
     
} 

@media screen and ( min-width: 2800px ) {  

    .banner_boxPos { 
        max-width: 460px;
    }
}

@media screen and ( max-width: 1366px ) {   
    .cmn_banner_wrap .main-heading h1 {
        font-size: 40px;
    }
}

@media screen and ( max-width: 1199px ) { 

    .banner_container_lftpadd {
        padding-left: 25px;
        padding-right: 25px;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: stretch;
    }
     .cmn_banner_wrap {
        height: 100%;
        padding-top: 20px;
        padding-bottom: 25px;
        padding-right: 0;
    } 
    .banner_bredcrumb_wrap li { 
        font-size: 11px; 
    }
    .cmn_banner_wrap .main-heading h1 {
        font-size: 32px;
    }
    .cmn_banner_nobreadcrumb .banner_container_lftpadd {
        align-items: center;
    }

}

@media screen and ( max-width: 991px ) {   

    .cmn_banner_wrap .main-heading h1 {
        font-size: 30px;
    }

} 

@media screen and ( max-width: 767px ) {   
     .banner_bredcrumb_wrap li { 
        font-size: 10px; 
    } 
    .banner_bredcrumb_wrap li+li {
        margin-left: 5px;
        padding-left: 10px;
    }
    .cmn_banner_wrap_in {
        padding-top: 30px;
    }
    .banner_bredcrumb_wrap li::before { 
        width: 4px;
        height: 4px; 
    }
    .banner_container_lftpadd {
        display: block;
    }
    .cmn_banner_wrap {
        padding: 10px 0 40px;
    }
    .cmn_banner_bg {
        background-image: none !important;
    }
    .cmn_banner_wrap .main-heading h1 {
        font-size: 30px;
    }   
    .cmn_banner .radialBg { 
        width: 450px;
        height: 400px;
    }
}