html,
 body {
     margin: 0;
     padding: 0;
 }
 
 html {
     scroll-behavior: smooth;
 }
 
 * {
     box-sizing: border-box;
 }
 
 .slick-slide {
     margin: 0px 20px;
 }
 
 .slick-slide img {
     width: 100%;
 }
 
 .slick-prev:before,
 .slick-next:before {
     color: black;
 }
 
 .regularr .slick-arrow {
     display: none!important;
 }
 
 .slick-slide {
     transition: all ease-in-out .3s;
     opacity: 1;
 }
 
 .slick-active {
     opacity: 1;
 }
 
 .slick-current {
     opacity: 1;
 }
 
 hr {
     top: 20px;
     border: none;
     height: 4px;
     background: black;
     margin-bottom: 50px;
     text-align: center;
 }
 
 .container_hr {
     width: 10%;
 }
 
 .collapsible {
     color: black;
     cursor: pointer;
     width: 100%;
     border: none;
     text-align: right;
     outline: none;
     font-size: 15px;
     background-color: white;
     -webkit-transition: 1s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
 }
 
 .active,
 .collapsible:hover {}
 
 .content {
     padding: 0 18px;
     display: none;
     overflow: hidden;
     -webkit-transition: 10s;
     -moz-transition: 10s;
     -ms-transition: 10s;
     -o-transition: 10s;
     transition: 10s;
 }
 
 #mines {
     display: none;
     width: 20px;
     margin-left: 10px;
 }
 
 #plus {
     width: 20px;
     margin-left: 10px;
 }
 
 .secondslider {
     background-color: #F6F6F6;
     align-items: center;
 }
 
 .thirdslider {
     background-color: #f8f8f8;
     padding: 50px 0;
 }
 
 .slider {}
 
 .row {
     direction: rtl;
 }
 
 .spacecon {
     margin: 50px 0;
 }
 
 .paddingon {
     padding: 80px 0;
 }
 
 .space {
     margin-top: 90px;
 }
 
 .space-item {
     margin-top: 40px;
 }
 
 .grey {
     background-color: #E7E7E7;
     text-align: center;
     justify-items: center;
     padding: 20px 0;
     padding-top: 25px;
     margin: auto;
 }
 
 .bordergrey {
     border: 2.9px solid #E7E7E7;
 }
 
 .number {
     text-align: center;
     font-size: 25px;
     margin: 10px;
 }
 
 .count {
     font-variation-settings: "wght" 400;
 }
 
 a {
     color: black;
     text-decoration: none;
 }
 
 .col-xs-11 {
     margin-right: auto;
 }
 
 .customcur {
     cursor: url(../img/Rectangle68.svg), auto;
     width: 200px;
     height: 600px;
     position: absolute;
 }
 
 .close {
     font-size: 1.5rem;
 }
 
 .img-gg {
     padding: 15px!important;
 }
 
 .img-gg img {
     opacity: 0.9;
     cursor: pointer;
     width: 100%;
     object-fit: cover;
     height: 220px;
 }
 
 .img-gg img:hover {
     opacity: 1;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
 
 #collapsible {
     margin-top: 5px;
 }
 
 .justify {
     text-align: justify;
 }
 
 .bold-percent {
     font-variation-settings: "wght" 400;
     font-size: 15px;
 }
 
 h2 {
     font-variation-settings: "wght" 700;
 }
 
 .secondslider h2 {
  
     font-size: 15px;
     line-height: 1.5;
 }
 
 .top-p {
     padding-top: 10px!important;
 }
 
 .modal-content {
     background: none!important;
 }
 
 .lg-backdrop {
     opacity: 0.8!important;
 }
 
 .fordslider .slick-prev {
     display: none!important;
 }
 
 .fordslider .slick-next {
     display: none!important;
 }
 
 .fordslider .slick-dots {
     text-align: left!important;
     margin-left: 10px;
 }
 
 .fordslider {
     padding-bottom: 30px;
 }
 
 .regultrr .slick-prev {
     display: none!important;
 }
 
 .thirdslider h2 {
    margin-right: 20px;
    font-size: 15px;
    margin-top: -67px;
    line-height: 1.5;
    padding-top: 45px;
 }
 
 .thirdslider .fordslider {
     margin-top: 10px!important;
 }
 
 .regularrr .slick-dots {
     position: absolute;
     bottom: 7px;
     display: block;
     width: 100%;
     padding: 0;
     margin: 0;
     list-style: none;
     text-align: right;
     right: 2%;
 }
 
 .nopadmar {
     margin: 0;
     padding: 0;
 }
 
 .thirdslider .spacecon {
     margin: 60px 0;
 }
 
 @media (min-width: 992px) {
     .secondslider .slick-prev {
         width: 50px;
         height: 60px;
         position: absolute;
         border: 0;
         z-index: 2;
         background-image: url(../img/Rectangle68.svg);
         background-repeat: no-repeat;
         right: 0%;
         bottom: 0%;
         cursor: pointer;
         background-color: #fff;
     }
     .secondslider .slick-next {
         width: 50px;
         height: 60px;
         position: absolute;
         border: 0;
         z-index: 2;
         right: 5%;
         bottom: 0%;
         background-image: url(../img/Rectangle69.svg);
         background-repeat: no-repeat;
         cursor: pointer;
         background-color: #fff;
     }
     .thirdslider .slick-prev {
        width: 50px;
        height: 60px;
        position: absolute;
        border: 0;
        z-index: 2;
        background-image: url(../img/Rectangle68.svg);
        background-repeat: no-repeat;
        right: -5%;
        bottom: 50%;
        cursor: pointer;
        background-position: center;
        background-color: #fff;
     }
     .thirdslider .slick-next {
        width: 50px;
        height: 60px;
        position: absolute;
        border: 0;
        z-index: 2;
        background-image: url(../img/Rectangle69.svg);
        background-repeat: no-repeat;
        left: -5%;
        bottom: 50%;
        cursor: pointer;
        background-position: center;
        background-color: #fff;
     }
     .fordslider img {
         height: 440px;
         object-fit: cover;
     }
 }
 
 .space {
     margin-top: 90px;
 }
 
 footer p {
     margin: auto;
 }
 
 a {
     outline: 0;
     text-decoration: none;
 }
 
 .content {
     width: 100%;
     text-align: right;
 }
 
 .desktopnone {
     display: none;
 }
 
 .mobilenone {
     display: block;
 }
 
 h2 {
     text-align: right;
 }
 
 @media (max-width: 768px) {
     #logo {
         width: 8%;
         margin-top: 11px;
     }
     h1 {
         font-size: 1rem!important;
         font-variation-settings: "wght" 650;
     }
     .collapsible {
         font-size: 12px;
     }
     .container {
         padding-left: 35px;
         padding-right: 35px;
     }
     .menu-logo-moib {
         padding-left: 20px;
         padding-right: 0px;
     }
     .padding-state {
         margin-bottom: 8px;
     }
     .ttltr {
         direction: ltr;
     }
     .desktopnone {
         display: block;
         text-align: right;
     }
     .mobilenone {
         display: none;
     }
     .space {
         margin-top: 40px;
     }
     .space_mbo {
         margin-top: 0!important;
     }
 }
 
 footer p {
     margin: auto;
 }
 
 .slider p {
     text-align: right;
 }
 
 #counnt .bold-percent {
     text-align: center!important;
 }
 
 h2 {
     text-align: right;
 }
 
 ::-webkit-scrollbar-track {
     background-color: #F5F5F5;
 }
 
 ::-webkit-scrollbar {
     display: block;
     background-color: #F5F5F5;
     margin-right: 10px;
     padding: 1rem;
 }
 
 ::-webkit-scrollbar-thumb {
     background-color: #275E58;
     margin-right: 10px;
 }
 
 @media (max-width: 768px) {
     .padding-percent {
         margin-top: 20px;
     }
     .padding-first-mobb {
         margin-top: 0!important;
     }
     .padding-percent-right {
         margin-top: 0px;
     }
     .padding-percent-left {
         margin-top: 20px;
     }
     .secondslider .slick-prev {
         width: 30px;
         height: 30px;
         position: absolute;
         border: 0;
         z-index: 2;
         background-image: url(../../mobile/Rectangle68.svg);
         background-repeat: no-repeat;
         top: 2.7%;
         cursor: pointer;
         left: 14%;
         border: 1px solid;
         background-position: center;
         background-color: #fff;
     }
     .secondslider .slick-next {
         width: 30px;
         height: 30px;
         position: absolute;
         border: 0;
         z-index: 2;
         background-image: url(../../mobile/Rectangle69.svg);
         background-repeat: no-repeat;
         top: 2.7%;
         cursor: pointer;
         left: 2%;
         border: 1px solid;
         background-position: center;
         background-color: #fff;
     }
     .fordslider img {
         object-fit: cover;
     }
     .thirdslider .slick-prev {
         width: 30px;
         height: 30px;
         position: absolute;
         border: 0;
         z-index: 2;
         background-image: url(../../mobile/Rectangle68.svg);
         background-repeat: no-repeat;
         bottom: 15%;
         cursor: pointer;
         left: 18%;
         border: 1px solid;
         background-position: center;
         background-color: #fff;
     }
     .thirdslider .slick-next {
         width: 30px;
         height: 30px;
         position: absolute;
         border: 0;
         z-index: 2;
         background-image: url(../../mobile/Rectangle69.svg);
         background-repeat: no-repeat;
         bottom: 15%;
         cursor: pointer;
         left: 7%;
         border: 1px solid;
         background-position: center;
         background-color: #fff;
     }
     .bordergrey {
         margin-top: 0!important;
     }
     .regularrr .container {
         padding: 0;
     }
     .regularrr p {
         display: none;
     }
     .secondslider h2 {

        
         line-height: 1.5;
     }
     .spacecon {
         margin-top: 30px;
         margin-bottom: 30px;
     }
     .number {
         text-align: center;
         font-size: 23px;
         margin: 10px;
     }
     .secondslider {
         margin-bottom: 0;
     }
     .thirdslider {
         margin-top: 25px;
     }

     .fordslider .slick-dots {
         text-align: center!important;
     }
     .thirdslider {
         padding: 30px 0;
     }
     .thirdslider .slick-slide {
         margin: 0px 12px;
     }
     .space {
         margin-bottom: 10px;
     }
     .fordslider {
         padding-bottom: 0px;
     }
     .secondslider {
         margin-bottom: 0!important;
     }
     .lg-toolbar .lg-icon {
         margin-top: 50px;
     }
   
 }
 footer {
    position: relative;
 }
#height0{
    height:0px;
}
#scroll-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    font-size: 32px;
    background: #00a874;
    border-radius: 100%;
    cursor: pointer;
    z-index: 1000;
}

*::-webkit-scrollbar {
    width: 11px;
    display: block;
}
*::-webkit-scrollbar-thumb {
    background-color: #275e58;
    border-radius: 30px;
    border: 3px solid #ffffff;
    display: block;
}

.morabaa .back-title {
    z-index: 0;
    background-color: rgb(54, 89, 88, 0.8);
    position: absolute;
    /*title is positioned at the top of container div*/
    bottom: 0;
    color: white;
    width: 100%;
    font-size: 25px;
    text-align: center;
    /*title div is at the back of container and hence not visible*/
    opacity: 0;
    transition: 0.5s all ease;
    height: 350px;
}

.mostatill .back-title {
    z-index: 0;
    background-color: rgb(54, 89, 88, 0.8);
    position: absolute;
    /*title is positioned at the top of container div*/
    bottom: 0;
    color: white;
    width: 100%;
    font-size: 25px;
    text-align: center;
    /*title div is at the back of container and hence not visible*/
    opacity: 0;
    transition: 0.5s all ease;
    height: 200px;
}

a:hover .back-title {
    z-index: 220;
    /*becomes visible on hover as title comes on top of container*/
    opacity: 1;
}

.title {
    position: absolute;
    bottom: 50%;
    right: -30%;
    width: 100%;
    transition: 2s all ease;
    font-size: 20px;
    font-variation-settings: "wght" 500;
}

.moraba {
    width: 100%;
    height: 350px;
    position: relative!important;
    left: 0!important;
    top: 0!important;
    object-fit: cover;
}

.mostatill .after-title {
    bottom: 35%;
}

.morabaa .after-title {
    bottom: 40%;
}

.after-title {
    position: absolute;
    left: -50%;
    width: 100%;
    transition: 2s all ease;
    font-size: 15px;
    font-variation-settings: "wght" 300;
}

a:hover .title {
    /*becomes visible on hover as title comes on top of container*/
    right: 0%;

}

a:hover .after-title {
    /*becomes visible on hover as title comes on top of container*/
    left: 0%;
}

.mostatil {
    width: 100%;
    height: 200px;
    position: relative!important;
    left: 0!important;
    top: 0!important;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
}
.padding-state {
    margin-bottom: 30px;
}
footer {
   
    margin-top: 10px!important;
}
@media (max-width: 576px){
.spinner-master label {
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 21px;
    left: 0;
    right: 15px;
} 

}
@media (max-width: 768px){
.spinner-spin2 {
    right: -16px !important;
}
.back-title .title{
         right:0px;
     }
}