/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1745930003
Updated: 2025-04-29 12:33:23

*/

/*offer area*/
.offer-content h3 {
    font-family: Poppins;
    line-height: 30px;
    font-weight: 500;
    font-style: normal;
    color: #176a55;
    font-size: 26px;
}

.offer-content ul {
    padding: 0px;
    padding-left: 14px;
	font-family: Poppins;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;


}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.offer-content p {text-align: left;margin: 0;width: 100%;}
.offer-content h2 {text-align: left;}
.offerItem {padding: 0 15px;width: 160px;overflow: hidden;float: left;position: relative; transition: 0.3s ease;}
.offer-img {margin: 0 -15px;}
.offer-detail {width: 800px;}
.offerItemTitle {
    position: absolute;
    left: 80px;
    z-index: 1;
    width: 600px;
    color: #fff !important;
    transform: rotate(-90deg);
    transform-origin: left;
    text-align: center;
    margin: 0 auto;
    top: 85.4%;
    height: 160px;
    line-height: 160px !important;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    text-transform: uppercase;
}
.offer-content ul {
    margin: 0px;
}
.offer-content h3 {
    margin: 15px 0px;    
    font-size: 22px !important;
    line-height: 1
}
.offer-content ul li {
    font-size: 14px;
    line-height: 1.4;
}
.getoffer {
    margin-top: 20px;
}
.footermenu ul#sm_nav_menu li {
    padding-top: 0px;
}
.footer-main div.emaillist input.es_subscription_form_submit {
    background-color: white;
    color: #176a55;
}

.offerItem.active {width: calc(100% - 6*80px);}
.offerItem.active .offer-detail {width: 1007px;}
.offerItem.active .offer-img {max-width: 415px;}
.offerItem.active .offer-detail .row .col:first-child {max-width: 40% !important;}
.offer-content {max-width: 560px;margin: 0 auto;top: 50%;position: relative;transform: translate(0, -50%); opacity: 0; transition: opacity 0.3s ease;padding: 10px 0;}
.offer-tabs.tab-content {padding: 10px 0;}
.offerslide:after {content: '';clear: both;display: block;}
.offer-content p {color: #000;}
.offer-content h2 {font-size: 24px !important;}
.offerItemTitle.hide {display: none;}
.offerItem.active .offer-content{ transition: 0.3s ease; opacity: 1;display: block;}
.offer-content a {
    background: #176a55;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    margin-top: 10px;
    border: 0;
    border-radius: 30px;
    font-size: 14px;
	font-family: Poppins;
}
.offer-content a:hover {
    background: #434444;
    color: #fff;
}

.offer-content {display: none;}
  @media (max-width:1450px){
    .offer-content {margin: 0; max-width: 360px;}
  }
  
  @media (max-width:1280px){
    .offerItem.active .offer-detail {width: 750px;}
    .offer-detail {width: 595px;}
  }
 
 @media (max-width:1199px){
	h4.offerItemTitle {
		height: 75px;
		line-height: 75px !important;
		left: 38px;
		top: 90%;
		width: 468px;
		font-size: 16px !important;
	}
    .offerItem{ width: 75px;}
    .offerItem.active { width: calc(100% - 6*50px);}
    .offerItem.active .offer-content{ margin-left: 20px;}
 }

/* @media (max-width:991px){
    .offer-content p{ font-size: 14px;}
    .offerItem.active .offer-content {margin-left: 0;}
    h4.offerItemTitle {font-size: 14px;top: 93%; width: 280px;font-family: 'ProximaNovaA-Regular'; height: 36px; line-height: 36px; left: 17px;}
    .offerItem.active .offer-detail {width: 500px;}
    .offer-content h2 {font-size: 18px;margin: 0;}
    .offer-content a {padding: 7px 13px; font-size: 16px; margin-top: 10px;}
    .offer-detail {width: 395px; max-height: 279px;}
    .offerItem {width: 35px;}
    .offerItem.active {width: calc(100% - 6*35px);}
  }
 */
 @media (max-width:991px){
   .offerItem {width: 100%;}
    .offer-detail {width: 100%;max-height: unset;display: none;}
    h4.offerItemTitle{ 
		text-align: left;
		padding-left: 15px; 
		position: relative; 
		transform: rotate(0);
		border-bottom: 1px solid #999; 
/* 		height: 40px; 
		line-height: 40px;  */
		width: 100%; 
		left: 0;}
    .offer-img {margin: 0;}
    .offer-content {margin: 0;max-width: 100%;}
    .offerItemTitle.hide {background: #de9400; display: block;}
    .offerItem.active .offer-detail {width: 100%; display: block;}
    .offerItem.active .offer-detail .row .col:first-child {max-width: 50% !important;}
    .offerItem.active{ width: 100%;}
       .offerItem.active .offer-detail .row {display: block;}
    .offerItem.active .offer-detail .row .col {max-width: 100% !important;}
    .offer-content {transform: translate(0);top: 0;padding: 10px 0;}
    .offer-img,.offerItem.active .offer-img {width: 100%;max-width: unset;    text-align: center;}
    .offer-img img{ width: auto;}
    .offerItem.active .offer-detail .row .col:first-child {max-width: 100% !important;}
   
  }
 
 @media (max-width:574px){
	 
	 .offer-detail .row .col {
    margin-left: 20px;
    margin-right: 20px;
}
	 
	.offerItem.active .offer-content {
		margin-left: 0px;
		padding: 18px 0;
	}
    .offerItem.active .offer-detail .row {display: block;}
    .offerItem.active .offer-detail .row .col {max-width: 100% !important;    padding: 0px;}
    .offer-content {transform: translate(0);top: 0;padding: 10px 0;}
    .offer-img,.offerItem.active .offer-img {width: 100%;max-width: unset;}
    .offer-img img{ width: 100%;}
    .offerItem.active .offer-detail .row .col:first-child {max-width: 100% !important;}

  }