/* ---------------------------
   Default CSS Start
----------------------------- */
.templateceo-inner-banner { width:100%; position:relative; z-index:1; overflow:hidden; background-color:#121212; padding: 160px 0 55px;}
.templateceo-inner-banner .container{max-width: 1720px;}
.templateceo-inner-banner-block { width:100%; position:relative; z-index: 2;}
.templateceo-inner-banner .row{position: relative;}
.templateceo-inner-banner-block .templateceo-inner-banner-text {margin: 0 auto; max-width:550px; position:absolute; z-index:1; display:block; left: 0; top: 50%; transform: translate(0, -50%); right: 0;}
.templateceo-inner-banner-block .templateceo-inner-banner-text h1 {font-size: 64px; font-weight: 700; line-height: normal; color: #FFFFFF; font-family: 'TeXGyreAdventor'; margin: 0; letter-spacing: 0.6px;}
.templateceo-inner-banner-block .templateceo-inner-banner-text h1 span{color: #556B2F;}
.templateceo-inner-banner-image{border: 11px solid rgba(255, 255, 255, 0.2); border-radius: 15px; max-width: 443px; height: 318px; margin-left: auto; position: relative;}
.templateceo-inner-banner-image img {height: 100%; width: 100%; object-fit: cover;}
.templateceo-inner-banner-image .video-play-icon {display: flex; position: absolute; right: 23px; bottom: 25px; align-items: center; color: #FFFFFF; text-transform: uppercase; font-weight: 700; gap: 18px; font-size: 20px; font-family: 'TeXGyreAdventor'; letter-spacing: 2px;}
.templateceo-inner-banner-image .video-play-icon .icon {color: #434343; width: 40px; height: 37px; background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(90deg, #E6EBEF 0%, #FAFCFF 100%); display: flex; align-items: center; justify-content: center;}


/* Shop Banner CSS */
.templateceo-shop-banner{padding: 200px 0 150px; text-align: center;}
.templateceo-shop-banner p{margin: 16px 0 0; font-size: calc(18px + 2px); font-weight: 400; font-family: 'TeXGyreAdventor'; color: #fff; line-height: normal;}
.templateceo-inner-banner.templateceo-shop-banner .templateceo-inner-banner-text{max-width: 630px; position: initial; transform: none;}

@media (min-width: 1200px) and (max-width: 1799.98px) {
    .templateceo-inner-banner .container{max-width: 1520px;}
}

@media (max-width: 1499.98px) {
    .templateceo-inner-banner-block .templateceo-inner-banner-text{margin: 0 0 0 15px;}

    /* Shop Banner CSS */
    .templateceo-inner-banner.templateceo-shop-banner .templateceo-inner-banner-text{margin: 0 auto;}
}

@media (max-width: 1199.98px) {
    .templateceo-inner-banner-block .templateceo-inner-banner-text h1{font-size: 50px;}
}
@media (max-width: 991.98px) {
    .templateceo-inner-banner-block .templateceo-inner-banner-text{margin: 0 auto 25px; text-align: center; position: relative; transform:none;}
    .templateceo-inner-banner-image{margin: 0 auto;}

    /* Shop Banner CSS */
    .templateceo-shop-banner{padding: 150px 0 100px;}
}
@media (max-width: 767.98px) {
    .templateceo-inner-banner {padding: 100px 0 50px;}
    .templateceo-inner-banner-block .templateceo-inner-banner-text h1{font-size: 28px;}
    .templateceo-inner-banner-image{border-width: 8px; height: 250px;}
    .templateceo-inner-banner-image .video-play-icon{font-size: 14px;}

    /* Shop Banner CSS */
    .templateceo-shop-banner p{font-size: 14px;}
}
/* ---------------------------
   Default CSS End
----------------------------- */



/* ---------------------------
   Global CSS Start
----------------------------- */
.templateceo-inner-banner { width:100%; position:relative; z-index:1; overflow:hidden; background-color:var(--light-black-color); padding: 160px 0 55px;}
.templateceo-inner-banner .container{max-width: 1720px;}
.templateceo-inner-banner-block { width:100%; position:relative; z-index: 2;}
.templateceo-inner-banner .row{position: relative;}
.templateceo-inner-banner-block .templateceo-inner-banner-text {margin: 0 auto; max-width:550px; position:absolute; z-index:1; display:block; left: 0; top: 50%; transform: translate(0, -50%); right: 0;}
.templateceo-inner-banner-block .templateceo-inner-banner-text h1 {font-size: var(--heading-size-h1); font-weight: var(--heading-weight-h1); line-height: var(--heading-lineheight-h1); color: var(--white-text); font-family: var(--heading-font-h1); margin: 0; letter-spacing: var(--heading-letter-spacing-h1);}
.templateceo-inner-banner-block .templateceo-inner-banner-text h1 span{color: var(--primary);}
.templateceo-inner-banner-image{border: 11px solid rgba(255, 255, 255, 0.2); border-radius: 15px; max-width: 443px; height: 318px; margin-left: auto; position: relative;}
.templateceo-inner-banner-image img {height: 100%; width: 100%; object-fit: cover;}
.templateceo-inner-banner-image .video-play-icon {display: flex; position: absolute; right: 23px; bottom: 25px; align-items: center; color: var(--white-text); text-transform: uppercase; font-weight: 700; gap: 18px; font-size: var(--heading-size-h5); font-family: var(--body-font); letter-spacing: 2px;}
.templateceo-inner-banner-image .video-play-icon .icon {color: var(--gray-text-colour); width: 40px; height: 37px; background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(90deg, #E6EBEF 0%, #FAFCFF 100%); display: flex; align-items: center; justify-content: center;}

/* Shop Banner CSS */
.templateceo-shop-banner{padding: 200px 0 150px; text-align: center;}
.templateceo-shop-banner p{margin: 16px 0 0; font-size: calc(var(--body-size) + 2px); font-weight: var(--paragraph-weight); font-family: var(--paragraph-font); color: var(--white-text); line-height: var(--paragraph-lineheight);}
.templateceo-inner-banner.templateceo-shop-banner .templateceo-inner-banner-text{max-width: 630px; position: initial; transform: none;}

@media (min-width: 1200px) and (max-width: 1799.98px) {
    .templateceo-inner-banner .container{max-width: 1520px;}
}

@media (max-width: 1499.98px) {
    .templateceo-inner-banner-block .templateceo-inner-banner-text{margin: 0 0 0 15px;}

    /* Shop Banner CSS */
    .templateceo-inner-banner.templateceo-shop-banner .templateceo-inner-banner-text{margin: 0 auto;}
}

@media (max-width: 1199.98px) {
    .templateceo-inner-banner-block .templateceo-inner-banner-text h1{font-size: var(--tablet-heading-size-h1);}
}
@media (max-width: 991.98px) {
    .templateceo-inner-banner-block .templateceo-inner-banner-text{margin: 0 auto 25px; text-align: center; position: relative; transform:none;}
    .templateceo-inner-banner-image{margin: 0 auto;}

    /* Shop Banner CSS */
    .templateceo-shop-banner{padding: 150px 0 100px;}
}
@media (max-width: 767.98px) {
    .templateceo-inner-banner {padding: 100px 0 50px;}
    .templateceo-inner-banner-block .templateceo-inner-banner-text h1{font-size: var(--mobile-heading-size-h1);}
    .templateceo-inner-banner-image{border-width: 8px; height: 250px;}
    .templateceo-inner-banner-image .video-play-icon{font-size: var(--mobile-body-size);}

    /* Shop Banner CSS */
    .templateceo-shop-banner p{font-size: var(--mobile-body-size);}
}
/* ---------------------------
   Global CSS End
----------------------------- */