/* @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Lato:wght@300;400;700&display=swap');

@font-face {
    font-family: adobe-garamond-pro;

    src: url(../font/AGaramondPro-Regular.ttf) format("opentype");

    src: url("../font/AGaramondPro-Regular.ttf") format("opentype");

}

.fontadobe {
    font-family: adobe-garamond-pro;

}

/*-------------------------------------------------------------------
[1. Fixed Body style]
*------------------------------------------------------------------*/

.m-body-fixed {
    position: fixed;
    width: 100%;
    height: 100%;
}


/*end of part 1----------------------------------------------------*/


/*-------------------------------------------------------------------
[2. Header]
*------------------------------------------------------------------*/

.m-header {
    position: fixed;
    z-index: 99;
    width: 100%;
    left: 0;
    top: 0;
    font-size: 14px;
    height: 60px;
    font-weight: 400;
    background: #343333;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    /* -webkit-transition: top 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); */
    -moz-transition: top 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: top 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: top 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    /* easeOutCubic */
}

.m-header-wrapper {
    width: 100%;
    margin: 0 auto;
}

.m-header a {
    color: #4A569D;
}

.m-header.hide {
    top: -60px;
}

.m-toggle-sidebar {
    width: 52px;
    height: 60px;
    text-align: center;
    cursor: pointer;
    color: #FFF;
    float: right;
}

.m-toggle-sidebar i {
    position: absolute;
    left: 18px;
    top: 18px;
    -webkit-transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    /* easeOutCubic */
}

.m-toggle-sidebar .m-open-icon {
    transform: scale(1);
}

.m-toggle-sidebar .m-close-icon {
    transform: scale(0);
}

.m-opened-sidebar .m-toggle-sidebar .m-open-icon {
    transform: scale(0);
}

.m-opened-sidebar .m-toggle-sidebar .m-close-icon {
    transform: scale(1);
}

.m-logo-box {
    height: 27px;
    display: block;
    float: left;
    margin: 14px;
}

.m-logo-box h1 {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.m-logo {
    font-size: 18px;
    color: #FFF;
}

.m-logo img {
    display: block;
    float: left;
}

.m-logo .m-logo-mobile {
    display: none;
}

.m-logo .m-logo-desktop {
    display: block;
    width: 60px;
    height: 51px;
    margin-top: -9px;
}

.m-logo .m-logo-name {
    display: inline-block;
    float: left;
    font-weight: 400;
    line-height: 30px;
    margin-left: 10px;
    padding-left: 10px;
    border-left: solid 1px #FFF;
}

.m-header-menu {
    display: inline-block;
    float: left;
}

.m-header-navigation,
.m-header-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.m-header-navigation>li {
    float: left;
    position: relative;
}

.m-header-navigation>li>a {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    line-height: normal;
    color: #FFF;
    font-weight: 600;
    padding: 0 4px;
    text-decoration: none;
}

.m-header-navigation>li>a .material-icons {
    vertical-align: middle;
    top: -1px;
    position: relative;
}

.m-header-navigation>li>a.active {
    box-shadow: inset 0 -2px 0 0 #fff;
}

.m-header-submenu {
    background-color: #fff;
    position: absolute;
    top: 100%;
    min-width: 100%;
    left: 0;
    -webkit-box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 20px 0px rgba(0, 0, 0, 0.3);
    transform-origin: left top 0px;
    display: none;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform: scale(0);
    -khtml-transform: scale(0);
    transform: scale(0);
    -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16), 0 2px 8px 0 rgba(0, 0, 0, .12);
    -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16), 0 2px 8px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16), 0 2px 8px 0 rgba(0, 0, 0, .12);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, SizingMethod='auto expand');
}

.m-header-submenu.m-extra-menu {
    width: 280px;
}

.m-extra-menu a {
    display: block;
    width: 50%;
    float: left;
    height: 80px;
    text-align: center;
    border-bottom: solid 1px #EEE;
    padding: 15px 0;
    color: #333 !important;
    font-size: 13px;
}

.m-extra-menu a:hover {
    background-color: #f2f2f2;
    text-decoration: none;
}

.m-extra-menu a span {
    display: block;
}

.m-extra-menu a:nth-child(odd) {
    border-right: solid 1px #EEE;
}

.m-header-submenu.m-notify-list {
    width: 250px;
}

.m-notify-header {
    width: 100%;
    padding: 15px 10px;
    color: #333;
    background-color: #f4f4f4;
}

.m-notify-header .m-notify-text-top {
    display: block;
    font-size: 20px;
    text-align: center;
}

.m-notify-header .m-notify-text {
    display: block;
    text-align: center;
    font-size: 15px;
}

.m-notify-tab {
    padding: 15px;
}

.m-notify-tab .nav {
    margin-bottom: 15px;
    border-bottom: solid 1px #eee;
}

.m-notify-tab .nav li {
    display: inline-block;
    float: left;
    width: auto;
    border-left: none !important;
    margin-right: 20px;
}

.m-notify-tab .nav li a:hover {
    background-color: transparent;
    border-bottom: solid 1px #9D50BB;
}

.m-notify-tab .nav li a {
    padding: 6px 0;
    font-weight: 500;
    font-size: 16px;
}

.m-notify-tab .nav li a.active {
    border-bottom: solid 1px #9D50BB;
    color: #9D50BB;
}

.m-header-submenu ul li {
    display: block;
    width: 100%;
}

.m-header-submenu ul li a {
    display: block;
    text-decoration: none;
    padding: 10px 15px;
    color: #444;
    white-space: nowrap;
}

.m-header-submenu ul li a:hover {
    background-color: #EEE;
}

.m-header-submenu.active {
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    transform: scale(1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand');
}

.m-header-right {
    /* display: inline-block; */
    float: right;
}

.m-header-right.m-with-seperator .m-header-navigation li {
    /* border-left: solid 1px rgba(0, 0, 0, 0.05); */
}

.m-header-right .m-header-navigation .m-header-submenu {
    transform-origin: right top 0px;
    left: auto;
    right: 0;
}

.m-user-avatar {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    overflow: hidden;
}

.m-search-bar {
    position: absolute;
    width: 100%;
    height: 60px;
    top: -70px;
    left: 0;
    background: #DC2424;
    background: -webkit-linear-gradient(to right, #4A569D, #DC2424);
    background: linear-gradient(to right, #4A569D, #DC2424);
    -webkit-transition: top 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: top 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: top 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: top 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    /* easeOutCubic */
}

.m-search-bar.active {
    top: 0;
}

.m-search-form {
    max-width: 1160px;
    width: 100%;
    height: 40px;
    margin: 10px auto;
    display: block;
    font-size: 14px;
    position: relative;
}

.m-search-input-wrapper {
    left: 20px;
    top: 0;
    right: 60px;
    bottom: 0;
    height: 40px;
    position: absolute;
}

.m-search-input {
    width: 100%;
    height: 40px;
    background-color: rgba(255, 255, 255, .2);
    border: none;
    padding: 0 54px 0 14px;
    display: block;
    color: #FFF;
    outline: none;
    font-size: 14px;
    font-family: 'Cinzel', serif;
}

.m-search-input::placeholder {
    color: #FFF;
    opacity: .5;
}

.m-search-input:-ms-input-placeholder {
    color: #FFF;
}

.m-search-input::-ms-input-placeholder {
    color: #FFF;
}

.m-search-input:focus {
    background-color: rgba(255, 255, 255, .3);
}

.m-search-submit {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    padding: 8px;
    background: none;
    color: #FFF;
    border: none;
    cursor: pointer;
    outline: none;
}

.m-search-submit:hover {
    background-color: rgba(255, 255, 255, .1);
}

.m-search-close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 0;
    background: none;
    border: none;
    padding: 8px;
    outline: none;
    cursor: pointer;
    color: #FFF;
}


/*end of part 2----------------------------------------------------*/


/*-------------------------------------------------------------------
[3. Sidebar]
*------------------------------------------------------------------*/

.m-sidebar {
    position: fixed;
    width: 300px;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #343333;
    height: 100%;
    z-index: 111111;
    right: -310px;
    color: #455a64;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: all 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    /* easeOutCubic */
    color: #e3c383;
}

.m-opened-sidebar .m-sidebar {
    right: 0;
}

.m-sidebar-wrapper {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 60px;
}

.m-sidebar-wrapper::-webkit-scrollbar {
    width: 2px;
}

.m-sidebar-wrapper::-webkit-scrollbar-thumb {
    background: #e3c383;
}

.m-sidebar-wrapper::-webkit-scrollbar-track {
    background: #e3c383;
}

.m-sidebar-logo {
    width: 100%;
    height: 60px;
    border-bottom: solid 1px #60533d;
}

.m-sidebar-logo a {
    display: inline-block;
    float: right;
    margin: 16px 24px;
}

.m-sidebar-logo a img {
    display: block;
    width: 33px;
}

.m-sidebar-toggle-button {
    width: 24px;
    height: 24px;
    float: left;
    margin: 18px;
    cursor: pointer;
}

.m-sidebar-pin-button {
    width: 24px;
    height: 24px;
    float: right;
    margin: 18px;
    cursor: pointer;
}

.m-sidebar-pin-button i {
    position: absolute;
    transform: scale(1);
    -webkit-transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    /* easeOutCubic */
}

.m-sidebar-pin-button .m-fixed-icon {
    transform: scale(0);
}

.m-pinned-sidebar .m-sidebar-pin-button .m-fixed-icon {
    transform: scale(1);
}

.m-pinned-sidebar .m-sidebar-pin-button .m-not-fixed-icon {
    transform: scale(0);
}

.m-sidebar-navi ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.m-sidebar-navi>ul ul {
    display: none;
}

.m-sidebar-navi .inner {
    overflow: hidden;
    display: none;
}

.m-sidebar-navi .m-seperate {
    width: 100%;
    height: 1px;
    background-color: #484f3e;
}

.m-sidebar-navi li {
    margin: 2px 0;
    display: block;
    width: 100%;
}

.m-sidebar-navi a {
    line-height: 50px;
    text-decoration: none;
    height: 50px;
    padding: 0 20px;
    color: #e3c383;
    white-space: nowrap;
    display: table;
    width: 100%;
    font-family: "Lato", sans-serif;
}

.m-sidebar-navi a:hover {
    background-color: #0000001c;
}

.m-sidebar-navi a>span {
    display: table-cell;
}

.m-sidebar-navi a>span.m-icon {
    width: 40px;
    height: 50px;
    line-height: 0;
    vertical-align: middle;
}

.m-sidebar-navi a>span.m-arrow-icon {
    width: 24px;
    height: 50px;
    line-height: 0;
    vertical-align: middle;
    -webkit-transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: transform 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.m-sidebar-navi>ul>li>ul>li>a {
    padding: 0 20px 0 60px;
    line-height: 40px;
    height: 40px;
    font-size: 95%;
}

.m-sidebar-navi>ul>li>ul>li>a span.m-arrow-icon {
    height: 40px;
}

.m-sidebar-navi>ul>li>ul>li>ul>li>a {
    padding: 0 20px 0 80px;
    line-height: 40px;
    height: 40px;
}

.m-sidebar-navi ul li.show>a>.m-arrow-icon {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -ms-transform-origin: 50% 50%;
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Safari 3-8 */
    -webkit-transform-origin: 50% 50%;
    /* Safari 3-8 */
    transform: rotate(180deg);
    transform-origin: 50% 50%;
}

.m-sidebar-navi ul li.show>a {
    background-color: #0000001c;
}

.m-sidebar-navi>ul>li>ul>li.show>a {
    background-color: #0000001c;
}

.m-sidebar-navi ul li.show>a {
    color: #ad8536;
}

.m-overlay {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
    cursor: pointer;
    display: none;
}


/*pinned sidebar styles */

.m-opened-sidebar .m-overlay {
    display: block;
}

.m-pinned-sidebar .m-overlay {
    display: none !important;
}

.m-pinned-sidebar .m-sidebar {
    top: 60px;
}

.m-pinned-sidebar.m-opened-sidebar .m-wrapper {
    margin-left: 300px;
}

.m-pinned-sidebar .m-wrapper {
    margin-left: 0;
}


/*-------------------------------------------------------------------
[4. Material effect class helpers]
*------------------------------------------------------------------*/

.m-material-button {
    position: relative;
    overflow: visible;
}

.m-wave-effect {
    display: block;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 0px;
    height: 0px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0.7;
}

.menu-text {
    width: auto;
    margin-right: -15px;
    padding: 17px 17px 0px 0px;
}

.mr-15 {
    margin-right: -15px;
}


/*-------------------------------------------------------------------
[5. Mobile fixer styles]
*------------------------------------------------------------------*/

.booking-form-title {
    /* font-size: 20px; */
}

.booking-form-sub-title {}

.md-headline {
    font-size: 22px;
}

.mainheading {
    font-size: 24px;
}

@media (max-width: 768px) {
    #whatsapp_chat_widget {
        display: none !important;
    }

    .ask-subtitle {
        font-size: 16px !important;
    }

    .mainheading {
        font-size: 20px;
    }

    .md-headline {
        font-size: 19px !important;
    }

    .booking-form-title {
        /* font-size: 20px; */
    }

    .booking-form-sub-title {
        font-size: 17px !important;
    }

    .image-section img {
        max-width: 75%;
    }

    .mg-about h2 {
        font-size: 26px !important;
        line-height: 15px;
    }

    .mg-about p {
        font-size: 16px !important;
    }

    .home-form h4 {
        font-size: 19px !important;
        margin-top: -8px;
        margin-bottom: 10px !important;
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 15px;
        height: 15px !important;
    }

    .menu-text {}

    .single-blog .content h3 a {
        font-size: 22px !important;
    }

    .mg-faq p {
        font-size: 20px !important;
        margin-top: 0px !important;
    }

    .mg-faq {
        padding-top: 40px !important;
        padding-bottom: 20px !important;
    }

    #main #faq .card .card-header .btn-header-link {
        font-size: 14px !important;
    }

    .seq .seq-title {
        bottom: 0%;
        margin: 0%;
        width: 100%;
        background-image: linear-gradient(to bottom, rgb(0 0 0 / 4%), rgb(8 8 8));
        position: inherit;
    }

    .m-header-submenu.m-notify-list {
        width: 300px;
    }

    .m-logo .m-logo-mobile {
        display: block;
        position: relative;
        top: -6px;
        height: 46px;
        width: 43px;
    }

    .m-logo .m-logo-desktop {
        display: none;
    }

    .m-header-menu {
        display: none;
    }

    .m-hide-on-mobile {
        display: none;
    }

    .m-header-right .m-header-navigation .m-header-submenu.m-notify-list {
        right: -60px;
    }

    .thank-you-container {
        border: 3px solid #bd9f5f;
        padding: 15px;
    }

    textarea {
        height: 70px;
    }

    .thank-you-container p {
        color: #fff;
        margin-top: -2%;
        font-size: 18px !important;
    }

    .thank-you-container h3 {
        font-size: 20px !important;

    }
}

.thank-you-container h3 {
    margin-bottom: 15px;
}


/*-------------------------------------------------------------------
[6. Easy color change with CSS ]
[open the section below to see the color change]
*------------------------------------------------------------------*/


/*
.m-header, .m-search-bar{
	background: #159957;
	background: -webkit-linear-gradient(to right, #155799, #159957); 
	background: linear-gradient(to right, #155799, #159957);
}

.m-notify-tab .nav li a.active{
	border-color: #155799;
	color: #155799;
}
.m-notify-tab .nav li a:hover{
	border-color: #155799;
}
.m-sidebar-navi ul li.show > a, .m-header a{
	color: #155799;
}
.m-sidebar-wrapper::-webkit-scrollbar-thumb {
    background: #155799;
}
*/


/*-------------------------------------------------------------------
[7. And your code starts here]
*------------------------------------------------------------------*/

.m-wrapper {
    padding-top: 80px;
    -webkit-transition: margin 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition: margin 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition: margin 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition: margin 200ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    /* easeOutCubic */
}


/* abhijeet */

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: cinzel, serif;
}

h3 {
    color: #a5743f;
}

p {
    font-family: 'Lato', sans-serif;
    text-align: justify;
}

.carousel-caption h2 {
    font-weight: 400;
    font-size: 35px;
    color: #e3c383;
    text-shadow: 1px 2px #000;
}

.golden-border {
    border-right: 1px solid #967a49;
    padding-right: 15px;
}

.carousel-inner img {
    width: 100%;
    height: 100%;
}

.carousel-caption {
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    right: 7%;
    height: 34%;
    bottom: 30%;
    position: absolute;
    text-align: left;
    width: 45%;
    padding: 5px 20px;
    left: auto;
}

.carousel-caption button {
    color: #343333;
    background-color: #f1c150;
    background-image: none;
    border-color: #f1c150;
    font-size: 14px;
    padding: 5px 30px;
}

.carouselhr {
    margin-top: 0rem;
    margin-bottom: 0rem;
    border: 0;
    border-top: 1px solid rgb(227 195 131);
}

.seq-read-btn {
    display: block;
    margin-top: 20px;
    width: 25%;
}

.mg-home-form,
.mg-about-inner {
    padding: 60px 0;
}


.mg-about h1 {
    font-size: 28px;
    color: #e3c383;
    line-height: 30px;
}

.mg-philosophy-sec h2 {
    color: #343333;
    font-size: 26px;
    line-height: 30px;
}

.mg-philosophy-sec p {
    font-size: 18px;
    text-align: center;
    color: #343333;
    line-height: 22px;
}

.home-form {
    width: 100% !important;
    background-color: #ffff !important;
    border-radius: 0px;
    margin: 10px 0px 30px 0px;
    padding: 20px 30px;
}

.home-form h3 {
    font-size: 28px;
    color: #e3c383;
    text-align: center;
    margin-bottom: 30px;
}

.home-form h3:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 47%;
    margin-left: -25px;
    width: 120px;
    height: 1px;
    background: #e3c383;
    display: inline-block;
}

.home-form p {
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 20px;
}

.home-form input {
    /* margin-bottom:0px; */
}

.preferred-date,
.preferred-time {
    /* font-size: 12px; */
    /* color: #797f84; */
    /* margin-bottom: 2px; */
    /* margin-left: 2px; */
}


.svg-img {
    width: 20px;
    margin-right: 5px;
    margin-bottom: 2px;
}

.btn-home-form-primary {
    color: #ffffff;
    background-color: transparent;
    background-image: none;
    border-color: #ffffff;
}

.btn-home-form-whatsapp {
    color: #343333;
    background-color: #ced4da;
    background-image: none;
    border-color: #ced4da;
}

.submit {
    width: 42% !important;
    color: #ffff;
    background-color: #472500;
    background-image: none;
    border-color: transparent;
    border-radius: 20px;
    margin: 0px !important;
}

.truestories h2 {
    font-size: 30px;
    color: #e3c383;
    line-height: 40px;
    font-family: 'adobe-garamond-pro';

}

.truestories h2:before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 47%;
    margin-left: -25px;
    width: 120px;
    height: 1px;
    background: #472500;
    display: inline-block;
}

.humanity-service {
    padding: 40px 0;
}

#more {
    display: none;
}

.humanity-service h2 {
    font-size: 26px;
    color: #a5743f;
    line-height: 40px;
}

.humanity-service h2:before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 47%;
    margin-left: -25px;
    width: 120px;
    height: 1px;
    background: #a5743f;
    display: inline-block;
}

.ask-form input,
textarea {
    /* margin-bottom: 18px; */
    /* background: #f1f1f1; */
    /* padding: 5px 10px; */
    /* border-radius: 0px; */
    /* width: 100%; */
    /* height: 60px !important; */
}

.ask-form {
    width: 60%;
    margin: 40px auto;
}

.ask-form-hr {
    margin-top: 0rem;
    margin-bottom: 0rem;
    border: 0;
    border-top: 2px solid rgb(162 127 43);
}

.contact-info h5 {
    font-family: 'adobe-garamond-pro';
    font-size: 24px;
}

.contact-info p {
    color: #afadad;
}

.form-control {
    border-radius: 3px;
    font-size: 12px !important;
}

.invalid-feedback {
    font-size: 10px;
    margin-bottom: 5px;
}




/* OwlCarousel CSS */

.gtco-testimonials {
    position: relative;
    margin-top: 30px;
}


@media (max-width: 767px) {

    .font-20-px,
    #main #faq .card .card-header .btn-header-link {
        font-size: 18px !important;
    }

    #main #faq .card .card-body p {
        font-size: 16px;
    }

    .m-b-5 {
        margin-bottom: 2rem !important;
    }

    .booking-form-sub-title {
        font-size: 18px;
    }

    .mt-50 {
        margin-top: -50px !important;
    }

    .mt-30 {
        margin-top: -30px !important;
    }

    .slider-caption h1 {
        font-size: 26px !important;
    }

    .font-140 {
        font-size: 24px !important;
    }

    .contact-info h5 {
        font-size: 22px;
    }

    .gtco-testimonials {
        margin-top: 20px;
    }
}

.gtco-testimonials h3 {
    text-align: center;
    color: #333333;
    margin-top: 8px;
    font-size: 22px;
    line-height: 27px;
}

.gtco-testimonials .owl-stage-outer {
    padding: 58px 0px 10px 0px;
}

.gtco-testimonials .owl-nav {
    display: none;
}

.gtco-testimonials .owl-dots {
    text-align: center;
}

.gtco-testimonials .owl-dots span {
    position: relative;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: block;
    background: #fff;
    border: 2px solid #d6a430;
    margin: 0 5px;
}

.gtco-testimonials .owl-dots .active {
    box-shadow: none;
}

.gtco-testimonials .owl-dots .active span {
    background: #dea214;
    box-shadow: none;
    height: 12px;
    width: 12px;
    margin-bottom: -1px;
}

.gtco-testimonials .card {
    padding: 7px 10px;
    border: 0;
}

.gtco-testimonials .card .card-img-top {
    max-width: 100px;
    border-radius: 50%;
    margin: -55px auto 0;
    box-shadow: 0 8px 20px -4px #95abbb;
    width: 100px;
    height: 100px;
    overflow: visible;
    z-index: 11111;
}

.gtco-testimonials .card h5 {
    color: #01b0f8;
    font-size: 21px;
    line-height: 1.3;
}

.gtco-testimonials .card h5 span {
    font-size: 18px;
    color: #666666;
}

.gtco-testimonials .card p {
    font-size: 19px;
    color: #555;
    margin-bottom: 0px;
    text-align: center;
}

.gtco-testimonials .active {
    opacity: 1;
    transition: all 0.3s;
}

.gtco-testimonials .center {
    opacity: 1;
}

.gtco-testimonials .center h5 {
    font-size: 22px;
}

.gtco-testimonials .center h5 span {
    font-size: 20px;
}

.gtco-testimonials .center .card-img-top {
    max-width: 100%;
    height: 120px;
    width: 120px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    outline: 0;
}

.gtco-testimonials a {
    text-decoration: none;
}

.owl-carousel .owl-item img {
    margin: auto;
    margin-top: -62px;
    width: 126px;
}

.socials-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0;
}

.socials-media img {
    width: 45px;
    padding: 5px;
    border-radius: 10px;
}

.mg-about {
    padding-top: 80px;
}

.mg-faq {
    padding-top: 80px;
    padding-bottom: 80px;
}

.mg-faq h1 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #fff;
    padding: 10px 20px;
    display: inline-block;
    color: #e3c383;
}

.mg-faq p {
    font-size: 22px;
    margin-top: 20px;
}

.mg-about p {
    color: #dad8d8;
    font-size: 19px;
    font-weight: 100 !important;
}

.mg-about-inner h3 {
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    font-size: 24px;
}

.mg-about-inner-journey h3 {
    letter-spacing: 1px;
    font-size: 24px;
    font-family: 'adobe-garamond-pro' !important;
}

.mg-about-inner h3:before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 4%;
    margin-left: -31px;
    width: 130px;
    height: 2px;
    background: #e3c383;
    display: inline-block;
}

.text-gold {
    color: #e3c383;
}

.form-title-text {
    font-size: 24px;
    font-weight: 500;
}

.journey-box {
    background: linear-gradient(to right, #302316, #42280d);
    padding: 25px;
    border: 5px solid #e3c383;
}

.mg-about-inner-journey h3:before {
    position: absolute;
    bottom: -4px;
    left: 9%;
    margin-left: -31px;
    width: 130px;
    height: 2px;
    background: #e3c383;
}

.mg-transformed h3:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 14%;
    margin-left: -31px;
    width: 130px;
    height: 2px;
    background: #a5743f;
}

.single-blog .content {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07);
    background-color: #fff;
    padding: 30px;
    max-width: 320px;
    margin: -30px auto 0;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    height: 210px;
}

.single-blog .content h3 a {
    color: #2f2c52;
    font-size: 22px;
    text-decoration: none;
}

.single-blog .content h3 {
    line-height: 1 !important;
}

.single-blog .content span {
    font-size: 15px;
    color: #7a7e9a;
    font-family: "Rubik", sans-serif;
    position: relative;
    padding-left: 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.single-blog .content span::before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    background-color: #c99c42;
    left: 0;
    top: 5px;
    border-radius: 30px;
    -webkit-transition: 0.5s;
    transition: 0.5s;

}

.mg-blog-inner h1 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #fff;
    padding: 10px 20px;
    display: inline-block;
    color: #e3c383;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.5);
font-size: 2rem;}

.mg-blog-inner {
    padding-top: 15px;
    padding-bottom: 15px;
}

.blog-btn {
    color: #b58c39;
    font-size: 18px;
}

.seg-svg {
    width: 120px;
    margin-bottom: 10px;
}

.seg-sol-svg {
    width: 120px;
    margin-bottom: 20px;
}

.seg-sol {
    text-align: center;
}

.seg-sol h5 {
    text-align: center;
    color: #343333;
    padding: 8px;
    border: 1px solid #967a49;
    border-radius: 10px;
    width: 69%;
    margin: auto;
    margin-bottom: 20px;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
}


/* Mobile View CSS */

@media (orientation: landscape) {
    /* .animate-in .model { */
    /* left: 20% !important; */
    /* bottom: -12%; */
    /* } */
    /* h2.title01 { */
    /* text-align: center; */
    /* top: 624px !important; */
    /* } */
    /* .model { */
    /* max-width: 289px !important; */
    /* } */
    /* .btn_animate { */
    /* top: 740px !important; */
    /* } */
    /* h2.title02 { */
    /* } */
    /* .model01 { */
    /* max-width: 250px !important; */
    /* bottom: -4%  !important; */
    /* } */
    /* .subtitle02 { */
    /* top: 655px!important; */
    /* } */
    /* .model02 { */
    /* max-width: 400px !important; */
    /* bottom: -13%  !important; */
    /* } */
    /* h2.title03 { */
    /* width: 75%!important; */
    /* } */
    /* .subtitle03 */
    /* { */
    /* width: 75%!important; */
    /* top: 658px; */
    /* } */
}

h2.title01,
h2.title02,
h2.title03,
h2.title04 {
    left: 52%;
}

.subtitle01,
.subtitle02,
.subtitle03,
.subtitle04 {
    left: 52%;
}

.animate-in .btn_animate {
    left: 52%;
    top: 128%;
}

@media (max-width: 768px) {
    .circle {
        margin-bottom: 430%;
    }

    .subtitle01,
    .subtitle02,
    .subtitle03,
    .subtitle04 {
        top: 655px;
        text-align: center !important;
    }

    .model01 {
        width: 327px !important;
        height: 306px !important;
        bottom: -8% !important;
    }

    .model03 {
        width: 354px !important;
        height: 247px !important;
        bottom: -2%;
        min-width: 355px !important;
        max-width: 604px !important;
        width: 419px !important;
        height: 292px !important;
        bottom: -3% !important;
    }

    h2.title01,
    h2.title02,
    h2.title03,
    h2.title04 {
        top: 600px;
        font-size: 20px !important;
        width: 100% !important;
        margin: auto !important;
        text-align: center !important;
        left: initial !important;
    }

    .home-form p {
        font-size: 16px !important;
    }

    .card-img-testimonials {
        width: 95px !important;
    }

    .mg-faq h1 {
        padding: 10px;
        font-size: 24px;
    }

    .testimonials-block h4 {
        font-size: 22px;
    }

    .testimonials-card-bg {
        font-size: 18px !important;
        padding: 10px;
        height: auto !important;
        padding-bottom: 10px;
    }

    .testimonials-read-btn {
        margin-top: 10px !important;
        border-radius: 3px !important;
        font-size: 8px !important;
        height: auto !important;
        padding: 4px;
        margin-top: 8px;
    }

    .testimonials-block p {
        font-size: 9px !important;
        margin-top: 5px;
        margin-bottom: -3px;
        color: #fff;

    }

    .mg-blog-inner {
        padding-top: 55px;
        padding-bottom: 30px;
        top: 97px !important;
    }

    .mg-blog-inner h1 {
        padding: 8px;
        font-size: 14px;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .single-blog .content {
        height: auto;
        margin-bottom: 30px;
        padding: 15px;
    }

    .form-title-text {
        font-size: 16px;
        font-weight: bold;
    }

    .seq .seq-model img {
        width: auto;
    }

    .seq-model-101 {
        margin-top: 46% !important;
    }

    .seq .seq-title h2 {
        text-align: center !IMPORTANT;
    }

    .seq .seq-title h3 {
        clear: left;
        font-size: 11px;
        font-family: "Lato", sans-serif;
        font-weight: 300;
        color: #FFF;
        text-shadow: 1px 1px #000;
        line-height: 16px;
        padding: 10px;
        text-align: center !important;
    }

    .home-form {
        width: 100% !important;
        padding: 23px 10px 10px !important;
    }

    .ask-form {
        width: 100%;
        margin: 0px auto !important;
    }

    .mg-philosophy-sec h2 {
        font-size: 24px;
        line-height: 22px;
    }

    .mg-philosophy-sec p {
        font-size: 16px;
        line-height: 22px;
    }

    .home-form h3,
    .truestories h2,
    .humanity-service h2,
    .mg-about-inner h3,
    #main h2 {
        font-size: 24px;
        line-height: 24px;
    }

    .mg-about-inner h3:before {
        margin-left: 0px;
        left: 4%;
    }

    .mg-about-inner h3 {
        font-size: 17px;
        line-height: 42px;
    }

    .seq-read-btn {
        width: 20%;
        margin: auto;
        font-size: 8px;
        margin-top: 3%;
        text-shadow: none;
        margin-bottom: 10px;
    }

    .mg-transformed h3 {
        font-size: 22px;
        margin-top: 22px;
        text-align: center;

    }

    .mg-transformed h3:before {
        width: 70px;
    }

    .mg-about-inner h2 {
        font-size: 22px;
    }

    .mg-home-form,
    .mg-about-inner,
    .humanity-service {
        padding: 30px 0;
    }

    .ptpb-30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .dots {
        bottom: -5px !important;
    }

    .dot {
        width: 15px !important;
        height: 15px !important;
    }

    #scroll {
        display: none !important;
    }
}

.showcase-bg {
    background: linear-gradient(rgba(0, 0, 0, 0.498039), rgba(0, 0, 0, 0.498039)), url(../images/showcase-header.jpg) center 40% no-repeat;
    background-size: cover
}

.btn-primary {
    background: #e3c383 !important;
    color: #000;
    font-size: 14px;
}

.btn-extender {
    padding-left: 40px;
    padding-right: 40px;
    margin-top: 20px
}

.btn-extender01 {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px
}

.btn-extender02 {
    padding-left: 30px;
    padding-right: 30px
}

#sequence .sequence-pagination,
#sequence .controls {
    position: absolute;
    bottom: 30px;
    z-index: 10;
    color: #fff;
    text-align: center;
    width: 100%
}

#sequence .controls {
    bottom: 23px;
    width: auto;
    right: 30px
}

#sequence .sequence-pagination li,
#sequence .controls li {
    background-image: url(../images/buttons.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    text-indent: -99999px;
    opacity: .8
}

#sequence .sequence-pagination li:hover,
#sequence .controls li:hover {
    opacity: 1
}

#sequence .sequence-pagination li {
    background-position: 0 -8px;
    padding-right: 5px;
    height: 19px;
    width: 19px;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9)
}

#sequence .sequence-pagination li.current {
    background-image: url(../images/buttons.png);
    background-repeat: no-repeat;
    background-position: -22px -8px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.m-icon img {
    width: 25px;
    height: 25px;
    line-height: 0;
    vertical-align: middle;
}

.testimonials-card-bg {
    background-color: #472500;
    font-size: 25px;
    text-align: center;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    height: 215px;
}

.card-img-testimonials {
    width: 125px;
    display: block;
    text-align: center;
    margin: auto;
    margin-top: -16%;
}

.card-body p {
    font-size: 18px;
}

.testimonials-block {
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    background-color: #f3d283;
}

.testimonials-read-btn {
    display: block;
    margin: 10px auto !important;
    width: 32% !important;
    font-size: 14px;
    height: 37px;
    color: #343333 !important;
    background-color: #f1c150 !important;
    border-color: #f1c150 !important;
    border-radius: 3px !important;
}

.copyright-area {
    padding-top: 30px;
    border-top: 1px dashed #928f8f;
}

.copyright-area {
    padding-bottom: 20px;
    width: 100%;
}

.copyright-area p {
    color: #9c9c9c;
    font-size: 14px;
}

.copyright-area p a {
    color: #9c9c9c;
}

#main {}

#main #faq .card {
    margin-bottom: 30px;
    border: 0;
    background-color: #f8f8f800;
}

#main #faq .card .card-header {
    border: 0;
    -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
    border-radius: 2px;
    padding: 0;
}

#main #faq .card .card-header .btn-header-link {
    color: #fff;
    display: block;
    text-align: left;
    background: #ffffff;
    color: #222;
    padding: 5px 20px;
    font-weight: 600;
    font-size: 20px;
    border: 1px solid #d2cfcf;
    border-radius: 0px;
    white-space: break-spaces;
}

#main #faq .card .card-body p {
    font-size: 16px;
}

#main #faq .card .card-header .btn-header-link:after {
    content: "\f106";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
}

#main #faq .card .card-header .btn-header-link.collapsed {
    background: #ffffff;
    color: #0d0d0d;
}

#main #faq .card .card-header .btn-header-link.collapsed:after {
    content: "\f107";
}

#main #faq .card .collapsing {
    background: #ffffff;
    line-height: 30px;
}

#main #faq .card .collapse {
    border: 0;
}

#main #faq .card .collapse.show {
    background: #ffffff;
    line-height: 30px;
    color: #222;
    border: 1px solid #d2cfcf;
    border-top: 0px;
}

.contact-info {
    margin-bottom: 40px;
}

.carousel-indicators .active {
    background-color: #f4d994;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-top: -20px;
}

.carousel-indicators {
    bottom: 0px !important;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 15px;
    height: 34px;
}

.slider-caption p {
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 300;
}

.circle {
    border: 2px solid white;
    padding: 2px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.home-form h4 {
    color: #472500 !important;
}

.booking-form-sub-title {
    font-size: 20px;
}

.textarea-optional {
    margin-bottom: 0px;
    background: #f1f1f1;
    padding: 15px;
    border-radius: 6px;
}


/**
carosel Styling
 */

#mg-carosel .carousel-item h4 {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

#mg-carosel .carousel-item p {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

#mg-carosel .carousel-item a {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

#mg-carosel .carousel-item .mask img {
    /*-webkit-animation-name: slideInRight;*/
    /*animation-name: slideInRight;*/
    display: block;
    height: auto;
    max-width: 100%;
}

#mg-carosel h4,
#mg-carosel p,
#mg-carosel a,
#mg-carosel .carousel-item .mask img {
    -webkit-animation-duration: 1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

#mg-carosel .container {
    max-width: 1430px;
}

#mg-carosel .carousel-item {
    height: 100%;
    min-height: 650px;
}

.carousel-control-next,
.carousel-control-prev {
    height: 40px;
    width: 40px;
    padding: 12px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    background-color: #f47735;
}

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.carousel-fade .carousel-item {
    opacity: 1;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-right.active {
    opacity: 1
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item-prev.active,
.carousel-fade .carousel-item.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

@supports (transform-style:preserve-3d) {

    .carousel-fade .carousel-item-left.active,
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item-prev.active,
    .carousel-fade .carousel-item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item-prev.active,
.carousel-fade .carousel-item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

.slider-caption h2 {
    color: #e3c383;
    font-size: 28px;
}

.slider-caption p {
    font-size: 1rem;
    letter-spacing: 0.6px;
    font-weight: 100;
    color: #fff;
    font-family: 'Lato', sans-serif;
}

.font-160 {
    font-size: 1.60rem;
}

.carousel-inner img {
    max-width: 700px;
}

#mg-carosel .carousel-item .mask img {
    max-width: initial;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 15px;
    height: 15px;
}

.carousel-control-prev-icon {
    background-image: url(https://staging.manavguru.org/wp-content/uploads/2020/12/left-arrow.png);
}

.carousel-control-next-icon {
    background-image: url(https://staging.manavguru.org/wp-content/uploads/2020/12/next.png);
}

.carousel-control-next,
.carousel-control-prev {
    border-radius: 50%;
    border: 1px solid;
    background-color: #f4773500;
}

#mg-carosel .carousel-item a {
    border: 1px solid transparent;
}

.carousel-control-next {
    right: 20px;
}

.carousel-control-prev {
    left: 20px;
}

.slider-caption {
    margin-top: 8rem;
}

@media (max-width: 767px) {
    .slider-caption {
        margin-top: 0;
    }

    .slider-caption p {
        font-size: 14px;
    }

    .carousel-inner img {
        width: 100%;
        height: 100%;
    }

    .carousel-control-next,
    .carousel-control-prev {
        top: 40%;
    }

    .slider-caption h2,
    .slider-caption p {
        text-align: center;
    }

    .justify-content-xs-center {
        justify-content: center !important;
    }
}


/**
carosel Styling
 */

 
 /* Footer */
 

 .ptpb-30 {
 padding-top: 60px !important;
}
               

.footer-widget li a {
font-size: 18px;
font-weight: 500;
color: #fff;
}

               

.footer-widget ul  {
 padding-inline-start: 0px;
}
				
				

.footer-widget li  {
list-style: none;
margin-bottom: 10px;
 }

               

.footer-widget h4 {
font-size: 26px;
color: #e3c383;
margin-bottom: 30px;
font-family: 'adobe-garamond-pro';
}
            
.contact-info h5 {
font-family: 'adobe-garamond-pro';
font-size: 22px;
}
 
 
 
/* tabber */

.tabber-bottom .nav-tabs .nav-link svg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3px;
    width: 24.5px;
    height: 24px;
}

.tabber {
    padding: 0;
    z-index: 9;
    width: 100%;
    left: 0;
}

.nav-link {
    display: block;
    padding: 10px;
}

.tabber-bottom .nav-tabs .nav-link img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 25px;
    height: 25px;
}

.tabber-bottom {
    position: fixed;
    bottom: 0px;
    overflow: hidden;
    padding-top: 10px;
    left: 0;
}

.ios .tabber-bottom {
    border-top: 1px solid #dddddd;
}

.tabber-bottom .nav-tabs {
    background: #ffffff;
    width: 100%;
    left: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.tabber-bottom:after {
    content: '';
    position: absolute;
    right: 0;
    width: 100%;
    top: 0px;
    height: 10px;
    pointer-events: none;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .3)), color-stop(40%, rgba(0, 0, 0, .1)), color-stop(50%, rgba(0, 0, 0, .05)), color-stop(80%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .05) 50%, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.5;
}

.tabber-bottom .nav-tabs .nav-link {
    height: 60px;
    color: #785c31;
    font-weight: 500;
}

.tabber-bottom+.tab-content {
    padding-bottom: 60px;
}

.tabber-bottom .nav-tabs .nav-link i {
    display: block;
    text-align: center;
    height: 22px;
    font-size: 22px;
}

.tabber-bottom .nav-tabs .nav-link .badge {
    position: fixed;
    background: red;
    color: #ffffff;
    font-family: sans-serif;
    font-size: 10px;
}

.tab-content.h-100 .tab-pane {
    height: 100%;
    overflow-y: auto
}

.nav-tabs {
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    display: flex
}

.nav-tabs .nav-item {
    border: 0;
    margin-bottom: -2px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    text-align: center;
    font-size: 12px;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #816a46;
    background-color: transparent;
    /* border-top: 2px solid #7e2622; */
    border-radius: 0px;
}

.nav-tabs .nav-item .nav-link {
    border: 0;
    opacity: 0.6;
    padding: 5px 10px;
    line-height: 30px;
    border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    color: #222222;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 38px;
    font-weight: 500;
}

.ios .nav-tabs .nav-item .nav-link {
    color: #999999 !important
}

.theme-dark .nav-tabs .nav-item .nav-link {
    color: #ffffff
}

.nav-tabs .nav-item .nav-link.active {
    background: none;
    border: 0;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    opacity: 1;
    line-height: 34px;
}

.ios .nav-tabs .nav-item .nav-link.active {
    border: 0;
    line-height: 38px;
}

.payment-container {
    background: #000000 url(/wp-content/uploads/2020/12/pay-bg.jpg) !important;
}

.payment-container h3 {
    color: #5e462e;
}

.ask-subtitle {
    font-size: 22px;
}

.thank-you-container p {
    color: #000;
    margin-top: -2%;
    font-size: 21px;
}

.thank-you-container img {
    width: 100px;
    margin: auto;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 25px;
}

.thank-you-container {
    border: 3px solid #bd9f5f;
    padding: 15px;
}

.blog-form h3 {
    font-size: 28px;
    color: #e3c383;
    text-align: center;
    margin-bottom: 30px;
}

.textwidget h3 {
    font-size: 28px;
    color: #e3c383;
    text-align: center;
    margin-bottom: 30px;
}

.centered {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#top_carousel {
    height: 600px;
    overflow: hidden;
    outline: none;
}

#top_carousel .item {
    width: 400px;
    height: 492px;
    position: relative;
}

#top_carousel .item img {
    display: block;
    width: 120px;
    height: 120px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: auto;
    border-radius: 50%;
}

#top_carousel .item .title {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    background: rgba(200, 200, 200, 0.5);
    font: 700 22px/28px Roboto;
    color: #ddd;
    text-align: center;
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.7);
    padding: 40px 15px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
}

#top_carousel .item {}

#top_carousel .item.carousel_center .title {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.draggable {
    cursor: url(data:image/gif;base64,R0lGODlhEAAQAJECAP///wAAAP///wAAACH5BAEAAAIALAAAAAAQABAAAAI0lC8RyLkBgFoMSotrVHsnhHWXdISS+DzRimIWy3Ii7CU0Tdn3mr93bvDBgMFfozg86mKHAgA7), move;
}

.carousel_center img {
    width: 120px;
    height: 120px;
}

.testimonials-block {
    border-radius: 10px;
    background-color: #f3d283;
    margin-top: -46px;
    padding-top: 46px;
    box-shadow: 0px 0px 35px 0px rgb(0 1 1 / 25%);
}

.testimonials-card-bg {
    background-color: #472500;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.testimonials-block h5 {
    font-size: 28px;
    padding: 15px 0px;
    font-family: 'adobe-garamond-pro';
}

.testimonials-block h5 span {
    font-size: 18px;
    color: #666666;
    line-height: 1.3;
    font-family: 'adobe-garamond-pro';
}

.testimonials-block p {
    color: #fff;
    text-align: center;
    font-size: 26px;
    font-family: 'adobe-garamond-pro';
    padding-bottom: 0px;
    line-height: 1.2;
}

.carousel_center,
.testimonials-block {}

@media (max-width: 768px) {
    .card-img-top {
        width: 50px !important;
        height: 50px !important;
    }

    .carousel_center img {
        width: 70px !important;
        height: 70px !important;
    }

    .carousel_center {
        width: 197px !important;
        height: 284px !important;
    }

    .carousel_center p {
        font-size: 17px !important;
        padding: 0px;
    }

    .card p {
        padding: 11px;
    }

    .item p {
        font-size: 10px;
    }

    .testimonials-block h5 {
        font-size: 18px !important;
        font-family: 'adobe-garamond-pro' !important;
    }

    .testimonials-block h5 span {
        font-size: 8px;
        font-family: 'Lato';
    }

    .carousel_center {
        /* transform: translate3d(0px, -54px, 0px) !important; */
    }

    .carousel_center h5 {
        font-size: 18px;
        line-height: 18px;
        padding-top: 30px;
    }

    .testimonials-block {
        margin-top: -26px;
        padding-top: 15px;
    }

    .carousel_center h5 span {
        font-size: 12px;
    }
}


/**************** 768 *****************/

@media all and (max-width: 1023px) {
    #top_carousel {
        height: 340px;
    }

    #top_carousel .item {
        width: 600px;
        height: 340px;
    }

    #top_carousel .item .title {
        font: 700 18px/24px Roboto;
        padding: 20px 10px;
    }
}


/**************** 480 *****************/

@media all and (max-width: 767px) {
    #top_carousel {
        height: 370px;
    }

    #top_carousel .item {
        width: 200px;
        height: 220px;
    }

    #top_carousel .item .title {
        font: 700 16px/22px Roboto;
        padding: 15px 10px;
    }

    .f_arrow[class*="prev"] {
        left: 3px !important;
    }

    .f_arrow[class*="next"] {
        right: 3px !important;
    }

    .f_arrow:before,
    .f_arrow:after {
        width: 8px !important;
        height: 3px !important;
        background: #343333;
        border-radius: 8px;
    }
}


/**************** 320 *****************/

@media all and (max-width: 479px) {
    #top_carousel {
        height: 315px;
    }

    #top_carousel .item {
        width: 150px;
        height: 208px;
    }

    #top_carousel .item .title {
        font: 700 14px/16px Roboto;
        padding: 10px 5px;
    }
}


/*------ Arrows ------*/

.f_arrow {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -webkit-touch-callout: none;
}

.f_arrow:before,
.f_arrow:after {
    content: '';
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
}

.f_arrow[class*="prev"] {}

.f_arrow[class*="prev"]:before,
.f_arrow[class*="prev"]:after {
    left: 0;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.f_arrow[class*="prev"]:before {
    -webkit-transform: rotate(-42deg);
    -moz-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    -o-transform: rotate(-42deg);
    transform: rotate(-42deg);
}

.f_arrow[class*="prev"]:after {
    -webkit-transform: rotate(42deg);
    -moz-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    -o-transform: rotate(42deg);
    transform: rotate(42deg);
}

.f_arrow[class*="next"] {}

.f_arrow[class*="next"]:before,
.f_arrow[class*="next"]:after {
    right: 0;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.f_arrow[class*="next"]:before {
    -webkit-transform: rotate(42deg);
    -moz-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    -o-transform: rotate(42deg);
    transform: rotate(42deg);
}

.f_arrow[class*="next"]:after {
    -webkit-transform: rotate(-42deg);
    -moz-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    -o-transform: rotate(-42deg);
    transform: rotate(-42deg);
}


/* hover */

.f_arrow:hover {}

.f_arrow[class*="prev"]:hover {
    -webkit-transform: translateX(-2px);
    -moz-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    -o-transform: translateX(-2px);
    transform: translateX(-2px);
}

.f_arrow[class*="next"]:hover {
    -webkit-transform: translateX(2px);
    -moz-transform: translateX(2px);
    -ms-transform: translateX(2px);
    -o-transform: translateX(2px);
    transform: translateX(2px);
}

.f_arrow[class*="prev"]:hover:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.f_arrow[class*="prev"]:hover:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.f_arrow[class*="next"]:hover:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.f_arrow[class*="next"]:hover:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.f_arrow[class*="prev"]:active:after,
.f_arrow[class*="prev"]:active:before,
.f_arrow[class*="next"]:active:after,
.f_arrow[class*="next"]:active:before {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
}


/* active */

.f_arrow:active {}

.f_arrow[class*="prev"]:active:before {
    -webkit-transform: rotate(-38deg);
    -moz-transform: rotate(-38deg);
    -ms-transform: rotate(-38deg);
    -o-transform: rotate(-38deg);
    transform: rotate(-38deg);
}

.f_arrow[class*="prev"]:active:after {
    -webkit-transform: rotate(38deg);
    -moz-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    -o-transform: rotate(38deg);
    transform: rotate(38deg);
}

.f_arrow[class*="next"]:active:before {
    -webkit-transform: rotate(38deg);
    -moz-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    -o-transform: rotate(38deg);
    transform: rotate(38deg);
}

.f_arrow[class*="next"]:active:after {
    -webkit-transform: rotate(-38deg);
    -moz-transform: rotate(-38deg);
    -ms-transform: rotate(-38deg);
    -o-transform: rotate(-38deg);
    transform: rotate(-38deg);
}


/* styles */

.f_arrow {
    width: 40px;
    height: 55px;
}

.f_arrow[class*="prev"] {
    left: 10px;
}

.f_arrow[class*="next"] {
    right: 10px;
}

.f_arrow:before,
.f_arrow:after {
    width: 19px;
    height: 6px;
    background: #343333;
    border-radius: 8px;
}

.f_arrow:hover:before,
.f_arrow:hover:after {
    background: #472500 !important;
}

.f_arrow:before {
    top: 4px;
}

.f_arrow:after {
    bottom: 0px;
}


#scroll {
    position: fixed;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: #3498db00;
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 0px;
    border: 1px solid #cca364;
    border-radius: 60p;
}

#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #cca364;
}

#scroll:hover {
    background-color: #121212;
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.dots {
    width: 100%;
    height: 20px;
    font-size: 0;
    text-align: center;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 1;
}

.dot {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border: 2px solid #866f57;
    border-radius: 50%;
    margin: 0 4px;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.dot:after {
    content: '';
    display: block;
    width: 66%;
    height: 66%;
    background: #472500;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    left: 1px;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -ms-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.dot.active:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}


/* Blog Sidebar  */


.posts {
    border: 1px solid #dee2e6;
    margin-bottom: 15px;
}

.posts p {
    font-size: 14px;
    color: black;
    font-weight: 600;
    margin-bottom: 0px;
    padding: 5px;
}

.posts img {
    padding: 7px;
}


.separator-whitebg {
    margin-bottom: 30px !important;
}

@media (max-width: 767px) {
    .single-blog {
        width: 80%;
        margin: auto;
    }

}



[data-title]:after {
    content: attr(data-title);
    background-color: #ffffff !important;
    color: #343333 !important;
    font-size: 19px !important;
    z-index: 1;
    width: 168px;
    margin-top: -6px;
    text-align: center;


}

/* Social Media Sidebar  */


.icon-bar {
    position: fixed;
    top: 70%;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    transform: translateY(-20%);
    left: 0px;
    width: 35px;
}

.icon-bar a {
    display: block;
    text-align: center;
    padding: 5px 10px;
    transition: all 0.3s ease;
    color: white;
    font-size: 15px;
}

.icon-bar img {
    width: 16px;
}

.icon-bar a:hover {
    background-color: #000;
}

.facebook {
    background: #3B5998;
    color: white;
}

.twitter {
    background: #55ACEE;
    color: white;
}

.google {
    background: #dd4b39;
    color: white;
}

.linkedin {
    background: #007bb5;
    color: white;
}

.youtube {
    background: #bb0000;
    color: white;
}

.instagram {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.content {
    margin-left: 75px;
    font-size: 30px;
}



/* News  */

.cta-web-view {
    display: none;
}


/* Mobile CTA  */

 .btn-active {
      background: #343333;
      color: #e3c383;
      padding: 5px 15px;
      font-size: 22px;
      font-family: 'adobe-garamond-pro';
      text-decoration: none;
      border-radius: 0px;
      margin: 0px 20px;
   }

   .btn-inactive {
      background: #ffffff;
      color: #343333;
      padding: 5px 15px;
      font-size: 22px;
      font-family: 'adobe-garamond-pro';
      text-decoration: none;
      border-radius: 0px;
      border-color: #343333;
      margin: 0px 15px 0px 0px;
   }
   
   
   .interior  {
           padding: 0px 40px;
   }

   .interior.container .row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
   }

   .newsbox {
      margin-bottom: 15px;
      box-sizing: border-box;
      padding: 5px;
   }

   .newsbox .item {
      background: #ffff;
      -webkit-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out;
      height: 395px;
      border: 1px solid #e4dfdf;
      margin-bottom: 30px;
   }

   .newsbox .item:hover {
      background: #e8e8e8;
      cursor: pointer;
   }

  .newsbox .item img {
    width: 100%;
    height: 170px;
margin-top: 0px;}

   .newsbox .item p {
         padding-bottom: 40px;
    font-size: 13px;
   }

   .newsbox .item .blogTxt {
      padding: 15px;
   }

   .newsbox .item h2 {
      color: #000000;
      font-size: 20px;
      text-decoration: none;
      font-family: adobe-garamond-pro;
      margin-top: 20px;
   }

   .newsbox .item .blogCategory a {
      padding: 5px 10px 2px;
      border: 1px solid #616161;
      color: #616161;
      text-transform: uppercase;
      font-size: 14px;
      font-family: 'Roboto', sans-serif;
      -webkit-transition: all 0.15s ease-in-out;
      transition: all 0.15s ease-in-out;
   }

   .newsbox .item .blogCategory a:hover {
      background: #616161;
      color: #fff;
      text-decoration: none;
   }
   
   .vc_separator .vc_sep_holder .vc_sep_line {
    width: 270px;
    margin: auto;
}



   #loadMore {
      padding-bottom: 30px;
      padding-top: 0px;
      text-align: center;
      width: 100%;
   }
   

   #loadMore a:hover {
      background-color: #e3c383;
      color: #343333;
      text-decoration: none;
   }

   @media screen and (min-width: 1200px) {
      .newsbox .featured h2 {
         font-size: 42px;
      }
      
  
   }

   @media screen and (min-width: 991px) {
      .newsbox .featured h2 {
         font-size: 30px;
         font-style: italic;
      }

      .newsbox .featured .blogTxt {
         max-width: 50%;
         width: 100%;
         padding: 50px;
         float: left;
         background: inherit;
         min-height: 378px;
      }

      .newsbox .featured img {
         max-width: 50%;
         width: 100%;
         float: left;
         min-height: 378px;
      }
      
      
   }
   
  
   
.mg-blog-inner h2 {
   display: none;
}



@media (max-width: 767px) {
    
        .vc_separator .vc_sep_holder .vc_sep_line {
    width: 100px;
    margin: 0px auto 0px 0px;
} 

.newsbox .item img {
    height: auto;
margin-top: 0px;}

.interior {
    
}

.newsbox .item p {
    padding-bottom: 0px;
}

.btn-inactive {
   font-size: 14px;
  margin: 0px 0px 0px 0px;
}


.btn-active {
    font-size: 14px;
     margin: 0px 10px;
}
 .newsbox .item .blogTxt {
    padding: 12px !important;
}
      .newsbox .item h2 {
     font-size: 20px !important;
   
}

.newsbox .item .blogTxt {
    padding: 10px !important;
}


.news-body p {
    font-size: 10px !important;
}

.newsbox .item {
     height: auto;
    margin-bottom: 0px;
  
}
}