/* ---------------------------
   Default CSS Start
----------------------------- */
.templateceo-subscribe-channel { width:100%; position:relative; background: #000000; overflow: hidden;}
.templateceo-subscribe-channel .container{max-width: 1892px; position:relative;}
.templateceo-subscribe-block { width:100%; position:relative;}
.templateceo-subscribe-channel .theme_section_title{position: relative; background: #556B2F; padding: 25px 100px 30px 25px; clip-path: polygon(0 0, 100% 0%, 90% 100%, 0 100%);}
.templateceo-subscribe-channel .theme_section_title h2{margin: 0; font-size: calc(36px + 2px); font-weight: 700; font-family: 'TeXGyreAdventor'; color: #FFFFFF; line-height: normal; letter-spacing: 3.6px;}
.templateceo-subscribe-channel .theme_section_title p{color: #FFFFFF; margin: 0; font-family: 'TeXGyreAdventor'; line-height: normal; font-size: calc(18px + 2px); letter-spacing: 1px;}
.templateceo-subscribe-list { width:100%; position:relative;}
.templateceo-subscribe-list .templateceo-subscribe-row { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:center; margin:0px 0px; gap: 20px;}
.templateceo-subscribe-list .templateceo-subscribe-row .templateceo-subscribe-col {width: auto;}
.templateceo-subscribe-list .templateceo-subscribe-box {width: 100%; border: 2px solid #FFFFFF; border-radius: 8px; color: #FFFFFF; font-family: 'TeXGyreAdventor'; font-weight: 700; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; padding: 11px 18px; display: flex; align-items: center; gap: 10px; text-decoration: none;}
.templateceo-subscribe-list .templateceo-subscribe-box img {max-width: 100%; height: 25px; width: 25px; object-fit: contain;}
.templateceo-subscribe-list .templateceo-subscribe-row .templateceo-subscribe-col:first-child {padding-left: 0px;}
.templateceo-subscribe-list .templateceo-subscribe-row .templateceo-subscribe-col:last-child {padding-right: 0px;}
.templateceo-subscribe-channel .theme_section_title::after{position: absolute; content: ''; top: 0; right: 30px; width: 60px; height: 100%; background: #000000; clip-path: polygon(90% 0, 100% 0, 10% 100%, 0 100%);}
.templateceo-subscribe-channel .container::before {position: absolute; content: ''; top: 0; left: -98.5%; width: 100%; height: 100%; background: #556B2F; z-index: 0;}

/* Shop Page CSS Start */
.templateceo-shop-filter { display: flex; justify-content: end; align-items: center; flex-wrap: wrap; gap: 50px;}
.templateceo-shop-filter .templateceo-shop-Products { display: flex; align-items: center; gap: 25px;}
.templateceo-shop-filter .templateceo-shop-Products label{color: #AAAAAA; font-family: 'TeXGyreAdventor'; font-size: 20px; font-weight: 700; line-height: normal; margin: 0; flex: 0 0 auto;}
.templateceo-shop-filter .templateceo-shop-Products select{ border-radius: 8px; border: 1px solid #FFFFFF; background: #1C1C1C; color: #FFFFFF; font-family: 'TeXGyreAdventor'; font-size: 20px; font-weight: 700; line-height: normal; padding: 16px 20px; max-width: 250px; min-width: 250px; width: 100%; outline: none; box-shadow: none; appearance: none; background-image: url(../images/down-arrow.svg); background-repeat: no-repeat; background-size: 16px; background-position: center right 20px;}
/* Shop Page CSS End */

@media (min-width: 1200px) and (max-width: 1799.98px) {
   .templateceo-subscribe-channel .theme_section_title p{font-size: 16px;}
}

@media (max-width: 1199.98px) {
   .templateceo-subscribe-channel .theme_section_title h2 {font-size: 32px;}
   .templateceo-subscribe-channel .theme_section_title p{font-size: 16px;}
   .templateceo-subscribe-list .templateceo-subscribe-box img{height: 20px; width: 20px;}
   .templateceo-subscribe-list .templateceo-subscribe-box{gap: 8px; padding: 8px 12px; font-size: 16px;}
   
   /* Shop Page CSS Start */
   .templateceo-shop-filter{gap: 15px;}
   .templateceo-shop-filter .templateceo-shop-Products{gap: 10px;}
   .templateceo-shop-filter .templateceo-shop-Products label{font-size: 14px;}
   .templateceo-shop-filter .templateceo-shop-Products select{font-size: 14px; padding: 12px; max-width: 200px; min-width: 200px; background-position: center right 12px;}
}

@media (max-width: 991.98px) {
   .templateceo-subscribe-channel .theme_section_title h2 {font-size: 24px; margin-bottom: 8px;}
   .templateceo-subscribe-channel .theme_section_title p{font-size: 14px;}
   .templateceo-subscribe-channel .theme_section_title{padding: 15px; clip-path:none}
   .templateceo-subscribe-channel .theme_section_title::after{content: none;}
   .templateceo-subscribe-list{padding: 15px 0;}
   .templateceo-subscribe-list .templateceo-subscribe-box{font-size: 14px;}
   .templateceo-subscribe-channel .col-xl-4.col-lg-5{padding: 0;}
   .templateceo-subscribe-channel .container::before{content: none;}
   
   /* Shop Page CSS Start */
   .templateceo-shop-filter {gap: 15px; justify-content: flex-start; margin: 20px 0;}
}

@media (max-width: 575.98px) {
   .templateceo-shop-filter .templateceo-shop-Products{flex-direction: column; align-items: self-start;}
   .templateceo-shop-filter{display: block;}
   .templateceo-shop-filter .templateceo-shop-Products select{width: 100%; min-width: auto; max-width: none;}
   .templateceo-shop-filter .templateceo-shop-Products:first-child{margin-bottom: 15px;}
   .templateceo-shop-filter .templateceo-shop-Products form {width: 100%;}
}
/* ---------------------------
   Default CSS End
----------------------------- */




/* ---------------------------
   Global CSS Start
----------------------------- */
.templateceo-subscribe-channel { width:100%; position:relative; background: var(--secondary); overflow: hidden;}
.templateceo-subscribe-channel .container{max-width: 1892px; position:relative;}
.templateceo-subscribe-block { width:100%; position:relative;}
.templateceo-subscribe-channel .theme_section_title{position: relative; background: var(--primary); padding: 25px 100px 30px 25px; clip-path: polygon(0 0, 100% 0%, 90% 100%, 0 100%);}
.templateceo-subscribe-channel .theme_section_title h2{margin: 0; font-size: calc(var(--heading-size-h2) + 2px); font-weight: var(--heading-weight-h2); font-family: var(--heading-font-h2); color: var(--white-text); line-height: var(--heading-lineheight-h2); letter-spacing: 3.6px;}
.templateceo-subscribe-channel .theme_section_title p{color: var(--white-text); margin: 0; font-family: var(--body-font); line-height: var(--body-lineheight); font-size: calc(var(--body-size) + 2px); letter-spacing: 1px;}

.templateceo-subscribe-list { width:100%; position:relative;}
.templateceo-subscribe-list .templateceo-subscribe-row { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:center; margin:0px 0px; gap: 20px;}
.templateceo-subscribe-list .templateceo-subscribe-row .templateceo-subscribe-col {width: auto;}
.templateceo-subscribe-list .templateceo-subscribe-box {width: 100%; border: 2px solid var(--white-bg); border-radius: 8px; color: var(--white-text); font-family: var(--body-font); font-weight: var(--heading-weight-h5); font-size: var(--body-size); text-transform: uppercase; letter-spacing: 2px; padding: 11px 18px; display: flex; align-items: center; gap: 10px; text-decoration: none;}
.templateceo-subscribe-list .templateceo-subscribe-box img {max-width: 100%; height: 25px; width: 25px; object-fit: contain;}
.templateceo-subscribe-list .templateceo-subscribe-row .templateceo-subscribe-col:first-child {padding-left: 0px;}
.templateceo-subscribe-list .templateceo-subscribe-row .templateceo-subscribe-col:last-child {padding-right: 0px;}
.templateceo-subscribe-channel .theme_section_title::after{position: absolute; content: ''; top: 0; right: 30px; width: 60px; height: 100%; background: var(--secondary); clip-path: polygon(90% 0, 100% 0, 10% 100%, 0 100%);}
.templateceo-subscribe-channel .container::before {position: absolute; content: ''; top: 0; left: -98.5%; width: 100%; height: 100%; background: var(--primary); z-index: 0;}


/* Shop Page CSS Start */
.templateceo-shop-filter { display: flex; justify-content: end; align-items: center; flex-wrap: wrap; gap: 50px;}
.templateceo-shop-filter .templateceo-shop-Products { display: flex; align-items: center; gap: 25px;}
.templateceo-shop-filter .templateceo-shop-Products label{ color: #AAAAAA; font-family: var(--heading-font-h5); font-size: var(--heading-size-h5); font-weight: var(--heading-weight-h5); line-height: var(--heading-lineheight-h5); margin: 0; flex: 0 0 auto;}
.templateceo-shop-filter .templateceo-shop-Products select{ border-radius: 8px; border: 1px solid var(--white-text); background: #1C1C1C; color: var(--white-text); font-family: var(--heading-font-h5); font-size: var(--heading-size-h5); font-weight: var(--heading-weight-h5); line-height: var(--heading-lineheight-h5); padding: 16px 20px; max-width: 250px; min-width: 250px; width: 100%; outline: none; box-shadow: none; appearance: none; background-image: url(../images/down-arrow.svg); background-repeat: no-repeat; background-size: 16px; background-position: center right 20px;}
/* Shop Page CSS End */

@media (min-width: 1200px) and (max-width: 1799.98px) {
   .templateceo-subscribe-channel .theme_section_title p{font-size: var(--tablet-body-size);}
}

@media (max-width: 1199.98px) {
   .templateceo-subscribe-channel .theme_section_title h2 {font-size: var(--tablet-heading-size-h2);}
   .templateceo-subscribe-channel .theme_section_title p{font-size: var(--tablet-body-size);}
   .templateceo-subscribe-list .templateceo-subscribe-box img{height: 20px; width: 20px;}
   .templateceo-subscribe-list .templateceo-subscribe-box{gap: 8px; padding: 8px 12px; font-size: var(--tablet-body-size);}

   /* Shop Page CSS Start */
   .templateceo-shop-filter{gap: 15px;}
   .templateceo-shop-filter .templateceo-shop-Products{gap: 10px;}
   .templateceo-shop-filter .templateceo-shop-Products label{font-size: var(--mobile-body-size);}
   .templateceo-shop-filter .templateceo-shop-Products select{font-size: var(--mobile-body-size); padding: 12px; max-width: 200px; min-width: 200px; background-position: center right 12px;}
}

@media (max-width: 991.98px) {
   .templateceo-subscribe-channel .theme_section_title h2 {font-size: var(--mobile-heading-size-h2); margin-bottom: 8px;}
   .templateceo-subscribe-channel .theme_section_title p{font-size: var(--mobile-body-size);}
   .templateceo-subscribe-channel .theme_section_title{padding: 15px; clip-path:none}
   .templateceo-subscribe-channel .theme_section_title::after{content: none;}
   .templateceo-subscribe-list{padding: 15px 0;}
   .templateceo-subscribe-list .templateceo-subscribe-box{font-size: var(--mobile-body-size);}
   .templateceo-subscribe-channel .col-xl-4.col-lg-5{padding: 0;}
   .templateceo-subscribe-channel .container::before{content: none;}

   /* Shop Page CSS Start */
   .templateceo-shop-filter {gap: 15px; justify-content: flex-start; margin: 20px 0;}
}

@media (max-width: 575.98px) {
   .templateceo-shop-filter .templateceo-shop-Products{flex-direction: column; align-items: self-start;}
   .templateceo-shop-filter{display: block;}
   .templateceo-shop-filter .templateceo-shop-Products select{width: 100%; min-width: auto; max-width: none;}
   .templateceo-shop-filter .templateceo-shop-Products:first-child{margin-bottom: 15px;}
   .templateceo-shop-filter .templateceo-shop-Products form {width: 100%;}
}

/* ---------------------------
   Global CSS End
----------------------------- */


