.mth-red-color{
    color: #cf202a!important;
}
.mth-green-color{
    color: #0b7c3f!important;
}
.mth-lg-green-color{
    color: #3cb876!important;
}
.mth-lg-purple-color{
    color: #642155!important;
}
.mth-lg-purple-color a{
    color: #642155!important;
}
.mth-black-1-color{
    color: #5e5e5e!important;
}
.mth-bg-red{
    background-color: #cf202a!important;
}
.mth-bg-green{
    background-color: #0b7c3f!important;
}
.mth-bg-lg-green{
    background-color: #3cb876!important;
}
.dir-ltr{
    direction: ltr!important;
}
.dir-rtl{
    direction: rtl!important;
}
.d-hidden{
    display: none!important;
}
.mth-purple-color{
    color: #642155 !important;
}

.mth-rounded-button {
    background-color: #642155 ; /* Blue background color */
    color: #fff; /* White text color */
    border: none; /* Remove the border */
    border-radius: 25px; /* Set the border radius for rounded corners */
    padding: 10px 20px; /* Add padding to make the button larger */
    cursor: pointer; /* Add a cursor pointer on hover */
    font-size: 12px;
    font-weight: normal;
    text-transform: initial;
}

/* Add hover effect */
.mth-rounded-button:hover {
    background: #b9916e !important;
    color: #ffffff !important; /* Darker blue background color on hover */
}

.mth-bottom-button {
    /*position: absolute;*/
    margin:10px;
   /* bottom: 15px;*/ /* Adjust the distance from the bottom as needed 
}
.mth-bg-home-srv{
    background-size: cover;
    background-position: center;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); /* Shadow with black color and transparency */
}
.mth-bg-home-srv::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
}

.owl-theme .owl-dots .owl-dot span{
    background: none!important;
    border: 2px solid #cf202a!important;
    width: 15px!important;
    height: 15px!important;

}

.mth-circle-white{
    width: 100px; /* Adjust the width and height as needed */
    height: 100px;
    background-color: white;
    border-radius: 50%; /* This creates the circular shape */
    /*border: 2px solid #000; !* Optional border *!*/
    padding: 15px;
}

.mth-welcome-msg{
    background-color: #cf202a;
    border-radius: 25px;
    color: white;
    padding: 35px;
    text-align: -webkit-center;
}

.text-webkit-center{
    text-align: -webkit-center;
}


.mth-slider-parent-section{
    /*min-height: 652px ;*/
    max-width: 100%;
    margin: auto;
    padding-top: 0!important;
    padding-bottom: 0!important;
    overflow: hidden;
    position: relative;
}
.mth-parent-main-slider-1{
    position: absolute;
    bottom: 0px;
    z-index: 2;
    top: 28%;
    /*min-height: 505px;*/
}
.mth-parent-main-slider-2{
    position: absolute;
    bottom: 0;/*10px;*/
    z-index: 3;
}

.mth-copy-parent-slider{
    position: absolute;
    z-index: 2;
    height: 100%;
}
.mth-main-slider-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    /*top: 0;*/
    left: 0;
    right: 0;
    bottom: 0;
    background-size: inherit; /* This scales the background image to cover the entire div */
    background-position: left bottom; /* This centers the background image within the div */
    z-index: 2;
   
    background-repeat: no-repeat;
}

.fade-in-text {
    opacity: 0; /* Initially set opacity to 0 */
    animation: fadeIn 1s ease-in-out forwards; /* Apply the fade-in animation */
}

@keyframes fadeIn {
    from {
        opacity: 0; /* Start with opacity 0 */
    }
    to {
        opacity: 1; /* End with opacity 1 */
    }
}

.mth-btn-main-slide-link{
    background: none;
    padding: 20px;
    border: 2px solid #0b7c3f;
    color: #cf202a;
    border-radius: 30px;
}


.mth-rectangular-button {
    background-color: #cf202a; /* Blue background color */
    color: #fff; /* White text color */
    border: none; /* Remove the border */
    border-radius: 4px; /* Set the border radius for rounded corners */
    padding: 13px 20px; /* Add padding to make the button larger */
    cursor: pointer; /* Add a cursor pointer on hover */
    font-size: 12px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
}

.mth-mnu-circle-search{
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    width: 17px;
    height: 17px;
    border: 1px solid #0b7c3f;
    border-radius: 50%;
    padding: 15px;
}

.mth-mnu-circle-search-content{
    color: #cf202a;
    width: 15px!important;
}

.mth-mnu-login{
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid #0b7c3f;
    border-radius: 20px;
    padding: 8px;
}
.mth-mnu-login-content{
    color: #cf202a;
    font-size: 10px;
}
.mth-line-separate{
    height: 1px;
    width: 100%;
    border: 1px solid #bebebe!important;
    margin-top: 10px;
    margin-bottom: 10px;
}
.cursor-pointer-none{
    cursor: none;
}

.mth-border-1{
    border: 1px solid #eeeeee;
}
.mth-border-2{
    border: 2px solid #eeeeee;
}
.mth-border-3{
    border: 3px solid #eeeeee;
}

.mth-inner-contact-dtls{
    border: 3px solid #e7e7e7;
    border-radius: 30px;
    margin-bottom: 25px;
    overflow: hidden;
}


.mth-border-radius-20{
    border-radius: 20px!important;
}
.mth-border-radius-15{
    border-radius: 15px!important;
}
.mth-border-radius-10{
    border-radius: 10px!important;
}


.mth-font-size-15{
    font-size: 15px!important;
}
.mth-font-size-16{
    font-size: 16px!important;
}

.mth-w-55{
    width: 55%!important;
}


.contact-info-box .icon svg {
    width: 40px;
    height: 40px;
}


.mth-inner-art-rand{
    min-height: 350px;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.mth-inner-art-rand::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #414141;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: .5;
    visibility: visible;
}
.mth-inner-art-rand-content{
    position: absolute;
    bottom: 50%;
    margin: auto;
    width: fit-content;
    left: 0;
    right: 0;
}

.mth-inner-art-rand-btn{
    position: absolute;
    bottom: -5%;
    margin: auto;
    width: fit-content;
    left: 0;
    right: 0;

}


.mth-album-content{
    background-color:#642155 ;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 10px;
    color: white;
}

.mth-member-content{
    background-color:#cf202a;
    position: absolute;
    bottom: -14%;
    width: 75%;
    padding: 15px;
    color: white;
    left: 0;
    right: 0;
    margin: auto;
}


.mth-video-button{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 38%;
    color: white;
    width: fit-content;
    font-size: 40px;
}
.mth-video-button svg{

    width: 60px;
    height: 60px;

}

.mth-form-login input{
    border-radius: 20px;
}
.cursor-pointer{
    cursor: pointer;
}

.mth-f-size-15{
    font-size: 15px;
}

.mth-align-center{
    align-items: center!important;
}

.mth-word-break-bw{
    word-break: break-word!important;
}

.mth-align-self-center{
    align-self: center!important;
}


.mth-bg-div{
    background-size: cover!important;
    background-repeat: no-repeat;
    background-position: center center!important;
}




.mth-min-height-60{
    min-height: 60px!important;
}

.mth-art-list{
    box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.2);
}

.mth-main-slide-2-text h3{
    /*font-size: 45px;*/
    font-size: 1.3rem;
}

.mth-main-slide-2-text{
   margin:auto;
   font-size: 1.0rem;
}







/* For Desktop View */
@media screen and (min-width: 1024px) {
    .mth-slider-parent-section{
    min-height: 652px ;
    max-width: 100%;
}
}
 
/* For Tablet View */
@media screen and (min-device-width: 768px) 
    and (max-device-width: 1024px) {
  .mth-slider-parent-section{
    min-height: 652px ;
    max-width:  100%;;
} 
}
 
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px) 
    and (orientation: portrait) {
    .mth-slider-parent-section{
    min-height: 652px ;
 max-width: 100%;
        
    } 
    .mth-mnu-login{
    padding: 13px;
    }
    .mobileposetopn{
        /*position: absolute;*/
    }

.mth-main-slide-2-text{
    padding-bottom: 4rem;
}
.mth-main-slider-bg{
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    background-size: contain; /* This scales the background image to cover the entire div */
    background-position: left bottom; /* This centers the background image within the div */
    z-index: 2;
   
    background-repeat: no-repeat;
}



/*.mth-parent-main-slider-2{
   background-color: rgb(0 0 0 / 19%);
}*/
 .mth-mnu-login{
    padding: 13px;
    }
    .mobileposetopn{
    /*position: absolute;*/
}
/*.mth-main-slider-bg{
    display:none;
}
.mth-main-slide-2-text{
    color:#fff;
    margin-top:7rem;
}*/


}
 
/* For Mobile Landscape View */
@media screen and (max-device-width: 640px) 
    and (orientation: landscape) {
    .mth-slider-parent-section{
    min-height: 652px ;
     max-width: 100%;
} 









.mth-parent-main-slider-2{
   background-color:transparent;/* rgb(0 0 0 / 19%);*/
}
 .mth-mnu-login{
    padding: 13px;
    }
    .mobileposetopn{
    /*position: absolute;*/
}
/*.mth-main-slider-bg{
    display:block;
}
.mth-main-slide-2-text{
    color:#000;
    margin-top:7rem;
}
*/




}
 
/* For Mobile Phones Portrait or Landscape View */
@media screen
    and (max-device-width: 640px) {
     .mth-slider-parent-section{
    min-height: 652px ;
    max-width: 100%;
} 
}
 
/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px) 
    and (-webkit-min-device-pixel-ratio: 2) {
    .mth-main-slider-1{
        top: 40%;
    }

    .mth-slider-parent-section{
    min-height: 652px ;
     max-width: 100%;
} 
.mth-parent-main-slider-2{
   background-color:transparent;/* rgb(255 255 255 / 40%);*/
       /*bottom: 35px;*/
       /*height: 74%;*/
}
 .mth-mnu-login{
    padding: 8px;
    }
    .mobileposetopn{
    /*position: absolute;*/
}
/*.mth-main-slider-bg{
    display:none;
}
.mth-main-slide-2-text{
    color:#fff;
    margin-top:7rem;
}*/
}
 
/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px) 
    and (device-width: 320px) 
    and (-webkit-min-device-pixel-ratio: 2) {


     .mth-slider-parent-section{
        min-height: 652px ;
        max-width: 100%;
    }


.mobileposetopn{
    /*position: absolute;*/
}
}
 
/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px) 
    and (min-device-width: 375px) 
    and (-webkit-min-device-pixel-ratio: 3) {
    /* .mth-slider-parent-section{
    min-height: 310px ;
    max-width: 652px;
} */
}


@media (min--moz-device-pixel-ratio: 1.5),
       (-o-min-device-pixel-ratio: 3/2),
       (-webkit-min-device-pixel-ratio: 1.5),
       (min-device-pixel-ratio: 1.5),
       (min-resolution: 144dpi),
       (min-resolution: 1.5dppx) {

/* .mobileposetopn{
    position: absolute;
}*/
}


@media screen and (min-width: 1200px) and (max-width: 1300px) {

    .mth-img-slider{
        width: 78%!important;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1400px) {

    .mth-img-slider{
        width: 72%!important;
    }
}

@media screen and (min-width: 1400px) and (max-width: 1600px) {

    .mth-img-slider{
        width: 65%!important;
    }
}
@media screen and (min-width: 1600px) and (max-width: 1800px) {

    .mth-img-slider{
        width: 57%!important;
    }
}
@media screen and (min-width: 1800px) and (max-width: 2000px) {

    .mth-img-slider{
        width: 53%!important;
    }
}
@media screen and (min-width: 2000px) and (max-width: 2200px) {

    .mth-img-slider{
        width: 48%!important;
    }
}




.navbar-expand-md .navbar-collapse{
    flex-basis: 100%;
}