Server : ApacheSystem : Linux sh00666.bluehost.com 5.14.0-687.26.1.el9_8.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Jul 14 16:32:02 EDT 2026 x86_64 User : ndkhermy ( 1200) PHP Version : 8.5.12 Disable Function : NONE Directory : /home1/ndkhermy/www/website_6ca89795/frontend-assets/css/module-css/ |
Upload File : |
/** offers-section **/
.offers-section{
position: relative;
}
.offers-block-one .inner-box{
position: relative;
display: block;
overflow: hidden;
background: #fff;
padding: 20px;
box-shadow: 0px 0px 54px 0px rgba(0, 0, 0, 0.10);
margin-bottom: 30px;
border-radius: 10px;
}
.offers-block-one .inner-box .image-box{
position: relative;
display: block;
border-radius: 10px;
overflow: hidden;
}
.offers-block-one .inner-box .image-box img{
width: 100%;
border-radius: 10px;
}
.offers-block-one .inner-box .image-box .overlay-image{
position: absolute;
left: 0px;
top: 0px;
right: 0px;
width: 100%;
height: 100%;
transform: scaleX(0);
z-index: 1;
transition: all 0.5s ease-in-out 0.1s;
}
.offers-block-one .inner-box:hover .image-box .overlay-image{
transform: scaleX(1);
}
.offers-block-one .inner-box .lower-content{
position: relative;
display: block;
padding: 36px 40px 29px 40px;
z-index: 2;
}
.offers-block-one .inner-box .lower-content .sub-title{
position: absolute;
left: 50%;
transform: translateX(-50%);
top: -12px;
width: max-content;
}
.offers-block-one .inner-box .lower-content h6{
display: block;
font-size: 16px;
line-height: 20px;
margin-bottom: 7px;
}
.offers-block-one .inner-box .lower-content p{
display: block;
font-size: 14px;
line-height: 20px;
}
.offers-section .offers-block:nth-child(2) .offers-block-one .inner-box .lower-content .sub-title{
background: #269C53;
}
.offers-section .offers-block:nth-child(3) .offers-block-one .inner-box .lower-content .sub-title{
background: #FC9803;
}
.offers-section .offers-block:nth-child(4) .offers-block-one .inner-box .lower-content .sub-title{
background: #2E64F0;
}
.offers-section.alternat-2 .offers-block-one .inner-box{
background: #F3FFF5;
border: 1px solid #7BBA8F;
}
.offers-section.alternat-2 .offers-block:nth-child(2) .offers-block-one .inner-box{
background: #F3FAFF;
border: 1px solid #62B2C4;
}
.offers-section.alternat-2 .offers-block:nth-child(3) .offers-block-one .inner-box{
background: #FFF4F2;
border: 1px solid #FCBCB2;
}
.offers-section.alternat-2 .offers-block:nth-child(4) .offers-block-one .inner-box{
background: #FFE6E6;
border: 1px solid #E53E3E;
}
.offers-block-one .inner-box .timer{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 100%;
text-align: center;
}
.offers-block-one .inner-box .timer .cs-countdown{
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.offers-block-one .inner-box .timer .cs-countdown h6{
display: none;
}
.offers-block-one .inner-box .timer .cs-countdown .count-col{
position: relative;
display: inline-block;
width: 48px;
height: 48px;
line-height: 48px;
background: #fff;
text-align: center;
border-radius: 50%;
margin-right: 16px;
}
.offers-block-one .inner-box .timer .cs-countdown .count-col:last-child{
margin: 0px !important;
}
.offers-block-one .inner-box .timer .cs-countdown .count-col span{
font-size: 20px;
font-family: var(--title-font);
font-weight: 700;
}
.offers-block-one .inner-box .timer .cs-countdown .count-col:after{
position: absolute;
content: '';
width: 3px;
height: 3px;
border-radius: 50%;
top: 17px;
right: -9px;
}
.offers-block-one .inner-box .timer .cs-countdown .count-col:before{
position: absolute;
content: '';
width: 3px;
height: 3px;
border-radius: 50%;
bottom: 17px;
right: -9px;
}
.offers-block-one .inner-box .timer .cs-countdown .count-col:last-child:before,
.offers-block-one .inner-box .timer .cs-countdown .count-col:last-child:after{
display: none;
}
/** offers-style-two **/
.offers-style-two{
position: relative;
}
.offers-style-two .inner-container{
position: relative;
display: block;
background: #F7F7F7;
border-radius: 10px;
padding: 20px 60px;
overflow: hidden;
}
.offers-style-two .inner-container .content-box{
position: relative;
display: block;
overflow: hidden;
}
.offers-style-two .inner-container .text-list{
position: relative;
display: flex;
align-items: center;
width: max-content;
-moz-animation: scroll-left 190s linear infinite;
-webkit-animation: scroll-left 190s linear infinite;
animation: scroll-left 190s linear infinite;
}
.offers-style-two .inner-container .text-list li{
position: relative;
display: inline-block;
font-size: 20px;
line-height: 30px;
font-family: var(--title-font);
color: var(--title-color);
margin-right: 100px;
}
.offers-style-two .inner-container .text-list li:last-child{
margin: 0px;
}
.offers-style-two .inner-container .text-list li span{
font-weight: 700;
}
.offers-style-two .inner-container .text-list li:before{
position: absolute;
content: '';
background-image: url(../../images/icons/icon-25.png);
width: 28px;
height: 28px;
top: 1px;
right: -64px;
background-repeat: no-repeat;
}
.offers-style-two .inner-container .text-list li:last-child:before{
display: none;
}
.offers-style-two.alternat-2 .inner-container{
background: #E9FAEB;
}
/** rtl-css **/
.rtl .offers-block-one .inner-box .timer .cs-countdown .count-col{
margin-right: 0px;
margin-left: 16px;
}
.rtl .offers-block-one .inner-box .timer .cs-countdown .count-col:after,
.rtl .offers-block-one .inner-box .timer .cs-countdown .count-col:before{
right: inherit;
left: -9px;
}
.rtl .offers-style-two .inner-container{
direction: ltr;
text-align: right;
}
/** responsive-css **/
@media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 991px){
}
@media only screen and (max-width: 767px){
}
@media only screen and (max-width: 599px){
}
@media only screen and (max-width: 499px){
}