:root {--smaller: .75;}
ul.countd li {display:inline-block; font-size:1em; list-style-type:none; padding:0.5em; text-transform:uppercase; text-align:center;}
ul.countd li div {font-size:3rem; line-height:1;}
/* .sect .m780gcountani .hbshade {position:relative; z-index:1; background:linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 70%);}
.o2 {position:absolute; right:0%; top:0%; overflow:initial !important; width:80%; z-index:0;}
.o2.m780cd {left:initial; height:100%; width:100%;} */

@media (min-width: 0px) and (max-width: 767px) {
ul.countd li {font-size: calc(1rem * var(--smaller));}
ul.countd li span {font-size:calc(3rem * var(--smaller));}
}
/**CBC-10598**/
.bgTheme-img {
    background-image: linear-gradient(rgb(137 202 252), rgb(185 219 247), rgb(225 234 241));
    background-repeat: no-repeat;
    background-position: right;
}

/*** Below changes strucrured for banner customize by Sayed**/
/**CBC-10123**/
.cstmVideo{
    position:relative;
    }

 .cstmVideo.bgimage-theme{
position:relative;
overflow:hidden;
height:700px;
background: linear-gradient(to right, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0) 70%);
} 
.cstmVideo.bgimage-theme::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image:url(../images/homebanner.png);
    background-size:cover;
    background-position:center center;
    z-index:-1
    } 
    /**Below change for /CBC-10123**/
    #wraper .whiteTheme .paragraph-mediumBd,
    #wraper .whiteTheme .primaryHdng2{
        color:#fff;
    }
    /* .cstmVideo video{
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
    } */ /* for CBC-9780 */
    .cstmVideo .videoData{
    position: relative;
    background: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 70%);
    z-index:1;
    }
    .cstmVideo .primaryHdng,
    .primaryHdng,    /* change banner heading on home page*/
    .cstmVideo .secndrHdng,
    .cstmVideo .teritryHdng,
    .cstmVideo .prgphSmall{
    font-family: 'Avenir Next World W05_n4', 'MontserratReg';
    color:#fff;
    font-size:16px;
    }
    .cstmVideo .prgphSmall{
    font-size:14px;
    }
    .cstmVideo .primaryHdng,
    .primaryHdng /* change banner heading on home page*/
    {
    font-size:45px;
    }
    .cstmVideo .teritryHdng{
    font-family: 'Avenir Next World W05_n6', 'MontserratBd';
    font-size:18px;
    }
    .cstmVideo .btn.outline-white{
     font-family: 'Avenir Next World W05_n6', 'MontserratBd';
    color:#fff;
    border:1px #fff solid;
    font-size:14px;
    line-height: 20px!important;
    height:35px!important;
    }
    .cstmVideo .white ul.countd li{
    color:#fff;
    font-size:12px;
    }

    .cstmVideo .inner-video{
    left: initial;
    height: 100%;
    width: 100%;
    }
    .cstmVideo .inner-video video{
    position:absolute;
    left: inherit;
    right: initial;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    object-fit: cover;
    }
    @media(max-width:48em){
        /**CBC-10598**/
    .bgTheme-img  {
        background-image: linear-gradient(rgb(144 204 252), rgb(136 202 254), rgb(225 234 241));
    }
     .cstmVideo .inner-video video{
    height:100%;
    }
    /** changes after client feedback**/
    /* changes for "10336" .cstmVideo{
        height: 600px;
    } */
    .cstmVideo::before{
        background-size: cover;
        background-position: 30%, 50%;
    }
    #wraper .whiteTheme .primaryHdng2{
        font-size:30px;
    }
    #wraper .cstmVideo .btn-customized{
        max-width: 120px;
        height: auto;
    }
    }
    @media(min-width:48em){
        #wraper .cstmVideo .btn-customized{
            max-width: 208px;
        }
    }
