@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');
h1,h2,h3,h4,h5,h6,p,a,span{
font-family: "IBM Plex Sans", serif !Important;
}
.flex-shrink-0 img.w-44 {
    width: 5rem;
}
.sticky img.h-11{
height: 90px;
    margin-top: -20px;
}
.container {
    width: 100%;
    max-width: 1200px;
    text-align: center;
}
        .swiper-container {
            width: 100%;
            padding: 60px 0;
        }
        .swiper-slide {
            display: flex;
            flex-direction: column;
            align-items: center;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0px 8px 24px #FF920E33;
            padding: 10px;
        }
        .swiper-slide img {
            border-radius: 10px;
    object-fit: cover;
    margin-bottom: 10px;
        }
        .swiper-slide h3 {
            margin: 5px 0;
            font-size: 1.1em;
color:#CF4526;
width:100%;
 text-align:left;
        }
        .swiper-slide p {
            margin: 5px 0;
            color: #777;
width:100%;
 text-align:left;
        }
        .swiper-slide .rating {
            color: #f39c12;
            font-size: 1.0em;
width:100%;
 text-align:left;
        }
        .swiper-button-next {
    position: absolute !Important;
    right: 30px !important;
    top: auto !important;
    width: 30px !Important;
    height: 30px !important;
    background-color: #e86401;
    margin-top: -15% !Important;
    text-align: center !Important;
border-radius:50%;
}
.swiper-button-prev {
    position: absolute !Important;
    left: 30px !important;
    top: auto !important;
    width: 30px !Important;
    height: 30px !important;
    background-color: #e86401;
    margin-top: -15% !Important;
    text-align: center;
border-radius:50%;
}
.swiper-button-prev svg, .swiper-button-next svg{
color:#fff;
}
       
        .explore-more {
            display: inline-block;
            margin-top: 20px;
            padding: 10px 20px;
            background-color: #ff9800;
            color: #fff;
            border-radius: 5px;
            text-decoration: none;
        } 
 section.layout-wrapper.new1 {
    text-align: center !important;
    overflow: hidden;
    padding: 20px 2px 60px 20px;
    justify-content: center;
    width: 100%;
}
.imgs {
    float: left;
    width: 100%;
}


.img1 {
    width: 30%;
    float: left;
}



.img1 img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

element.style {
}
.img2 {
    float: left;
    text-align: left;
    width: 60%;
}

.swiper-slide h3 {
  
    line-height: 20px;
}
.new2 {
    padding-top: 40px !important;
}
.new2 ..swiper-slide{
border-bottom: 1px solid #d4583c;
    border-radius: 0px;
}
.markup {
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-color: #cf4526;
    width: 100%;
    font-weight: 600;
}
.dark .markup {
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
}
.dashboard-setting{
display:none !important;
}
.temp {
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
.covers {
    font-size: 12px;
    text-align: left;
padding: 2px 10px;
}
.price{
font-size: 15px;
    font-weight: 600;
    text-align: left;
padding: 2px 10px;
}
.price span{
font-size: 15px; 
}
.covers i {
    color: #cf4526;
}
.mark2 {
    padding: 10px;
}

.mark2 a.btn.btn-special {
    background-color: #FF9800;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
}
.flex.flex-wrap.justify-start.gap-x-5.ltr\:pl-6.ltr\:ml-28\%.ltr\:xxs\:pl-2\.5.ltr\:xxs\:ml-23\%.ltr\:sm\:pl-0.ltr\:sm\:ml-23\%.ltr\:md\:ml-0.ltr\:md\:pl-0.rtl\:pr-6.rtl\:mr-28\%.rtl\:xxs\:pr-2\.5.rtl\:xxs\:mr-23\%.rtl\:sm\:pr-0.rtl\:sm\:mr-23\%.rtl\:md\:mr-0.rtl\:md\:pr-0 {
    display: none;
}
/*      this is mobile decide CSS used to responsive to make it mobile cssssssssssssssssssssss */
 @media only screen and (max-width: 600px) {
.swiper-button-next, .swiper-button-prev{
margin-top:-50% !important;
}
    .first .h-600p {
        height: 300px ! Important;
        padding: 0px !important;
    }
.swiper-slide img{
width:100%;
}
}