.parallelogram {
    transform: skew(10deg);
    border: 1px solid #FFFF99;
}

/* client page */
.marginDivPartnerLeftRight{
    margin-right: 30px;
    margin-left: 30px;
}
.itemActiveColor{
    color: #44ce6f !important;
}

.current-dir{
    direction: ltr;
}

.mth-parent-main-slider-2 .owl-dots{
    float: left;
    margin-left: 30px ;
    margin-top: 50px!important;
}

.mth-img-th-back-group-2{
    position: absolute ;
    left: 0;
    bottom: -4%;
    z-index: -1;
    text-align: start;
}
.mth-img-th-back-group-3{
    position: absolute ;
    right: 0;
    bottom: 40%;
    z-index: -1;
    text-align: end;
}



.mth-rhombic-border-button {
    width: 90px;
    height: 90px;
    border: 6px solid #cf202a; /* Border color of the rhombic shape */
    transform: rotate(45deg); /* Rotate the div by 45 degrees to create a rhombus */
    background: none; /* Set the background to transparent */
    position: absolute;
    right: 3rem;
    top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px; /* Adjust the border-radius for smoother corners */
    margin-top: 15px;
    margin-bottom: 40px;

    margin-left: auto;
    margin-right: auto;

}

.mth-rhombic-content {
    transform: rotate(-45deg); /* Counter-rotate the text to make it horizontal */
    text-align: center; /* Center the text horizontally */
    color: #0b7c3f;
    font-weight: bolder;
}

.mth-rhombic-border-page-item {
    width: 40px;
    height: 40px;
    border: 2px solid #cf202a; /* Border color of the rhombic shape */
    transform: rotate(45deg); /* Rotate the div by 45 degrees to create a rhombus */
    background: none; /* Set the background to transparent */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-left: 10px;

}
.mth-rhombic-page-item-content {
    transform: rotate(-45deg); /* Counter-rotate the text to make it horizontal */
    text-align: center; /* Center the text horizontally */
    color: #cf202a;
    font-weight: bolder;
    border: none;
}
.mth-img-header-in-shape-container{
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    /*max-width: 1350px;*/
    overflow: hidden;


}

.mth-img-header-in-shape-container img{
    float: left;
    /*width: 220px;*/
    /*height: 220px;*/

}

.mth-bg-header{
    background-size: cover ;
    background-position: center ;
    position: absolute;
    top: 0;
    z-index: 2;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 1366px;
}



.mth-bg-header1{
    background-size: inherit ;
    background-position: left ;
    position: absolute;
    top: 2.4rem;
    z-index: 2;
    left: 0;
    right: 0;
    margin: auto;

}



.mth-bg-header2{
    background-size: inherit ;
    background-position: right ;
    position: absolute;
    top: 2.4rem;
    z-index: 2;
    left: 0;
    right: 0;
    margin: auto;
    margin-right: -5rem;
}



.mth-bg-header3{
    background-size: initial ;
    background-position: top ;
    position: absolute;
    top: 0;
    z-index: 3;
    left: 0;
    right: -31rem;
    margin: auto;
}


.mth-bg-header4{
    background-size: initial ;
    background-position: top ;
    position: absolute;
    top: 0;
    z-index: 30000;
    left: 0;
    right: -20rem;
    margin: auto;
}


.mth-header-sub-title{
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    justify-content: center;
}

.mth-ln-rotate-180{
    transform: rotate(0deg);
}

.mth-ads-parent{
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}
.mth-ads-parent::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: .5;
    visibility: visible;

}
.mth-ads-parent .mth-ads-content {
    position: absolute;
    opacity: 1;
    visibility: visible;
    bottom: 40%;
    text-align: center;
    width: 100%;
    right: 0;
    padding: 20px;
}



/* ------------- General Slider Images --------------- */


.mth-general-sld-main {
    display:block;
    margin:0 auto;
}
.mth-general-sld-slider-nav{
    background-size: cover!important;
}
.mth-general-slide-img{
    width: 100%!important;
    /*margin-bottom: -40px;*/
}
.mth-general-slide{
    width: 100%;
}
.mth-general-slid{
    margin: 20px;
}
.mth-general-slid-nav{
    /*margin-top: -96px;*/
}
.mth-general-slides{
    /*height: 190px;*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*cursor: pointer;*/
    /*background-position: center center;*/
    /*margin: 0px 15px;*/
    /*!*width: 204px!important;*!*/
    /*border-radius: 150px;*/
    min-height: 155px;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center center;
    margin: 10px 5px;
    border-radius: 5px;
}
/* ------------- General Slider Images End --------------- */



.mth-inner-contact-img-1-th{
    position: absolute ;
    left: 0;
    bottom: -4%;
    z-index: -1;
    text-align: start;
}

.mth-inner-contact-img-2-th{
    position: absolute ;
    right: 0;
    bottom: 35%;
    z-index: -1;
    text-align: end;
}

.mth-service-img-1-th{
    position: absolute ;
    left: 0;
    bottom: 30%;
    z-index: -1;
    text-align: start;
}

.mth-service-img-2-th{
    position: absolute ;
    right: 0;
    bottom: 65%;
    z-index: -1;
    text-align: end;
}

.mth-article-img-1-th{
    position: absolute ;
    left: 0;
    bottom: 10%;
    z-index: -1;
    text-align: start;
}

.mth-article-img-2-th{
    position: absolute ;
    right: 0;
    bottom: 70%;
    z-index: -1;
    text-align: end;
}

.mth-input-search{
    border-radius: 20px;
    border: 1px solid #3cb876;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 10px;
    padding-left: 55px;

}

.mth-icon-search{
    position: absolute;
    left: 4%;
    top: 25%;
    color:#cf202a;
    cursor: pointer;
    font-size: 20px;
}


.mth-img-points-4-4-left{
    position: absolute ;
    right: 5%;
    top: 7%;
    z-index: -1;
    text-align: end;
}

.mth-img-points-4-4-right{
    position: absolute ;
    left: 5%;
    top: 7%;
    z-index: -1;
    text-align: end;
}




/* For Desktop View */
@media screen and (min-width: 1024px) {

}

/* For Tablet View */
@media screen and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .mth-main-slider-bg{
        display: block;
    }
}

/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
and (orientation: portrait) {



    .mth-bg-header{
        /* background-size: cover ;
         background-position: center ;*/
        background-size: cover;
        background-position: inherit;
        position: absolute;
        top: 0;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 1366px;
    }

    .mth-bg-header2{
        background-size: 37% auto ;
        background-position: right ;
        position: absolute;
        top: 2.4rem;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto;
        max-width:100%;
        margin-right: -3.5rem;
    }

    .mth-bg-header1{
        background-size: 37% auto ;
        background-position: left ;
        position: absolute;
        top: 2.4rem;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto;
        max-width:100%;

    }
    .mth-img-header-in-shape-container img{
        width: 27%;

    }
    .mth-img-header-in-shape-container {
        bottom: 1rem;

    }

    .mth-rhombic-border-button{
        position: relative;
        right: 0;
        margin-bottom: 80px;
    }
}

/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
and (orientation: landscape) {
    .mth-bg-header{
        /* background-size: cover ;
         background-position: center ;*/
        background-size: cover;
        background-position: inherit;
        position: absolute;
        top: 0;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 1366px;
    }
}

/* For Mobile Phones Portrait or Landscape View */
@media screen
and (max-device-width: 640px) {
    .mth-bg-header{
        /* background-size: cover ;
         background-position: center ;*/
        background-size: cover;
        background-position: inherit;
        position: absolute;
        top: 0;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 1366px;
    }
}

/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
    .mth-bg-header{
        /*  background-size: cover ;
          background-position: center ;*/
        background-size: cover;
        background-position: inherit;
        position: absolute;
        top: 0;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 100%;
    }
    .mth-img-header-in-shape-container{
        max-width: 100%;
        bottom: 0;



    }
}

/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px)
and (device-width: 320px)
and (-webkit-min-device-pixel-ratio: 2) {
    .mth-bg-header{
        /*   background-size: cover ;
           background-position: center ;*/
        background-size: cover;
        background-position: inherit;
        position: absolute;
        top: 0;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 100%;
    }
    .mth-img-header-in-shape-container{
        max-width: 100%;
        bottom: -1.4rem;

    }


}

/* 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-bg-header{
        /* background-size: cover ;
         background-position: center ;*/
        background-size: cover;
        background-position: inherit;
        position: absolute;
        top: 0;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 100%;
    }
    .mth-img-header-in-shape-container{
        max-width: 100%;
        bottom: 0;

    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5) {
    /* CSS */
    .mth-bg-header2{
        background-size: 37% auto ;
        background-position: right ;
        position: absolute;
        top: 2.4rem;
        z-index: 2;
        left: 0;
        right: 0;
        margin: auto;
        max-width:100%;
        margin-right: -4rem;
    }
    /*.mth-img-header-in-shape-container{
                bottom: -2.2rem;
       height: 90%;
    }*/
}








.mth-main-slider-2 .owl-dots{
    float: right;
    margin-right: 20px;
}




.sl-nav{
    display: flex;
    justify-content: center;
    align-items: center;
    float: left!important;
}

.navbar{
    justify-content: center;
    margin-top: 20px;
}
.mth-mobile-head{
    margin-top: -10px;
}


.mth-rotate-in-ltr{
    transform: rotate(180deg);
}


.dropdown-menu{
    text-align: left;
}

.mth-header-top-strip{
    height: 38px;
    background-color: #c7a78e;
}

#header.headroom{
    padding-top: 0;
}

#header.headroom .startp-nav,
#header.headroom .startp-responsive-nav{
    padding-top: 25px;
}

#header.headroom.is-sticky{
    padding-top: 0;
}

#header.headroom.is-sticky .startp-nav,
#header.headroom.is-sticky .startp-responsive-nav{
    padding-top: 15px;
}

/* Header menu layout */
#header.headroom{
    background-color: #64265f !important;
    min-height: 300px;
}

#header.headroom.is-sticky{
    background-color: #64265f !important;
    min-height: 300px;
    box-shadow: none;
}

#header.headroom .startp-nav,
#header.headroom.is-sticky .startp-nav{
    padding-top: 25px;
}

#header.headroom .startp-responsive-nav,
#header.headroom.is-sticky .startp-responsive-nav{
    background-color: #64265f;
}

.startp-nav .container{
    max-width: 1420px;
}

.startp-nav nav.navbar{
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) 260px;
    grid-template-rows: 86px 58px;
    align-items: start;
    column-gap: 22px;
    width: 100%;
    margin-top: 0;
    direction: ltr;
}

.startp-nav nav .navbar-brand{
    grid-column: 1;
    grid-row: 1 / 3;
    display: flex;
    justify-self: start;
    align-self: start;
    align-items: flex-start;
    width: 190px;
    max-width: 190px;
    padding: 0;
    margin: 0;
}

.startp-nav nav .navbar-brand img{
    width: 190px;
    max-width: 100%;
    height: auto;
}

.startp-nav nav .mean-menu{
    grid-column: 2;
    grid-row: 2;
    justify-self: center;
    align-self: end;
    width: auto;
    max-width: 100%;
    justify-content: center;
    direction: ltr;
}

.startp-nav nav .navbar-nav{
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.startp-nav nav .navbar-nav .nav-item{
    padding: 0;
}

.startp-nav nav .navbar-nav .nav-item:not(:last-child)::after{
    content: "|";
    position: absolute;
    right: -2px;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
    font-size: 22px;
    line-height: 1;
    opacity: .95;
}

.startp-nav nav .navbar-nav .nav-item a{
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin-left: 16px;
    margin-right: 16px;
    white-space: nowrap;
}

.startp-nav nav .navbar-nav .nav-item a:hover,
.startp-nav nav .navbar-nav .nav-item a:focus,
.startp-nav nav .navbar-nav .nav-item a.active{
    color: #d0ad91;
}

.mth-header-actions{
    grid-column: 3;
    grid-row: 1 / 3;
    display: grid;
    grid-template-rows: auto 1fr;
    justify-items: end;
    align-items: start;
    width: 225px;
    justify-self: end;
}

.mth-header-search{
    position: relative;
    width: 225px;
    height: 36px;
    margin: 24px 0 0;
}

.mth-header-search input{
    width: 100%;
    height: 36px;
    border: 1px solid rgba(100, 100, 100, .35);
    border-radius: 18px;
    background-color: #f4eef1;
    color: #555555;
    font-size: 13px;
    line-height: 36px;
    text-align: left;
    direction: ltr;
    padding: 0 18px 0 48px;
    outline: none;
}

.mth-header-search button{
    position: absolute;
    left: 10px;
    top: 0;
    width: 34px;
    height: 36px;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    color: #616161;
    font-size: 20px;
    line-height: 36px;
    cursor: pointer;
    z-index: 2;
}

.mth-join-us-button{
    align-self: end;
    min-width: 92px;
    height: 30px;
    margin-bottom: 13px;
    padding: 0 14px;
    border-radius: 4px;
    background-color: #d0ad91;
    color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-decoration: none !important;
    white-space: nowrap;
    direction: ltr;
}

.mth-join-us-button:hover,
.mth-join-us-button:focus{
    background-color: #c29f83;
    color: #ffffff !important;
}

@media only screen and (max-width: 1199px){
    .startp-nav .container{
        max-width: 100%;
    }

    .startp-nav nav.navbar{
        grid-template-columns: 170px minmax(0, 1fr) 220px;
        column-gap: 16px;
    }

    .startp-nav nav .navbar-brand,
    .startp-nav nav .navbar-brand img{
        width: 165px;
        max-width: 165px;
    }

    .startp-nav nav .navbar-nav .nav-item a{
        font-size: 15px;
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 991px){
    #header.headroom,
    #header.headroom.is-sticky{
        min-height: 160px;
    }

    #header.headroom .startp-nav,
    #header.headroom.is-sticky .startp-nav{
        padding-top: 20px;
    }

    .startp-nav nav.navbar{
        display: flex;
    }

    .mth-header-actions{
        display: none;
    }
}