* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}
/* query */
body {
    font-family: "thesansb5plain";
    overflow-x: hidden;
}

ul.nav-list li a.active {
    color: #bba367;
}

ul.nav-list li img {
    max-width: 25px;
    margin-top: -4px;
}

ul.nav-list li.active a {
    color: #bba367;
}

html {
    scroll-behavior: smooth;
}

.inner-page .v-banner::selection {
    background-color: var(--primary);
    color: white;
}

p {
    font-size: 16px;
    line-height: 24px;
}

a {
    color: var(--secondary);
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.padding-0 {
    padding: 0;
}

.flex {
    display: flex;
}

.items-center {
    align-items: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

:root {
    --primary: #bba367;
    --secondary: #231f20;
}

.container-1630 {
    max-width: 1630px;
    width: 100%;
    margin: 0 auto;
}

.container-1420 {
    max-width: 1420px;
    width: 100%;
    margin: 0 auto;
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

a:hover,
a:focus,
button:focus,
.form-control:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}

a:focus,
a:active,
a:visited,
a:hover {
    text-decoration: none;
}

input:focus {
    outline: none;
}

button:focus,
select:focus {
    outline: none;
    box-shadow: none;
}

.banner-box img {
    filter: brightness(0) invert(1);
}

.research-list.research-list-2 .banner-box {
    flex: 0 0 12%;
    margin-right: 30px;
}

ul li {
    list-style: none;
}


/* Typography CSS starts here */

@font-face {
    font-family: "philosopherregular";
    src: url("../fonts/philosopherregular.eot");
    src: url("../fonts/philosopherregular.eot") format("embedded-opentype"), url("../fonts/philosopherregular.woff2") format("woff2"), url("../fonts/philosopherregular.woff") format("woff"), url("../fonts/philosopherregular.ttf") format("truetype"), url("../fonts/philosopherregular.svg#philosopherregular") format("svg");
}

@font-face {
    font-family: "thesanslight";
    src: url("../fonts/TheSans-B2ExtraLight.woff");
    src: url("../fonts/TheSans-B2ExtraLight.woff") format("embedded-opentype"), url("../fonts/TheSans-B2ExtraLight.woff") format("woff2"), url("../fonts/TheSans-B2ExtraLight.woff") format("woff"), url("../fonts/TheSans-B2ExtraLight.woff") format("truetype"), url("../fonts/TheSans-B2ExtraLight.woff") format("svg");
}

@font-face {
    font-family: "thesansb5plain";
    src: url("../fonts/thesansb5plain.eot");
    src: url("../fonts/thesansb5plain.eot") format("embedded-opentype"), url("../fonts/thesansb5plain.woff2") format("woff2"), url("../fonts/thesansb5plain.woff") format("woff"), url("../fonts/thesansb5plain.ttf") format("truetype"), url("../fonts/thesansb5plain.svg#thesansb5plain") format("svg");
}

@font-face {
    font-family: "thesansb6semibold";
    src: url("../fonts/thesansb6semibold.eot");
    src: url("../fonts/thesansb6semibold.eot") format("embedded-opentype"), url("../fonts/thesansb6semibold.woff2") format("woff2"), url("../fonts/thesansb6semibold.woff") format("woff"), url("../fonts/thesansb6semibold.ttf") format("truetype"), url("../fonts/thesansb6semibold.svg#thesansb6semibold") format("svg");
}

/**/
.space-ight {
    text-align: center;
    padding-top: 62px;
    padding-bottom: 20px;
}

.space-ight img {
    width: 80%;
}

/**/


/* Typography CSS ends here */

section.inner-banner.media-corner-banner.all-banner {
    background-image: url(../images/media-corner/mediacorner.png);
    height: 400px;
}

/* Header */
ul.nav-list li.active a {
    color: #bba367;
}

.top-bar {
    background: var(--primary);
    color: white;
}

.topbar_flex {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    justify-content: end;
    width: 100%;
}

.menu-btn i {
    font-size: 25px;
    -webkit-text-stroke: 0.3px var(--primary);
    cursor: pointer;
}

h2.topbar-head {
    font-size: 16px;
    margin-right: 50px;
}

.logins h2 img {
    max-width: 15px;
    margin-left: 5px;
}

.languages h2 i {
    font-size: 14px;
    margin-left: 5px;
    -webkit-text-stroke: 1px var(--priamry);
}

h2.topbar-head {
    font-size: 16px;
    margin-right: 0px;
    margin-bottom: 0;
}

.arabic-btn {
    text-align: center;
}

.pt-sec2-mainhead.abc-arab h1 {
    padding-top: 100px;
}


.arabic-btn {
    padding-bottom: 50px;
}

.arabic-btn button {
    background: #BBA367 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 24px #00000014;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    font-size: 20px;
    line-height: 54px;
    width: 235px;
    height: 54px;
    border: none;
}

.arabic-btn button:hover {
    background: white;
    color: #bba367;
    border: 1px solid #bba367;
}

.whellchiar img {
    max-width: 20px;
    image-rendering: -webkit-optimize-contrast;
}

.whellchiar {
    margin-right: 50px;
    padding-left:20px;
}

.top-social {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid white;
}

.top-social a {
    margin-right: 5px;
}

.top-bar {
    padding: 3px 10px;
}
.searchbar i {
    color: #8c8d8d;
    font-size: 25px;
}

ul.nav-list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    align-items:center;
}

ul.nav-list li a {
    color: var(--secondary);
    font-size: 15px;
    padding: 15px;
    font-family: "thesansb6semibold";
    transition: all 0.3s ease;
    display: inline-block;
    
    
 
}

ul.nav-list li a:hover {
    color: var(--primary);
}

.header-row {
    align-items: center;
}

.header {
    padding: 0px 60px;
    box-shadow: 0px 3px 2px #00000029;
}

.searchbar {
    margin-right: 20px;
}

.menu-side-bar {
    display: none;
}


/* sticky  */

.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    opacity: 0;
    z-index: -1;
    transition: all 0.3s ease-in-out;
    padding: 0px 10px;
}

.sticky-header .log-brand img {
    max-width: 230px;
}

.top-main {
    transition: all 0.3s ease-in-out;
}

.head-none {
    display: none;
}

.opacity {
    opacity: 1;
    z-index: 9999999999;
}

.sticky-header ul.nav-list {
    justify-content: flex-start;
        gap: 15px;
}

.sticky-header nav.navigations {
    display: flex;
    align-items: center;
    justify-content: center;
}

button.sticky-bar-btn {
    background: #718652;
    color: white;
    border: 1px solid transparent;
    width: 140px;
    height: 50px;
    font-size: 13px;
    transition: all 0.3s ease;
}

button.sticky-bar-btn:hover {
    background: transparent;
    border-color: #718652;
    color: #718652;
}


/* Header */


/*=============== styling start  ===============*/
p.get-park {

    padding-top: 0 !important;

    color: #717171 !important;
}

.homepage {
    position: relative;
}

.text_wrap h6 {
    font-size: 16px;
    font-family: "thesansb6semibold";
    margin: 0 0 12px 10px;
    margin-bottom: 5px;
}

.count_dw_col {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #98712a12;
    border: 1px solid #bba367;
    border-radius: 10px;
    max-width: 375px;
    padding: 20px 0;
}

ul.count-list {
    display: flex;
    margin: 0;
}

ul.count-list span {
    color: var(--primary);
    font-size: 20px;
    text-align: center;
    line-height: 20px;
}

ul.count-list h3 {
    color: var(--primary);
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 0;
}

ul.count-list li {
    padding: 0 6px;
    border-right: 2px solid #00000029;
    text-align: center;
}

ul.count-list li:last-child {
    border: none;
}

.icon img {
    margin-right: 30px;
}

.banner-subhead h3 {
    font-size: 25px;
    color: var(--primary);
    margin-top: 40px;
}

.banner-head h1 {
    font-family: "Philosopher", sans-serif;
    font-size: 75px;
    line-height: 90px;
    font-weight: 600;
    margin-top: 15px;
}

.alery-box {
    display: flex;
    gap: 5px;
    align-items: baseline;
}

.alery-box {
    font-size: 15px;
    line-height: 15px;
    color: var(--primary);
    border: 1px solid var(--primary);
    max-width: 590px;
    padding: 16px;
    margin-top: 30px;
    transition: all 0.3s ease;
    cursor: pointer;

}

.alery-box:hover {
    background: var(--primary);
    color: white;
}

.alery-box i {
    margin-right: 5px;
}

.banner-right-content {
    padding: 80px 0 0 120px;
}

.research-list:first-child:hover {
    flex: 0 0 100.33%;
}

.research-list:last-child:hover {
    flex: 0 0 100.33%;

}

.research-inner-2 {
    width: 100%;
}

.research-inner-2 {
    display: flex;
    align-items: center;
    height: 100%;
    overflow: hidden;
}

.research-list {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    height: 100%;
}

section.section1 {
    height: 42vw;
}

section.section1>.row {
    height: 100%;
}

.research-list-1 {
    background: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.5)), url(../images/res_img-1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
}

.research-list-2 {
    background: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.5)), url(../images/center-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}

.research-list-3 {
    background: linear-gradient(transparent 20%, rgba(0, 0, 0, 0.5)), url(../images/bag-3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.research-list {
    transition: all 0.3s ease;
}

.manners-allow img {
    width: 100%;
    height: 100%;
    padding-top: 50px;
    padding-bottom: 30px;
}

.research-list:hover {
    flex: 0 0 100%;
    max-width: 100%;
    float: left;
}

.slct_option {
    display: none;
    transition: all 0.3s ease;
}

.research-list-img {
    display: flex;
    align-items: flex-end;
    height: 100%;
    padding-bottom: 50px;
}

.research-list-overlay-title a {
    font-size: 40px;
    line-height: 44px;
    color: white;
    font-family: "philosopher", sans-serif;
    transition: all 0.3s ease;
}

.research-list-overlay p {
    font-size: 14px;
    line-height: 24px;
    color: white;
    margin-top: 10px;
    transition: all 0.3s ease;
}

.research-list-overlay {
    width: 100%;
    padding: 0 80px 0 40px;
}

.research-list-2:hover {
    margin-left: -33.33%;
}

.research-list-3:hover {
    margin-left: -66.66%;
}

.research-list:hover .slct_option {
    display: block;
}

a.discover-link {
    font-size: 16px;
    line-height: 18px;
    color: white;
    letter-spacing: 2px;
}

a.discover-link i {
    opacity: 0;
    transition: all 0.3s ease;
}

.banner-box {
    border: 1px solid #fff;
    border-radius: 24px;
    padding: 0px 7px;
    text-align: center;
    flex: 0 0 12%;
    margin-right: 50px;
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    position: relative;
    z-index: 99999;
}

.banner-hover-list {
    display: flex;
    flex-flow: wrap;
}

.banner-box h3 {
    font-size: 13px;
    color: white;
    margin-top: 15px;
    max-width: 90px;
}

.research-list:hover {
    cursor: pointer;
}

.research-list:hover a.discover-link i {
    opacity: 1;
    transform: translateX(22px);
}

.bx-visit:before,
.bx-visit:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all ease 0.5s;
    border-radius: 6px;
    z-index: -1;
}

.bx-visit:before {
    background: url(../images/plan-visit.gif) no-repeat;
    background-size: cover;
    background-position: center right;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    opacity: 0;
}

/*.bx-visit:after {*/
/*    background: linear-gradient(90deg, #bba367d1, transparent);*/
/*}*/

.bx-visit {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 16px 24px #00000014;
    border: 1px solid #98712A2B;
    border-radius: 6px;
    overflow: hidden;
}

.bx-visit:before {
    opacity: 1;
}


.icon-shape {
    width: 80px;
    height: 80px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

h3.sec2-right-head {
    font-size: 48px;
    line-height: 44px;
    font-family: "philosopher", sans-serif;
    color: white;
    margin-top: 30px;
}

p.sec2-right-subhead {
    font-size: 22px;
    line-height: 38px;
    letter-spacing: 0.8px;
    max-width: 300px;
    color: white;
    margin-top: 20px;
    margin-bottom: 35px;
}

ul.visit_link a {
    font-size: 27px;
    line-height: 50px;
    color: white;
    font-family: "philosopher", sans-serif;
}

ul.visit_link a i {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.3s ease;
    -webkit-text-stroke: #c8bb95 0.5px;
}

ul.visit_link a:hover i {
    opacity: 1;
    transform: translateX(10px);
}


/* button.white-btn {
    width: 200px;
    height: 55px;
    color: var(--primary);
    font-size: 16px;
    line-height: 38px;
    transition: all .3s ease;
} */

button.white-btn:hover {
    background: var(--primary);
    color: white;
    border-color: white;
}

.bx-visit-changes .icon-shape {
    background: #eee7db;
}

.bx-visit-changes .sec2-right-head {
    color: #bba367;
}

.bx-visit-changes:hover h3,
.bx-visit-changes:hover p,
.bx-visit-changes:hover ul li a {
    color: white;
}

.bx-visit-changes:hover .white-btn {
    background: white;
    border-color: white;
}

.bx-visit-changes .sec2-right-subhead {
    color: #8c8d8d;
}

.bx-visit-changes .white-btn {
    border: 1px solid #bba367;
    background: transparent;
    color: #bba367;
}

.bx-visit-changes .visit_link li a {
    color: #8c8d8d;
}

.overlay-visit {
    padding: 40px;
    position: relative;
}

p.p-edit-guide {
    color: black !important;
    padding-top: 15px;
}

button.white-btn {
    width: 200px;
    height: 55px;
    color: var(--primary);
    font-size: 16px;
    line-height: 38px;
    margin-top: 50px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.overlay-visit {
    padding: 50px 40px;
}

/* .bx-plan {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
} */

.bx_pln_itm {
    flex: 0 0 48%;
    max-width: 48%;
    height: 330px;
    background: white;
    box-shadow: 0px 16px 24px #00000014;
    border: 1px solid #98712a2b;
    border-radius: 6px;
    padding: 20px 20px 20px 26px;
    transition: all 0.3s ease;
    cursor: pointer;
}

section.sec-archi-1.szmc .pt-sec2-mainhead {
    padding-top: 10px;
}

.bx_pln_itm:hover {
    background: var(--primary);
}

.bx_pln_itm:hover.bx_pln_itm h3,
.bx_pln_itm:hover.bx_pln_itm p {
    color: white;
}

.bx_pln_itm:hover button.s2-btn {
    color: white;
}

.bx_pln_itm:hover button.s2-btn i {
    opacity: 1;
    transform: translateX(20px);
}

.bx_pln_itm:first-child,
.bx_pln_itm:nth-child(2) {
    margin-bottom: 40px;
}

.bx-visit {
    height: 700px;
}

.icon-shape-2 {
    background: #eee7db;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bx_pln_itm h3 {
    font-size: 24px;
    line-height: 44px;
    color: var(--primary);
    font-family: "philosopher", sans-serif;
    margin-top: 20px;
    transition: all 0.3s ease;
}

.bx_pln_itm p {
    font-size: 17px;
    line-height: 24px;
    color: #8c8d8d;
    letter-spacing: -0.58px;
    transition: all 0.3s ease;
}

button.s2-btn {
    font-size: 17px;
    line-height: 19px;
    letter-spacing: 2.26px;
    color: var(--primary);
    background: none;
    border: none;
    margin-top: 10px;
    transition: all 0.3s ease;
}

button.s2-btn i {
    opacity: 0;
    transition: all 0.3s ease;
    -webkit-text-stroke: 1px var(--primary);
}

.sec-2col {
    padding: 0 0 0 30px;
}

section.section-2 {
    padding: 120px 0;
}

.player-sechead {
    text-align: center;
}

.player-sechead h2 {
    font-size: 80px;
    line-height: 106px;
    font-family: "philosopher", sans-serif;
    font-weight: 600;
    max-width: 1082px;
    margin: 0 auto;
    margin-top: 15px;
}


/* Player  */

@keyframes plyr-progress {
    to {
        background-position: 25px 0;
        background-position: var(--plyr-progress-loading-size, 25px) 0;
    }
}

@keyframes plyr-popup {
    0% {
        opacity: 0.5;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes plyr-fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    height: 100%;
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition: box-shadow 0.3s ease;
    z-index: 0;
}

.plyr audio,
.plyr iframe,
.plyr video {
    display: block;
    height: 100%;
    width: 100%;
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width: auto;
}

.plyr:focus {
    outline: 0;
}

.plyr--full-ui {
    box-sizing: border-box;
}

.plyr--full-ui *,
.plyr--full-ui ::after,
.plyr--full-ui ::before {
    box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
    touch-action: manipulation;
}

.plyr__badge {
    background: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    font-size: 9px;
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display: none;
}

.plyr__captions {
    animation: plyr-fade-in 0.3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    transition: transform 0.4s ease-in-out;
    width: 100%;
}

.plyr__captions span:empty {
    display: none;
}


@media (min-width: 480px) {
    .plyr__captions {
        font-size: 15px;
        font-size: var(--plyr-font-size-base, 15px);
        padding: calc(10px * 2);
        padding: calc(var(--plyr-control-spacing, 10px) * 2);
    }
    
}

@media (min-width: 768px) {
    .plyr__captions {
        font-size: 18px;
        font-size: var(--plyr-font-size-large, 18px);
    }
}

.plyr--captions-active .plyr__captions {
    display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
    transform: translateY(calc(10px * -4));
    transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
    background: rgba(0, 0, 0, 0.8);
    background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: #fff;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: 0.2em 0.5em;
    white-space: pre-wrap;
}

.plyr__caption div {
    display: inline;
}

.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    border-radius: var(--plyr-control-radius, 3px);
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: calc(10px * 0.7);
    padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
    position: relative;
    transition: all 0.3s ease;
}

.plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: 18px;
    width: var(--plyr-control-icon-size, 18px);
}

.plyr__control:focus {
    outline: 0;
}

.plyr__control.plyr__tab-focus {
    outline-color: #bba367;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px;
}

a.plyr__control {
    text-decoration: none;
}

a.plyr__control::after,
a.plyr__control::before {
    display: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed {
    display: none;
}

.plyr--full-ui ::-webkit-media-controls {
    display: none;
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align: center;
}

.plyr__controls .plyr__progress__container {
    flex: 1;
    min-width: 0;
}

.plyr__controls .plyr__controls__item {
    margin-left: calc(10px / 4);
    margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: calc(10px / 4);
    padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 calc(10px / 2);
    padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0;
}

.plyr__controls:empty {
    display: none;
}

.plyr [data-plyr="airplay"],
.plyr [data-plyr="captions"],
.plyr [data-plyr="fullscreen"],
.plyr [data-plyr="pip"] {
    display: none;
}

.plyr--airplay-supported [data-plyr="airplay"],
.plyr--captions-enabled [data-plyr="captions"],
.plyr--fullscreen-enabled [data-plyr="fullscreen"],
.plyr--pip-supported [data-plyr="pip"] {
    display: inline-block;
}

.plyr__menu {
    display: flex;
    position: relative;
}

.plyr__menu .plyr__control svg {
    transition: transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded="true"] svg {
    transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip {
    display: none;
}

.plyr__menu__container {
    animation: plyr-popup 0.2s ease;
    background: rgba(255, 255, 255, 0.9);
    background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3;
}

.plyr__menu__container>div {
    overflow: hidden;
    transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container::after {
    border: 4px solid transparent;
    border: var(--plyr-menu-arrow-size, 4px) solid transparent;
    border-top-color: rgba(255, 255, 255, 0.9);
    border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
    content: "";
    height: 0;
    position: absolute;
    right: calc(((18px / 2) + calc(10px * 0.7)) - (4px / 2));
    right: calc(((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7)) - (var(--plyr-menu-arrow-size, 4px) / 2));
    top: 100%;
    width: 0;
}

.plyr__menu__container [role="menu"] {
    padding: calc(10px * 0.7);
    padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container [role="menuitem"],
.plyr__menu__container [role="menuitemradio"] {
    margin-top: 2px;
}

.plyr__menu__container [role="menuitem"]:first-child,
.plyr__menu__container [role="menuitemradio"]:first-child {
    margin-top: 0;
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    display: flex;
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding-bottom: calc(calc(10px * 0.7) / 1.5);
    padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
    padding-left: calc(calc(10px * 0.7) * 1.5);
    padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
    padding-right: calc(calc(10px * 0.7) * 1.5);
    padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
    padding-top: calc(calc(10px * 0.7) / 1.5);
    padding-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5);
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.plyr__menu__container .plyr__control>span {
    align-items: inherit;
    display: flex;
    width: 100%;
}

.plyr__menu__container .plyr__control::after {
    border: 4px solid transparent;
    border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
    padding-right: calc(calc(10px * 0.7) * 4);
    padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
}

.plyr__menu__container .plyr__control--forward::after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: calc((calc(10px * 0.7) * 1.5) - 4px);
    right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--forward:hover::after {
    border-left-color: currentColor;
}

.plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: calc(10px * 0.7);
    margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
    margin-bottom: calc(calc(10px * 0.7) / 2);
    margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
    padding-left: calc(calc(10px * 0.7) * 4);
    padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
    position: relative;
    width: calc(100% - (calc(10px * 0.7) * 2));
    width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2));
}

.plyr__menu__container .plyr__control--back::after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: calc((calc(10px * 0.7) * 1.5) - 4px);
    left: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--back::before {
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: calc(calc(10px * 0.7) / 2);
    margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,
.plyr__menu__container .plyr__control--back:hover::after {
    border-right-color: currentColor;
}

.plyr__menu__container .plyr__control[role="menuitemradio"] {
    padding-left: calc(10px * 0.7);
    padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container .plyr__control[role="menuitemradio"]::after,
.plyr__menu__container .plyr__control[role="menuitemradio"]::before {
    border-radius: 100%;
}

.plyr__menu__container .plyr__control[role="menuitemradio"]::before {
    background: rgba(0, 0, 0, 0.1);
    content: "";
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    transition: all 0.3s ease;
    width: 16px;
}

.plyr__menu__container .plyr__control[role="menuitemradio"]::after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform 0.3s ease, opacity 0.3s ease;
    width: 6px;
}

.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before {
    background: #bba367;
    background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
}

.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::after {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus::before,
.plyr__menu__container .plyr__control[role="menuitemradio"]:hover::before {
    background: rgba(35, 40, 47, 0.1);
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: calc((calc(10px * 0.7) - 2) * -1);
    margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2) * -1);
    overflow: hidden;
    padding-left: calc(calc(10px * 0.7) * 3.5);
    padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
    pointer-events: none;
}

.plyr--full-ui input[type="range"] {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: calc(13px * 2);
    border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
    color: #bba367;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
    display: block;
    height: calc((3px * 2) + 13px);
    height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
    margin: 0;
    padding: 0;
    transition: box-shadow 0.3s ease;
    width: 100%;
}

.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
    background: 0 0;
    border: 0;
    border-radius: calc(5px / 2);
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-user-select: none;
    user-select: none;
    background-image: linear-gradient(to right, currentColor 0, transparent 0);
    background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
}

.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
    -webkit-appearance: none;
    margin-top: calc(((13px - 5px) / 2) * -1);
    margin-top: calc(((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2) * -1);
}

.plyr--full-ui input[type="range"]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: calc(5px / 2);
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -moz-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    user-select: none;
}

.plyr--full-ui input[type="range"]::-moz-range-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type="range"]::-moz-range-progress {
    background: currentColor;
    border-radius: calc(5px / 2);
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
}

.plyr--full-ui input[type="range"]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: calc(5px / 2);
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -ms-user-select: none;
    user-select: none;
    color: transparent;
}

.plyr--full-ui input[type="range"]::-ms-fill-upper {
    background: 0 0;
    border: 0;
    border-radius: calc(5px / 2);
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -ms-user-select: none;
    user-select: none;
}

.plyr--full-ui input[type="range"]::-ms-fill-lower {
    background: 0 0;
    border: 0;
    border-radius: calc(5px / 2);
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -ms-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -ms-user-select: none;
    user-select: none;
    background: currentColor;
}

.plyr--full-ui input[type="range"]::-ms-thumb {
    background: #fff;
    background: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
    height: 13px;
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 13px;
    width: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
}

.plyr--full-ui input[type="range"]::-ms-tooltip {
    display: none;
}

.plyr--full-ui input[type="range"]:focus {
    outline: 0;
}

.plyr--full-ui input[type="range"]::-moz-focus-outer {
    border: 0;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
    outline-color: #bba367;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
    outline-color: #bba367;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
    outline-color: #bba367;
    outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
    outline-offset: 2px;
    outline-style: dotted;
    outline-width: 3px;
}

.plyr__poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.2s ease;
    width: 100%;
    z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity: 1;
}

.plyr__time {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time+.plyr__time::before {
    content: "\2044";
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
}

@media (max-width: calc(768px - 1)) {
    .plyr__time+.plyr__time {
        display: none;
    }
}

.plyr__tooltip {
    background: rgba(255, 255, 255, 0.9);
    background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    border-radius: 3px;
    border-radius: var(--plyr-tooltip-radius, 3px);
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    color: #4a5464;
    color: var(--plyr-tooltip-color, #4a5464);
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: calc(calc(10px / 2) * 2);
    margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
    opacity: 0;
    padding: calc(10px / 2) calc(calc(10px / 2) * 1.5);
    padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(0.8);
    transform-origin: 50% 100%;
    transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
    white-space: nowrap;
    z-index: 2;
}

.plyr__tooltip::before {
    border-left: 4px solid transparent;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: 4px solid rgba(255, 255, 255, 0.9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
    bottom: calc(4px * -1);
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index: 2;
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index: 3;
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
    left: 0;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 0 100%;
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before {
    left: calc((18px / 2) + calc(10px * 0.7));
    left: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translate(0, 10px) scale(0.8);
    transform-origin: 100% 100%;
}

.plyr__controls>.plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: calc((18px / 2) + calc(10px * 0.7));
    right: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
    transform: translateX(50%);
}

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    transform: translate(0, 0) scale(1);
}

.plyr__progress {
    left: calc(13px * 0.5);
    left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
    margin-right: 13px;
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative;
}

.plyr__progress input[type="range"],
.plyr__progress__buffer {
    margin-left: calc(13px * -0.5);
    margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
    margin-right: calc(13px * -0.5);
    margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
    width: calc(100% + 13px);
    width: calc(100% + var(--plyr-range-thumb-height, 13px));
}

.plyr__progress input[type="range"] {
    position: relative;
    z-index: 2;
}

.plyr__progress .plyr__tooltip {
    font-size: 13px;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
    left: 0;
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: calc((5px / 2) * -1);
    margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
    padding: 0;
    position: absolute;
    top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0;
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -webkit-transition: width 0.2s ease;
    transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 5px;
    min-width: var(--plyr-range-track-height, 5px);
    -moz-transition: width 0.2s ease;
    transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    -ms-transition: width 0.2s ease;
    transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, transparent 25%, transparent 50%, rgba(35, 40, 47, 0.6) 50%, rgba(35, 40, 47, 0.6) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
    color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: rgba(255, 255, 255, 0.25);
    background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__volume {
    align-items: center;
    display: flex;
    max-width: 110px;
    min-width: 80px;
    position: relative;
    width: 20%;
}

.plyr__volume input[type="range"] {
    margin-left: calc(10px / 2);
    margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
    margin-right: calc(10px / 2);
    margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
    position: relative;
    z-index: 2;
}

.plyr--is-ios .plyr__volume {
    min-width: 0;
    width: auto;
}

.plyr--audio {
    display: block;
}

.plyr--audio .plyr__controls {
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    padding-top: 10px;
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
    background: #bba367;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type="range"]::-ms-track {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(193, 200, 209, 0.6);
    color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
    background: #000;
    overflow: hidden;
}

.plyr--video.plyr--menu-open {
    overflow: visible;
}

.plyr__video-wrapper {
    background: #000;
    height: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
    border: 0;
    left: 0;
    position: absolute;
    top: 0;
}

.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
    background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: calc(10px / 2);
    padding: calc(var(--plyr-control-spacing, 10px) / 2);
    padding-top: calc(10px * 2);
    padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
    position: absolute;
    right: 0;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    z-index: 3;
}

@media screen and (max-width:576px) {
    .row.RequestDetailsDiv input, select {
        font-size: 14px !important;
    }
    .OthrAtt {
        margin-top: 0!important;
    }
}

    @media (min-width: 480px) {
        .plyr--video .plyr__controls {
            padding: 10px;
            padding: var(--plyr-control-spacing, 10px);
            padding-top: calc(10px * 3.5);
            padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
        }
    }

    .plyr--video.plyr--hide-controls .plyr__controls {
        opacity: 0;
        pointer-events: none;
        transform: translateY(100%);
    }

    .plyr--video .plyr__control.plyr__tab-focus,
    .plyr--video .plyr__control:hover,
    .plyr--video .plyr__control[aria-expanded="true"] {
        background: #bba367;
        background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
        color: #fff;
        color: var(--plyr-video-control-color-hover, #fff);
    }

    .plyr__control--overlaid {
        background: #bba367;
        background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #bba367)));
        border: 0;
        border-radius: 100%;
        color: #fff;
        color: var(--plyr-video-control-color, #fff);
        display: none;
        left: 50%;
        opacity: 0.9;
        padding: calc(10px * 1.5);
        padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: 0.3s;
        z-index: 2;
    }

        .plyr__control--overlaid svg {
            left: 2px;
            position: relative;
        }

        .plyr__control--overlaid:focus,
        .plyr__control--overlaid:hover {
            opacity: 1;
        }

    .plyr--playing .plyr__control--overlaid {
        opacity: 0;
        visibility: hidden;
    }

    .plyr--full-ui.plyr--video .plyr__control--overlaid {
        display: block;
    }

    .plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track {
        background-color: rgba(255, 255, 255, 0.25);
        background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
    }

    .plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
        background-color: rgba(255, 255, 255, 0.25);
        background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
    }

    .plyr--full-ui.plyr--video input[type="range"]::-ms-track {
        background-color: rgba(255, 255, 255, 0.25);
        background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
    }

    .plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
        box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
    }

    .plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
        box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
    }

    .plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
        box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
    }

    .plyr--video .plyr__progress__buffer {
        color: rgba(255, 255, 255, 0.25);
        color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
    }

    .plyr:-webkit-full-screen {
        background: #000;
        border-radius: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%;
    }

    .plyr:-ms-fullscreen {
        background: #000;
        border-radius: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%;
    }

    .plyr:fullscreen {
        background: #000;
        border-radius: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%;
    }

    .plyr:-webkit-full-screen video {
        height: 100%;
    }

    .plyr:-ms-fullscreen video {
        height: 100%;
    }

    .plyr:fullscreen video {
        height: 100%;
    }

    .plyr:-webkit-full-screen .plyr__video-wrapper {
        height: 100%;
        position: static;
    }

    .plyr:-ms-fullscreen .plyr__video-wrapper {
        height: 100%;
        position: static;
    }

    .plyr:fullscreen .plyr__video-wrapper {
        height: 100%;
        position: static;
    }

    .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        position: relative;
    }

    .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        position: relative;
    }

    .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
        height: 0;
        position: relative;
    }

    .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
        display: block;
    }

    .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
        display: block;
    }

    .plyr:fullscreen .plyr__control .icon--exit-fullscreen {
        display: block;
    }

    .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
        display: none;
    }

    .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
        display: none;
    }

    .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
        display: none;
    }

    .plyr:-webkit-full-screen.plyr--hide-controls {
        cursor: none;
    }

    .plyr:-ms-fullscreen.plyr--hide-controls {
        cursor: none;
    }

    .plyr:fullscreen.plyr--hide-controls {
        cursor: none;
    }

    @media (min-width: 1024px) {
        .plyr:-webkit-full-screen .plyr__captions {
            font-size: 21px;
            font-size: var(--plyr-font-size-xlarge, 21px);
        }

        .plyr:-ms-fullscreen .plyr__captions {
            font-size: 21px;
            font-size: var(--plyr-font-size-xlarge, 21px);
        }

        .plyr:fullscreen .plyr__captions {
            font-size: 21px;
            font-size: var(--plyr-font-size-xlarge, 21px);
        }
    }

    .plyr:-webkit-full-screen {
        background: #000;
        border-radius: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%;
    }

        .plyr:-webkit-full-screen video {
            height: 100%;
        }

        .plyr:-webkit-full-screen .plyr__video-wrapper {
            height: 100%;
            position: static;
        }

        .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
            height: 0;
            position: relative;
        }

        .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
            display: block;
        }

            .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
                display: none;
            }

        .plyr:-webkit-full-screen.plyr--hide-controls {
            cursor: none;
        }

    @media (min-width: 1024px) {
        .plyr:-webkit-full-screen .plyr__captions {
            font-size: 21px;
            font-size: var(--plyr-font-size-xlarge, 21px);
        }
    }

    .plyr:-moz-full-screen {
        background: #000;
        border-radius: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%;
    }

        .plyr:-moz-full-screen video {
            height: 100%;
        }

        .plyr:-moz-full-screen .plyr__video-wrapper {
            height: 100%;
            position: static;
        }

        .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
            height: 0;
            position: relative;
        }

        .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
            display: block;
        }

            .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
                display: none;
            }

        .plyr:-moz-full-screen.plyr--hide-controls {
            cursor: none;
        }

    @media (min-width: 1024px) {
        .plyr:-moz-full-screen .plyr__captions {
            font-size: 21px;
            font-size: var(--plyr-font-size-xlarge, 21px);
        }
    }

    .plyr:-ms-fullscreen {
        background: #000;
        border-radius: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%;
    }

        .plyr:-ms-fullscreen video {
            height: 100%;
        }

        .plyr:-ms-fullscreen .plyr__video-wrapper {
            height: 100%;
            position: static;
        }

        .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
            height: 0;
            position: relative;
        }

        .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
            display: block;
        }

            .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
                display: none;
            }

        .plyr:-ms-fullscreen.plyr--hide-controls {
            cursor: none;
        }

    @media (min-width: 1024px) {
        .plyr:-ms-fullscreen .plyr__captions {
            font-size: 21px;
            font-size: var(--plyr-font-size-xlarge, 21px);
        }
    }

    .plyr--fullscreen-fallback {
        background: #000;
        border-radius: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%;
        bottom: 0;
        display: block;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 10000000;
    }

        .plyr--fullscreen-fallback video {
            height: 100%;
        }

        .plyr--fullscreen-fallback .plyr__video-wrapper {
            height: 100%;
            position: static;
        }

        .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
            height: 0;
            position: relative;
        }

        .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
            display: block;
        }

            .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
                display: none;
            }

        .plyr--fullscreen-fallback.plyr--hide-controls {
            cursor: none;
        }

    @media (min-width: 1024px) {
        .plyr--fullscreen-fallback .plyr__captions {
            font-size: 21px;
            font-size: var(--plyr-font-size-xlarge, 21px);
        }
    }

    .plyr__ads {
        border-radius: inherit;
        bottom: 0;
        cursor: pointer;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
    }

        .plyr__ads > div,
        .plyr__ads > div iframe {
            height: 100%;
            position: absolute;
            width: 100%;
        }

        .plyr__ads::after {
            background: #23282f;
            border-radius: 2px;
            bottom: 10px;
            bottom: var(--plyr-control-spacing, 10px);
            color: #fff;
            content: attr(data-badge-text);
            font-size: 11px;
            padding: 2px 6px;
            pointer-events: none;
            position: absolute;
            right: 10px;
            right: var(--plyr-control-spacing, 10px);
            z-index: 3;
        }

            .plyr__ads::after:empty {
                display: none;
            }

    .plyr__cues {
        background: currentColor;
        display: block;
        height: 5px;
        height: var(--plyr-range-track-height, 5px);
        left: 0;
        margin: -var(--plyr-range-track-height, 5px) / 2 0 0;
        opacity: 0.8;
        position: absolute;
        top: 50%;
        width: 3px;
        z-index: 3;
    }

    .plyr__preview-thumb {
        background-color: rgba(255, 255, 255, 0.9);
        background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
        border-radius: 3px;
        bottom: 100%;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
        box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
        margin-bottom: calc(calc(10px / 2) * 2);
        margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
        opacity: 0;
        padding: 3px;
        padding: var(--plyr-tooltip-radius, 3px);
        pointer-events: none;
        position: absolute;
        transform: translate(0, 10px) scale(0.8);
        transform-origin: 50% 100%;
        transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
        z-index: 2;
    }

    .plyr__preview-thumb--is-shown {
        opacity: 1;
        transform: translate(0, 0) scale(1);
    }

    .plyr__preview-thumb::before {
        border-left: 4px solid transparent;
        border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
        border-right: 4px solid transparent;
        border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
        border-top: 4px solid rgba(255, 255, 255, 0.9);
        border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
        bottom: calc(4px * -1);
        bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 0;
        z-index: 2;
    }

    .plyr__preview-thumb__image-container {
        background: #c1c8d1;
        border-radius: calc(3px - 1px);
        border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
        overflow: hidden;
        position: relative;
        z-index: 0;
    }

        .plyr__preview-thumb__image-container img {
            height: 100%;
            left: 0;
            max-height: none;
            max-width: none;
            position: absolute;
            top: 0;
            width: 100%;
        }

    .plyr__preview-thumb__time-container {
        bottom: 6px;
        left: 0;
        position: absolute;
        right: 0;
        white-space: nowrap;
        z-index: 3;
    }

        .plyr__preview-thumb__time-container span {
            background-color: rgba(0, 0, 0, 0.55);
            border-radius: calc(3px - 1px);
            border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
            color: #fff;
            font-size: 13px;
            font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
            padding: 3px 6px;
        }

    .plyr__preview-scrubbing {
        bottom: 0;
        filter: blur(1px);
        height: 100%;
        left: 0;
        margin: auto;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity 0.3s ease;
        width: 100%;
        z-index: 1;
    }

    .plyr__preview-scrubbing--is-shown {
        opacity: 1;
    }

    .plyr__preview-scrubbing img {
        height: 100%;
        left: 0;
        max-height: none;
        max-width: none;
        object-fit: contain;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .plyr--no-transition {
        transition: none !important;
    }

    .plyr__sr-only {
        clip: rect(1px, 1px, 1px, 1px);
        overflow: hidden;
        border: 0 !important;
        height: 1px !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important;
    }

    .plyr [hidden] {
        display: none !important;
    }

    .plyr__controls__item.plyr__control[data-plyr="play"] {
        background-image: url(../images/play_icon.svg);
        background-repeat: no-repeat;
        background-size: 60px 60px;
        background-position: center;
        width: 60px;
        height: 60px;
        background-color: #fff;
        border-radius: 50%;
        font-size: 0;
        margin-right: 14px;
    }

    .music-layers {
        background: url(../images/music_layers.svg);
        background-repeat: repeat-x;
        background-size: 210px 50px;
        height: 50px;
        width: 100%;
    }

    .plyr__control svg {
        opacity: 0;
    }

    .player-none {
        display: none;
    }

    .music_player {
        max-width: 750px;
        margin: 0 auto;
        margin-top: 50px;
    }

    .music_picture {
        flex: 0 0 20%;
        max-width: 20%;
    }

    #mainwrap {
        flex: 0 0 78%;
        max-width: 78%;
    }

    .add-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    span#npAction2 {
        font-size: 15px;
        line-height: 28px;
    }

    h2.qirat {
        font-size: 25px;
        line-height: 28px;
        margin-bottom: 0;
        font-family: "thesansb6semibold";
    }

    .plyr__controls .plyr__controls__item:first-child {
        display: none;
    }

    .plyr__volume {
        display: none;
    }

    .plyr__time--current {
        position: absolute;
        left: 12.5%;
        top: 14%;
        font-family: "thesansb6semibold";
        color: black;
    }

    .plyr__time--duration {
        position: absolute;
        top: 0;
        right: 0%;
        top: 14%;
        font-family: "thesansb6semibold";
        color: black;
    }

    .plyr__time + .plyr__time::before {
        display: none;
    }

    .plyr__progress input[type="range"]:after {
        content: "1x";
        position: absolute;
        bottom: -30px;
        color: black;
        font-weight: 600;
        font-size: 14px;
        font-family: "thesansb5plain";
    }

    a.plyr__control {
        display: none;
    }

    .primary-btn {
        width: 207px;
        height: 58px;
        font-size: 14px;
        line-height: 38px;
        border: 1px solid transparent;
        background: var(--primary);
        color: white;
        transition: all 0.3s ease;
    }

        .primary-btn img {
            margin-right: 15px;
        }

        .primary-btn a {
            color: white;
        }

    .action {
        text-align: center;
        margin-top: 50px;
    }

        .action .primary-btn:first-child {
            margin-right: 20px;
        }

    .link-share {
        text-align: center;
        padding: 30px 0;
    }

        .link-share a {
            font-size: 15px;
            line-height: 28px;
            color: black;
            font-family: "thesansb6semibold";
        }

            .link-share a:nth-child(2) {
                margin: 0 20px;
            }

    .sec-4bg1 {
        background: linear-gradient(rgb(255 255 255 / 50%), rgba(255, 255, 255, 50%)), url(../images/colthree_img1.png) no-repeat;
        background-position: center;
        background-size: cover;
    }

    .sec-4bg2 {
        background: linear-gradient(rgb(255 255 255 / 50%), rgba(255, 255, 255, 50%)), url(../images/colthree_img2.jpg) no-repeat;
        background-position: center;
        background-size: cover;
    }

    .sec-4bg3 {
        background: linear-gradient(rgb(255 255 255 / 50%), rgba(255, 255, 255, 50%)), url(../images/colthree_img3.png) no-repeat;
        background-position: center;
        background-size: cover;
    }


    /* Player  end*/

    .sec4-bg {
        height: 300px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 0 0 60px;
    }

    h1.s4-head {
        font-size: 53px;
        line-height: 90px;
        font-family: "philosopher", sans-serif;
    }

    button.sec4-btn {
        width: 290px;
        height: 70px;
        border: 2px solid #825d27;
        background: transparent;
        font-size: 16px;
        color: black;
        letter-spacing: 1px;
        margin-top: 20px;
        transition: all 0.3s ease;
    }

        button.sec4-btn:hover {
            background: var(--primary);
            color: white;
        }

            button.sec4-btn:hover a {
                color: white;
            }

    .sec-5top-content {
        text-align: center;
    }

    section.section-5 {
        padding: 100px 0 50px 0;
        background: #fcfbf8;
    }

    .sec-5top-content h4 {
        font-size: 50px;
        line-height: 57px;
        color: var(--primary);
        font-weight: 100;
        -webkit-text-stroke: 0.8px #fcfbf8;
        margin-top: 5px;
    }

    .sec-5top-content {
        text-align: center;
    }

        .sec-5top-content h4 {
            font-size: 50px;
            line-height: 57px;
            color: var(--primary);
            font-family: "thesanslight";
        }

    .s5-tab-list {
        border: none;
        margin-top: 30px;
    }

    .sec-5top-content h2,
    .my_sec_7_row1 h2,
    .my_sec_8_row1 h2,
    .my_sec_9_row1 h2 {
        font-size: 80px;
        line-height: 90px;
        font-family: "philosopher", sans-serif;
        font-weight: 600;
    }

    .s5-tab-list li a {
        width: 137px;
        height: 55px;
        border: none !important;
        text-align: center;
        font-size: 18px;
        line-height: 55px;
        color: black;
        padding: 0;
        margin-right: 40px;
        transition: all 0.3s ease;
    }

        .s5-tab-list li a:hover {
            background: var(--primary);
            color: white;
            border-radius: 0;
        }

    .s5-tab-list li:last-child a {
        margin: 0;
    }

    .s5-tab-list li a:hover {
        border: none;
        padding: 0;
    }

    .s5-tab-list .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        border: none;
        background: var(--primary);
        border-radius: 0;
        color: white;
    }

    .s5-tab-content {
        margin-top: 30px;
    }

    .s5_caption_txt {
        width: 437px;
        margin: 0 auto;
        text-align: left;
        height: 169px;
        box-shadow: 0px 3px 6px #00000029;
        padding: 30px;
        position: relative;
        margin-top: -90px;
        background: white;
    }

        .s5_caption_txt h3 {
            font-size: 18px;
            line-height: 20px;
            color: var(--primary);
            margin-bottom: 5px;
        }

        .s5_caption_txt h5 {
            font-size: 29px;
            line-height: 44px;
            font-family: "philosopher", sans-serif;
            font-weight: 600;
        }

    .s5-btn {
        text-align: center;
        margin-top: 60px;
    }

    .s6-btn {
        text-align: center;
        margin-top: 50px;
    }

        .s6-btn a {
            padding: 18px 25px;
            border: 1px solid #a3915e;
            font-size: 14px;
            color: #fff;
            transition: all 0.3s ease;
            background: var(--primary);
        }

            .s6-btn a:hover {
                background: transparent;
                border-color: #a3915e;
                color: var(--primary);
            }

    .s5-btn a {
        padding: 18px 25px;
        border: 1px solid #a3915e;
        font-size: 14px;
        color: var(--primary);
        transition: all 0.3s ease;
    }

        .s5-btn a:hover {
            background: var(--primary);
            color: white;
        }

    .section-6 {
        background: url(../images/s6-bg.png) no-repeat;
        background-position: center;
        background-size: cover;
        padding: 80px 0;
        padding-bottom: 100px;
    }

    .s6-mainhead {
        margin-top: 10px;
    }

    .images_wrap {
        text-align: center;
        margin-top: 20px;
    }

    .full_wd {
        background: url(../images/media1.png) no-repeat;
        background-position: center;
        background-size: cover;
        height: 369px;
        display: flex;
        align-items: flex-end;
    }

    .caption_txt-full {
        width: 100%;
        background: white;
        height: 142px;
        padding: 50px 80px 50px 30px;
        box-shadow: 0px 3px 6px #00000029;
    }

        .caption_txt-full a {
            font-size: 30px;
            color: black;
            font-family: "philosopher", sans-serif;
            font-weight: 600;
            transition: all 0.3s ease;
        }

            .caption_txt-full a:hover {
                color: var(--primary);
            }

                .caption_txt-full a:hover i {
                    transform: translateX(-100px);
                }

            .caption_txt-full a i {
                font-weight: 600;
                -webkit-text-stroke: 2.5px #fff;
                font-size: 45px;
                line-height: 40px;
                color: #98712a;
                float: right;
                transition: all 0.3s ease;
            }


    /* My CSS  Starts*/

    .my_sec_7_row1 p {
        max-width: 1184px;
        margin: 0 auto;
        font-size: 15px;
        text-align: center;
        letter-spacing: 0.54px;
        line-height: 28px;
        color: #000;
        font-family: "thesansb6semibold";
    }

    .container-1630.my_sec_7_row1,
    .container-1630.my_sec_8_row1,
    .container-1630.my_sec_9_row1 {
        display: block;
        text-align: center;
    }

    section.my_sec_7,
    section.my_sec_8,
    section.my_sec_9 {
        padding: 80px 0;
    }

    .container-fluid.my_sec_7_row2 {
        padding: 50px 0;
    }

    .my_heighlight {
        max-width: 387px;
        width: 387px;
        height: 487px;
        margin: 20px;
        overflow: hidden;
        transition: 0.5s ease all;
        border-radius: 10px;
        box-shadow: 3px 3px 20px #00000029;
        position: relative;
    }

        .my_heighlight .my_heighlight_img img {
            height: 100%;
            width: 100%;
            object-fit: cover;
        }

    .my_heighlight_content {
        height: 40%;
        transition: 0.8s ease all;
        position: absolute;
        bottom: 0;
        width: 100%;
        padding: 20px;
        background: transparent linear-gradient(180deg, #98712a91 0%, #98712a 100%) 0% 0% no-repeat padding-box;
    }

        .my_heighlight_content p {
            height: 50%;
            overflow: hidden;
            transition: 0.5s ease all;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0.58px;
            color: white;
        }

        .my_heighlight_content h3 {
            font-size: 24px;
            line-height: 28px;
            color: white;
        }

    .my_heighlight_readmore {
        position: absolute;
        bottom: 20px;
        left: 20px;
    }

        .my_heighlight_readmore a {
            font-size: 16px;
            letter-spacing: 2.13px;
            color: white;
        }

            .my_heighlight_readmore a i.fas {
                transition: 0.5s ease all;
                transform: scale(0) translateX(5px);
            }

    .my_heighlight:hover .my_heighlight_content {
        height: 100%;
        padding-top: 40px;
        background: #98712a;
    }

        .my_heighlight:hover .my_heighlight_content p {
            height: 90%;
        }

    .my_heighlight:hover {
        cursor: pointer;
    }

        .my_heighlight:hover .my_heighlight_readmore a i.fas {
            transform: scale(1) translateX(15px);
        }

    .my_heighlight_img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: 1.2s ease all;
        border-radius: 10px;
        overflow: hidden;
    }

    .my_heighlight:hover .my_heighlight_img {
        top: 100%;
    }

    .my_highlights_wrap .slick-arrow {
        background: white;
        z-index: 22222222;
        top: 100%;
        width: 90px;
        height: 90px;
        margin: 10px;
        border: 2px solid #aaaaaa;
        transform: scale(-1);
    }

    .my_highlights_wrap button.slick-prev.slick-arrow {
        left: 50%;
    }

    .my_highlights_wrap button.slick-next.slick-arrow {
        right: 50%;
    }

    .my_highlights_wrap .slick-arrow:before {
        color: #977029;
        font-size: 46px;
    }

    .my_grandm_div {
        position: relative;
    }

        .my_grandm_div img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

    .my_grandm_div_text {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 80%;
        background-color: rgb(0 0 0 / 52%);
        padding: 10px 0 10px 20px;
    }

        .my_grandm_div_text h5 {
            font-size: 15px;
            text-align: left;
            color: white;
            line-height: 18px;
            letter-spacing: 2px;
        }

        .my_grandm_div_text h2 {
            font-size: 30px;
            text-align: left;
            letter-spacing: 1.03px;
            color: white;
            line-height: 1em;
        }

    .my_sec_8_row1 .row {
        margin-top: 50px;
    }

    .my_social_row .col-md-3 h2 {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 40px;
        text-align: left;
        letter-spacing: 1.08px;
    }

    .my_social_link {
        text-align: left;
        margin-bottom: 20px;
        display: block;
        width: fit-content;
    }

        .my_social_link a {
            color: black;
            font-size: 20px;
            line-height: 23px;
            display: flex;
            align-items: center;
            transition: 0.5s ease all;
        }

            .my_social_link a i {
                background-color: #b1935e;
                color: white;
                width: 50px;
                height: 50px;
                text-align: center;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 28px;
                border-radius: 50%;
                margin-right: 20px;
            }

            .my_social_link a:hover {
                color: #b1935e;
            }

    a.my_social_a {
        position: relative;
        width: 100%;
        height: 500px;
        display: block;
    }

        a.my_social_a img {
            height: 500px;
            width: 100%;
            object-fit: cover;
        }

        a.my_social_a i {
            position: absolute;
            right: 20px;
            top: 20px;
            font-size: 28px;
            color: white;
            transition: 0.5s ease all;
        }

        a.my_social_a:hover i {
            color: black;
        }

    .my_news_wrap {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
    }

    .my_news_div {
        width: 100%;
        box-shadow: 0px 3px 6px #00000029;
        margin-bottom: 35px;
    }

        .my_news_div.my_news_div_half {
            width: 48%;
        }

    .my_news_div_img {
        height: 265px;
    }

        .my_news_div_img img {
            height: 265px;
            width: 100%;
            object-fit: cover;
        }

    .my_news_div_content {
        position: relative;
        height: 140px;
        background-color: white;
        display: flex;
        align-items: center;
        padding-left: 20px;
    }

        .my_news_div_content a {
            font-size: 30px;
            font-weight: 700;
            line-height: 1.2em;
            letter-spacing: 1.08px;
            font-family: "philosopher", sans-serif;
            color: var(--secondary);
            transition: 0.5s ease all;
        }

            .my_news_div_content a i.fa {
                -webkit-text-stroke: #fff 2px;
                margin-left: 70px;
                transition: 0.5s ease all;
                color: #98712a;
            }

            .my_news_div_content a:hover {
                color: #98712a;
            }

                .my_news_div_content a:hover i.fa {
                    margin-left: 20px;
                }

    .my_news_repeat {
        display: flex;
        justify-content: space-between;
        margin-bottom: 35px;
    }



    .my_news_repeat:last-child {
        margin-bottom: 0;
    }

    .row.my_sec6_row {
        margin-top: 70px;
    }


    /* My CSS  Ends*/

    .row.footer-row {
        align-items: center;
    }

    .foot-content h1 {
        font-size: 30px;
        font-family: "philosopher", sans-serif;
        font-weight: bold;
        margin-top: 15px;
    }

    .foot-content p {
        font-size: 15px;
        line-height: 24px;
        font-family: "thesansb6semibold";
        max-width: 350px;
    }

    .foot-center h1 {
        font-size: 80px;
        line-height: 106px;
        font-family: "philosopher", sans-serif;
        font-weight: bold;
    }

    .three-inputs {
        display: flex;
        justify-content: space-between;
    }

        .three-inputs > input {
            flex: 0 0 32%;
        }

    form.foot-form input,
    form.foot-form textarea {
        height: 62px;
        border-radius: 0;
        border: 1px solid #55555545;
        font-size: 16px;
        line-height: 38px;
        padding: 0 25px;
    }

        form.foot-form input::placeholder,
        form.foot-form textarea::placeholder {
            font-size: 16px;
            line-height: 38px;
            color: black;
            font-family: "thesansb6semibold";
        }

    form.foot-form textarea {
        height: 140px;
        margin-top: 30px;
        resize: none;
        padding-top: 10px;
    }

    .foot-textarea {
        position: relative;
    }

        .foot-textarea button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 6%;
            border: none;
            background: transparent;
        }

    ul.quick-links a {
        color: var(--secondary);
        font-size: 15px;
        line-height: 28px;
        font-family: "thesansb6semibold";
    }

    ul.quick-links .quick-link-head a {
        font-size: 18px;
        line-height: 29px;
        font-family: "thesansb5plain";
    }

    footer.main-footer {
        background: url(../images/footbg.png);
        padding-top: 60px;
        position: relative;
    }

    .footer-main-content {
        border-bottom: 2px solid #00000038;
        padding-bottom: 10px;
    }

    .download-app h2 {
        font-size: 17px;
        line-height: 27px;
        color: var(--primary);
    }

    .foot-bottom-row {
        justify-content: space-between;
    }

    .foot-right-col {
        text-align: right;
    }

    .foot-social a {
        background: white;
        width: 40px;
        height: 40px;
        display: inline-block;
        align-items: center;
        border-radius: 50%;
        position: relative;
        margin-right: 10px;
        z-index: 1;
    }

        .foot-social a:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 0;
            height: 0;
            z-index: -1;
            background: var(--primary);
            transition: all 0.3s ease;
            border-radius: 50%;
        }

        .foot-social a:hover:before {
            width: 100%;
            height: 100%;
        }

        .foot-social a:hover img {
            filter: brightness(0) invert(1);
        }

        .foot-social a:last-child {
            margin-right: 0;
        }

        .foot-social a img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 16px;
            height: 16px;
            z-index: 1;
        }

    .terms-privacy span {
        font-size: 17px;
        line-height: 35px;
        color: var(--secondary);
    }

    .copyright p {
        font-size: 17px;
        line-height: 27px;
        color: var(--secondary);
    }

    .footer-bottom {
        padding: 20px 0;
    }

    .foot-social a:last-child {
        margin-right: 0;
    }

    .sec-9-head {
        text-align: center;
    }

        .sec-9-head h2 {
            margin-bottom: 50px;
        }

    h3.sec-subhead {
        font-size: 50px;
        line-height: 57px;
        color: var(--primary);
        font-family: "thesanslight";
        margin-top: 6px;
    }

    .left-position-icons .pos-icon {
        width: 80px;
        height: 80px;
        background: var(--primary);
        margin-bottom: 30px;
        border-radius: 0 20px 20px 0;
        position: relative;
        cursor: pointer;
    }

        .left-position-icons .pos-icon img {
            max-width: 35px;
            height: 35px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

    .left-position-icons {
        position: fixed;
        top: 61%;
        left: 0;
        z-index: 99999999999;
    }

    .position-right-box {
        position: absolute;
        right: 0;
        top: 2%;
        z-index: 2;
        width: 280px;
        height: auto;
        background: #ffffff38;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border-radius: 20px 0 0 20px;
        padding: 20px 40px 20px 40px;
        transition: all 0.3s ease;
    }

        .position-right-box:hover > i {
            transform: rotate(180deg);
        }

        .position-right-box > i {
            position: absolute;
            top: 50%;
            left: 3%;
            color: white;
            transform: translateY(-50%);
            transition: all 0.3s ease;
        }

    h2.right-boxhead {
        color: white;
        font-size: 24px;
        letter-spacing: 1px;
        font-family: "thesanslight";
    }

        h2.right-boxhead i {
            font-size: 19px;
            margin-right: 7px;
        }

    .flex.prayer-time img {
        height: 60px;
        margin-right: 15px;
    }

    .flex.prayer-time h2 {
        font-size: 22px;
        color: white;
        font-family: "thesanslight";
        letter-spacing: 1px;
        margin-bottom: 0;
    }

    ul.right-box-list li {
        display: flex;
        align-items: center;
        font-family: "thesanslight";
        letter-spacing: 0.5px;
        border-bottom: 2px solid #ffffff40;
        padding: 5px 0;
    }

        ul.right-box-list li img {
            max-width: 40px;
            margin-right: 5px;
        }

        ul.right-box-list li h3 {
            font-size: 14px;
            line-height: 12px;
            color: white;
            margin: 0;
        }

    ul.right-box-list {
        transition: all 0.3s ease;
        height: 0;
        overflow: hidden;
    }

    .position-right-box:hover ul.right-box-list {
        height: auto;
        margin-top: 15px;
        overflow: visible;
    }

    .position-right-box:hover {
        transform: translateY(-30%);
    }

    .banner-box span {
        opacity: 0;
    }


    /* scroll top  */

    a.scroll-top {
        width: 75px;
        height: 75px;
        background: white;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border: 1px solid black;
        position: absolute;
        bottom: 42%;
        right: 8%;
        transition: all 0.3s ease;
    }

        a.scroll-top:hover {
            background-color: #a3915d;
            border-color: #a3915d;
        }

            a.scroll-top:hover i,
            a.scroll-top:hover span {
                color: white;
            }

        /* a.scroll-top i {
            color: #a3915d;
            font-size: 25px;
        } */

        a.scroll-top span {
            color: #a3915d;
            margin-top: 5px;
        }


    /* scroll top  */


    /* dropdown  */

    ul.nav-list li:hover ul.my_dropdown,
    ul.side-nav-list li:hover ul.my_dropdown {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    ul.my_dropdown {
        position: absolute;
        left: -14px;
        top: 45px;
        width: 320px;
        background: white;
        box-shadow: 0px 3px 6px #00000029;
        padding: 25px 15px 15px 15px;
        border-radius: 5px;
        z-index: 999;
        border: 1px solid #bba36780;
        visibility: hidden;
        opacity: 0;
        transform: translateY(50px);
        transition: all 0.3s ease;
    }

        ul.my_dropdown:before {
            content: "";
            position: absolute;
            top: -9px;
            left: 13%;
            background: red;
            width: 17px;
            height: 17px;
            transform: rotate(46deg);
            border-radius: 2px;
            border: 1px solid #bba36780;
            background: white;
            z-index: -1;
        }

        ul.my_dropdown:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: white;
            z-index: -1;
            border-radius: 10px;
        }

    ul.nav-list li {
        position: relative;
    }

    ul.my_dropdown li {
        padding-bottom: 10px;
    }

        ul.my_dropdown li a {
        }

    .abbriviation {
        position: absolute;
        right: -160%;
        top: -60%;
        width: 450px;
        background: white;
        border-radius: 5px;
        padding: 15px;
        box-shadow: 0px 3px 6px #00000029;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }

        .abbriviation:before {
            content: "";
            position: absolute;
            top: 35%;
            left: -9px;
            width: 17px;
            height: 17px;
            transform: rotate(46deg);
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 2px;
            background: white;
            z-index: 0;
        }

        .abbriviation:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: white;
            z-index: 2;
            border-radius: 10px;
        }

        .abbriviation p {
            margin: 0;
            letter-spacing: -0.3px;
            position: relative;
            z-index: 3;
        }

    .abbr-item:hover .abbriviation {
        opacity: 1;
        visibility: visible;
    }


    /* dropdown  */


    /* worhiper page  */

    /*section.inner-banner {*/
    /*    height: 400px;*/
    /*    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/worship/ws-banner.png);*/
    /*    background-size: cover;*/
    /*    background-position: center;*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*    justify-content: center;*/
    /*}*/
    section.inner-banner {
        height: 400px;
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/worship/worship-img.png);
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }


        section.inner-banner.reli-banner {
            background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/worship/religious-pro-bg.jpg);
            background-position: center;
            background-size: cover;
        }

        section.inner-banner h1 {
            color: white;
            font-family: "philosopher", sans-serif;
            font-weight: 600;
            font-size: 62px;
            letter-spacing: 1px;
        }

    .breadcrumbs ul {
        display: flex;
        align-items: center;
        margin: 0;
        flex-flow: wrap;
    }

        .breadcrumbs ul li a {
            color: var(--primary);
            font-size: 18px;
            line-height: 29px;
            transition: all 0.3s ease;
        }

            .breadcrumbs ul li a i {
                font-size: 12px;
                margin: 0 12px;
            }

            .breadcrumbs ul li a img {
                margin-right: 10px;
                margin-top: -6px;
            }

    .breadcrumbs {
        padding-top: 30px;
    }

        .breadcrumbs ul li a:hover {
            color: #d0ac3c;
        }

    .ws-card-img img {
        height: 100%;
    }

    .ws-card-bottom {
        background: #f7f7f7;
        height: 100px;
        display: flex;
        align-items: center;
        /* padding: 20px 40px; */
        padding: 20px 15px 20px 40px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        transition: all 0.3s ease;
    }

        .ws-card-bottom h2 {
            color: #bba367;
            font-size: 30px;
            font-family: "philosopher", sans-serif;
            letter-spacing: 1px;
            font-weight: 600;
        }

    .ws-card {
        cursor: pointer;
        margin-bottom: 60px;
    }

    .ws-card-img {
        position: relative;
    }

    .ws-card:hover .ws-card-bottom {
        box-shadow: 0px 3px 6px #00000029;
    }

    section.ws-card-sec {
        padding: 50px 0;
    }

    .breadcrumbs .container-1630 {
        padding: 0 15px;
    }

    .inner-page {
        position: relative;
    }

        .inner-page .position-right-box {
            top: 7%;
            background: #0000002e;
        }


    /* worhiper page  end*/


    /* prayer time  */

    .pt-box-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 50px;
        flex-flow: wrap;
    }

    .pt-box {
        text-align: center;
        height: 115px;
        width: 115px;
        border: 2px solid #bba36785;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding-top: 18px;
        transition: all 0.3s ease;
        cursor: pointer;
    }

        .pt-box:hover {
            background: var(--primary);
        }

        .pt-box img {
            transition: all 0.3s ease;
        }

        .pt-box:hover img {
            filter: brightness(0) invert(1);
        }

        .pt-box:hover h4 {
            color: white;
        }

        .pt-box h4 {
            color: var(--primary);
            font-size: 14px;
            line-height: 19px;
            margin-top: 12px;
            transition: all 0.3s ease;
        }

    .pt-sec2-mainhead {
        text-align: center;
        padding-top: 70px;
        padding-top: 80px;
    }

        .pt-sec2-mainhead img {
            width: 100px;
            opacity: 0.2;
        }

        .pt-sec2-mainhead h1 {
            font-size: 40px;
            line-height: inherit;
            color: var(--secondary);
            font-family: "philosopher", sans-serif;
            font-weight: 600;
            margin-top: -80px;
            position: relative;
            z-index: 1;
        }

    .pt-location {
        text-align: center;
        padding-top: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .pt-location i {
            font-size: 36px;
        }

        .pt-location h2 {
            font-size: 40px;
            line-height: 44px;
            font-family: "thesansb6semibold";
            margin: 0 12px;
            transition: all 0.3s ease;
        }

            .pt-location h2:hover {
                color: var(--primary);
            }

        .pt-location a:last-child i {
            font-size: 16px;
        }

        .pt-location a:hover {
            color: var(--secondary);
        }

    .pt-center-img {
        text-align: center;
        padding-top: 30px;
    }

    .pt-namaztime-box {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 50px;
        flex-flow: wrap;
    }

    .pt-box-2 {
        text-align: center;
        height: 150px;
        width: 150px;
        border: 1px solid #98712a61;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding-top: 20px;
        margin: 0 20px;
        transition: all 0.3s ease;
        cursor: pointer;
    }

        .pt-box-2 span {
            font-size: 24px;
            line-height: 22px;
            color: var(--secondary);
            font-family: "thesansb6semibold";
            transition: all 0.3s ease;
        }

        .pt-box-2 h4 {
            font-size: 16px;
            line-height: 22px;
            font-family: "thesansb6semibold";
            margin-top: 15px;
            transition: all 0.3s ease;
        }

        .pt-box-2:hover {
            background: var(--primary);
        }

        .pt-box-2 img {
            transition: all 0.3s ease;
        }

        .pt-box-2:hover img {
            filter: brightness(0) invert(1);
        }

        .pt-box-2:hover h4 {
            color: white;
        }

            .pt-box-2:hover h4 span {
                color: white;
            }

    .brow-bg-active {
        background-color: var(--primary);
    }

        .brow-bg-active h4 {
            color: white;
        }

            .brow-bg-active h4 span {
                color: white;
            }

        .brow-bg-active img {
            filter: brightness(0) invert(1);
        }

    section.pt-sec-2 {
        padding-bottom: 80px;
    }


    /* prayer time  */


    /* friday sermon  */

    .fs-content p {
        font-size: 20px;
        line-height: 30px;
        text-align: center;
        max-width: 1202px;
        margin: 0 auto;
        color: #8c8d8d;
        font-family: "thesanslight";
    }

    .fs-content {
        padding-top: 50px;
    }

    a.fs-btn {
        width: 265px;
        height: 62px;
        line-height: 62px;
        text-align: center;
        display: block;
        margin: 0 auto;
        background: var(--primary);
        color: white;
        border: 1px solid var(--primary);
        transition: 0.3s ease;
        margin-top: 30px;
        font-size: 16px;
        letter-spacing: 2px;
    }

        a.fs-btn:hover {
            background: white;
            color: var(--primary);
        }

    .friday-sermon .position-right-box {
        top: 10%;
    }


    /* friday sermon  */


    /* mosque manner  */

    /* .ms-box {
        height: 160px;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 90px;
    } */

        /* .ms-box p {
            font-size: 22px;
            line-height: 30px;
            text-align: center;
            color: #bba367;
            font-family: "thesansb6semibold";
            max-width: 1108px;
            letter-spacing: 0.79px;
            margin: 0;
        } */

    .dress-code-box ul li a {
        font-size: 25px;
        line-height: 50px;
        color: #8c8d8d;
        letter-spacing: 0.9px;
    }

    .dress-code-box ul li {
        list-style: unset;
    }

        .dress-code-box ul li::marker {
            color: #98712a;
            font-size: 30px;
            line-height: 44px;
        }

    .dress-code-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 40px 45px;
        flex-flow: wrap;
    }

    .ms-right {
        direction: rtl;
    }

    .allowed {
        border: 1px solid #bba367;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .allowed-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 30px;
        border-bottom: 1px solid #bba367;
    }

        .allowed-top h1 {
            color: #10d858;
            font-family: "philosopher", sans-serif;
            font-weight: 600;
            margin: 0;
        }

    .manners-box {
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 50px 0;
        flex-flow: wrap;
    }

    .not-allowed {
        margin-top: 50px;
    }

        .not-allowed .allowed-top h1 {
            color: #d83038;
        }

    .ms-sec-silence {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-flow: wrap;
        text-align: center;
        padding: 50px 0 80px;
    }

    .ms-silence-box h2 {
        font-size: 25px;
        line-height: 44px;
        color: #231f20;
        font-family: "thesansb6semibold";
        margin: 10px 0 0 0;
    }

    .mosque-manners .position-right-box {
        top: 5%;
    }


    /* mosque manner  */


    /* religious program  */

    .rp-box p {
        max-width: 100%;
        padding: 0 30px;
    }

    section.rp-sec-3 {
        background: #fffdf8;
        padding: 70px 0px;
        margin-top: 80px;
    }

    .rp-heading h1 {
        font-size: 60px;
        line-height: 60px;
        letter-spacing: 2px;
        font-family: "philosopher", sans-serif;
        font-weight: 600;
        position: relative;
        margin-bottom: 20px;
    }

    .rp-right p {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 0.72px;
        color: #8c8d8d;
        padding-right: 20px;
    }

    .rp-right {
        padding: 0 0 0 100px;
    }

    .rp-heading img {
        position: absolute;
        left: -7%;
        bottom: -36%;
        width: 110px;
        opacity: 0.3;
        z-index: 0;
    }

    .rp-heading {
        position: relative;
    }

    .rp-row-2 .rp-right {
        padding: 0 0 0 60px;
    }

    .rp-right-bottom h3 {
        font-size: 25px;
        line-height: 44px;
        letter-spacing: 0.9px;
        font-family: "thesansb6semibold";
        margin: 0;
    }

    .rp-right-bottom a {
        font-size: 17px;
        line-height: 24px;
        font-family: "thesansb6semibold";
        display: inline-block;
        letter-spacing: 2.66px;
        color: #bba367;
        margin-left: 5px;
        transition: 0.3s ease;
    }

        .rp-right-bottom a:hover {
            font-size: 18px;
        }

    section.rp-sec-4 {
        margin-top: 70px;
    }

    .rp-sec-center {
        margin-top: 60px;
    }

        .rp-sec-center .container-1630 {
            background: #fffdf8;
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 10px;
        }

        .rp-sec-center .fs-content {
            padding-bottom: 50px;
        }

        .rp-sec-center .pt-sec2-mainhead {
            padding-top: 50px;
        }

    section.rp-sec-center {
        padding-bottom: 50px;
    }

        section.rp-sec-center .fs-content p {
            text-align: left;
        }

    section.rp-sec-5 {
        padding: 20px 0 60px 0;
    }

    section.rp-sec-6 {
        background: #fffdf8;
        padding: 70px 0 120px 0;
    }

    .rp-sec6-row {
        background: white;
        border: 1px solid #bba367;
    }

    h1.sp-sec6-head {
        font-size: 40px;
        line-height: 44px;
        letter-spacing: 1.44px;
        font-family: "philosopher", sans-serif;
        color: var(--primary);
        font-weight: 600;
        margin-bottom: 30px;
    }

    .rp-sec6-bg-box p {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 0.72px;
        color: #8c8d8d;
    }

    .rp-sec6-bg-box {
        padding: 0 55px;
    }

    .rp-sec6-row .rp-right-bottom a {
        margin-left: 15px;
    }

    .rp-sec6-col {
        text-align: right;
    }

    .rp-sec6-row-2 {
        margin-top: 80px;
    }

    .religious-program .position-right-box {
        top: 7%;
    }


    /* religious program  */


    /* services  */

    .s-right {
        padding: 0 0 50px 150px;
    }

        .s-right p {
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0.72px;
            color: #8c8d8d;
            margin: 0;
            font-family: "thesanslight";
            margin-bottom: 8px;
        }

    h1.v-center {
        font-size: 40px;
        line-height: 60px;
        font-family: "philosopher", sans-serif;
        font-weight: 600;
        margin-top: 20px;
    }

    section.s-section {
        margin: 100px 0;
    }

    .qoute-box {
        max-width: 665px;
        margin: 0 auto;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 15px;
        padding: 30px 25px 30px 60px;
        position: relative;
        margin-bottom: 100px;
    }

        .qoute-box p {
            margin: 0;
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0.72px;
            color: #bba367;
        }

    span.quote-left {
        position: absolute;
        top: -10%;
        left: 3%;
    }

    span.quote-left {
        color: #98712a;
        font-size: 28px;
    }

    span.quote-right {
        position: absolute;
        bottom: -15%;
        right: 4%;
    }

    span.quote-right {
        color: #98712a;
        font-size: 28px;
    }


    /* services  */


    /* getting mosque  */

    .getting-mosque .s-right {
        padding: 0 20px 0 50px;
    }

    .getting-mosque h1.v-center {
        margin: 0;
        margin-bottom: 10px;
    }

    .gm-row-1 {
        margin-top: 30px;
    }

        .gm-row-1 .col-sm-10 {
            padding-left: 20px;
        }

    .view-route {
        position: absolute;
        width: 90%;
        height: 90%;
        display: flex;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        align-items: center;
        justify-content: center;
        flex-direction: row;
        background: rgb(255 255 255 / 90%);
    }

        .view-route a:hover {
            color: black;
        }

    .route-map {
        position: relative;
        width: 100%;
    }

        .route-map > img {
            width: 100%;
        }

    .view-route h3 {
        font-size: 30px;
        line-height: 44px;
        letter-spacing: 1px;
        margin: 0;
        margin-left: 20px;
    }

    .route-map-row {
        margin-top: 70px;
    }

    .route-map-row {
        margin-top: 70px;
    }

    .cordinates h1.pt-mainhead {
        font-size: 40px;
        line-height: 44px;
        letter-spacing: 1.44px;
        font-family: "philosopher", sans-serif;
        font-weight: bold;
    }

    .cordinates span {
        font-size: 20px;
        line-height: 44px;
        letter-spacing: 0.72px;
        font-family: "thesansb6semibold";
    }

    .cordinate-content {
        padding-top: 80px;
    }

    .email-cordinate {
        padding-top: 20px;
    }

        .email-cordinate form {
            margin-top: 20px;
        }

    .gps {
        padding-top: 35px;
    }

    .gps {
        padding-top: 35px;
    }

    .hz-email-form {
        max-width: 664px;
        position: relative;
    }

        .hz-email-form input {
            width: 100%;
            height: 88px;
            border: 1px solid #bba367;
            padding: 0 40px;
            font-size: 20px;
            line-height: 44px;
            letter-spacing: 0.72px;
            color: black;
            font-family: "thesanslight";
            border-top-left-radius: 6px;
            border-bottom-left-radius: 6px;
        }

            .hz-email-form input:focus {
                border-color: var(--primary);
            }

            .hz-email-form input::placeholder {
                color: black;
            }

    button.hz-email-btn {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 96px;
        background: var(--primary);
        border: none;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .road-map .pt-sec2-mainhead {
        padding-top: 0px;
    }

    section.road-map {
        padding-bottom: 80px;
    }

    .google-map .view-route {
        opacity: 0;
        transition: all 0.8s ease;
    }

    .google-map:hover .view-route {
        opacity: 1;
    }

    .getting-mosque .position-right-box {
        top: 5%;
    }


    /* getting mosque  */


    /* e visitor guide  */

    a.ev-g-btn {
        width: 284px;
        height: 66px;
        line-height: 66px;
        display: inline-block;
        background: var(--primary);
        color: white;
        font-size: 16px;
        font-family: "thesanslight";
        letter-spacing: 0.58px;
        border-radius: 6px;
        text-align: center;
    }

        a.ev-g-btn img {
            margin-right: 15px;
        }

    .evg-content {
        text-align: center;
        margin-top: 100px;
    }


    /* e visitor guide  */


    /* visitor page  */

    .inner-page .v-banner {
        background: url(../images/visitor/visit-banner.png );
        position: relative;
        background-position: center;
        background-size: cover;
    }

    .all-banner {
        position: relative;
    }

        .all-banner .position-right-box {
            top: 30%;
        }

    .ws-card-rating {
        position: absolute;
        top: 5%;
        right: 5%;
        display: flex;
        align-items: center;
    }

        .ws-card-rating img {
            margin-right: 5px;
            max-width: 2vw;
        }

        .ws-card-rating span {
            font-size: 1.6vw;
            line-height: 30px;
            color: white;
        }

    .ws-card-detail img {
        max-width: 6vw;
    }

    .ws-card-detail {
        position: absolute;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0 20px;
    }


    button.ws-card-btn,
    a.ws-card-btn {
        display: inline-block;
        width: 7vw;
        height: 2.3vw;
        font-size: 0.93vw;
        line-height: 2.4vw;
        border-radius: 6px;
        text-align: center;
        font-family: "TheSansArabicLight";
        transition: all 0.3s ease;
    }

        button.ws-card-btn:last-child,
        a.ws-card-btn:last-child {
            background-color: white;
            color: var(--primary);
            margin-right: 8px;
        }

            button.ws-card-btn:last-child:hover,
            a.ws-card-btn:last-child:hover {
                background-color: var(--primary);
                color: white;
            }

        button.ws-card-btn:first-child,
        a.ws-card-btn:first-child {
            background-color: var(--primary);
            color: white;
        }

            button.ws-card-btn:first-child:hover,
            a.ws-card-btn:first-child:hover {
                background-color: white;
                color: var(--primary);
            }

    section.vh2-sec-3 {
        background: #fffdf8;
        padding: 60px 0;
        margin-top: 80px;
    }

    .vh2-col {
        border: 1px solid #bba367;
        background: white;
        border-radius: 10px;
        padding: 70px 30px 25px 50px;
        flex: 0 0 48%;
    }

    h1.table-mainhead {
        font-size: 40px;
        line-height: 50px;
        font-family: "philosopher", sans-serif;
        font-weight: bold;
        letter-spacing: 0.72px;
        color: var(--primary);
        margin-bottom: 30px;
    }

    .table-head h2 {
        font-size: 25px;
        line-height: 44px;
        letter-spacing: 0.9px;
        color: var(--primary);
        font-family: "thesansb6semibold";
        flex: 0 0 50%;
    }

    .table-head {
        display: flex;
    }

    .table-content h3 {
        font-size: 20px;
        line-height: 44px;
        letter-spacing: 0.72px;
        color: #8c8d8d;
        flex: 0 0 50%;
        margin-bottom: 10px;
    }

    .table-content {
        display: flex;
    }

    .table-footer h2 {
        font-size: 21px;
        line-height: 42px;
        letter-spacing: 0.79px;
        color: var(--secondary);
        margin-top: 15px;
    }

    .vh2-big-col {
        border: 1px solid #bba367;
        background: white;
        border-radius: 10px;
        padding: 50px 30px 50px 50px;
        margin-top: 60px;
    }

        .vh2-big-col h1 {
            font-size: 38px;
            line-height: 44px;
            font-family: "philosopher", sans-serif;
            font-weight: bold;
            letter-spacing: 0.72px;
            color: var(--primary);
            margin-bottom: 30px;
        }

        .vh2-big-col p {
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0.72px;
            color: #8c8d8d;
            margin-bottom: 0;
        }


    /* visiting hour  */


    /* culture tour  */

    .c-t-sec-4 .rp-right-bottom h3 {
        font-size: 20px;
    }

    .c-t-sec-4 .rp-right-bottom a {
        font-size: 20px;
        margin-left: 15px;
    }

        .c-t-sec-4 .rp-right-bottom a:hover {
            font-size: 21px;
        }

        .c-t-sec-4 .rp-right-bottom a i {
            font-size: 12px;
            transform: translate(-15px, -3px);
            opacity: 0;
            transition: 0.3s ease;
        }

        .c-t-sec-4 .rp-right-bottom a:hover i {
            transform: translate(0px, -3px);
            opacity: 1;
        }

    .c-t-sec-4 {
        padding-bottom: 70px;
    }


    /* culture tour  */


    /* E guide  */

    .e-g-sec .s-right {
        padding: 0 0 50px 70px;
    }


    /* E guide  */


    /* faq  */

    .faq-head {
        height: 89px;
        background: var(--primary);
        border-radius: 6px 6px 0px 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 35px;
        margin-bottom: 10px;
        border: 1px solid var(--primary);
    }

        .faq-head.color {
            background: transparent;
            border: 1px solid var(--primary);
        }

            .faq-head.color h3 {
                color: var(--primary);
            }

    .faq-card {
        margin-bottom: 30px;
    }

    .faq-head.color i {
        color: var(--primary);
    }

    .faq-head h3 {
        font-size: 25px;
        line-height: 44px;
        letter-spacing: 0.9px;
        color: white;
        font-family: "thesanslight";
        margin: 0;
    }

    .faq-head i {
        color: white;
        font-size: 18px;
    }

    .faq-content {
        border: 1px solid #bba367;
        height: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }

        .faq-content.show {
            height: auto;
            opacity: 1;
            visibility: visible;
        }

        .faq-content p {
            font-size: 20px;
            line-height: 30px;
            letter-spacing: 0.72px;
            color: var(--secondary);
            margin: 0;
            padding: 40px 35px;
        }

    div#accordion {
        margin-top: 70px;
    }

    section.faqs-sec {
        padding-bottom: 50px;
    }


    /* faq  */


    /* official deligates */

    section.o-d-banner {
        background: url(../images/official-deligates/off-dele-baner.png);
        position: relative;
        background-size: cover;
    }

    .od-inner-sec .pt-box h4 {
        font-size: 12px;
    }


    /* official deligates */


    /* e-services */

    section.e-services-banner {
        background: url(../images/registration-forms/innerBanner.png) no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
    }

    .e-services-page section.inner-banner h1 {
        max-width: 900px;
        text-align: center;
        line-height: 100px;
    }

    .form-top-tab li {
        list-style: none;
        background: #fafafa;
        box-shadow: 3px 3px 4px #00000026;
        padding: 20px;
        position: relative;
        z-index: 99;
    }

    .form-top-tab {
        display: flex;
        align-items: center;
        filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.1));
    }

        .form-top-tab .active-tab,
        .form-top-tab .active-tab:after {
            background: white !important;
        }

        .form-top-tab li a {
            font-size: 30px;
            font-family: "philosopher", sans-serif;
            font-weight: 600;
            color: #98712a;
        }

        .form-top-tab li:first-child ~ li {
            padding-left: 80px;
        }

        .form-top-tab li:after {
            content: "";
            position: absolute;
            right: -25%;
            top: 0;
            height: 100%;
            width: auto;
            z-index: 1;
            border-top: 50px solid transparent;
            border-left: 75px solid #fafafa;
            border-right: 50px solid transparent;
            border-bottom: 50px solid transparent;
            filter: drop-shadow(2px 3px 0px rgba(0, 0, 0, 0.09));
        }

    .form-content-box {
        box-shadow: 3px 5px 10px #00000040;
        border-radius: 0px 0px 6px 6px;
        padding: 70px 80px;
        overflow: scroll;
        overflow-y: hidden;
    }


    /* tab top  */

    #breadcrumbs-one {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        width: 100%;
        margin-bottom: 3px;
        display: flex;
    }

        #breadcrumbs-one li {
            -moz-box-shadow: 0 0px 3px rgb(4 4 4 / 14%);
            -webkit-box-shadow: 0 0px 3px rgb(4 4 4 / 14%);
            box-shadow: 0 0px 3px rgb(4 4 4 / 14%);
        }

            #breadcrumbs-one li:first-child a {
                padding-left: 1em;
                -moz-border-radius: 5px 0 0 5px;
                -webkit-border-radius: 5px 0 0 5px;
                border-radius: 5px 0 0 5px;
            }

        #breadcrumbs-one a.current {
            background: #fafafa;
        }

        #breadcrumbs-one .current,
        #breadcrumbs-one .current:hover {
            background: #fff;
        }

        #breadcrumbs-one a {
            padding: 1em 1em 1em 3em;
            display: block;
            text-decoration: none;
            font-size: 24px;
            color: #98712a;
            position: relative;
            text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
            background-color: #f9f9f8;
        }

            #breadcrumbs-one a.current::before {
                content: "";
                position: absolute;
                top: 41%;
                border-left-color: #fafafa;
                right: -2.1em;
                z-index: 1;
            }

        #breadcrumbs-one .current::after,
        #breadcrumbs-one .current::before {
            content: normal;
        }

        #breadcrumbs-one a::before {
            border-left-color: #fafafa;
            right: -2.1em;
            z-index: 1;
        }

        #breadcrumbs-one a::after,
        #breadcrumbs-one a::before {
            content: "";
            position: absolute;
            top: 41%;
            margin-top: -1.5em;
            border-top: 1.8em solid transparent;
            border-bottom: 1.8em solid transparent;
            border-left: 2em solid;
            right: -2em;
        }

        #breadcrumbs-one a.current::after {
            content: "";
            position: absolute;
            top: 41%;
            margin-top: -1.8em;
            border-top: 1.8em solid transparent;
            border-bottom: 1.5em solid transparent;
            border-left: 2em solid;
            border-left-color: #fafafa;
        }

        #breadcrumbs-one .current,
        #breadcrumbs-one .current:hover {
            background: #fff;
        }


    /* tab top  */

.form-group .pt-3 {
    padding-top: 0.7rem !important;
}

    .g-a-form-content .g-a-formhead {
        font-size: 25px;
        line-height: 44px;
        letter-spacing: 0.9px;
        color: #98712a;
        padding: 20px 0;
    }

    .g-a-formfields {
        display: flex;
        justify-content: space-between;
        padding: 0 40px;
        padding-bottom: 30px;
    }

        .g-a-formfields .g-a-1 {
            flex: 0 0 44%;
        }

    .g-a-1 label {
        font-size: 25px;
        line-height: 44px;
        letter-spacing: 0.9px;
    }

        .g-a-1 label span {
            color: red;
        }

    .g-a-1 input,
    .g-a-1 select {
        font-size: 20px;
        line-height: 25px;
        height: 65px;
        border: 1px solid #bba367;
        border-radius: 6px;
        color: #8c8d8d;
        padding: 0 15px;
    }

    .tab-pane-3 input,
    .tab-pane-3 select {
        width: 300px;
    }

    .g-a-1 input:focus,
    .g-a-1 select:focus {
        border: 1px solid #bba367;
        box-shadow: none;
    }

    .g-a-1 select {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        background-image: url(../images/registration-forms/5.svg);
        background-repeat: no-repeat;
        background-position-x: 96%;
        background-position-y: 50%;
    }

    .g-a-1 .form-group {
        margin-bottom: 30px;
    }

    .form-bottom-tab {
        text-align: right;
    }

    .g-a-btn {
        width: 200px;
        height: 66px;
        line-height: 66px;
        display: inline-block;
        text-align: center;
        background: var(--primary);
        color: white;
        border: 1px solid transparent;
        border-radius: 6px;
        font-size: 20px;
        letter-spacing: 0.72px;
        transition: all 0.3s ease;
    }

        .g-a-btn:hover {
            background: white;
            border-color: var(--primary);
            color: var(--primary);
        }

        .g-a-btn:first-child {
            background: white;
            border-color: var(--primary);
            color: var(--primary);
            margin-right: 20px;
        }

            .g-a-btn:first-child:hover {
                background: var(--primary);
                color: white;
                border: 1px solid transparent;
            }

                .g-a-btn:first-child:hover img {
                    filter: brightness(0) invert(1);
                }

        .g-a-btn img {
            margin-right: 10px;
            transition: all 0.3s ease;
        }

        .g-a-btn i {
            font-size: 12px;
            transform: translateY(-2px);
            margin-left: 5px;
        }

    section.g-a-registration {
        padding: 40px 0 90px 0;
    }

    .e-services-page .breadcrumbs .container-1630 {
        padding: 0;
    }

    .btn_upload {
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        position: relative;
        color: #231f20;
        background-color: #eff0f0;
        border: 1px solid #eff0f0;
        padding: 5px 20px;
        height: 100%;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        display: flex;
        align-items: center;
    }

    .my-tab-2 .g-a-1 label {
        font-size: 23px;
        margin-bottom: 15px;
    }

    .Enty_doc_list ul {
        display: flex;
    }

        .Enty_doc_list ul li {
            display: inline-block;
            color: #231f20;
            font-size: 16px;
            background: #fff;
            border: solid #666 1px;
            height: 64px;
            border: solid #bba367 1px;
            display: flex;
            align-items: center;
        }

            .Enty_doc_list ul li:first-child {
                border-top-left-radius: 6px;
                border-bottom-left-radius: 6px;
                border-right: none;
                padding: 0;
            }

    .Enty_doc_list .btn_upload {
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        position: relative;
        color: #231f20;
        background-color: #eff0f0;
        border: 1px solid #eff0f0;
        padding: 5px 20px;
        height: 100%;
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        display: flex;
        align-items: center;
    }

        .Enty_doc_list .btn_upload input {
            cursor: pointer;
            height: 100%;
            position: absolute;
            opacity: 0;
        }

    .Enty_doc_list ul li a {
        padding: 0 20px;
        height: 100%;
        display: flex;
        align-items: center;
        transition: all 0.3s ease;
    }

        .Enty_doc_list ul li a:hover {
            color: var(--primary);
        }

    .Enty_doc_list ul li:last-child {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        border-left: none;
    }

    p.terms-condition {
        font-size: 23px;
        line-height: 32px;
    }

    .my-tab-2 .g-a-btn:nth-child(2) {
        background: white;
        border-color: var(--primary);
        color: var(--primary);
        margin-right: 20px;
    }

        .my-tab-2 .g-a-btn:nth-child(2):hover {
            background: var(--primary);
            border-color: var(--primary);
            color: white;
        }

    .g-a-row {
        padding-left: 60px;
    }

    .step-form-tabs {
        background: #fff;
        margin-left: -7px;
        border: none;
        margin-bottom: -7px;
    }


        /* .step-form-tabs li {
} */

        .step-form-tabs li a {
            background: url(../images/registration-forms/normal.png) 0 -2px / 100% 100% no-repeat !important;
            color: var(--primary) !important;
            /* height: 85px; */
            width: 500px;
            image-rendering: -webkit-optimize-contrast;
            display: flex;
            align-items: center;
            padding: 40px 40px;
            position: relative;
        }

        .step-form-tabs .nav-link:focus,
        .step-form-tabs .nav-link:hover {
            border: 0 !important;
            box-shadow: none !important;
        }

        .step-form-tabs .nav-link,
        .step-form-tabs .nav-link.active {
            border: 0 !important;
            box-shadow: none !important;
        }

        .step-form-tabs li ~ li a {
            justify-content: center;
            padding: 40px 0;
            margin: 0 0 0 -90px;
        }

        .step-form-tabs li a.active {
            background: url(../images/registration-forms/active.png) 0 0 / 100% 100% no-repeat !important;
        }

        .step-form-tabs li:nth-child(1) a {
            position: relative;
            z-index: 3;
        }

        .step-form-tabs li ~ li a {
            position: relative;
            z-index: 2;
        }

        .step-form-tabs li ~ li ~ li a {
            z-index: 1;
        }

        .step-form-tabs a.nav-link {
            font-size: 22px;
            font-family: "philosopher", sans-serif;
            color: #98712a !important;
            font-weight: bold;
        }

    .l-e-d {
        display: flex;
        justify-content: space-between;
        position: relative;
    }

        .l-e-d input {
            margin-right: 15px;
        }

            .l-e-d input[type="date"]::-webkit-calendar-picker-indicator {
                width: 100px;
                font-size: 50px;
                padding: 0px;
                margin: 0px;
                margin-top: 10px;
                position: absolute;
                right: 10px;
                opacity: 1;
                z-index: 99999999999999999999999999;
                opacity: 0;
            }

    .custom-check p {
        margin-left: 10px;
    }

    .custom-check {
        position: relative;
    }

        .custom-check input[type="checkbox"] + p::before {
            background: url(../images/registration-forms/6.svg) no-repeat center center #f68b1f !important;
            content: "";
            border-radius: 50%;
            width: 25px;
            height: 25px;
            display: inline-block;
            position: absolute;
            left: -28px;
        }

        .custom-check input[type="checkbox"]:checked + p::before {
            background: url(../images/registration-forms/7.svg) no-repeat center center #f68b1f !important;
            border-color: #000000 !important;
            right: 29px !important;
        }

        .custom-check input[type="checkbox"],
        input[type="radio"] {
            position: absolute;
            left: -1.4%;
            z-index: 888;
            top: 7%;
            opacity: 0;
        }


    /* e-services */


    /* tour operator  */

    section.t-o-banner {
        background: url(../images/tour-operators/t-o-banner-img.png);
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
    }


    /* tour operator  */


    /* library */

    section.l-banner {
        background: url(../images/library/1.png);
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    section.resources {
        padding-top: 70px;
    }

    .l-sec-1 .s-right {
        padding: 0 80px;
    }

    /* a.l-btn {
        width: 248px;
        height: 62px;
        display: inline-block;
        text-align: center;
        line-height: 62px;
        font-size: 16px;
        letter-spacing: 0.72px;
        transition: 0.3s ease-in-out;
    } */

    /* .l-sec-1 a.l-btn {
        color: var(--primary);
        border: 1px solid var(--primary);
        margin-top: 30px;
    }

        .l-sec-1 a.l-btn:hover {
            background: var(--primary);
            color: white;
        } */

    h1.l-mainhead {
        font-size: 60px;
        line-height: 44px;
        text-align: center;
        font-family: "philosopher", sans-serif;
        font-weight: bold;
        margin-bottom: 50px;
        letter-spacing: 2.16px;
    }

    .res-bg-main {
        background-image: url(../images/library/3.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        color: white;
        padding: 70px 0 40px 0;
    }

    h2.l-head {
        font-size: 30px;
        line-height: 44px;
        letter-spacing: 1.08px;
        font-family: "thesansb6semibold";
        text-align: center;
    }

    p.res-text {
        font-size: 20px;
        line-height: 44px;
        letter-spacing: 0.72px;
        padding-right: 12px;
    }

    section.resources .l-btn {
        background: white;
        color: var(--primary);
        margin-top: 10px;
    }

        section.resources .l-btn:hover {
            background: var(--primary);
            color: white;
        }

    .pub-main {
        border: 1px solid var(--primary);
        border-radius: 6px 6px 0 0;
        position: relative;
    }

    .pub-top {
        background: var(--primary);
        padding: 20px 0;
        border-radius: 6px 6px 0 0;
    }

        .pub-top h1 {
            margin: 0;
            text-align: center;
            font-family: "philosopher", sans-serif;
            color: white;
            font-weight: bold;
            font-size: 60px;
            line-height: 44px;
            letter-spacing: 2.16px;
        }

    .pub-box {
        text-align: center;
        padding: 0 20px;
    }

        .pub-box img {
            margin: 0 auto;
        }

    .pub-inner {
        padding: 90px 30px 50px 30px;
    }

    .pub-box h2 {
        font-size: 20px;
        line-height: 44px;
        letter-spacing: 0.72px;
        margin-top: 15px;
        font-family: "thesansb6semibold";
    }

    .pub-arrow .slick-arrow i {
        background: var(--primary);
        color: white;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        line-height: 40px;
        font-size: 19px;
        border: 1px solid transparent;
        -webkit-text-stroke: 2px #fff;
        transition: 0.3s ease-in-out;
    }

        .pub-arrow .slick-arrow i:hover {
            background-color: white;
            color: var(--primary);
            border: 1px solid var(--primary);
            -webkit-text-stroke: 2px var(--primary);
        }

    .pub-arrow .slick-arrow {
        background: none;
        border: none;
    }

    button.l-prev {
        position: absolute;
        top: 50%;
        left: 1.2%;
    }

    button.l-next {
        position: absolute;
        top: 50%;
        right: 1.2%;
    }

    .l-publication .slick-dots {
        display: none !important;
    }

    div#publication-slider {
        margin: 0;
    }

    /* .l-publication a.l-btn {
        border: 1px solid var(--primary);
        color: var(--primary);
        margin: 50px 0 60px 0;
    } */

    section.l-publication {
        padding-top: 70px;
    }

    /* .l-publication a.l-btn:hover {
        background: var(--primary);
        color: white;
    } */

    .lib-service-main {
        background: url(../images/library/5.png) no-repeat;
        background-size: cover;
        background-position: center;
        padding: 80px 0;
        margin: 70px 0;
    }

    .lib-whitebox {
        background: white;
        padding: 20px 30px 20px 30px;
        border-radius: 6px;
        height: 100%;
    }

        .lib-whitebox h2 {
            font-size: 25px;
            line-height: 38px;
            letter-spacing: 0.9px;
            color: var(--primary);
            text-align: center;
            font-family: "thesansb6semibold";
        }

        .lib-whitebox p {
            font-size: 20px;
            line-height: 44px;
            letter-spacing: 0.72px;
        }

        .lib-whitebox .l-btn {
            background: var(--primary);
            color: white;
            border: 1px solid transparent;
        }

            .lib-whitebox .l-btn:hover {
                background: transparent;
                color: var(--primary);
                border: 1px solid var(--primary);
            }

    .lib-service-main .row .col-lg-4 {
        padding-right: 35px;
    }

    .lib-service-main .col-lg-8 img {
        height: 100%;
        width: 100%;
        object-fit: none;
        object-position: center;
        border-radius: 10px;
    }

    .a-t-l-main {
        background: url(../images/library/about-library-bg.png) no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        color: white;
        padding: 330px 62px 30px;
        margin-top: 80px;
    }

    img.music-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 0;
    }

    .a-t-l-content {
        position: relative;
    }

        .a-t-l-content h3 {
            font-size: 30px;
            line-height: 44px;
            letter-spacing: 1.087px;
            font-family: "thesansb6semibold";
            margin: 8px 0 20px 0;
        }

        .a-t-l-content p {
            font-size: 22px;
            line-height: 34px;
            letter-spacing: 0.79px;
        }

        .a-t-l-content img {
            margin-left: -10px;
        }

    .library-page .breadcrumbs .container-1630 {
        padding: 0;
    }

    .pub-top h2 {
        font-size: 30px;
        line-height: 44px;
        letter-spacing: 1.08px;
        margin: 0;
        padding-left: 30px;
        color: white;
        font-family: "thesansb6semibold";
    }

    .pub-inner p {
        font-size: 18px;
        line-height: 32px;
        color: #8c8d8d;
    }

    .a-t-l-pub-inner {
        padding: 50px 20px 0px 20px;
    }

    .a-t-l-inner {
        background: url(../images/library/10.png) no-repeat;
        background-position: center;
        background-size: cover;
        height: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 30px;
    }

        .a-t-l-inner h4 {
            font-size: 30px;
            line-height: 44px;
            letter-spacing: 1.08px;
            color: white;
            font-family: "thesansb6semibold";
        }

        .a-t-l-inner p span {
            font-size: 25px;
            line-height: 44px;
            letter-spacing: 0.9px;
            color: white;
            text-align: left;
        }

            .a-t-l-inner p span:first-child {
                margin-right: 30px;
            }

        .a-t-l-inner p {
            margin-bottom: 6px;
        }

    .a-t-l-inner2 h3 {
        font-size: 30px;
        line-height: 44px;
        letter-spacing: 1.08px;
        color: #98712a;
        font-family: "thesansb6semibold";
        margin-bottom: 15px;
    }

    .a-t-l-list p {
        margin: 0;
        font-size: 20px;
        line-height: 44px;
        letter-spacing: 0.72px;
        color: #8c8d8d;
    }

    .a-t-l-list {
        display: flex;
        gap: 20px;
        align-items: self-start;
        margin-bottom: 40px;
    }

        .a-t-l-list img {
            max-width: 20px;
            margin-top: 12px;
        }

    section.a-l-t-sec3 {
        padding: 100px 0;
    }

    .objectives-text {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
    }

        .objectives-text p {
            flex: 0 0 49%;
            margin-bottom: 50px;
        }

    section.resources-sec2 {
        padding-bottom: 40px;
    }

    .res-icon-list {
        display: flex;
        align-items: center;
        gap: 15px;
        margin: 30px 0;
    }

        .res-icon-list h2 {
            margin: 0;
            color: #98712a;
            font-size: 30px;
            line-height: 44px;
            letter-spacing: 1.08px;
            font-family: "thesansb6semibold";
        }

    .resource-box {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        box-shadow: 0px 0px 6px #00000029;
        border-radius: 4px;
        padding: 60px 60px 60px 40px;
        margin-bottom: 50px;
    }

        .resource-box img {
            max-width: 20px;
            image-rendering: -webkit-optimize-contrast;
        }

    .res-box-content h2 {
        font-size: 25px;
        line-height: 25px;
        letter-spacing: 0.9px;
        font-family: "thesansb6semibold";
        margin-bottom: 13px;
    }

    .res-box-content p {
        font-size: 20px;
        line-height: 44px;
        letter-spacing: 0.72px;
        color: #8c8d8d;
        margin: 0;
    }

    .res-brown-box {
        background: var(--primary);
        color: white;
    }

        .res-brown-box p {
            color: white;
        }

        .res-brown-box img {
            filter: brightness(0) invert(1);
        }


    /* library */


    /* library service  */

    h2.l-s-head {
        font-size: 30px;
        line-height: 44px;
        letter-spacing: 1.08px;
        color: #98712a;
        font-family: "thesansb6semibold";
        margin-bottom: 20px;
    }

    .l-s-top-content p {
        font-size: 20px;
        line-height: 44px;
        letter-spacing: 0.72px;
        color: #8c8d8d;
    }

        .l-s-top-content p a {
            color: var(--primary);
        }

            .l-s-top-content p a:hover {
                text-decoration: underline;
            }

    .l-s-top-content {
        padding: 80px 0;
    }

    .l-s-service-box .logo {
        width: 200px;
        height: 200px;
        margin: 0 auto;
        border-radius: 50%;
        box-shadow: 0px 1px 6px #00000029;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

        .l-s-service-box .logo img {
            width: auto;
        }

    .l-s-service-box .logo {
        transition: all 0.3s ease-in-out;
    }

    .l-s-service-box h2 {
        font-size: 25px;
        line-height: 44px;
        letter-spacing: 0.9px;
        color: #8c8d8d;
        padding: 0 45px;
        margin-top: 20px;
        transition: all 0.3s ease-in-out;
    }

    .l-s-service-box {
        margin-bottom: 90px;
    }

    section.l-s-sec2 .row {
        padding: 31px 0;
    }

    .l-s-service-box:hover .logo {
        transform: scale(1.1);
    }

    .l-s-service-box:hover h2 {
        color: black;
    }


    /* library service  */


    /* search  */

    .search-main {
        border: 1px solid #bba367;
        position: relative;
        padding: 40px 30px;
    }

    img.search-img {
        position: absolute;
        right: 4%;
        top: -4.3%;
    }

    h1.search-head {
        font-size: 25px;
        line-height: 44px;
        letter-spacing: 0.9px;
        color: #98712a;
        font-family: "thesansb6semibold";
        margin-bottom: 20px;
    }

    ul.search-list li {
        font-size: 20px;
        line-height: 36px;
        letter-spacing: 0.72px;
        color: #8c8d8d;
        margin-bottom: 30px;
    }

    ul.search-list {
        margin: 0;
    }

    section.search-sec {
        padding: 80px 0;
    }

        section.search-sec .l-btn {
            background: var(--primary);
            color: white;
            border: 1px solid transparent;
        }

            section.search-sec .l-btn:hover {
                background: transparent;
                color: var(--primary);
                border-color: var(--primary);
            }


    /* search  */


    /* publication  */

    .publication-top-form {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding: 70px 0;
        flex-flow: wrap;
    }

        .publication-top-form input {
            width: 300px;
            height: 60px;
            border: 1px solid #98712a;
            border-radius: 6px;
            margin-right: 25px;
            padding-right: 45px;
        }

            .publication-top-form input:focus {
                border: 1px solid #98712a;
            }

        .publication-top-form label {
            font-size: 16px;
            line-height: 44px;
            letter-spacing: 0.58px;
            color: #98712a;
            margin: 0;
        }

        .publication-top-form .form-group {
            position: relative;
            margin: 0;
        }

            .publication-top-form .form-group i {
                position: absolute;
                bottom: 20%;
                right: 14%;
                color: #98712a;
                z-index: 1;
            }

    .p-search-btn {
        height: 60px;
        flex: 0 0 5%;
        line-height: 66px;
        border-radius: 6px;
        background: var(--primary);
        text-align: center;
    }

        .p-search-btn i {
            color: white;
            font-size: 22px;
        }

    .publication-books {
        padding: 0 40px;
    }

        .publication-books .pub-box {
            margin-bottom: 110px;
        }

    .p-my-pagination li {
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: transparent;
        text-align: center;
        border-radius: 6px;
        border: 1px solid var(--primary);
        margin-right: 20px;
        transition: 0.3s ease;
    }

        .p-my-pagination li:hover {
            background: var(--primary);
        }

            .p-my-pagination li:hover a {
                color: white;
            }

    nav.p-my-pagination ul {
        justify-content: center;
    }

    .p-my-pagination li a {
        font-size: 31px;
        color: #98712a;
        font-family: "thesansb6semibold";
        transition: 0.3s ease;
    }

        .p-my-pagination li a i {
            font-size: 20px;
        }

    /* .p-my-pagination li:first-child {
        margin-right: 30px;
    } */

    .p-my-pagination li:last-child {
        margin-right: 0;
        margin-left: 10px;
    }

    section.publication-sec1 {
        padding-bottom: 70px;
    }


    /* publication  */


    /* publication detail  */

    button.detail-btn {
        width: 160px;
        height: 60px;
        font-size: 16px;
        line-height: 38px;
        letter-spacing: 0.58px;
        transition: 0.3s ease-in-out;
    }

        button.detail-btn:first-child {
            border: 1px solid var(--primary);
            color: var(--primary);
            background: transparent;
        }

            button.detail-btn:first-child:hover {
                background: var(--primary);
                border: transparent;
                color: white;
            }

        button.detail-btn:last-child {
            background: var(--primary);
            border: transparent;
            color: white;
        }

            button.detail-btn:last-child:hover {
                border: 1px solid var(--primary);
                color: var(--primary);
                background: transparent;
            }

    .detail-book div.d-lg-flex {
        gap: 20px;
    }

    .pub-detail-content h2 {
        font-size: 30px;
        line-height: 44px;
        letter-spacing: 1.08px;
        color: #98712a;
        font-family: "thesansb6semibold";
    }

    .pub-detail-content h3 {
        font-size: 20px;
        line-height: 44px;
        letter-spacing: 0.72px;
        font-family: "thesansb6semibold";
    }

    .pub-detail-content p {
        font-size: 20px;
        line-height: 44px;
        letter-spacing: 0.72px;
        color: #8c8d8d;
        margin-top: 50px;
        padding-right: 60px;
    }

    section.publication-detail .container-1630 > .row {
        box-shadow: 0px 0px 6px #00000029;
        padding: 110px 0px 50px 130px;
    }

    section.publication-detail {
        padding-top: 50px;
    }

    h1.pub-mainhead {
        font-size: 60px;
        line-height: 44px;
        letter-spacing: 2.16px;
        text-align: center;
        font-family: "philosopher", sans-serif;
        font-weight: bold;
        margin-bottom: 80px;
    }

    .related-pub {
        padding: 80px 0;
    }

        .related-pub .pub-prev {
            position: absolute;
            top: 50%;
            left: 1%;
        }

        .related-pub .container-1630 {
            position: relative;
        }

        .related-pub .pub-next {
            position: absolute;
            top: 50%;
            right: 1%;
        }

    div#publication-detail-slider {
        margin-bottom: 0;
    }


    /* publication detail  */


    /* chairman speech  */

    section.chairman-speech {
        padding: 70px 0;
    }

    h1.c-s-mainhead {
        font-size: 40px;
        line-height: 38px;
        letter-spacing: 1.44px;
        font-family: "philosopher", sans-serif;
        font-weight: bold;
        text-align: center;
        margin-bottom: 40px;
    }

    p.c-s-text {
        font-size: 20px;
        line-height: 30px;
        color: #8C8D8D;
    }

    section.chairman-speech {
        padding: 70px 0;
    }

        section.chairman-speech .col-md-5 img {
            height: 575px;
            object-fit: cover;
        }

    .a-s-banner .banner-heading {
        max-width: 1200px;
        text-align: center;
    }

    section.a-s-banner {
        position: relative;
        background: url(../images/about-szgmc/10.png);
        background-size: cover;
        background-position: center;
        flex-direction: column;
    }

    img.c-s-img {
        float: left;
        padding-right: 70px;
        padding-bottom: 40px;
    }

    h2.d-m-subhead {
        font-size: 30px;
        line-height: 34px;
        font-family: "thesansb6semibold";
        margin-bottom: 20px;
    }

    .d-m-bottom h2 {
        font-size: 24px;
        line-height: 44px;
        letter-spacing: 0.86px;
        margin-bottom: 20px;
    }

    .d-m-bottom button {
        width: 248px;
        height: 62px;
        line-height: 62px;
        box-shadow: 0px 3px 6px #00000029;
        border: none;
        font-size: 16px;
        letter-spacing: 0.68px;
        color: var(--primary);
        font-family: "thesansb6semibold";
        background-color: #fff;
    }

    /* section.ms-sec-2.mos-2 .ms-box {
        max-width: inherit;
    } */

    .d-m-bottom button img {
        margin-right: 12px;
    }


    /* chairman speech  */


    /* strategic plan  */

    .s-p-img-head h1 {
        font-size: 40px;
    }

    .s-p-service-box {
        background: #f8f5f5;
        border-radius: 10px;
        position: relative;
        z-index: 1;
        height: 100%;
        padding: 80px 50px 20px;
        cursor: pointer;
    }

        .s-p-service-box img {
            position: absolute;
            top: -50px;
            left: 50%;
            transform: translatex(-50%);
        }

        .s-p-service-box h2 {
            text-align: center;
            font-size: 30px;
            line-height: 44px;
            letter-spacing: 1.08px;
            font-family: "philosopher", sans-serif;
            font-weight: bold;
            margin-bottom: 10px;
            transition: all 0.3s ease;
        }

        .s-p-service-box ul li {
            font-size: 16px;
            line-height: 30px;
            letter-spacing: 0.58px;
            transition: all 0.3s ease;
            color: #8C8D8D;
        }

    section.s-p-sec-1 .col-lg-4:nth-child(3) .s-p-service-box ul li {
        list-style: unset;
    }

    section.s-p-sec-1 {
        padding: 100px 0 80px;
    }

    .s-p-btn a {
        background: var(--primary);
        color: white;
        border: 1px solid var(--primary);
    }

    .s-p-btn {
        padding-top: 60px;
    }

        .s-p-btn a:hover {
            background: transparent;
            color: var(--primary);
        }

    .s-p-service-box:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        z-index: -1;
        background: var(--primary);
        border-radius: 10px;
        transition: all 0.3s ease;
    }

    .s-p-service-box:hover:before {
        height: 100%;
    }

    .s-p-service-box:hover h2 {
        color: white;
    }

    .s-p-service-box:hover ul li {
        color: white;
    }


    /* strategic plan  */


    /* board members  */

    section.b-m-sec1 {
        padding-top: 80px;
    }

    .b-m-content {
        background: transparent linear-gradient(180deg, #bba36780 0%, #98712a 100%);
        position: absolute;
        bottom: 0;
        border-radius: 0 0 6px 6px;
        padding: 20px 14px;
        width: 100%;
        min-height: 118px;
    }

    .board-member-box {
        position: relative;
        margin-bottom: 70px;
    }

        .board-member-box img {
            width: 100%;
            height: 100%;
        }

    .b-m-content h3 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0.65px;
        color: white;
    }

    .b-m-content h2 {
        font-size: 23px;
        line-height: 24px;
        letter-spacing: 0.83px;
        color: white;
        margin: 0;
    }


    /* board members  */


    /*Organizational Structure  */

    .structure p {
        letter-spacing: 0.72px;
        color: #231f20;
        font-size: 19px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .structure {
        padding-top: 60px;
    }

    section.sec-organ-img {
        text-align: center;
        padding-bottom: 50px;
    }

    .image-structure img {
        image-rendering: -webkit-optimize-contrast;
    }


    /* gallery  */

    .arch-slider {
        margin: 0;
        padding: 30px 0;
        background: #e8e8e8;
    }

    .arc-images {
        position: relative;
    }

        .arc-images:before {
            content: " ";
            -webkit-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 0;
            z-index: 1;
        }

    a.arc-link:hover .arc-images:before {
        background: rgba(8, 8, 8, 0.75);
        background: rgba(51, 51, 51, 0.6) !important;
    }

    .architecturalmillwork-lyt .slick-lightbox-close {
        color: rgba(0, 110, 158, 1) !important;
        font-size: 26px !important;
        width: 38px !important;
        height: 44px !important;
        margin-top: 30px;
        margin-right: 80px;
        right: 0 !important;
        top: 2px !important;
    }

        .architecturalmillwork-lyt .slick-lightbox-close:before {
            font-family: progallery-svg-font-icons !important;
            display: inline-block;
            vertical-align: middle;
            line-height: 1 !important;
            font-weight: 400;
            font-style: normal;
            speak: none;
            text-decoration: inherit;
            text-transform: none;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased !important;
            -moz-osx-font-smoothing: grayscale;
            content: "\F10A" !important;
            font-size: inherit;
            color: rgba(0, 0, 0, 1) !important;
        }

    .arch-slider .slick-arrow {
        position: absolute;
        width: 100px;
        height: 100px;
        top: 50%;
        margin-top: -55px;
        z-index: 111;
        padding: 20px 38.5px;
        cursor: pointer;
    }

        .arch-slider .slick-arrow.next {
            right: 0;
        }

        .arch-slider .slick-arrow svg {
            -webkit-filter: drop-shadow(0 1px 0.15px #b2b2b2);
            filter: drop-shadow(0 1px 0.15px #b2b2b2);
            display: inline-block;
        }

    .slideshow-arrow {
        fill: #e8e8e8;
    }

    .arch-slider {
        margin: 0;
        padding: 30px 0;
        background: #e8e8e8;
    }

    .arc-images {
        position: relative;
    }

        .arc-images:before {
            content: " ";
            -webkit-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 0;
            z-index: 1;
        }

    a.arc-link:hover .arc-images:before {
        background: rgba(8, 8, 8, 0.75);
        background: rgba(51, 51, 51, 0.6) !important;
    }

    .architecturalmillwork-lyt .slick-lightbox-inner {
        background-color: rgba(232, 232, 232, 1) !important;
        z-index: 1111;
    }

        .architecturalmillwork-lyt .slick-lightbox-inner .slick-arrow {
            z-index: 111;
            width: 100px;
            height: 100px;
            background-image: url(//cdn2.hubspot.net/hubfs/4795157/Idxcorporation_December2018/Images/arrow.svg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: 27px;
            margin-top: -50px;
        }

            .architecturalmillwork-lyt .slick-lightbox-inner .slick-arrow:before {
                display: none;
            }

        .architecturalmillwork-lyt .slick-lightbox-inner .slick-prev {
            left: 0;
        }

        .architecturalmillwork-lyt .slick-lightbox-inner .slick-next {
            right: 0;
            transform: rotate(180deg);
        }

    .architecturalmillwork-lyt .slick-lightbox-close {
        color: rgba(0, 110, 158, 1) !important;
        font-size: 26px !important;
        width: 38px !important;
        height: 44px !important;
        margin-top: 30px;
        margin-right: 80px;
        right: 0 !important;
        top: 2px !important;
    }

        .architecturalmillwork-lyt .slick-lightbox-close:before {
            font-family: progallery-svg-font-icons !important;
            display: inline-block;
            vertical-align: middle;
            line-height: 1 !important;
            font-weight: 400;
            font-style: normal;
            speak: none;
            text-decoration: inherit;
            text-transform: none;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased !important;
            -moz-osx-font-smoothing: grayscale;
            content: "\F10A" !important;
            font-size: inherit;
            color: rgba(0, 0, 0, 1) !important;
        }


    /* gallery  */


    /*=================== Organizational Structure end  ===================end*/


    /* SZGMC  */

    .img-bg-effect img:last-child {
        transition: all 0.3s ease-in-out;
    }

    .mean-dv:hover .img-bg-effect img:first-child {
        transition: all 0.3s ease-in-out;
    }

    .bg.content {
        text-align: center;
        padding-bottom: 50px;
    }

        .bg.content a:hover {
            background: transparent;
            color: #bba367;
            border: 1px solid #bba367;
        }

        .bg.content p {
            letter-spacing: 0.58px;
            color: #231f20;
            font-size: 16px;
            width: 70%;
            line-height: 30px;
            margin: 0 auto;
            padding-top: 15px;
        }

        .bg.content .l-btn {
            background: #bba367;
            color: white;
            margin: 30px 0;
            border: 1px solid transparent;
        }

    .bg-dv img {
        max-width: 220px;
        height: 220px;
    }

    .bg-dv {
        padding-top: 25px;
    }

    .mean-dv {
        max-width: 334px;
        min-height: 704px;
        background: #f8f5f5 0% 0% no-repeat padding-box;
        border-radius: 167px;
        margin: 0 auto;
    }

        .mean-dv.adjust-mr {
            margin: auto;
        }

    .img-bg-effect {
        background: white;
        border-radius: 50%;
        width: 260px;
        height: 260px;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 3px 6px #00000029;
    }

    .listtyle ul li {
        list-style: unset;
    }

    section.sec1-SZGMC {
        padding-bottom: 80px;
    }

    .txt-content h3 {
        letter-spacing: 1.08px;
        color: #231f20;
        font-size: 30px;
        text-align: center;
        line-height: 40px;
        padding-top: 40px;
        padding-bottom: 10px;
        font-family: 'philosopher', sans-serif;
        font-weight: bold;
    }

    .txt-content p {
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0.58px;
        color: #231f20;
        margin: 0 auto;
        max-width: 300px;
    }

    .listtyle ul li {
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0.58px;
        color: #231f20;
    }

    ul.UL-2 li {
        max-width: 70px;
        margin: 0 auto;
    }

    ul.UL-1 li {
        max-width: 280px;
        margin: 0 auto;
    }

    .but a {
        border: 1px solid #bba367;
        color: #bba367;
        background: #ffffffde 0% 0% no-repeat padding-box;
    }

    section.sec2-SZGMC .row:hover {
        background: #bba367;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }

    section.sec2-SZGMC .row {
        align-items: center;
        transition: all 0.3s ease-in-out;
        border-radius: 6px;
        border: 1px solid #98712A2B;
        background: white;
    }

    section.sec2-SZGMC .container-1420 {
        padding: 0 80px;
    }

    .speech-1 {
        padding: 0 90px;
    }

        .speech-1 h1 {
            font: normal normal bold 48px/44px Philosopher;
            letter-spacing: 1.73px;
            color: #bba367;
            padding: 20px 0 30px 0px;
        }

        .speech-1 p {
            font: normal normal normal 20px/36px;
            letter-spacing: 0.72px;
            line-height: 36px;
            padding-bottom: 20px;
            color: #231f20;
        }

    section.sec2-SZGMC .row:hover h1 {
        color: white;
        transition: all 0.3s ease-in-out;
    }

    section.sec2-SZGMC .row:hover p {
        color: white;
        transition: all 0.3s ease-in-out;
    }

    section.sec2-SZGMC .row:hover .speech-1 img {
        filter: brightness(0) invert(1);
        transition: all 0.3s ease-in-out;
    }

    section.sec2-SZGMC .row:first-child {
        margin-bottom: 71px;
    }

    .img-bg-effect img:first-child {
        opacity: 0;
    }

    .bg-dv img {
        transition: all .3s ease;
        position: absolute;
        cursor: pointer;
    }

    .mean-dv:hover .img-bg-effect img:first-child {
        opacity: 1;
        z-index: 9;
    }

    h1.g-s-mainhead {
        font-size: 48px;
        letter-spacing: 1.73px;
        text-align: center;
        font-family: 'philosopher', sans-serif;
        font-weight: bold;
        color: var(--primary);
        margin-bottom: 20px;
    }

    p.g-s-maintext {
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0.58px;
        text-align: center;
        margin-bottom: 50px;
    }

    section.gallery-slider-sec {
        padding: 80px 0;
    }

    .gallery-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 40px;
        row-gap: 40px;
    }

        .gallery-wrapper img {
            cursor: pointer;
        }

    section.gallery-slider-sec .l-btn {
        background: var(--primary);
        color: white;
        border: 1px solid var(--primary);
        margin-top: 40px;
    }

        section.gallery-slider-sec .l-btn:hover {
            background: transparent;
            color: var(--primary);
        }

    .popup-carousel {
        position: absolute;
        top: 0;
        left: -100%;
        opacity: 0;
        transition: .4s ease-in-out;
        width: 100%;
        height: 100%;
    }

    .left-0 {
        left: 0;
        opacity: 1;
    }

    .popup-carousel img {
        width: 100% !important;
        height: 100%;
        max-width: 100%;
        object-fit: cover;
        image-rendering: pixelated;
    }

    .lightbox-main {
        position: relative;
        overflow: hidden;
    }

        .lightbox-main .popup-carousel {
            height: 100%;
        }

            .lightbox-main .popup-carousel .slick-slide img {
                width: 100% !important;
                height: 100%;
            }

        .lightbox-main .slide-img {
            height: 100%;
            cursor: pointer;
        }

        .lightbox-main .slick-track {
            height: 100%;
        }

        .lightbox-main .slick-list.draggable {
            width: 100%;
            height: 100%;
        }

        .lightbox-main div#lightbox-slider {
            width: 100%;
            height: 100%;
        }

        .lightbox-main .slick-slide > div {
            height: 100%;
        }

    .lightbox-arrow .slick-arrow {
        position: absolute;
        top: 50%;
        left: 2%;
        z-index: 999;
        background: none;
        border: none;
    }

    .lightbox-arrow .lightbox-next {
        right: 2%;
        left: auto;
    }

    .lightbox-arrow .slick-arrow i {
        color: white;
        font-size: 50px;
    }

    button.popup-close {
        position: absolute;
        z-index: 999;
        right: 2%;
        top: 2%;
        background: none;
        border: none;
    }

        button.popup-close i {
            color: white;
            font-size: 25px;
        }

    section.sec2-SZGMC {
        background: url(../images/about-szgmc/28.png) no-repeat;
        background-position: center;
        background-size: cover;
        padding: 60px 0;
    }

    .about-banner-counter {
        display: flex;
        justify-content: center;
        width: 100%;
        gap: 40px;
        margin-top: 40px;
    }

    .about-banner-blurbox {
        display: flex;
        align-items: center;
        border: 1px solid #98712A;
        border-radius: 10px;
        opacity: 1;
        backdrop-filter: blur(30px);
        -webkit-backdrop-filter: blur(30px);
        background: #ffffff3d;
        flex: 0 0 598px;
        justify-content: center;
        padding: 20px;
    }

        .about-banner-blurbox h6 {
            color: white;
            letter-spacing: 0.72px;
            font-size: 18px;
            font-family: "thesanslight";
        }

        .about-banner-blurbox ul.count-list li {
            padding: 0 16px;
            border: none;
        }

            .about-banner-blurbox ul.count-list li span {
                color: white;
                font-family: "thesansb6semibold";
                font-size: 22px;
            }

            .about-banner-blurbox ul.count-list li h3 {
                color: white;
                letter-spacing: 0.72px;
                font-family: "thesanslight";
            }

    .about-banner-visiting p {
        text-align: right;
        color: white;
        font-size: 20px;
        font-family: "thesanslight";
        letter-spacing: 0.72px;
    }

        .about-banner-visiting p:last-child {
            margin: 0;
        }


    /*===================SZGMC end  ===================end*/

    /*===================  architecture===================start*/
    /*===================  architecture===================start*/
    /*===================  architecture===================start*/

    /*===================General architecture start===================end*/

    section.inner-banner.archi-banner.all-banner h1 {
        text-transform: unset !important;
    }

    .inner-page.marbles-page .pt-box img {
        height: 34px;
    }

    .archi-banner.all-banner {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/Architecture/archi-bac-heder.png);
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }



    .architecture-page {
        position: relative;
    }

    section.sec-archi-1 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .general-archi p {
        letter-spacing: 0.6px;
        color: rgb(35, 31, 32);
        font-family: thesansb5plain;
        font-size: 20px;
        line-height: 35px;
        padding-bottom: 32px;
        margin-bottom: 0;
    }

    .general-2-archi p {
        letter-spacing: 0.6px;
        color: rgb(35, 31, 32);
        font-family: thesansb5plain;
        font-size: 20px;
        line-height: 35px;
        padding-top: 0px;
    }

    img.archi-img {
        float: right;
        padding-left: 45px;
    }


    /*===================General architecture end  ===================start*/



    /*===================  Marbles  ===================start*/
    section.sec-marble-1 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .marbles-edit h1 {
        letter-spacing: 2.16px;
        color: #231F20;
        font-family: 'Philosopher';
        font-size: 60px;
        line-height: 60px;
        padding-bottom: 50px;
        font-weight: 900;
    }

    .marbles-edit p {
        letter-spacing: 0.72px;
        color: #8C8D8D;
        font-size: 20px;
        line-height: 30px;
        padding-right: 60px;
        font-family: 'thesanslight';
    }

    .h1-img {
        position: relative;
    }

        .h1-img img {
            position: absolute;
            left: -7%;
            top: -27%;
            width: 120px;
            opacity: 5.6;
            z-index: -4;
        }

    .marbles-edit {
        padding-left: 70px;
    }


    /*===================Marbles end  ===================start*/


    /*===================architecture banner  ===================start*/

    .inner-banner.arc-banner {
        background: url(../images/Architecture/archi-banner.png);
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    /*===================architecture banner end  ===================start*/


    /*=================== sahan ===================start*/

    .sahan-edit h1 {
        letter-spacing: 2.16px;
        color: #231F20;
        font-family: 'Philosopher';
        font-size: 60px;
        line-height: 60px;
        padding-bottom: 50px;
        font-weight: 900;
    }

    .sahan-edit p {
        letter-spacing: 0.72px;
        color: #8C8D8D;
        font-size: 20px;
        line-height: 30px;
        padding-right: 60px;
        font-family: 'thesanslight';
    }

    .sahan-edit {
        padding-left: 130px;
    }

    section.sec-sahan-1 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    /*===================sahan end  ===================start*/
    /*===================minaret end  ===================start*/

    .minaret-page .sahan-edit p {
        margin-bottom: 0;
        padding-right: 15px;
    }

    .minaret-page .sahan-edit-1 img {
        height: 590px;
        object-fit: fill;
    }

    /*===================minaret end  ===================start*/
    /*===================columns end  ===================start*/

    img.archi-img.columns-img {
        width: 53%;
    }

    .marbles-edit.col-logo .h1-img {
        width: 1100px;
    }

    /*===================columns end  ===================start*/


    /*===================rel-pro-1 ===================start*/
    section.rp-sec-3.rel-course {
        background: white;
        padding: 0 0 70px 0px;
        margin-top: 50px;
    }

    /*===================rel-pro-1 end  ===================start*/

    /*===================rel-pro-2  ===================start*/


    section.rp-sec-4.al-hakeem {
        padding-bottom: 80px;
    }

    .rel-pro section.rp-sec-5 {
        padding: 60px 0 0px 0;
    }

    .rel-pro section.rp-sec-6 {
        background: white;
    }

    section.sec-liners-1 {
        padding: 60px 0;
    }

    .pools .sahan-edit-1 img {
        height: auto;
        object-fit: cover;
    }

    section.pt-sec-2.cermony .pt-sec2-mainhead {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 70px;
    }

    .cermony {
        text-align: center;
    }

    section.pt-sec-2.cermony .pt-sec2-mainhead img {
        width: 120px;
    }

    /*===================rel-pro-1 end  ===================start*/





    /*===================Hijri-Calendar   ===================start*/
    .Hijri-Calendar .pt-sec2-mainhead img {
        width: 130px;
        opacity: 0.2;
    }

    .Hijri-Calendar .pt-sec2-mainhead {
        padding-top: 0;
    }

    .Hijri-Calendar .rp-right-bottom {
        padding-top: 10px;
    }

    .Hijri-Calendar .fs-content p {
        max-width: 70%;
    }

    section.pt-sec-2.Hijri-Calendar {
        text-align: center;
    }

    .calender-img.fs-content img {
        padding-bottom: 40px;
    }

    .Hijri-Calendar .rp-right-bottom a {
        font-size: 20px;
    }

    /*===================Hijri-Calendar end  ===================start*/
    /*===================news end  ===================start*/
    .news-content {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        margin-left: -90px;
        margin-top: 24px;
    }

    .content {
        padding-left: 30px;
    }

    .date {
        flex: 0 0 20%;
        height: 80%;
        text-align: center;
        justify-content: center;
        display: flex;
        align-items: center;
        background: white;
        border-right: 1px solid #e8e8e8;
    }

        .date h2 {
            font: normal normal normal 25px/60px Philosopher;
            letter-spacing: 0.9px;
            color: #231F20;
        }

            .date h2 span {
                font: normal normal normal 55px/60px Philosopher;
                letter-spacing: 1.98px;
            }

    .content h4 {
        letter-spacing: 0.9px;
        color: #231F20;
        font-size: 25px;
        line-height: 30px;
    }

    .content p {
        letter-spacing: 0.72px;
        color: #231F20;
        font-size: 20px;
        line-height: 36px;
    }

    .rp-right-bottom.btn-news a {
        margin-left: 0;
    }

    section.sec-news-1 {
        padding-top: 80px;
    }

    .row.bor-top {
        border-top: 1px solid #e8e2e2;
    }

    .nubering-news {
        padding-top: 70px;
        padding-bottom: 60px;
    }

        .nubering-news .p-my-pagination li {
            box-shadow: 0px 3px 6px #0000001A;
            border-radius: 10px;
            border: none;
        }

            .nubering-news .p-my-pagination li:first-child a,
            .nubering-news .p-my-pagination li:last-child a {
                color: #bba367;
            }

    .latest-news img {
        width: 100%;
        height: 230px;
    }

    /* .nubering-news .p-my-pagination li:nth-child(2) a {
        color: #bba367;
    } */

    .nubering-news .p-my-pagination li a {
        color: black;
    }

    .nubering-news .p-my-pagination li:hover {
        background: white;
    }

    .news-heading .pt-sec2-mainhead img {
        width: 120px;
        opacity: 0.2;
    }

    /*===================news end  ===================start*/
    /*  press-kit*/
    .press-content .rp-right-bottom h3 {
        font-size: 22px;
        line-height: 44px;
        letter-spacing: 0.9px;
        font-family: "thesansb6semibold";
        margin: 0;
    }

    .press-content .rp-right-bottom a {
        font-size: 22px;
        line-height: 44px;
    }

        .press-content .rp-right-bottom a i {
            opacity: 0;
            font-size: 19px;
            transition: all 0.3s ease-in-out;
            transform: translateX(-30px);
        }

        .press-content .rp-right-bottom a:hover i {
            opacity: 1;
            transition: all 0.3s ease-in-out 0s;
            animation: 0s ease 0s 1 normal none running auto;
            transform: translateX(0px);
        }

        .press-content .rp-right-bottom a:hover {
            font-size: 23px !important;
        }

    .press-content p {
        letter-spacing: 0.72px;
        color: #231F20;
        font-size: 20px;
        line-height: 44px;
        font-family: 'thesansb6semibold';
    }

    section.sec-1-press-kit h2 {
        letter-spacing: 1.01px;
        color: #231F20;
        font-size: 28px;
        line-height: 44px;
        font-family: 'thesansb6semibold';
        padding-top: 15px;
    }

    section.sec-1-press-kit h4 {
        color: #231F20;
        font-size: 25px;
        line-height: 44px;
        font-family: 'thesansb6semibold';
        letter-spacing: 0.9px;
    }

    .press-content {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 6px #00000029;
        padding: 50px 30px;
    }

    .abtn a.fs-btn:hover {
        background: #bba367;
        color: #ffffff;
    }

    .abtn a.fs-btn {
        width: 160px;
        height: 60px;
        background: #ffffff;
        color: #bba367;
        line-height: 60px;
    }

    section.sec-1-press-kit {
        padding: 80px 0;
    }

    /* press-kit end */

    /* media-photo */

    .poopup img.youtube-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    div#modal-videos .video-from-links video {
        width: 100%;
        height: auto;
        max-height: 50vh;
        margin-bottom: -7px;
        min-height: 450px;
        object-fit: cover;
    }

    .header.sticky-header.abac.opacity {
        z-index: 3;
    }


    .adjustment iframe {
        width: 800px;
        height: 430px;
    }

    .modal-content.adj {
        border: none;
        background: none;
    }

    .modal-footer.ab-footer button {
        position: absolute;
        top: -20px;
        right: -60px;
    }

    .modal-footer.ab-footer {
        border: none;
    }

    div#exampleModal {
        top: 30%;
    }

    .modal-dialog.pnka {
        max-width: 800px;
        margin: 1.75rem auto;
    }

    .modal-footer.ab-footer button i {
        font-size: 40px;
        color: #bba367;
        width: 50px;
        height: 50px;
        background: #5b4100;
        border-radius: 50%;
        line-height: 50px;
    }

    .modal-footer.ab-footer button {
        background: none;
        border: none;
    }

    .pt-sec2-mainhead.Gallery img {
        width: 130px;
        opacity: 0.2;
    }

    .pt-sec2-mainhead.Gallery {
        padding-bottom: 60px;
        padding-top: 30px;
    }

    /*media-photo end */

    /*e-services  */

    a.oper-btn {
        display: inline-block;
        text-align: center;
        line-height: 62px;
        font-size: 16px;
        letter-spacing: 0.72px;
        transition: 0.3s ease-in-out;
        background: #bba367;
        width: 176px;
        height: 64px;
        color: white;
    }

        a.oper-btn:hover {
            background: transparent;
            color: #bba367;
            border: 1px solid #bba367;
            transition: 0.3s ease-in-out;
        }

    .tab-create ul {
        display: flex;
        border: 0;
        flex-direction: column;
    }

        .tab-create ul li a {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 0.5px solid #98712A;
            border-radius: 6px;
            margin-bottom: 15px;
            height: 79px;
            display: flex;
            align-items: center;
            padding-left: 20px;
            letter-spacing: 0px;
            color: #BBA367;
            font-size: 20px;
            line-height: 29px;
        }

            .tab-create ul li a img {
                padding-right: 25px;
            }

    section.sec-1-services {
        padding-top: 60px;
        padding-bottom: 100px;
    }

    .tab-create ul li a.active {
        background: #bba367;
        color: white;
    }

    .input-create input {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 0.5px solid #BBA367;
        border-radius: 10px;
        width: 100%;
        height: 50px;
        padding: 0 40px;
        letter-spacing: 0px;
        color: #A3A3A3;
        text-transform: capitalize;
        font-size: 16px;
        line-height: 29px;
        margin-bottom: 22px;
    }

    .input-create {
        position: relative;
    }

        .input-create i {
            position: absolute;
            right: 0;
            top: 38%;
            transform: translate(-50%, -50%);
            width: 19px;
            height: 17px;
            color: #A3A3A3;
            cursor: pointer;
        }

    .boxis {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 0.5px solid #98712A;
        min-height: 239px;
        border-radius: 8px;
        padding: 10px 10px;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
        flex: 0 0 24%;
    }

    .btn-edit {
        display: flex;
        justify-content: space-between;
    }

        .btn-edit a.s-services {
            background: #BBA367 0% 0% no-repeat padding-box;
            box-shadow: 0px 8px 24px #00000014;
            opacity: 1;
            letter-spacing: 0px;
            color: #FFFFFF;
            text-transform: capitalize;
            font-size: 18px;
            line-height: 29px;
            width: 135px;
            height: 44px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .btn-edit a {
            letter-spacing: 0px;
            color: #BBA367;
            text-transform: capitalize;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 18px;
            line-height: 29px;
        }

    .boxis h6 {
        letter-spacing: 0px;
        color: #BBA367;
        font-size: 20px;
        line-height: 29px;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .box-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .btn-edit a.s-services:hover {
        background: white;
        color: #bba367;
        border: 1px solid #bba367;
    }

    .boxis:hover {
        background: transparent linear-gradient(180deg, #BBA367 0%, #5E5234 100%) 0% 0% no-repeat padding-box;
        border: 0.5px solid #98712A;
        color: white;
        transition: all 0.5s ease-in-out;
    }

        .boxis:hover h6,
        .boxis:hover a {
            color: white;
            transition: all 0.5s ease-in-out;
        }

    .box-align {
        display: flex;
        flex-flow: wrap;
        gap: 14px;
    }

    .hov-img {
        background: #BBA367 0% 0% no-repeat padding-box;
        box-shadow: 0px 2px 9px #00000030;
        width: 80px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }

        .hov-img img {
            width: 40px;
            height: 40px;
        }

    .box-content i img {
        width: 16px;
        height: 15px;
    }

    .tab-create ul li a.active img {
        filter: brightness(0) invert(1);
    }

    .tab-create {
        margin-right: 12px;
    }

    /*happines  */

    .row.mean-happines {
        background: #BBA367 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        padding: 24px 0px;
        height: 340px;
        border-radius: 7px;
        align-items: revert;
    }

    .formula-happ h3 {
        font: normal normal bold 30px/29px Philosopher;
        letter-spacing: 0px;
        color: #FFFFFF;
        padding: 20px 0;
    }

    .formula-happ {
        text-align: center;
    }

        .formula-happ img {
            padding-bottom: 30px;
        }

        .formula-happ p {
            letter-spacing: 0px;
            color: #FFFFFF;
            font-size: 18px;
            line-height: 29px;
        }

    .happines h1 {
        text-align: center;
        font: normal normal bold 40px/29px Philosopher;
        letter-spacing: 0px;
        color: #BBA367;
        padding: 40px 0;
    }

    .formula-happ-s5nd ul li {
        letter-spacing: 0px;
        color: #FFFFFF;
        font-size: 18px;
        line-height: 29px;
        padding-bottom: 13px;
    }

    .formula-happ-s5nd {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .happ-plus {
        text-align: center;
        padding: 40px 0;
    }

    .happines {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 0.5px solid #98712A;
        border-radius: 6px;
        padding: 0 50px;
    }

    .tab-create.latest-happ {
        max-width: 315px;
    }

    .col-lg-9.p-0.serv-col-2 {
        margin-left: -70px;
    }

    .row.mean-happines.mean-happines2 {
        height: 120px;
        text-align: center;
        justify-content: center;
        align-items: center;
        margin-bottom: 40px;
    }

    .formula-headng h2 {
        font: normal normal bold 50px/0px Philosopher;
        letter-spacing: 0px;
        color: #FFFFFF;
    }

    .operators h1 {
        font: normal normal bold 60px/106px Philosopher;
        letter-spacing: 2.16px;
        color: #BBA367;
        text-align: center;
        padding-right: 140px;
    }

    .tour-op {
        background: #FAFAFA 0% 0% no-repeat padding-box;
        border-radius: 5px;
        width: 400px;
        height: 172px;
        padding: 0px 30px;
    }

    .sec-1-tour-sec {
        padding-bottom: 70px;
    }

    .tour-op h4 {
        font: normal normal bold 20px/74px Philosopher;
        letter-spacing: 0px;
        color: #BBA367;
    }

    .operators {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-bottom: 20px;
    }

    .icon-reg IMG {
        MARGIN-LEFT: -20PX;
    }

    .tour-op-1 iframe {
        border-radius: 5px;
        width: 400px;
        height: 172px;
    }

    .icon-reg-1 img {
        margin-left: 0px;
        border-radius: 6px;
        width: 40px;
        height: 40px;
        cursor: pointer;
    }

    .tour-op P {
        font: normal normal normal 18px/29px TheSans;
        letter-spacing: 0px;
        color: #BBA367;
        margin-bottom: 0;
    }

    .icon-reg-1 {
        max-width: 222px;
        margin-left: auto;
    }

    .tour-left {
        width: 400px;
        height: 160px;
        background: #FAFAFA 0% 0% no-repeat padding-box;
        border-radius: 5px;
        margin-top: 15px;
        padding: 20px 30px;
    }

    .icon-content {
        justify-content: space-between;
        display: flex;
    }

        .icon-content h4 {
            font: normal normal bold 20px/30px Philosopher;
            letter-spacing: 0px;
            color: #BBA367;
        }

        .icon-content img {
            width: 45px;
            height: 45px;
        }

    .tour-left p {
        letter-spacing: 0px;
        color: #231F20;
        font-size: 18px;
        line-height: 29px;
        padding-top: 10px;
    }

    .right-content p {
        letter-spacing: 0px;
        color: #231F20;
        font-size: 20px;
        line-height: 24px;
        width: 90%;
        margin: 0 auto;
        padding-bottom: 20px;
    }


    .bg-num {
        background: url(../images/e-services/num-1.svg);
        width: 40px;
        height: 50px;
        background-repeat: no-repeat;
        background-size: cover;
        line-height: 40px;
        text-align: center;
        margin: 0 auto;
    }

        .bg-num span {
            font-size: 20px;
            color: white;
            font-family: 'Philosopher';
        }

    .row1 {
        display: flex;
        justify-content: space-around;
        position: relative;
    }

    .col-f h4 {
        font: normal normal bold 20px/30px Philosopher;
        letter-spacing: 0px;
        color: #BBA367;
    }

    .col-f h4 {
        font: normal normal bold 20px/30px Philosopher;
        letter-spacing: 0px;
        color: #BBA367;
    }

    .col-f {
        flex: 0 0 33%;
        text-align: center;
    }

        .col-f:before {
            position: absolute;
            content: '';
            top: 24%;
            left: 50%;
            width: 67%;
            transform: translate(-50%, -50%);
            height: 1px;
            background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23BBA367FF' stroke-width='4' stroke-dasharray='10%2c20' stroke-dashoffset='12' stroke-linecap='square'/%3e%3c/svg%3e");
            z-index: -1;
        }

    .right-content {
        padding-top: 40px;
    }

    .tour-left.ab-lef {
        height: auto;
    }

    .faqs-sec .faq-head.color {
        border-bottom: none;
    }

    .faqs-sec .faq-head {
        background-color: transparent;
        border: 1px solid var(--primary);
    }

    .faqs-sec .faq-head {
        margin-bottom: 0;
    }

        .faqs-sec .faq-head h3 {
            color: #bba367;
        }

        .faqs-sec .faq-head i {
            color: #bba367;
            font-size: 28px;
        }

    .faqs-sec .faq-content.show {
        border-top: none;
    }

    .faqs-sec {
        width: 95%;
        margin-left: auto;
    }

    /*e-services end  */

    /*Events & Activities starts  */
    /*Events & Activities  */
    /*Events & Activities  */
    section.inner-banner.event-active.all-banner {
        background: url(../images/event-manage/event-bg.png);
    }

    .ev-edit-p p {
        letter-spacing: 0.72px;
        color: #8C8D8D;
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        width: 76%;
        margin: 0 auto;
    }

    .ev-edit-p {
        padding: 0 0 80px 0;
    }

    .exibition-edit p {
        letter-spacing: 0.72px;
        color: #8C8D8D;
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 10px;
    }

    .exibition-edit h4 {
        letter-spacing: 0.72px;
        color: #212529;
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 10px;
    }

    .exibition-edit ul li {
        letter-spacing: 0.72px;
        font-size: 20px;
        color: #8C8D8D;
        line-height: 30px;
        padding-bottom: 5px;
    }

    .exibition-edit ul {
        padding-bottom: 10px;
    }

    .sec-event1 {
        padding: 50px 0 90px 0;
    }

    section.sec-marble-1.waqg .marbles-edit p {
        padding-right: 0px;
    }

    /*Events & Activities end  */
    /* SZGMC start */

    .general-archi.sheikh p {
        letter-spacing: 0.72px;
        color: #8C8D8D;
        font-size: 20px;
        line-height: 30px;
    }

    .general-archi.sheikh ul li {
        letter-spacing: 0.72px;
        color: #8C8D8D;
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 20px;
    }

    .general-2-archi.sheikh ul li {
        letter-spacing: 0.72px;
        color: #8C8D8D;
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 30px;
        padding-left: 13px;
    }

    .general-2-archi.sheikh h2 {
        letter-spacing: 0.9px;
        color: #231F20;
        font-size: 25px;
        line-height: 44px;
        padding-bottom: 30px;
        font-weight: 600;
    }

    .general-archi.sheikh {
        padding-top: 35px;
    }

    .breadcrumbs ul li a.active {
        color: #D0AC3C;
    }

    .szmc img.archi-img {
        padding-left: 5px;
    }

    .inner-page.about-szgmc-page .pt-sec2-mainhead img {
        width: 130px;
    }

    /* SZGMC end */
    /* Official Authorities Registration */

    .booking1 .pt-sec2-mainhead img {
        width: 120px;
    }

    .ev-edit-p.book-para {
        padding-top: 20px;
    }


    /* Official Authorities Registration */

    /* services start */

    .serv-box {
        max-width: 408px;
        height: 377px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 2px 5px #0000001a;
        border-radius: 10px;
        display: flex;
        align-items: center;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        padding: 0 30px;
        margin-bottom: 40px;
        cursor: pointer;
        /*border: 1px solid #BBA367;*/
    }

    section.sec-serv {
        padding: 60px 0;
    }

    .serv-box p {
        letter-spacing: 0.72px;
        color: #8C8D8D;
        font-size: 20px;
        line-height: 30px;
        padding-top: 25px;
    }

    .content-serv {
        width: 84px;
        height: 84px;
        background: #98712A2B 0% 0% no-repeat padding-box;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }

    .serv-box:hover .content-serv {
        background-color: #bba367;
        transition: all 0.5s ease-in-out;
    }

    .content-serv img:nth-child(2) {
        display: none;
        transition: all 0.5s ease-in-out;
    }

    .serv-box:hover img:nth-child(2) {
        display: block;
        transition: all 0.5s ease-in-out;
    }

    .serv-box:hover img:nth-child(1) {
        display: none;
        transition: all 0.5s ease-in-out;
    }

    .serv-box a {
        font-size: 20px;
        line-height: 24px;
        font-family: "thesansb6semibold";
        display: inline-block;
        letter-spacing: 2.66px;
        color: #bba367;
        margin-left: 0px;
        transition: 0.3s ease;
    }

        .serv-box a i {
            opacity: 0;
            font-size: 15px;
            transition: all 0.3s ease-in-out;
            transform: translateX(-30px);
        }

        .serv-box a:hover i {
            opacity: 1;
            transition: all 0.3s ease-in-out 0s;
            animation: 0s ease 0s 1 normal none running auto;
            transform: translateX(0px);
        }

        .serv-box a:hover {
            font-size: 23px;
        }

    /* services Authorities Registration end */


    /**/
    .child-sec .s-right {
        padding-left: 10px;
    }

        .child-sec .s-right a {
            margin-top: 20px;
        }

    .s-right a {
        font-size: 20px;
        line-height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        letter-spacing: 2.66px;
        color: #bba367;
        margin-left: 0px;
        transition: 0.3s ease;
    }

        .s-right a:hover {
            font-size: 22px;
        }

    p.p-mos {
        letter-spacing: 0.72px;
        color: #231F20;
        font-size: 20px;
        line-height: 44px;
        font-weight: 600;
        display: flex;
        align-items: center;
    }

    .s-right a:hover i {
        opacity: 1;
        transition: all 0.3s ease-in-out 0s;
        animation: 0s ease 0s 1 normal none running auto;
        transform: translateX(0px);
    }

    .s-right a i {
        opacity: 0;
        font-size: 15px;
        transition: all 0.3s ease-in-out;
        transform: translateX(-30px);
    }

    .s-right span {
        margin-left: 10px;
    }


    section.rp-sec-4.child-sec {
        padding-bottom: 80px;
        margin-top: 40px;
    }

    /**/

    section.sec-walkway {
        text-align: center;
    }

    .walkway img {
        /* width: 80%; */
        /* padding-top: 40px; */
        padding-bottom: 20px;
    }

    .walkway h3 {
        font: normal normal bold 40px/60px Philosopher;
        letter-spacing: 1.44px;
        color: #231F20;
        width: 76%;
        margin: 0 auto;
        padding: 10px 0;
    }

    .walkway {
        padding-bottom: 20px;
    }

        .walkway p {
            letter-spacing: 0.72px;
            color: #8C8D8D;
            font-size: 20px;
            line-height: 30px;
            width: 75%;
            margin: 0 auto;
            padding-bottom: 30px;
        }

    .ewan h6 {
        letter-spacing: 0.72px;
        color: #231F20;
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 10px;
    }

    .ewan p {
        letter-spacing: 0.72px;
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 10px;
    }

    .ewan h1 {
        font: normal normal bold 40px/60px Philosopher;
        letter-spacing: 1.44px;
        color: #231F20;
    }

    .sahan-edit.artwors {
        padding-left: 20px;
    }

    .ewan .ev-edit-p h1 {
        text-align: center;
        padding-bottom: 20px;
    }

    .pt-sec2-mainhead.culture {
        padding-top: 20px;
        margin-bottom: 50px;
    }

    /* holy-quran */
    section.sec-1-holy {
        padding-top: 50px;
    }

    .content-right.content-form .table td,
    .table th {
        border-top: none;
        padding-bottom: 30px;
    }

    .content-right.content-form audio {
        width: 500px;
    }

    .content-right.content-form .table td {
        text-align: center;
    }

    .nubering-news.number-form .p-my-pagination li {
        width: 38px;
        height: 38px;
        border: 1px solid #BBA367;
        border-radius: 3px;
    }

        .nubering-news.number-form .p-my-pagination li a {
            letter-spacing: 0.54px;
            color: #231F20;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 15px;
            line-height: 38px;
        }

            .nubering-news.number-form .p-my-pagination li a i {
                letter-spacing: 0.54px;
                color: #231F20;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 15px;
                line-height: 38px;
            }

        .nubering-news.number-form .p-my-pagination li:last-child {
            background: transparent;
            border: 0;
            box-shadow: none;
            margin-left: 0;
        }

        .nubering-news.number-form .p-my-pagination li:first-child {
            background: transparent;
            border: 0;
            box-shadow: none;
            margin-right: 20px;
        }

    .nubering-news.number-form .content-right.content-form .table td,
    .table th span img {
        width: 62px;
        height: 62px;
        margin-right: 70px;
    }

    .nubering-news.number-form .p-my-pagination li.active {
        background: #bba367;
    }

    .pt-sec2-mainhead.holy-quran {
        padding-top: 20px;
    }

    .nubering-news.number-form {
        padding-top: 20px;
    }

    /* holy-quran */

    /* /contact-us*/

    section.inner-banner.all-banner.contact-ase {
        background-image: url(../images/contact-us.png);
    }


    .in-lab-1 {
        display: flex;
        align-items: center;
    }

    .btn-contact input {
        width: 177px;
        height: 52px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 0.5px solid #cccaca;
        border-radius: 5px;
        margin-right: 109px;
    }

    .btn-contact button {
        width: 214px;
        height: 52px;
        background: 0% 0% no-repeat padding-box padding-box rgb(140, 141, 141);
        border-radius: 5px;
        letter-spacing: 0.9px;
        color: rgb(249 249 249);
        font-size: 30px;
        line-height: 36px;
        border: none;
    }

    .contact {
        background: #BBA36776 0% 0% no-repeat padding-box;
        border-radius: 23px 0px 0px 23px;
        display: flex;
        justify-content: center;
        padding-top: 120px;
    }

    .icon-cntact img {
        filter: brightness(0) grayscale(1);
    }

    .contact h2 {
        letter-spacing: 0px;
        color: black;
        text-transform: capitalize;
        font-size: 30px;
        line-height: 34px;
        padding-bottom: 20px;
        margin-left: -29px;
    }

    .row.form-con {
        height: 979px;
        border: none;
        border-radius: 23px;
        margin-top: 50px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 2px #e0dbdb;
    }

    .icon-cntact p {
        letter-spacing: 0.69px;
        color: black;
        font-size: 23px;
        line-height: 36px;
        padding-bottom: 15px;
    }

    .icon-cntact {
        display: flex;
        align-items: baseline;
        gap: 20px;
    }

    .form-con {
    }

    .contac-us {
        padding-left: 80px;
        padding-top: 120px;
    }

        .contac-us h2 {
            letter-spacing: 0px;
            color: #bba367;
            text-transform: capitalize;
            font-size: 30px;
            line-height: 34px;
            padding-bottom: 20px;
        }

        .contac-us p {
            letter-spacing: 0.6px;
            color: #231F20;
            font-size: 20px;
            line-height: 36px;
        }

    .in-lab label {
        width: 23%;
        letter-spacing: 0.6px;
        font-size: 20px;
        line-height: 36px;
        color: #8C8D8D;
    }

    .in-lab-1 label {
        letter-spacing: 0.6px;
        font-size: 20px;
        line-height: 36px;
        color: #8C8D8D;
        width: 23%;
    }

    .in-lab input {
        width: 54%;
        height: 52px;
        margin-bottom: 35px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 0.5px solid #cccaca;
        border-radius: 5px;
        padding: 12px;
    }

    .btn-contact a {
        display: block;
        text-align: end;
        letter-spacing: 0.54px;
        color: #FF0A0A;
        font-size: 18px;
        line-height: 36px;
        padding-left: 288px;
    }

    .btn-sub-contact {
        text-align: center;
        padding-top: 100px;
    }

        .btn-sub-contact button {
            width: 177px;
            height: 52px;
            /* UI Properties */
            background: #BBA367 0% 0% no-repeat padding-box;
            border-radius: 5px;
            letter-spacing: 0.6px;
            color: #FFFFFF;
            border: none;
            font-size: 20px;
            line-height: 36px;
        }

    .in-lab {
        padding-bottom: 22px;
    }



        .in-lab label span {
            color: red;
        }

    .h1-road h1 {
        text-align: center;
        font: normal normal bold 60px/44px Philosopher;
        letter-spacing: 2.16px;
        color: #231F20;
        text-transform: capitalize;
        padding-top: 100px;
    }

    .google-play.ab-map p a {
        letter-spacing: 0.9px;
        color: #BBA367;
        font-size: 30px;
        line-height: 36px;
    }

    .google-play.ab-map p i {
        font-size: 30px;
        color: #bba367;
        margin-right: 17px;
    }

    .google-play.ab-map {
        padding-top: 14px;
    }

    .cont-flash p a {
        letter-spacing: 0.9px;
        color: #BBA367;
        font-size: 30px;
        line-height: 36px;
    }

    .cont-flash {
        padding-top: 30px;
    }

    .cordinate-content.contact-padd h1.pt-mainhead {
        padding: 0;
    }

    .contact-padd {
        padding-top: 50px !important;
    }

    .gps.contact-padd {
        padding-top: 100px !important;
    }

    .cont-flash p img {
        margin-right: 10px;
    }

    /* contact */


    /*Suggestions and Complaints */
    section.sec-1-sugges h1 {
        font: normal normal bold 45px/44px Philosopher;
        letter-spacing: 1.62px;
        color: #231F20;
        text-align: center;
    }

    section.sec-1-sugges p {
        letter-spacing: 0.6px;
        color: #231F20;
        font-size: 20px;
        line-height: 36px;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 30px;
    }

    .input-suggest {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }

        .input-suggest input {
            width: 80%;
            height: 65px;
            /* UI Properties */
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #BBA367;
            border-radius: 7px;
            padding-left: 10px;
        }

        .input-suggest label {
            letter-spacing: 0.6px;
            font-size: 20px;
            line-height: 36px;
            width: 70%;
        }

    .check-suggest p {
        text-align: initial !important;
        letter-spacing: 0.6px;
        font-size: 20px;
        line-height: 36px;
        margin-bottom: 0;
    }

    .check-suggest label {
        letter-spacing: 0.6px;
        font-size: 20px;
        line-height: 36px;
        color: #231F20;
        margin-left: 10px;
        margin-right: 13px;
    }

    .check-suggest input {
        /* margin-left: 30px; */
    }


    section.sec-1-sugges {
        background: #FCFCFC 0% 0% no-repeat padding-box;
        padding: 100px 0;
        margin: 80px 0;
    }

    .check-suggest {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .input-suggest textarea {
        width: 80%;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #BBA367;
        border-radius: 5px;
        height: 201px;
        padding-right: 10px;
    }

    .change-text {
        text-align: center;
        padding-top: 65px;
    }

        .change-text .btn-contact a {
            text-align: center;
        }

        .change-text .btn-contact input {
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #BBA367;
            width: 229px;
            height: 52px;
            margin-right: 60px;
        }

        .change-text .btn-contact button {
            width: 177px;
            height: 52px;
        }

        .change-text .btn-sub-contact {
            text-align: center;
            padding-top: 30px;
        }

    .file-up input[type=file]::file-selector-button {
        width: 288px;
        height: 65px;
        /* UI Properties */
        background: #8C8D8D 0% 0% no-repeat padding-box;
        border: 0.5px solid #8C8D8D;
        border-radius: 5px;
        letter-spacing: 0.6px;
        color: #FFFFFF;
        font-size: 20px;
        line-height: 36px;
        cursor: pointer;
    }


    div.upload {
        border-radius: 5px;
        display: inline-block;
        height: 65px;
        padding: 0px 30px 0px 0px;
        position: relative;
        width: 80%;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #BBA367;
    }

        div.upload:hover {
            opacity: 0.95;
        }

        div.upload input[type="file"] {
            display: input-block;
            width: 100%;
            height: 100%;
            opacity: 0;
            cursor: pointer;
            position: absolute;
            left: 0;
        }

    .uploadButton {
        color: #FFF;
        cursor: pointer;
        display: inline-block;
        margin-right: 50px;
        box-sizing: content-box;
        background: #8C8D8D 0% 0% no-repeat padding-box;
        border: 0.5px solid #8C8D8D;
        border-radius: 5px;
        width: 250px;
        height: 61px;
    }


    .fileName {
        letter-spacing: 0.6px;
        color: #A0A1A1;
        font-size: 20px;
        line-height: 36px;
    }

    .upload + .uploadButton {
        height: 38px;
    }

    .file-up {
        display: flex;
        flex-direction: column;
        padding-top: 0px;
    }

        .file-up label {
            letter-spacing: 0.6px;
            color: #231F20;
            font-size: 20px;
            line-height: 36px;
        }

    section.inner-banner.all-banner.suggestion {
        background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/suggest.png);
    }

    /* Suggestions and Complaints */



    /* Visiting Hours */
    .visti-hour-2 h1 {
        font: normal normal bold 38px/44px Philosopher;
        letter-spacing: 1.37px;
        color: #231F20;
    }

    .visti-hour-2 {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    table.table-hour {
        width: 100%;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #BBA367;
        border-radius: 10px;
        margin-bottom: 50px
    }

        table.table-hour tr th {
            font: normal normal bold 35px/44px Philosopher;
            letter-spacing: 1.26px;
            color: #231F20;
            text-transform: capitalize;
            padding: 20px 20px 20px 40px;
        }

        table.table-hour tr {
            border: 1px solid #BBA367;
        }

            table.table-hour tr td {
                letter-spacing: 0.72px;
                color: #231F20;
                font-size: 20px;
                line-height: 30px;
                padding: 20px 20px 20px 40px;
                font-family: 'thesansb5plain';
            }

                table.table-hour tr td:first-child {
                    color: #bba367;
                }

            table.table-hour tr th:first-child {
                color: #bba367;
            }

    section.sec-3-hour {
        margin: 70px 0;
        background: #FFFDF8 0% 0% no-repeat padding-box;
        padding: 50px 0;
    }

    /* section.ms-sec-2.hour-visit .ms-box {
        margin: 0 80px;
    } */

    section.ms-sec-2.hour-visit {
        padding-top: 50px;
    }



    table.table-hour.hour-2 {
        background: #F2F2F2 0% 0% no-repeat padding-box;
    }

        table.table-hour.hour-2 tr th {
            border: 4px solid #fffdf8;
            background: #bba367;
            color: white;
        }

        table.table-hour.hour-2 tr td:first-child {
            background: #bba367;
            color: white !important;
        }

        table.table-hour.hour-2 tr td {
            border: 4px solid #fffdf8;
        }

        table.table-hour.hour-2 tr td {
            border: 4px solid #fffdf8;
            text-align: center;
        }

    table.table-hour.hour-2 {
        text-align: center;
        width: 90%;
        margin-left: auto;
    }

    .tx-lt {
        text-align: left !important;
    }

    /* Visiting Hours */


    /*Transportation */
    section.sec-1trans {
        padding-top: 100px;
        padding-bottom: 80px;
    }

    .box-trans img {
    }

    .box-trans {
        width: 640px;
        height: 340px;
        /* UI Properties */
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 20px;
        box-shadow: 0px 0px 10px #0c0c0c40;
        padding: 45px 30px;
        position: relative;
    }

    .col-lg-6.box-mar {
        margin-bottom: 130px;
    }

    .box-trans h2 {
        font: normal normal bold 40px/60px Philosopher;
        letter-spacing: 1.44px;
        color: #231F20;
    }

    .box-trans p {
        letter-spacing: 0.72px;
        color: #8C8D8D;
        font-size: 20px;
        line-height: 30px;
    }

        .box-trans p.s-right {
            padding: 0;
        }

    .box-img {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 110px;
        height: 110px;
        background: #EEE7DB 0% 0% no-repeat padding-box;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: -18%;
        transform: translateX(-50%);
    }

    .view-route.MAP-EDIT {
        WIDTH: 100%;
        HEIGHT: 100%;
    }
    /*Transportation */


    /*Cultural Tours */
    table.table-culture.table {
        width: 70%;
        background: #F2F2F2 0% 0% no-repeat padding-box;
        margin: 0 auto;
    }

        table.table-culture.table tr th {
            text-align: center;
            font: normal normal bold 35px/44px Philosopher;
            letter-spacing: 1.26px;
            color: #BBA367;
            text-transform: capitalize;
            border: 7px solid white;
        }

        table.table-culture.table tr td {
            font: normal normal bold 22px/30px TheSans;
            letter-spacing: 0.79px;
            color: #231F20;
            border: 7px solid white;
            padding-left: 70px;
        }

        table.table-culture.table td,
        .table th {
            padding: 0.75rem;
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }

    .tab-culure {
        padding-top: 60px;
    }

    section.sec-1-holy table.table-culture.table td, .table th {
        padding: 0.75rem;
        vertical-align: middle;
        border-top: none;
    }

    section.sec-organ.board-mem {
        padding-bottom: 60px;
    }

    .cordinate-content.cor-gps {
        padding-top: 35px;
    }
    /*Cultural Tours */

    /**/
    /* About Page */
    .aboutFirstSec {
        padding-top: 75px;
        padding-bottom: 75px;
    }

        .aboutFirstSec .container-wide.container-wide-custom {
            max-width: 1470px;
        }

        .aboutFirstSec .abt-head {
            margin-top: 0 !important;
        }

        .aboutFirstSec .centerPart .abtstore {
            margin-top: 50px;
        }

            .aboutFirstSec .centerPart .abtstore.retailStore {
                margin-top: 0;
            }

        .aboutFirstSec .leftPart p {
            color: #000;
            /* font-family: Helvetica; */
            font-size: 16px;
            line-height: 24px;
            margin-top: 25px;
        }

        .aboutFirstSec .leftPart ul {
            padding-left: 5px;
        }

            .aboutFirstSec .leftPart ul li:before {
                color: #8c734b;
                height: 20px;
                width: 20px;
                border: 2px solid #8c734b;
                border-radius: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .aboutFirstSec .leftPart ul li a {
                color: #8c734b;
                font-family: Helvetica;
                font-size: 16px;
                line-height: 24px;
            }

        .aboutFirstSec .leftPart ul {
            padding-left: 5px;
            margin-top: 40px !important;
        }

        .aboutFirstSec .leftPart .btn {
            background-color: #8c734b;
            border: none;
            padding: 18px 34px;
            text-transform: capitalize;
            color: #ffffff;
            font-family: "Sans";
            font-size: 16px;
            min-width: auto;
        }

        .aboutFirstSec .centerPart .abtstore h3 {
            color: #12141b !important;
            font-family: "Sans";
            font-size: 40px;
        }

        .aboutFirstSec .centerPart .abtstore h5 {
            color: #767676;
            font-family: Helvetica;
            font-size: 16px;
            line-height: 24px;
        }

        .aboutFirstSec .centerPart .abtstore:before {
            position: relative;
        }

        .aboutFirstSec .centerPart .abtstore:before {
            position: absolute;
            content: "";
            width: 170px;
            height: 1px;
            background-color: #d8d8d8;
            left: 0;
            right: 0;
            top: -22px;
            margin: auto;
        }

        .aboutFirstSec .centerPart .retailStore.abtstore:before {
            content: none !important;
        }

        .aboutFirstSec .rightPart .newQuate {
            transform: inherit;
        }

            .aboutFirstSec .rightPart .newQuate:before {
                content: none !important;
            }

        .aboutFirstSec .rightPart h5 {
            color: #767676 !important;
            font-family: Helvetica;
            font-size: 16px;
            line-height: 24px;
            margin-top: 20px;
        }

        .aboutFirstSec .rightPart .quote-boxed-body {
            min-height: 257px;
        }

            .aboutFirstSec .rightPart .quote-boxed-body:before {
                left: 70px;
                border-style: solid;
                border-width: 28px 27px 0;
                border-color: #fff transparent transparent;
            }

    .abt-last-tab-section .tab-pane .col-md-8 {
        padding-left: 49px;
    }

        .abt-last-tab-section .tab-pane .col-md-8 p {
            color: #767676;
            font-family: Helvetica;
            font-size: 16px;
            line-height: 24px;
        }

    .abt-last-tab-section .nav.nav-tabs .nav-link {
        color: #12141b;
        font-size: 16px;
        text-transform: capitalize;
        font-weight: 500;
        border: 2px solid #12141b !important;
        padding: 17px 25px;
        width: 160px;
    }

        .abt-last-tab-section .nav.nav-tabs .nav-link:hover,
        .abt-last-tab-section .nav.nav-tabs .active.nav-link {
            background-color: #8c734b !important;
            border-color: #8c734b !important;
            color: #ffffff;
        }

        .abt-last-tab-section .nav.nav-tabs .nav-link:before {
            content: none !important;
        }

        .abt-last-tab-section .nav.nav-tabs .nav-link:after {
            content: none !important;
        }

    .abt-last-tab-section {
        background-color: #ffffff !important;
        padding-top: 78px !important;
        padding-bottom: 70px !important;
        border-bottom: 1px solid #d8d8d8;
        border-top: 1px solid #d8d8d8;
    }

    .vidPlayBtn a {
        width: 110px;
        height: 110px;
        background-color: #ffffff;
        border-radius: 100%;
        margin: 0 auto;
        display: inline-block;
        position: relative;
    }

    .vidPlayBtn {
        visibility: hidden;
    }

        .vidPlayBtn a:before {
            position: absolute;
            content: "";
            border-top: 21px solid transparent;
            border-bottom: 21px solid transparent;
            border-left: 28px solid #004e58;
            display: flex;
            align-items: center;
            justify-content: center;
            top: 50%;
            transform: translate(-50%, -50%);
            left: 50%;
        }

    .abtVideoSection {
        border-top: 1px solid #d8d8d8;
        position: relative;
        height: 400px;
    }

        .abtVideoSection:before {
            position: absolute;
            content: "";
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: rgba(255, 255, 255, 0.8);
        }

    .page .text-primary {
        color: #004e59 !important;
    }

    .aboutFirstSec .container-wide.container-wide-custom {
        max-width: 1470px;
        margin: 0 auto;
    }

    .bg-vide.bg-vide-1 video {
        width: 100% !important;
    }

    .quote-boxed-body {
        position: relative;
        min-height: 275px;
        padding: 30px 20px 60px;
        border-radius: 5px;
        box-shadow: 0 5px 23px 5px rgb(85 105 164 / 10%);
    }

    .aboutFirstSec .rightPart .quote-boxed-body:before {
        left: 70px;
        border-style: solid;
        border-width: 28px 27px 0;
        border-color: #fff transparent transparent;
    }

    .quote-boxed-body:before {
        content: "";
        position: absolute;
        top: 100%;
        left: 30px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 15px 0;
        border-color: #fff transparent transparent;
    }

    unit {
    }

    .unit {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        margin-bottom: -30px;
        margin-left: -20px;
    }

    .offset-top-45 {
        margin-top: 45px;
    }

    .unit > * {
        margin-bottom: 30px;
        margin-left: 20px;
    }
    /* .abtVideoSection .bg-vide{padding-bottom:40px;} */
    /* .abtVideoSection .bg-vide > div{top:20px !important;bottom:20px !important;} */


    /* gallery tabs */
    ul.gallery-tabs {
        justify-content: center;
        position: relative;
    }

        ul.gallery-tabs .nav-link {
            border-radius: 30px;
            padding: 6px 30px;
            font-size: 20px;
        }

        ul.gallery-tabs:before {
            content: '';
            position: absolute;
            background: #7fffd400;
            border: 1px solid #bba367;
            width: 230px;
            height: 100%;
            border-radius: 30px;
            z-index: -1;
        }

        ul.gallery-tabs .nav-link.active {
            background: #bba367;
        }


        ul.gallery-tabs a {
            color: #bba367;
        }

    .poopup img.youtube-icon {
        width: 13%;
        opacity: 0.8;
    }


    .image_gallery .image_div {
        flex: 0 0 25%;
        max-width: 25%;
        padding: 10px;
    }

        .image_gallery .image_div img {
            object-fit: cover;
            width: 100%;
        }

    .image_gallery {
        display: flex;
        flex-wrap: wrap;
    }

    .mb20 {
        margin-bottom: 20px !important;
    }
    /* .mt20 {
    margin-top : 20px !important;
} */
    .pb10 {
        padding-bottom: 10px;
    }

    .mb10 {
        margin-bottom: 10px;
    }

    .height592 {
        height: 592px;
    }

    .height276 {
        height: 276px;
    }

    .image_gallery_bottom {
        display: flex;
        flex-wrap: wrap;
    }

    .image_div a img {
        width: 100%;
    }
    /*pop up*/
    .poopup {
        position: relative;
    }

        .poopup > img {
            width: 100%;
            min-height: 359px;
            object-fit: cover;
            border-radius: 20px;
        }

    .image_div.image_div_inner {
        flex: 0 0 25%;
        max-width: 25%;
        padding: 10px;
    }

    .image_div {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 10px;
    }


    .image-show-gallery {
        background: #00000038;
        overflow: hidden;
        height: 450px;
        max-width: 800px;
        width: 800px;
    }

        .image-show-gallery img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .video-gallery {
        margin-bottom: 30px;
    }

        .video-gallery .video-text h3 {
            font-size: 13px;
            /* display: flex; */
            /* justify-content: center; */
            text-align: center;
            padding-top: 13px;
            line-height: 17px;
            color: #bba367;
            /*1: ;*/
        }

    /**/

    .my_sec_7_row1 .slick-slide {
        height: auto;
    }


    .marbles-edit.souj-a h1 {
        font-size: 53px;
        padding-bottom: 17px;
    }

    .marbles-edit.souj-a p {
        padding-right: 0;
    }


    /* member */
    .row.board-row {
        display: flex;
        justify-content: center;
        gap: 50px;
        padding-bottom: 80px;
    }

    .board-mem-box img {
        max-width: 100%;
        height: auto;
    }

    .board-mem-box {
        text-align: center;
    }



        .board-mem-box h2 {
            font-size: 20px;
            font-family: 'thesansb5plain';
            line-height: 30px;
            width: 27%;
            margin: 0 auto;
            PADDING-TOP: 20PX;
            letter-spacing: 0.72px;
            color: #98712A;
        }

        .board-mem-box h3 {
            font-size: 20px;
            color: black;
            font-family: 'thesansb6semibold';
            padding-top: 10px;
            letter-spacing: 0.65px;
            color: #231F20;
        }

    .board-mem h2 {
        font-size: 18px;
        font-family: 'thesansb5plain';
        color: #cbab5c;
        line-height: 30px;
        text-align: center;
        letter-spacing: 0.72px;
        color: #98712A;
        PADDING-TOP: 20PX;
    }

    .board-mem h3 {
        font-size: 18px;
        color: black;
        font-family: 'thesansb6semibold';
        text-align: center;
        letter-spacing: 0.65px;
        color: #231F20;
    }

    .board-mem img {
        max-width: 100%;
        height: auto;
    }

    .mosque1 button.close {
        z-index: 999;
    }
    /* member end */

    .sahan-edit-1 img {
        margin-top: 53px;
    }
    /*=================== styling end  ===================end*/
    /*=================== media query start  ===================*/

    @media (max-width: 2000px) {
        ul.nav-list li a {
            font-size: 14px;
            padding: 10px;
        }

        .searchbar {
            margin-top: 6px;
        }
    }

    @media (max-width: 1850px) {


        /*Transportation */

        .box-trans {
            width: 100%;
            height: 100%;
        }

            .box-trans p.s-right {
                padding: 0;
            }

            .box-trans h2 {
                font-size: 35px;
                line-height: 50px;
            }

            .box-trans p {
                font-size: 18px;
                line-height: 29px;
            }



        /*Transportation */
        .about-banner-blurbox {
            flex: 0 0 450px;
            padding: 15px;
            flex: 0 0 530px;
            padding: 20px;
        }

        .about-banner-visiting p {
            font-size: 18px;
        }

        /*HAPPINESS FORMULA  */

        .formula-happ-s5nd ul li {
            font-size: 17px;
            line-height: 27px;
        }

        .chairman-speech.dg-speech .container-1420 {
            max-width: 85vw;
        }

        /*HAPPINESS FORMULA END */

        /* CORPORATE SERVICES */
        .tour-op {
            width: 380px;
        }

        .tour-op-1 iframe {
            width: 380px;
        }

        /*CORPORATE SERVICES  */


        /* sahan */
        .sahan-edit h1 {
            font-size: 54px;
        }

        .sahan-edit p {
            font-size: 19px;
            padding-right: 40px;
        }

        /* sahan end */
        .container-1630 {
            max-width: 88vw;
        }

        .container-1420 {
            max-width: 75vw;
        }

        ul.nav-list li a {
            font-size: 13px;
        }
    }

    @media (max-width: 1780px) {
        /* Suggestions */
        .marbles-edit-1.domes-cont2 img {
            height: 620px;
        }


        .sticky-header ul.nav-list {
            gap: 8px;
        }

        .uploadButton {
            width: 240px;
            margin-right: 23px;
        }

        .fileName {
            font-size: 19px;
        }

        .check-suggest label {
            margin-right: 42px;
        }

        .input-suggest textarea {
            height: 161px;
        }

        /* Suggestions */
        /* contact us */
        .icon-cntact p {
            font-size: 21px;
            padding-bottom: 11px;
        }

        .contact-padd {
            padding-top: 20px !important;
        }

        .in-lab-1 label {
            font-size: 19px;
        }

        .btn-contact button {
            width: 194px;
        }

        .btn-sub-contact {
            padding-top: 80px;
        }

        .google-play.ab-map p a {
            font-size: 27px;
        }

        /* contact us end  */
        /** services */
        .serv-box p {
            font-size: 18px;
            line-height: 28px;
        }

        .walkway h3 {
            font: normal normal bold 35px/50px Philosopher;
            width: 86%;
        }

        .ewan h1 {
            font: normal normal bold 35px/60px Philosopher;
        }

        .ewan p {
            font-size: 18px;
        }

        .ewan .ev-edit-p {
            padding: 0 0 40px 0;
        }

        .walkway p {
            width: 83%;
            font-size: 19px;
        }

        .serv-box {
            padding: 0 20px;
        }

        /** services END */

        /* CORPORATE SERVICES */
        .tour-op {
            width: 340px;
        }

        .tour-op-1 iframe {
            width: 340px;
        }

        .operators h1 {
            font-size: 50px;
        }

        .tour-left {
            width: 340px;
        }

        .icon-reg-1 img {
            width: 30px;
            height: 30px;
        }

        .icon-reg-1 {
            max-width: 172px;
        }

        .icon-reg IMG {
            MARGIN-LEFT: -17PX;
            width: 71px;
        }

        .right-content p {
            font-size: 18px;
        }

        /*CORPORATE SERVICES end  */

        /* Events & Activities  Exhibitions */
        .exibition-edit p {
            font-size: 19px;
            line-height: 20px;
            padding-bottom: 0px;
        }

        .exibition-edit ul li {
            font-size: 19px;
            line-height: 30px;
            padding-bottom: 0px;
        }

        /* Events & Activities  Exhibitions  */


        /*e-services  */
        .col-lg-9.p-0.serv-col-2 {
            margin-left: -29px;
        }


        .hov-img {
            width: 70px;
            height: 70px;
        }

        .btn-edit a.s-services {
            font-size: 16px;
            width: 115px;
        }

        .btn-edit a {
            font-size: 16px;
        }

        .boxis h6 {
            font-size: 18px;
        }

        .boxis {
            padding: 8px 11px;
        }

        /* e-services end  */
        /* sahan */
        .sahan-edit h1 {
            font-size: 50px;
            padding-bottom: 40px;
        }

        section.sec-liners-1 .marbles-edit h1 {
            font-size: 44px;
            line-height: 65px;
            padding-bottom: 20px;
        }

        section.sec-liners-1 .marbles-edit p {
            font-size: 18px;
            line-height: 29px;
        }

        .sahan-edit p {
            padding-right: 0px;
            font-size: 18px;
        }

        .sahan-edit {
            padding-left: 90px;
        }

        /* sahan end */
        /*  */
        .general-archi p {
            font-size: 18px;
            line-height: 32px;
            padding-bottom: 22px;
            margin-bottom: 0;
        }

        img.archi-img {
            padding-left: 20px;
            width: 54%;
        }

        .general-2-archi p {
            padding-top: 20px;
            font-size: 18px;
        }

        /*  */
        /* drop down  */
        ul.my_dropdown {
            width: 280px;
        }

        .abbriviation {
            right: -164%;
            width: 400px;
        }

            .abbriviation p {
                font-size: 13px;
            }

        /* drop down  */
        ul.nav-list li a {
            font-size: 12px;
            padding: 7px;
        }

        .banner-subhead h3 {
            font-size: 21px;
        }

        .banner-head h1 {
            font-size: 64px;
            line-height: 80px;
        }

        .banner-right-content {
            padding: 80px 0 0 5.3vw;
        }

        .alery-box {
            max-width: 500px;
            font-size: 21px;
            line-height: 14px;
        }

        .banner-box {
            margin-right: 30px;
            flex: 0 0 14%;
        }

        h2.right-boxhead {
            font-size: 20px;
        }

        .flex.prayer-time h2 {
            font-size: 18px;
        }

        .position-right-box {
            padding: 15px 40px 15px 40px;
            width: 250px;
        }

        .left-position-icons .pos-icon {
            width: 70px;
            height: 70px;
            margin-bottom: 20px;
        }

        p.sec2-right-subhead {
            font-size: 20px;
            line-height: 33px;
            max-width: 280px;
        }

        ul.visit_link a {
            font-size: 24px;
            line-height: 40px;
        }

        .icon-shape-2 {
            width: 80px;
            height: 80px;
        }

            .icon-shape-2 img {
                height: 45px;
            }

        .bx_pln_itm h3 {
            font-size: 22px;
            line-height: 32px;
        }

        .bx_pln_itm p {
            font-size: 15px;
        }

        button.s2-btn {
            font-size: 15px;
            line-height: 16px;
            margin-top: 10px;
        }

        .bx-visit {
            height: 100%;
        }

        .player-sechead h2 {
            font-size: 70px;
            line-height: 90px;
            margin-top: 5px;
            max-width: 900px;
        }

        section.section-2 {
            padding: 100px 0;
        }

        h1.s4-head {
            font-size: 43px;
            line-height: 70px;
        }

        button.sec4-btn {
            width: 230px;
            height: 60px;
        }

        section.section-5 {
            padding: 80px 0 80px 0;
        }

        .sec-5top-content h4 {
            font-size: 40px;
            line-height: 55px;
        }

        .sec-5top-content h2,
        .my_sec_7_row1 h2,
        .my_sec_8_row1 h2,
        .my_sec_9_row1 h2 {
            font-size: 70px;
        }

        .s5-tab-list li a {
            width: 110px;
            height: 45px;
            font-size: 16px;
            line-height: 45px;
        }

        .s5_caption_txt {
            width: 85%;
            height: 140px;
            padding: 25px;
            margin-top: -70px;
        }

            .s5_caption_txt h5 {
                font-size: 25px;
                line-height: 34px;
            }

        .section-6 {
            padding: 60px 0;
            padding-bottom: 80px;
        }

        .my_news_div_content a {
            font-size: 26px;
        }

        .my_news_div_img img {
            height: 225px;
        }

        .my_news_div_img {
            height: auto;
        }

        .my_news_div_content {
            height: 110px;
        }

            .my_news_div_content a i.fa {
                margin-left: 100px;
                -webkit-text-stroke: #fff 1px;
            }







        .my_news_repeat {
            margin-bottom: 25px;
        }

        h3.sec-subhead {
            font-size: 40px;
            line-height: 50px;
        }

        .my_heighlight {
            max-width: 325px;
        }

        .my_heighlight_content p {
            font-size: 15px;
            line-height: 25px;
        }

        .my_highlights_wrap .slick-arrow {
            width: 80px;
            height: 80px;
        }

            .my_highlights_wrap .slick-arrow:before {
                font-size: 40px;
            }

        .my_sec_7 .slick-prev:before,
        .slick-next:before {
            line-height: 0.5;
        }

        section.my_sec_7,
        section.my_sec_8,
        section.my_sec_9 {
            padding: 70px 0;
        }

        .my_grandm_div_text h5 {
            font-size: 13px;
        }

        .my_grandm_div_text h2 {
            font-size: 22px;
            letter-spacing: 2px;
        }

        .my_social_row .col-md-3 h2 {
            font-size: 25px;
        }

        .my_social_link a i {
            width: 40px;
            height: 40px;
            font-size: 21px;
            margin-right: 10px;
        }

        .my_social_link a {
            font-size: 18px;
        }

        a.my_social_a img {
            height: 400px;
        }

        a.my_social_a {
            height: 500px;
        }

        .rp-box p {
            font-size: 19px;
            line-height: 27px;
        }

        .rp-right-bottom h3 {
            font-size: 24px;
        }

        .vh2-col {
            padding: 70px 20px 25px 20px;
        }

        .footer-col-3 .col-4 {
            padding: 0;
        }

        .s-p-service-box ul li {
            font-size: 14px;
            line-height: 25px;
        }

        .s-p-service-box {
            padding: 70px 40px 10px;
        }

        .b-m-content h2 {
            font-size: 19px;
            line-height: 22px;
        }
    }

    @media (max-width: 1599px) {

        .board-mem h2 {
            font-size: 15px;
            line-height: 25px;
        }

        .board-mem-box h2 {
            font-size: 17px;
            line-height: 25px;
        }

        .row.board-row {
            gap: 19px;
        }

        /* Suggestions */
        .uploadButton {
            width: 51%;
        }


        /* Suggestions */
        /* contact us */

        .contact h2 {
            margin-left: 0;
        }

        .in-lab input {
            width: 61%
        }

        .btn-contact input {
            margin-right: 79px;
        }

        .in-lab-1 label {
            margin-right: 20px;
        }

        .btn-contact a {
            padding-left: 249px;
        }

        .icon-cntact p {
            font-size: 20px;
        }

        .cont-flash p a {
            font-size: 26px;
        }

        /* contact us end */

        /*CORPORATE SERVICES   */
        .tour-op {
            width: 300px;
        }

        .tour-op {
            width: 300px;
        }

        .tour-op-1 iframe {
            width: 300px;
        }

        .tour-left {
            width: 300px;
        }

        .icon-content h4 {
            font-size: 18px;
            line-height: 25px;
        }

        .operators h1 {
            font-size: 40px;
            line-height: 90px;
        }

        /*CORPORATE SERVICES end  */
        /*HAPPINESS FORMULA  */
        .happ-plus {
            padding: 30px 0;
        }

        .happines h1 {
            font: normal normal bold 35px/29px Philosopher;
            padding: 30px 0;
        }

        .formula-headng h2 {
            font: normal normal bold 35px/0px Philosopher;
        }

        .formula-happ-s5nd ul li {
            font-size: 16px;
            line-height: 25px;
        }

        .formula-happ h3 {
            font: normal normal bold 25px/29px Philosopher;
        }

        /*HAPPINESS FORMULA END */
        /*e-services  */
        .tab-create.latest-happ {
            max-width: 100%;
        }

        .col-lg-9.p-0.serv-col-2 {
            margin-left: auto;
        }

        .boxis {
            padding: 20px 10px;
            flex: 0 0 32%;
        }

        .tab-create ul li a {
            font-size: 17px;
            padding-left: 10px;
        }

            .tab-create ul li a img {
                padding-right: 15px;
            }

        /* e-services end  */
        /*press-kit   */
        .press-content p {
            font-size: 17px;
            line-height: 30px;
        }

        .press-content .rp-right-bottom h3 {
            font-size: 20px;
        }

        .press-content .rp-right-bottom a {
            font-size: 20px;
        }

            .press-content .rp-right-bottom a:hover {
                font-size: 21px !important;
            }

        section.sec-1-press-kit h2 {
            font-size: 26px;
        }

        section.sec-1-press-kit h4 {
            font-size: 23px;
            line-height: 34px;
        }

        /*press-kit  end  */
        section.sec-liners-1 .marbles-edit h1 {
            font-size: 44px;
            line-height: 65px;
            padding-bottom: 20px;
        }

        section.sec-liners-1 .marbles-edit-1 img {
            height: 500px;
        }

        /* sahan */
        .sahan-edit h1 {
            font-size: 44px;
            padding-bottom: 24px;
        }

        .sahan-edit p {
            font-size: 16px;
            line-height: 26px;
            margin-bottom: 4px;
        }

        .sahan-edit {
            padding-left: 70px;
        }

        /* sahan end */

        /* marble */

        .marbles-edit p {
            font-size: 18px;
            line-height: 29px;
            padding-right: 0px;
            margin-bottom: 0;
        }

        /* marbel end */

        /*archi  */
        .general-archi p {
            font-size: 17px;
            line-height: 30px;
            padding-bottom: 15px;
        }

        .general-2-archi p {
            font-size: 17px;
        }

        /*archi end  */
        /* dropdown  */
        ul.my_dropdown {
            width: 270px;
        }

        .abbriviation {
            right: -173%;
            width: 400px;
        }

        /* dropdown  */
        .my_heighlight:hover .my_heighlight_content p {
            height: 80%;
        }

        button.sticky-bar-btn {
            width: 120px;
            height: 40px;
            font-size: 11px;
        }

        .sticky-header {
            padding: 0px 0px !important;
        }

        .header {
            padding: 0px 20px;
        }

        h2.topbar-head {
            font-size: 11px;
        }

        ul.nav-list li img {
            max-width: 18px;
        }

        ul.nav-list li a {
            font-size: 11px;
            padding: 8px;
        }

        .sticky-header ul.nav-list li a {
            font-size: 11px;
            padding: 7px;
            display: inline-block;
        }

        .position-right-box {
            padding: 15px 30px 5px 30px;
            width: 220px;
        }

        ul.right-box-list li h3 {
            font-size: 11px;
        }

        .icon-shape-2 img {
            height: 40px;
        }

        .icon-shape-2 {
            width: 70px;
            height: 70px;
        }

        .bx_pln_itm h3 {
            font-size: 19px;
            line-height: 25px;
        }

        .bx_pln_itm p {
            font-size: 15px;
            line-height: 23px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }


        .overlay-visit {
            padding: 40px 30px;
        }

        button.white-btn {
            margin-top: 40px;
        }

        .my_heighlight {
            max-width: 20vw;
            height: 380px;
        }

        section.section-5 {
            padding: 40px 0 80px 0;
        }

        .my_heighlight_content {
            height: 46%;
        }

        .my_highlights_wrap .slick-arrow {
            width: 70px;
            height: 70px;
        }

            .my_highlights_wrap .slick-arrow:before {
                font-size: 35px;
            }

        .my_heighlight_content p {
            font-size: 13px;
            line-height: 22px;
        }

        .my_heighlight_readmore a {
            font-size: 14px;
        }

        .my_heighlight_content {
            height: 45%;
        }

        .s-right {
            padding: 0 0 50px 90px;
        }

            .s-right p {
                font-size: 17px;
                line-height: 26px;
            }

        .vh2-col {
            padding: 50px 30px 25px 30px;
        }

        h1.table-mainhead {
            font-size: 30px;
            line-height: 40px;
        }

        .table-head h2 {
            font-size: 20px;
            line-height: 34px;
        }

        .table-content h3 {
            font-size: 16px;
            line-height: 36px;
        }

        .table-footer h2 {
            font-size: 18px;
            line-height: 33px;
        }

        .vh2-col {
            padding: 50px 30px 25px 30px;
        }

        .vh2-big-col {
            margin-top: 50px;
            padding: 40px 20px 40px 40px;
        }

            .vh2-big-col h1 {
                font-size: 26px;
                margin-bottom: 20px;
            }

            .vh2-big-col p {
                font-size: 17px;
                line-height: 26px;
            }

        .a-t-l-content h3 {
            font-size: 24px;
            line-height: 32px;
        }

        .a-t-l-content p {
            font-size: 19px;
            line-height: 33px;
        }

        .a-t-l-main {
            padding: 320px 50px 30px;
        }

        .pub-inner p {
            font-size: 17px;
            line-height: 30px;
        }

        .a-t-l-list p {
            font-size: 18px;
            line-height: 32px;
        }

        .a-t-l-inner h4 {
            font-size: 26px;
        }

        .a-t-l-inner p span {
            font-size: 22px;
            line-height: 36px;
        }

        section.a-l-t-sec3 {
            padding: 80px 0;
        }

        .pub-detail-content {
            padding-left: 50px;
        }

        .about-szgmc-page .pt-box {
            margin: 7px 10px;
        }

        .a-s-banner .banner-heading {
            max-width: 870px;
            font-size: 46px;
        }

        .b-m-content h2 {
            font-size: 16px;
            line-height: 20px;
        }

        /* organiz */
        .structure p {
            font-size: 17px;
        }

        /*organiz end  */
        /* SZGMC */
        .mean-dv {
            max-width: 304px;
            min-height: 634px;
            padding: 0 30px;
        }

        .speech-1 h1 {
            font: normal normal bold 39px/44px Philosopher;
            padding: 10px 0 10px 0px;
        }

        .speech-1 {
            padding: 0px 0px 0px 60px;
        }

            .speech-1 p {
                font: normal normal normal 17px/36px;
                line-height: 32px;
                padding-bottom: 10px;
            }

        .listtyle ul li {
            font-size: 14px;
        }

        ul.UL-1 li {
            max-width: 250px;
        }

        .txt-content p {
            font-size: 14px;
            line-height: 28px;
        }

        .about-banner-blurbox {
            flex: 0 0 450px;
            padding: 15px;
        }

            .about-banner-blurbox .icon img {
                max-width: 50px;
                margin-right: 20px;
            }

        .about-banner-visiting p {
            font-size: 14px;
            line-height: 14px;
        }

        .about-banner-blurbox h6 {
            font-size: 15px;
        }

        .about-banner-blurbox ul.count-list li span {
            font-size: 19px;
        }

        .about-banner-blurbox ul.count-list li h3 {
            font-size: 13px;
        }

        .about-banner-blurbox ul.count-list li {
            padding: 0 13px;
        }

        .about-banner-counter {
            gap: 30px;
            margin-top: 30px;
        }

        .img-bg-effect img {
            max-width: 180px;
        }

        .img-bg-effect {
            width: 200px;
            height: 200px;
        }

        .txt-content h3 {
            font-size: 28px;
            line-height: 20px;
            padding-top: 30px;
        }

        .mean-dv {
            max-width: 275px;
            min-height: 604px;
            margin: 0 auto;
        }

        /*SZGMC end  */
    }

    @media (max-width: 1500px) {

        /* szgmc */
        .searchbar {
            margin-right: 15px;
        }

        .sticky-header .log-brand img {
            max-width: 210px;
        }

        .general-archi.sheikh {
            padding-top: 35px;
            line-height: 28px;
        }

        .step-form-tabs li:last-child a {
            margin: 0;
        }

        .alery-box p {
            margin-bottom: 0;
            font-size: 14px;
        }

        img.archi-img {
            padding-left: 5px;
        }

        .general-archi.sheikh p {
            font-size: 18px;
            line-height: 28px;
        }

        .general-archi.sheikh ul li {
            font-size: 18px;
            line-height: 28px;
        }

        .general-2-archi.sheikh ul li {
            font-size: 18px;
            line-height: 28px;
        }

        .general-2-archi.sheikh h2 {
            font-size: 22px;
        }

        .pt-sec2-mainhead h1 {
            font-size: 50px;
        }

        /*szgmc end  */


        /* Events & Activities  Exhibitions */
        .exibition-edit p {
            font-size: 18px;
            line-height: 19px;
        }

        .exibition-edit ul li {
            font-size: 18px;
            line-height: 27px;
        }

        /* Events & Activities  Exhibitions  */
        /*  */

        .Hijri-Calendar .rp-right-bottom a {
            font-size: 15px;
        }

        /*news   */
        .date h2 span {
            font: normal normal normal 45px/30px Philosopher;
        }

        .news-heading .pt-sec2-mainhead {
            padding-top: 50px;
        }

        .content h4 {
            font-size: 20px;
        }

        .content p {
            font-size: 15px;
            line-height: 25px;
        }

        .latest-news img {
            max-width: 330px;
            height: 230px;
            width: 120%;
        }

        .news-content {
            margin-left: -30px;
        }

        /*  news end*/
        section.pt-sec-2.cermony .pt-sec2-mainhead {
            padding-bottom: 40px;
        }

        .cermony img {
            width: 90%;
        }

        /*  */
        .marbles-edit.Mihrab .h1-img h1 {
            font-size: 48px;
        }

        /*  */


        /*archi   */
        img.archi-img {
            height: 100%;
        }

        /* archi end */

        .count_dw_col {
            max-width: 330px;
            padding: 20px 20px;
        }

        .icon img {
            max-width: 40px;
            margin: 0 auto;
        }

        .text_wrap h6 {
            font-size: 15px;
        }

        ul.count-list span {
            font-size: 18px;
        }

        ul.count-list h3 {
            font-size: 14px;
        }

        ul.count-list li {
            padding: 0 8px;
        }

        .banner-subhead h3 {
            font-size: 18px;
            margin-top: 30px;
        }

        .banner-head h1 {
            font-size: 52px;
            line-height: 60px;
        }

        .alery-box {
            max-width: 400px;
            font-size: 12px;
            line-height: 12px;
        }

        .research-list-overlay {
            padding: 0 50px 0 25px;
        }

        .research-list-overlay-title a {
            font-size: 30px;
        }

        a.discover-link {
            font-size: 14px;
        }

        .banner-box {
            margin-right: 20px;
            flex: 0 0 16%;
        }

        .left-position-icons .pos-icon {
            width: 60px;
            height: 60px;
        }

            .left-position-icons .pos-icon img {
                max-width: 100%;
                height: 30px;
            }

        .player-sechead h2 {
            font-size: 60px;
            line-height: 75px;
            max-width: 800px;
        }

        h1.s4-head {
            font-size: 36px;
            line-height: 50px;
        }

        button.sec4-btn {
            width: 200px;
            height: 55px;
            font-size: 15px;
        }

        .sec4-bg {
            height: 250px;
        }

        /* section.sectio-4 {
            padding: 30px 0 0 0;
        } */

        .sec-5top-content h4 {
            font-size: 32px;
            -webkit-text-stroke: 0;
            line-height: 45px;
        }

        .s5_caption_txt h3 {
            font-size: 16px;
        }

        .s5_caption_txt {
            padding: 20px;
        }

            .s5_caption_txt h5 {
                font-size: 21px;
                line-height: 31px;
            }

        .my_news_div_img img {
            height: 200px;
        }

        .my_news_div_content {
            height: 100px;
        }

            .my_news_div_content a {
                font-size: 22px;
            }







        .sec-5top-content h2,
        .my_sec_7_row1 h2,
        .my_sec_8_row1 h2,
        .my_sec_9_row1 h2 {
            font-size: 60px;
        }

        section.my_sec_7,
        section.my_sec_8,
        section.my_sec_9 {
            padding: 60px 0;
        }

        h3.sec-subhead {
            font-size: 37px;
        }

        .my_grandm_div_text h2 {
            font-size: 23px;
        }

        .my_grandm_div_text h5 {
            font-size: 12px;
        }

        .my_grandm_div_text {
            padding: 8px 0 5px 21px;
        }

        .foot-center h1 {
            font-size: 60px;
        }

        .foot-content p {
            font-size: 14px;
            line-height: 22px;
        }

        form.foot-form input,
        form.foot-form textarea {
            height: 55px;
            font-size: 15px;
        }

            form.foot-form input::placeholder,
            form.foot-form textarea::placeholder {
                font-size: 15px;
            }

        form.foot-form textarea {
            height: 140px;
        }

        ul.quick-links .quick-link-head a {
            font-size: 16px;
        }

        ul.quick-links a {
            font-size: 14px;
            line-height: 27px;
        }

        footer.main-footer {
            padding-top: 40px;
        }

        .download-app h2 {
            font-size: 15px;
        }

        .terms-privacy span {
            font-size: 16px;
        }

        .copyright p {
            font-size: 15px;
        }

        .footer-bottom {
            padding: 10px 0;
        }

        /* .ms-box p {
            font-size: 19px;
            max-width: 100%;
        } */

        /* .ms-box {
            padding: 0 30px;
        } */

            /* .ms-box p {
                font-size: 19px;
                max-width: 100%;
            } */

        /* .ms-box {
            padding: 0 30px;
        } */

        /* .pt-sec2-mainhead h1 {
  font-size: 46px;
} */
        .dress-code-box ul li a {
            font-size: 22px;
            line-height: 40px;
        }

        .allowed-top h1 {
            font-size: 32px;
        }

        .allowed-top img {
            max-width: 50px;
        }

        .manners-box {
            height: 100%;
        }

        .ms-silence-box h2 {
            font-size: 23px;
        }

        .rp-heading h1 {
            font-size: 50px;
        }

        .rp-right p {
            font-size: 18px;
            line-height: 28px;
        }

        .rp-right-bottom h3 {
            font-size: 20px;
            line-height: 33px;
        }

        .rp-right-bottom a {
            font-size: 15px;
            margin-left: 25px;
        }

            .rp-right-bottom a:hover {
                font-size: 16px;
            }

        h1.sp-sec6-head {
            font-size: 32px;
            margin-bottom: 20px;
        }

        .rp-sec6-bg-box p {
            font-size: 17px;
            line-height: 27px;
        }

        section.rp-sec-6 {
            padding: 60px 0 100px 0;
        }

        .rp-sec6-row-2 {
            margin-top: 60px;
        }

        section.rp-sec-3 {
            margin-top: 60px;
            padding: 50px 0px;
        }

        .c-t-sec-4 .rp-right-bottom a {
            font-size: 16px;
            margin-left: 10px;
        }

            .c-t-sec-4 .rp-right-bottom a:hover {
                font-size: 17px;
            }

        .c-t-sec-4 .rp-right-bottom h3 {
            font-size: 17px;
        }

        .c-t-sec-4 .rp-right p {
            font-size: 17px;
        }

        .my-tab-2 .g-a-1 label {
            font-size: 20px;
            margin-bottom: 12px;
        }

        p.terms-condition {
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 40px;
        }

        .Enty_doc_list ul li {
            height: 50px;
        }

        h1.l-mainhead {
            font-size: 50px;
            margin-bottom: 40px;
        }

        h2.l-head {
            font-size: 24px;
            line-height: 38px;
        }

        p.res-text {
            font-size: 18px;
            line-height: 40px;
            padding-right: 6px;
        }

        /* a.l-btn {
            width: 200px;
            line-height: 52px;
            height: 52px;
            font-size: 14px;
        } */

        .pub-top h1 {
            font-size: 50px;
        }

        .pub-box img {
            max-width: 150px;
            image-rendering: -webkit-optimize-contrast;
        }

        .pub-box h2 {
            font-size: 18px;
            line-height: 35px;
        }

        .pub-inner {
            padding: 70px 30px 40px 30px;
        }

        .lib-whitebox h2 {
            font-size: 22px;
            line-height: 30px;
        }

        .lib-whitebox p {
            font-size: 17px;
            line-height: 32px;
        }

        .lib-whitebox {
            padding: 20px 25px 20px 25px;
        }

        .a-t-l-pub-inner {
            padding: 40px 20px 0px 20px;
        }

        .res-icon-list img {
            max-width: 100px;
        }

        .res-icon-list h2 {
            font-size: 26px;
            line-height: unset;
        }

        .res-box-content h2 {
            font-size: 22px;
            line-height: 22px;
        }

        .res-box-content p {
            font-size: 17px;
            line-height: 35px;
        }

        .resource-box {
            padding: 50px 60px 50px 40px;
        }

        .l-s-top-content {
            padding: 60px 0;
        }

        .l-s-service-box h2 {
            padding: 0 30px;
            font-size: 20px;
            line-height: 35px;
        }

        .l-s-service-box .logo {
            width: 180px;
            height: 180px;
        }

            .l-s-service-box .logo img {
                max-width: 80%;
            }

        .l-s-service-box {
            margin-bottom: 80px;
        }

        .p-my-pagination li {
            width: 50px;
            height: 50px;
            line-height: 50px;
            margin-right: 15px;
        }

            /* .p-my-pagination li:first-child {
                margin-right: 25px;
            } */

            .p-my-pagination li a {
                font-size: 25px;
            }

                .p-my-pagination li a i {
                    font-size: 15px;
                }

        section.publication-sec1 {
            padding-bottom: 60px;
        }

        section.publication-detail .container-1630 > .row {
            padding: 70px 0px 50px 80px;
        }

        .pub-detail-content h2 {
            font-size: 24px;
            line-height: 38px;
        }

        .pub-detail-content h3 {
            font-size: 18px;
            line-height: 36px;
        }

        .pub-detail-content p {
            font-size: 19px;
            line-height: 35px;
            margin-top: 30px;
            padding-right: 50px;
        }

        button.detail-btn {
            height: 50px;
            font-size: 15px;
            line-height: unset;
        }

        h1.pub-mainhead {
            font-size: 50px;
            line-height: unset;
            margin-bottom: 50px;
        }

        .related-pub {
            padding: 60px 0;
        }

        h1.c-s-mainhead {
            font-size: 30px;
            line-height: 30px;
        }

        p.c-s-text {
            font-size: 16px;
            line-height: 26px;
        }

        .s-p-service-box h2 {
            font-size: 27px;
            line-height: 40px;
        }

        .s-p-service-box {
            padding: 70px 35px 10px;
        }

            .s-p-service-box ul li {
                font-size: 13px;
                line-height: 24px;
            }

        .s-p-img-head h1 {
            font-size: 40px;
        }

        /*  */
        /* organiz */
        .structure p {
            font-size: 17px;
        }

        /*organiz end  */
    }

    @media (max-width: 1420px) {

        /* Suggestions */

        .uploadButton {
            width: 47%;
        }

        /* Suggestions */
        /* contact us */
        /* contact us */
        .row.form-con {
            height: auto;
        }

        .contact {
            padding-top: 100px;
        }

        .contac-us {
            padding-top: 100px;
            padding-left: 60px;
        }

            .contac-us p {
                font-size: 17px;
                line-height: 30px;
            }

        .in-lab {
            padding-bottom: 10px;
        }

            .in-lab label {
                font-size: 18px;
            }

        .in-lab-1 label {
            font-size: 18px;
        }

        .btn-contact button {
            width: 140px;
        }

        .in-lab input {
            width: 70%;
        }

        .btn-contact a {
            padding-left: 248px;
        }

        .btn-sub-contact {
            padding-top: 30px;
            padding-bottom: 30px;
        }

        /* contact us end */
        /**/
        .space-ight img {
            width: auto;
        }

        .s-right a {
            font-size: 17px;
        }

            .s-right a:hover {
                font-size: 18px;
            }

            .s-right a i {
                font-size: 14px;
            }

        /**/
        /** services */
        .serv-box p {
            font-size: 17px;
            line-height: 25px;
        }

        .serv-box {
            padding: 0 20px;
        }

            .serv-box a {
                font-size: 19px;
            }

                .serv-box a:hover {
                    font-size: 21px;
                }

        /*CORPORATE SERVICES  */
        .tour-op {
            width: 278px;
        }

        .tour-op-1 iframe {
            width: 278px;
        }

        .tour-left {
            width: 278px;
            padding: 20px 20px;
        }

        /*CORPORATE SERVICES end  */
        /*Events & Activities  */
        .ev-edit-p p {
            font-size: 18px;
            line-height: 27px;
            width: 88%;
        }

        .sec-event1 {
            padding: 50px 0 50px 0;
        }

        .exibition-edit img {
            height: 410px;
            object-fit: fill;
        }

        .exibition-edit p {
            font-size: 17px;
            line-height: 23px;
        }

        .exibition-edit ul li {
            font-size: 17px;
            line-height: 27px;
        }

        .exibition-edit h4 {
            font-size: 18px;
            line-height: 16px;
        }

        /*Events & Activities end  */

        /*HAPPINESS FORMULA  */
        .formula-happ-s5nd ul li {
            font-size: 15px;
            line-height: 21px;
        }

        .happines {
            padding: 0 40px;
        }

        .formula-happ p {
            font-size: 16px;
        }

        .row.mean-happines {
            height: 310px;
        }

            .row.mean-happines.mean-happines2 {
                height: 100px;
                margin-bottom: 30px;
            }

        /*HAPPINESS FORMULA END */
        /* media-photo  */
        .poopup a img.youtube-icon {
            width: 40px;
        }

        .pt-sec2-mainhead.Gallery {
            padding-top: 0px;
        }

        .adjustment iframe {
            width: 700px;
            height: 400px;
        }

        .modal-dialog.pnka {
            max-width: 700px;
        }

        div#exampleModal {
            top: 20%;
        }

        /* media-photo end */

        /* press-kit */
        section.sec-1-press-kit {
            padding: 40px 0;
        }

        .Press-Kit .pt-sec2-mainhead {
            padding-top: 30px;
        }

        .press-content .rp-right-bottom a i {
            font-size: 16px;
        }

        /*  press-kit end */
        section.sec-liners-1 .marbles-edit {
            padding-left: 0px;
        }

            section.sec-liners-1 .marbles-edit p {
                font-size: 17px;
            }

        .press-content .rp-right-bottom a {
            font-size: 20px;
            margin-left: 20px;
        }

        /* sahan */
        .sahan-edit p {
            font-size: 15px;
            line-height: 25px;
            margin-bottom: 11px;
        }


        /* sahan end */

        /*  */
        .marbles-edit h1 {
            padding-bottom: 30px;
        }

        .marbles-edit p {
            font-size: 17px;
        }

        /*  */
        /*archi  */
        .general-archi p {
            font-size: 16px;
            line-height: 30px;
        }

        .general-2-archi p {
            font-size: 16px;
            padding-top: 0;
        }

        .general-2-archi {
            padding-top: 30px;
        }

        /*archi end  */
        /* dropdown  */
        ul.my_dropdown {
            width: 260px;
        }

        .abbriviation {
            right: -158%;
            width: 350px;
        }

            .abbriviation p {
                font-size: 12px;
            }

        /* dropdown  */
        .my_grandm_div_text h5 {
            font-size: 10px;
        }

        .sticky-header .searchbar {
            margin-right: 24px;
            margin-left: 15px;
        }

        .sticky-header .log-brand img {
            max-width: 180px;
        }

        ul.nav-list li img {
            max-width: 18px;
        }

        .sticky-header ul.nav-list li a {
            font-size: 10px;
        }

        ul.nav-list li a {
            font-size: 10px;
            padding: 9px;
        }

        .searchbar i {
            font-size: 20px;
        }

        .searchbar {
            margin-right: 30px;
        }

        .sticky-header .log-brand img {
            max-width: 145px;
        }

        .header-row > .col-lg-2 {
            padding-right: 0;
        }

        .header-row > .col-lg-10 {
            padding-left: 0;
        }

        button.sticky-bar-btn {
            width: 100px;
            height: 35px;
            font-size: 9px;
        }



        /* worshiper page  */
        section.inner-banner {
            height: 320px;
        }

        .breadcrumbs ul li a {
            font-size: 16px;
        }

        section.ws-card-sec {
            padding: 40px 0;
        }

        .ws-card-bottom {
            height: 90px;
            padding: 20px 30px;
        }

            .ws-card-bottom h2 {
                font-size: 25px;
            }

        .ws-card {
            margin-bottom: 40px;
        }

        /* worshiper page  */
        /* prayer times  */
        .pt-sec2-mainhead h1 {
            font-size: 50px;
        }

        .pt-location h2 {
            font-size: 30px;
        }

        .pt-location i {
            font-size: 28px;
        }

        .pt-location {
            padding-top: 50px;
        }


        .pt-box-2 {
            height: 140px;
            width: 140px;
            margin: 0 15px;
        }

        .fs-content p {
            font-size: 18px;
            line-height: 28px;
            max-width: 1060px;
        }

        a.fs-btn {
            width: 240px;
            height: 55px;
            line-height: 55px;
            font-size: 15px;
        }

        /* prayer times  */
        .s-right {
            padding: 0 0 50px 70px;
        }

            .s-right p {
                font-size: 15px;
                line-height: 24px;
            }

        .qoute-box p {
            font-size: 15px;
            line-height: 24px;
        }

        .services .position-right-box {
            top: 9%;
        }

        h1.table-mainhead {
            font-size: 27px;
            line-height: 37px;
        }

        .table-head h2 {
            font-size: 18px;
        }

        .table-content h3 {
            font-size: 15px;
            line-height: 34px;
        }

        .table-footer h2 {
            font-size: 16px;
            line-height: 28px;
        }

        .c-t-sec-4 .rp-right-bottom h3 {
            font-size: 16px;
        }

        .c-t-sec-4 .rp-right-bottom a {
            font-size: 13px;
        }

            .c-t-sec-4 .rp-right-bottom a:hover {
                font-size: 14px;
            }

            .c-t-sec-4 .rp-right-bottom a i {
                font-size: 9px;
            }

            .c-t-sec-4 .rp-right-bottom a:hover i {
                transform: translate(0px, -1px);
            }

        .faq-head h3 {
            font-size: 20px;
        }

        .faq-content p {
            font-size: 18px;
            padding: 30px 35px;
        }

        .faq-head {
            height: 75px;
        }

        .form-content-box {
            padding: 30px 50px;
        }

        .g-a-form-content .g-a-formhead {
            font-size: 22px;
            line-height: 36px;
        }

        .g-a-1 label {
            font-size: 20px;
            line-height: 36px;
        }

        .g-a-1 input,
        .g-a-1 select {
            height: 50px;
        }

        .g-a-btn {
            width: 160px;
            height: 55px;
            line-height: 55px;
            font-size: 17px;
        }

            .g-a-btn i {
                transform: translateY(-1px);
                margin-left: 2px;
                font-size: 11px;
            }

            .g-a-btn img {
                max-width: 22px;
            }

        .l-e-d img {
            max-width: 47px;
        }

        .g-a-1 select {
            background-size: 14px;
        }

        .l-e-d img {
            max-width: 42px;
        }

        .l-e-d input {
            margin-right: 10px;
        }

        h2.d-m-subhead {
            font-size: 24px;
            margin-bottom: 15px;
        }

        .d-m-bottom h2 {
            font-size: 21px;
            line-height: 35px;
        }

        .d-m-bottom button {
            width: 220px;
            height: 60px;
            font-size: 14px;
        }

            .d-m-bottom button img {
                margin-right: 10px;
                max-width: 25px;
                image-rendering: -webkit-optimize-contrast;
            }

        .s-p-img-head h1 {
            font-size: 40px;
        }

        .s-p-service-box img {
            max-width: 100px;
            top: -45px;
        }

        .s-p-service-box {
            padding: 60px 35px 10px;
        }

        section.s-p-sec-1 {
            padding: 110px 0 60px;
        }

            section.s-p-sec-1 .col-lg-4 {
                padding: 0 10px;
            }

        .s-p-btn {
            padding-top: 50px;
        }

        /* organiz */
        .structure p {
            font-size: 16px;
        }

        /*organiz end  */
    }

    @media (max-width: 1366px) {

        .board-mem-box h2 {
            font-size: 15px;
            line-height: 22px;
            width: 29%;
        }

        .board-mem h2 br {
            display: none;
        }

        .board-mem h2 {
            height: 90px;
        }

        /*Transportation */
        .box-trans p {
            font-size: 16px;
            line-height: 25px;
        }

        table.table-culture.table {
            width: 100%;
        }

            table.table-culture.table tr th {
                font-size: 30px;
            }

            table.table-culture.table tr td {
                font-size: 18px;
                padding-left: 40px;
            }

        .box-trans {
            padding: 50px 20px;
        }

            .box-trans h2 {
                font-size: 31px;
                line-height: 38px;
            }

        /*Transportation */

        /*  */
        .visti-hour-2 h1 {
            font-size: 28px;
        }

        table.table-hour tr th {
            font-size: 30px;
        }

        section.sec-3-hour {
            margin: 30px 0;
            padding: 30px 0;
        }

        /*  */

        /* .contac-us */
        .btn-contact a {
            padding-left: 199px;
            font-size: 13px;
        }

        .cont-flash p a {
            font-size: 21px;
        }

        .cont-flash p img {
            margin-right: 10px;
            width: 40px;
            height: 40px;
        }

        .contac-us {
            padding-left: 20px;
        }

        .road-map.ab-map .route-map-row {
            margin-top: 40px;
        }

        .h1-road h1 {
            font-size: 50px;
            padding-top: 40px;
        }

        .gps.contact-padd {
            padding-top: 60px !important;
        }

        .contact-padd {
            padding-top: 0px !important;
        }

        .in-lab label {
            font-size: 16px;
            width: 27%;
        }

        .in-lab input {
            width: 68%;
            margin-bottom: 20px;
        }

        .in-lab-1 label {
            font-size: 17px;
            width: 180px;
        }

        .btn-contact input {
            margin-right: 26px;
        }

        .contact h2 {
            font-size: 26px;
        }

        .icon-cntact p {
            font-size: 16px;
            line-height: 26px;
        }

        .contac-us h2 {
            font-size: 26px;
        }

        /*.contac-us  */
        /* szgmc */
        .general-archi.sheikh {
            padding-top: 35px;
            line-height: 28px;
        }

        .ewan h1 {
            font: normal normal bold 30px/40px Philosopher;
            padding-top: 10px;
        }

        .ewan .space-ight {
            text-align: center;
            padding-top: 12px;
        }

        .general-archi.sheikh p {
            font-size: 16px;
            line-height: 28px;
        }

        .general-archi.sheikh ul li {
            font-size: 16px;
            line-height: 28px;
        }

        .general-2-archi.sheikh ul li {
            font-size: 16px;
            line-height: 28px;
        }

        .general-2-archi.sheikh h2 {
            font-size: 20px;
        }

        .pt-sec2-mainhead h1 {
            font-size: 40px;
        }

        /*szgmc end  */

        /*HAPPINESS FORMULA  */
        .general-2-archi {
            padding-top: 10px;
        }

        .formula-happ h3 {
            FONT-SIZE: 20PX;
        }

        .formula-happ p {
            font-size: 15px;
        }

        .formula-happ img {
            padding-bottom: 20px;
        }

        .row.mean-happines {
            height: 280px;
        }

        .formula-happ-s5nd ul li {
            font-size: 13px;
            line-height: 19px;
        }

        /*HAPPINESS FORMULA  END */
        /* sahan */
        .sahan-edit h1 {
            font-size: 40px;
            padding-bottom: 9px;
        }

        /* sahan end */

        /*  */
        .marbles-edit p {
            font-size: 15px;
            line-height: 27px;
        }

        .marbles-edit h1 {
            padding-bottom: 20px;
            font-size: 50px;
        }

        .h1-img img {
            width: 100px;
        }

        .marbles-edit-1 img {
            height: 450px;
            object-fit: fill;
            object-position: left;
        }

        .marbles-edit {
            padding-left: 50px;
        }

        /*  */
        /* archi */
        img.archi-img {
            width: 51%;
        }

        /* archi end */
        .l-sec-1 .s-right {
            padding: 0 60px;
        }

        h1.l-mainhead {
            font-size: 40px;
        }

        h2.l-head {
            font-size: 20px;
            line-height: 40px;
        }

        p.res-text {
            font-size: 17px;
            line-height: 36px;
            padding-right: 0px;
        }

        .res-bg-main {
            padding: 60px 0 30px 0;
        }

        .pub-top h1 {
            font-size: 40px;
        }

        .pub-top {
            padding: 10px 0;
        }

        .pub-box img {
            max-width: 145px;
        }

        .pub-box h2 {
            font-size: 15px;
            line-height: 30px;
        }

        .pub-inner {
            padding: 60px 30px 30px 30px;
        }

        .pub-arrow .slick-arrow i {
            width: 35px;
            height: 35px;
            font-size: 14px;
            line-height: 35px;
        }

        /* .l-publication a.l-btn {
            margin: 40px 0 40px 0;
        } */

        .lib-service-main {
            margin: 50px 0;
        }

        .lib-whitebox h2 {
            font-size: 20px;
        }

        .lib-whitebox p {
            font-size: 15px;
            line-height: 30px;
        }

        /* a.l-btn {
            width: 170px;
            line-height: 45px;
            height: 45px;
            font-size: 13px;
        } */

        .lib-service-main {
            padding: 50px 0;
        }

        .a-t-l-content h3 {
            font-size: 19px;
            line-height: 26px;
            margin: 12px 0 20px 0;
        }

        .a-t-l-content img {
            max-width: 75px;
        }

        img.music-icon {
            max-width: 120px;
            top: 47%;
        }

        .a-t-l-content p {
            font-size: 17px;
            line-height: 32px;
        }

        .pub-top h2 {
            font-size: 25px;
        }

        .a-t-l-pub-inner {
            padding: 40px 20px 0px 20px;
        }

        .pub-inner p {
            margin-bottom: 40px;
        }

        .pub-inner p {
            font-size: 15px;
            line-height: 29px;
        }

        .a-t-l-inner2 h3 {
            font-size: 24px;
            line-height: 40px;
        }

        .a-t-l-list p {
            font-size: 15px;
            line-height: 27px;
        }

        .a-t-l-list {
            margin-bottom: 30px;
        }

        .a-t-l-inner h4 {
            font-size: 23px;
        }

        .a-t-l-inner p span {
            font-size: 19px;
            line-height: 30px;
        }

        section.a-l-t-sec3 {
            padding: 60px 0;
        }

        .res-icon-list img {
            max-width: 90px;
        }

        .res-icon-list h2 {
            font-size: 23px;
        }

        .res-box-content h2 {
            font-size: 20px;
            line-height: 20px;
        }

        .res-box-content p {
            font-size: 16px;
            line-height: 30px;
        }

        .resource-box {
            padding: 40px 50px 40px 30px;
            margin-bottom: 40px;
        }

        .res-icon-list {
            margin: 20px 0;
        }

        section.resources-sec2 {
            padding-bottom: 20px;
        }

        .publication-top-form {
            padding: 60px 0;
        }

            .publication-top-form input {
                width: 280px;
                height: 50px;
            }

            .publication-top-form label {
                font-size: 14px;
                line-height: 42px;
            }

        .p-search-btn {
            height: 50px;
            line-height: 58px;
        }

            .p-search-btn i {
                font-size: 20px;
            }

        section.publication-detail .container-1630 > .row {
            padding: 50px 0px 40px 60px;
        }

        button.detail-btn {
            width: 140px;
            height: 45px;
            font-size: 14px;
        }

        .detail-book div.d-flex {
            gap: 15px;
        }

        .pub-detail-content h2 {
            font-size: 20px;
            line-height: 34px;
        }

        .pub-detail-content h3 {
            font-size: 16px;
            line-height: 31px;
        }

        .pub-detail-content p {
            font-size: 17px;
            line-height: 31px;
            padding-right: 40px;
        }

        h1.pub-mainhead {
            font-size: 40px;
            margin-bottom: 40px;
        }

        .related-pub {
            padding: 50px 0;
        }

        section.chairman-speech .col-md-5 img {
            height: 515px;
        }

        p.c-s-text {
            font-size: 15px;
            line-height: 24px;
        }

        .b-m-content h2 {
            font-size: 14px;
            line-height: 18px;
        }

        .b-m-content {
            padding: 15px 12px;
            min-height: 90px;
        }

        .board-member-box {
            margin-bottom: 50px;
        }

        section.b-m-sec1 {
            padding-top: 50px;
        }

        .b-m-content h3 {
            font-size: 14px;
            line-height: 12px;
        }

        .about-banner-blurbox {
            flex: 0 0 350px;
        }

            .about-banner-blurbox .icon img {
                max-width: 43px;
            }

            .about-banner-blurbox ul.count-list li span {
                font-size: 17px;
            }

            .about-banner-blurbox ul.count-list li {
                padding: 0 9px;
            }

        .about-banner-visiting p {
            font-size: 11px;
            line-height: 11px;
        }
    }

    @media (max-width: 1300px) {

        /*CORPORATE SERVICES */

        .sticky-header ul.nav-list {
            gap: 6px;
        }

        .tour-op {
            width: 250px;
        }

        .tour-op-1 iframe {
            width: 250px;
        }

        .tour-left {
            width: 250px;
            padding: 20px 11px;
        }

        .icon-content h4 {
            font-size: 17px;
            line-height: 22px;
        }

        .col-f h4 {
            font-size: 18px;
        }

        .operators h1 {
            font-size: 34px;
            line-height: 77px;
        }

        a.oper-btn {
            line-height: 52px;
            width: 146px;
            height: 54px;
        }

        .right-content p {
            font-size: 16px;
        }

        /*CORPORATE SERVICES end  */
        /*colums  */
        .marbles-edit.col-logo .h1-img {
            width: 320px;
        }

        /*colums end  */

        /* sahan */
        .sahan-edit {
            padding-left: 20px;
        }

            .sahan-edit p {
                font-size: 14px;
            }

        .sahan-edit-1 img {
            height: 470px;
            object-fit: fill;
            object-position: left;
        }

        /* sahan end */
        /* archi */
        img.archi-img {
            height: auto;
        }

        .general-2-archi p {
            font-size: 16px;
            line-height: 30px;
        }

        /*archi end  */
        .pt-box {
            margin-bottom: 20px;
        }

        /* dropdown  */
        ul.my_dropdown {
            width: 250px;
        }

        .abbriviation {
            right: -166%;
        }

        /* dropdown  */
        a.scroll-top {
            width: 65px;
            height: 65px;
            right: 6%;
        }

            /* a.scroll-top i {
                font-size: 20px;
            } */

            a.scroll-top span {
                font-size: 15px;
            }

        .sticky-header ul.nav-list li a {
            font-size: 10px;
            padding: 6px;
        }

        h2.topbar-head {
            font-size: 14px;
        }

        .menu-btn i {
            font-size: 23px;
        }

        ul.nav-list li img {
            max-width: 18px;
        }

        ul.nav-list li a {
            font-size: 10px;
            padding: 4px;
        }

        .searchbar i {
            font-size: 20px;
        }

        .searchbar {
            margin-right: 20px;
        }

        .header {
            padding: 0px 10px;
        }

        .count_dw_col {
            max-width: 290px;
            padding: 10px;
        }

        .icon img {
            max-width: 30px;
        }

        .text_wrap h6 {
            font-size: 14px;
        }

        .banner-subhead h3 {
            font-size: 15px;
        }

        .banner-head h1 {
            font-size: 42px;
            line-height: 52px;
        }

        .banner-right-content {
            padding: 60px 0 0 5.3vw;
        }

        .alery-box {
            max-width: 330px;
            font-size: 13px;
            line-height: 19px;
        }

        .banner-box img {
            max-width: 100%;
            height: 33px;
        }

        .banner-box span {
            display: none;
        }

        .banner-box {
            padding: 7px;
            height: 100px;
        }

            .banner-box h3 {
                margin-top: 10px;
            }

        a.discover-link {
            font-size: 13px;
        }

        .top-bar {
            padding: 3px 10px;
        }

        h2.topbar-head {
            font-size: 10px;
        }

        .languages h2 i {
            font-size: 12px;
            margin-left: 3px;
        }

        .icon-shape {
            width: 70px;
            height: 70px;
        }

            .icon-shape img {
                max-width: 40px;
            }

        h3.sec2-right-head {
            font-size: 42px;
            line-height: 42px;
            margin-top: 20px;
        }

        p.sec2-right-subhead {
            font-size: 17px;
            line-height: 30px;
            max-width: 240px;
        }

        ul.visit_link a {
            font-size: 21px;
            line-height: 35px;
        }

        button.white-btn {
            width: 180px;
            height: 50px;
            font-size: 15px;
            margin-top: 30px;
        }

        .bx_pln_itm {
            height: 270px;
            padding: 15px 15px 15px 20px;
        }

            .bx_pln_itm h3 {
                font-size: 18px;
            }

            .bx_pln_itm:first-child,
            .bx_pln_itm:nth-child(2) {
                margin-bottom: 25px;
            }

        .player-sechead h2 {
            font-size: 45px;
            line-height: 60px;
            max-width: 600px;
        }

        .section-3 .images_wrap img {
            max-width: 80%;
        }

        .primary-btn {
            width: 180px;
            height: 50px;
            font-size: 13px;
        }

            .primary-btn img {
                max-width: 25px;
            }

        .sec4-bg {
            height: 220px;
            padding: 0 0 0 40px;
        }

        h1.s4-head {
            font-size: 33px;
            line-height: 40px;
        }

        button.sec4-btn {
            width: 170px;
            height: 45px;
            font-size: 13px;
        }

        section.section-5 {
            padding: 30px 0 70px 0;
        }

        .sec-5top-content h4 {
            font-size: 26px;
        }

        .sec-5top-content h2,
        .my_sec_7_row1 h2,
        .my_sec_8_row1 h2,
        .my_sec_9_row1 h2 {
            font-size: 45px;
            line-height: 60px;
        }

        section.section-5 {
            padding: 60px 0 70px 0;
        }

        .s5-tab-list li a {
            width: 100px;
            height: 40px;
            font-size: 15px;
            line-height: 40px;
            margin-right: 30px;
        }

        .s5_caption_txt h3 {
            font-size: 15px;
        }

        .s5_caption_txt h5 {
            font-size: 19px;
            line-height: 27px;
        }

        .s5-btn a {
            padding: 15px 22px;
            font-size: 13px;
        }

        .my_news_div_img img {
            height: 170px;
        }

        .my_news_div_content a {
            font-size: 18px;
        }

        .my_news_div_content {
            height: 80px;
        }

        .container-1420 {
            max-width: 82vw;
        }

        .s6-btn a {
            padding: 15px 22px;
            font-size: 13px;
        }

        .row.my_sec6_row {
            margin-top: 50px;
        }

        h3.sec-subhead {
            font-size: 33px;
        }

        .my_sec_7_row1 p {
            max-width: 950px;
            font-size: 14px;
            line-height: 24px;
        }

        h3.sec-subhead {
            font-size: 33px;
        }

        section.my_sec_7,
        section.my_sec_8,
        section.my_sec_9 {
            padding: 50px 0;
        }

        .my_heighlight_content h3 {
            font-size: 21px;
            line-height: 24px;
        }

        .container-fluid.my_sec_7_row2 {
            padding: 30px 0;
        }

        .my_highlights_wrap .slick-arrow {
            width: 55px;
            height: 55px;
        }

            .my_highlights_wrap .slick-arrow:before {
                font-size: 31px;
            }

        .my_grandm_div_text h2 {
            font-size: 22px;
            line-height: 30px;
        }

        .my_grandm_div_text {
            width: 88%;
            padding: 8px 0 5px 16px;
        }

            .my_grandm_div_text h5 {
                font-size: 11px;
                margin: 0;
            }

        .my_social_row .col-md-3 h2 {
            font-size: 20px;
        }

        .my_social_link a i {
            width: 35px;
            height: 35px;
            font-size: 18px;
        }

        .my_social_link a {
            font-size: 17px;
        }

        a.my_social_a img {
            height: 330px;
        }

        a.my_social_a {
            height: 350px;
        }

        .foot-content h1 {
            font-size: 25px;
        }

        .foot-content p {
            font-size: 13px;
            line-height: 20px;
        }

        .foot-center h1 {
            font-size: 50px;
        }

        form.foot-form input,
        form.foot-form textarea {
            height: 45px;
            font-size: 14px;
            padding: 0 15px;
        }

            form.foot-form input::placeholder,
            form.foot-form textarea::placeholder {
                font-size: 14px;
            }

        form.foot-form textarea {
            height: 130px;
        }

        .foot-textarea img {
            max-width: 50px;
        }

        ul.quick-links .quick-link-head a {
            font-size: 15px;
        }

        ul.quick-links a {
            font-size: 12px;
            line-height: 24px;
        }

        footer.main-footer {
            padding-top: 30px;
        }

        .download-app h2 {
            font-size: 13px;
        }

        .download-app img {
            max-width: 75px;
            image-rendering: -webkit-optimize-contrast;
        }

        .foot-social a {
            width: 30px;
            height: 30px;
        }

            .foot-social a img {
                width: 14px;
                height: 14px;
            }

        .terms-privacy span {
            font-size: 15px;
        }

        .copyright p {
            font-size: 14px;
            margin: 0;
        }

        .left-position-icons .pos-icon {
            width: 50px;
            height: 50px;
        }

            .left-position-icons .pos-icon img {
                height: 25px;
            }

        h2.right-boxhead {
            font-size: 16px;
        }

            h2.right-boxhead i {
                font-size: 16px;
                margin-right: 4px;
            }

        .flex.prayer-time h2 {
            font-size: 16px;
        }

        .position-right-box {
            padding: 12px 25px 2px 25px;
        }

        section.inner-banner {
            height: 320px;
        }

        .breadcrumbs ul li a {
            font-size: 16px;
        }

        section.ws-card-sec {
            padding: 40px 0;
        }

        .ws-card-bottom {
            height: 80px;
            padding: 20px 25px;
        }

            .ws-card-bottom h2 {
                font-size: 21px;
            }

        .ws-card {
            margin-bottom: 40px;
        }

        .ws-card-bottom {
            height: 80px;
            padding: 20px 25px;
        }

            .ws-card-bottom h2 {
                font-size: 21px;
            }

        /* .ms-box p {
            font-size: 17px;
        } */

        .dress-code-box ul li a {
            font-size: 20px;
            line-height: 32px;
        }

        .allowed-top h1 {
            font-size: 28px;
        }

        .allowed-top img {
            max-width: 45px;
        }

        .allowed-top {
            padding: 8px 30px;
        }

        .manners-box img {
            height: 300px;
            image-rendering: -webkit-optimize-contrast;
        }

        /* .ms-box {
            margin-top: 40px;
        } */

        .rp-heading h1 {
            font-size: 36px;
        }

        .rp-heading img {
            width: 90px;
            left: -9%;
            bottom: -23%;
        }

        .rp-right p {
            font-size: 15px;
            line-height: 25px;
        }

        .rp-right-bottom h3 {
            font-size: 17px;
            line-height: 28px;
        }

        .rp-right-bottom a {
            font-size: 13px;
            margin-left: 10px;
        }

        section.rp-sec-5 {
            padding: 10px 0 60px 0;
        }

        section.rp-sec-6 {
            padding: 50px 0 80px 0;
        }

        h1.sp-sec6-head {
            font-size: 26px;
            margin-bottom: 15px;
        }

        .rp-sec6-bg-box p {
            font-size: 16px;
            line-height: 24px;
        }

        section.rp-sec-center .fs-content p {
            max-width: 100%;
            padding: 0 80px;
        }

        .rp-box p {
            line-height: 23px;
        }

        .rp-right {
            padding: 0 0 0 70px;
        }

        .rp-heading img {
            width: 80px;
            bottom: -19%;
        }

        .rp-heading h1 {
            font-size: 32px;
        }

        .rp-right p {
            font-size: 14px;
            line-height: 23px;
        }

        .rp-right-bottom h3 {
            font-size: 14px;
            line-height: 24px;
        }

        .rp-right-bottom a {
            font-size: 11px;
            margin-left: 11px;
        }

            .rp-right-bottom a:hover {
                font-size: 12px;
            }

        h1.sp-sec6-head {
            font-size: 24px;
            margin-bottom: 10px;
        }

        .rp-row-2 .rp-right {
            padding: 0 0 0 50px;
        }

        .rp-sec6-bg-box p {
            font-size: 15px;
            line-height: 22px;
        }

        h1.v-center {
            font-size: 32px;
            margin-top: 10px;
        }

        .s-right p {
            font-size: 14px;
            line-height: 23px;
        }

        section.s-section {
            margin: 70px 0;
        }

        .getting-mosque h1.v-center {
            margin-bottom: 5px;
        }

        .getting-mosque .s-right {
            padding: 0 10px 0 30px;
        }

        .gm-row-1 {
            margin-top: 15px;
        }

        .view-route h3 {
            font-size: 22px;
        }

        .view-route img {
            max-width: 32px;
        }

        .cordinates h1.pt-mainhead {
            font-size: 30px;
        }

        .cordinates span {
            font-size: 16px;
            line-height: 33px;
        }

        .hz-email-form {
            max-width: 100%;
        }

            .hz-email-form input {
                height: 70px;
                padding: 0 30px;
                font-size: 17px;
            }

        .vh2-col {
            padding: 50px 30px 25px 30px;
        }

        h1.table-mainhead {
            font-size: 25px;
            line-height: 36px;
        }

        .table-head h2 {
            font-size: 18px;
            line-height: 26px;
        }

        .table-content h3 {
            font-size: 15px;
            line-height: 34px;
        }

        .table-footer h2 {
            font-size: 15px;
            line-height: 27px;
        }

        .vh2-col {
            padding: 50px 30px 25px 30px;
        }

        .vh2-big-col {
            margin-top: 40px;
            padding: 30px 20px 30px 30px;
        }

            .vh2-big-col h1 {
                font-size: 24px;
                margin-bottom: 15px;
            }

            .vh2-big-col p {
                font-size: 15px;
                line-height: 24px;
            }

        /* .mosque-manners-2 .ms-box {
            margin-top: 60px;
        } */

        h1.table-mainhead {
            font-size: 25px;
            line-height: 36px;
        }

        .table-head h2 {
            font-size: 18px;
            line-height: 26px;
        }

        .table-content h3 {
            font-size: 15px;
            line-height: 34px;
        }

        .table-footer h2 {
            font-size: 15px;
            line-height: 27px;
        }

        .vh2-big-col h1 {
            font-size: 24px;
            margin-bottom: 15px;
        }

        .vh2-big-col p {
            font-size: 15px;
            line-height: 24px;
        }

        .vh2-big-col {
            padding: 30px 20px 30px 30px;
            margin-top: 40px;
        }

        .c-t-sec-4 .rp-right p {
            font-size: 14px;
        }

        .c-t-sec-4 .rp-right-bottom h3 {
            font-size: 14px;
        }

        p.terms-condition {
            font-size: 18px;
            line-height: 28px;
        }

        .my-tab-2 .g-a-1 label {
            font-size: 18px;
            line-height: 30px;
        }

        .my-tab-2 .form-content-box {
            padding: 50px 50px;
        }

        .e-services-page section.inner-banner h1 {
            line-height: 70px;
        }

        .step-form-tabs li ~ li a {
            margin: 0;
        }

        .step-form-tabs li a {
            padding: 40px 0;
            justify-content: center;
        }

        .res-bg-main {
            padding: 40px 0 30px 0;
        }

        h2.l-head {
            font-size: 18px;
            line-height: 32px;
        }

        p.res-text {
            font-size: 15px;
            line-height: 34px;
        }

        .pub-top h1 {
            font-size: 30px;
        }

        .pub-box h2 {
            font-size: 16px;
        }

        .l-s-top-content {
            padding: 50px 0;
        }

        h2.l-s-head {
            font-size: 26px;
            line-height: 36px;
        }

        .l-s-top-content p {
            font-size: 18px;
            line-height: 38px;
        }

        .l-s-service-box h2 {
            font-size: 18px;
            margin-top: 30px;
            line-height: 30px;
        }

        section.l-s-sec2 .row {
            padding: 30px 0 0 0;
        }

        .publication-books {
            padding: 0;
        }

            .publication-books .pub-box {
                margin-bottom: 90px;
            }

        .publication-top-form .form-group i {
            bottom: 19%;
        }

        section.chairman-speech .col-md-5 img {
            height: 525px;
        }

        .about-szgmc-page .pt-box {
            margin-bottom: 20px;
        }

        h1.c-s-mainhead {
            font-size: 26px;
            line-height: 26px;
        }

        section.chairman-speech {
            padding: 50px 0;
        }

        img.c-s-img {
            max-width: 50%;
        }

        .a-s-banner .banner-heading {
            max-width: 700px;
            font-size: 37px;
        }

        .b-m-content h3 {
            font-size: 13px;
        }

        .b-m-content h2 {
            font-size: 13px;
            line-height: 17px;
        }

        .b-m-content {
            min-height: 80px;
        }

        .gallery-wrapper {
            Column-gap: 30px;
            row-gap: 30px;
        }

        section.gallery-slider-sec {
            padding: 60px 0;
        }
    }

    @media (max-width: 1199px) {
        .board-mem img {
            width: 100%;
        }

        .board-mem-box h2 {
            font-size: 20px;
            line-height: 22px;
            width: 39%;
        }

        .board-mem-box img {
            width: 33%;
        }

        .board-mem h2 {
            height: auto;
        }
        /*  */
        .cordinate-content.cor-gps {
            padding-top: 25px;
        }

        table.table-hour.hour-2 {
            text-align: center;
            width: 100%;
            margin: auto;
        }

        .btn-contact a {
            padding-left: 319px;
        }

        .input-suggest textarea {
            width: 90%;
        }

        .input-suggest input {
            width: 90%;
        }

        div.upload {
            width: 90%;
        }

        .fileName {
            font-size: 14px;
        }

        .uploadButton {
            width: 56%;
        }

        .check-suggest label {
            margin-right: 30px;
        }

        section.sec-1-sugges h1 {
            font-size: 35px;
        }

        section.sec-1-sugges p {
            font-size: 18px;
            line-height: 30px;
        }

        section.sec-1-sugges {
            padding: 70px 0;
            margin: 60px 0;
        }

        /*  */
        /** services */
        .serv-box {
            padding: 30px 0px 30px 0px;
        }

            .serv-box p {
                font-size: 16px;
                line-height: 23px;
            }

            .serv-box a {
                font-size: 17px;
            }

                .serv-box a:hover {
                    font-size: 19px;
                }

                .serv-box a i {
                    font-size: 14px;
                }

        .content-serv {
            width: 74px;
            height: 74px;
        }

        /** services END */
        /* szgmc */
        .general-archi.sheikh {
            padding-top: 0px;
            line-height: 28px;
        }

        .alery-box p {
            font-size: 12px;
            line-height: 23px;
        }

        .general-archi.sheikh p {
            font-size: 15px;
            line-height: 26px;
        }

        section.sec-archi-1.szmc {
            padding-top: 40px;
            padding-bottom: 0px;
        }

        .general-archi.sheikh ul li {
            font-size: 15px;
            line-height: 26px;
        }

        .general-2-archi.sheikh ul li {
            font-size: 16px;
            line-height: 28px;
        }

        img.c-s-img {
            padding-right: 20px;
            padding-bottom: 0px;
        }

        .general-2-archi.sheikh h2 {
            font-size: 18px;
            line-height: 27px;
        }

        .pt-sec2-mainhead h1 {
            font-size: 35px;
        }

        /*szgmc end  */

        /*CORPORATE SERVICES  */
        .tour-op {
            width: auto;
            padding: 40px 21px;
        }

        section.sec-marble-1.waqg {
            padding-bottom: 30px;
        }

        .tour-op-1 iframe {
            width: 100%;
        }

        .tour-op h4 {
            line-height: 29px;
            font-size: 16px;
        }

        .icon-reg IMG {
            MARGIN-LEFT: -17PX;
            width: 61px;
        }

        .icon-reg-1 img {
            width: 23px;
            height: 39px;
        }

        .icon-content {
            justify-content: initial;
            display: flex;
            flex-direction: column-reverse;
        }

        .tour-left {
            width: auto;
            padding: 20px 11px;
            height: auto;
        }

            .tour-left p {
                font-size: 14px;
            }

        .icon-content h4 {
            padding-top: 5px;
        }

        .faqs-sec .faq-head i {
            font-size: 18px;
        }

        .operators h1 {
            font-size: 30px;
            line-height: 63px;
        }

        /*CORPORATE SERVICES end  */

        /*HAPPINESS FORMULA  */
        .happines {
            padding: 0 20px;
        }

        .formula-happ img {
            width: 40%;
        }

        .formula-happ p {
            font-size: 14px;
        }

        .formula-happ-s5nd ul li {
            font-size: 11px;
            line-height: 17px;
        }

        .formula-headng h2 {
            font: normal normal bold 25px/0px Philosopher;
        }

        .row.mean-happines.mean-happines2 {
            height: 70px;
        }

        /*HAPPINESS FORMULA END */

        /*E - Services  */
        .boxis {
            padding: 20px 10px;
            flex: 0 0 48%;
        }

        .tab-create ul li a {
            font-size: 14px;
            padding-left: 4px;
        }

            .tab-create ul li a img {
                padding-right: 9px;
            }

        /*E - Services end */

        /* media-photo   */
        .adjustment iframe {
            width: 600px;
            height: 340px;
        }

        .modal-dialog.pnka {
            max-width: 600px;
        }

        /*media-photo end  */
        /* news */
        .content p {
            font-size: 13px;
            line-height: 24px;
        }

        .date h2 span {
            font: normal normal normal 35px/30px Philosopher;
        }

        /* news end */


        .marbles-edit.Mihrab .h1-img h1 {
            font-size: 32px;
        }

        section.sec-liners-1 .marbles-edit p {
            font-size: 15px;
            line-height: 27px;
        }

        /* sahan */
        .sahan-edit h1 {
            font-size: 36px;
        }

        /* sahan end */

        /* sidebar menu  */
        .menu-side-bar {
            position: fixed;
            top: 0;
            right: 0;
            display: block;
            z-index: -1;
            height: 0;
            width: 100%;
            overflow: hidden;
            background: white;
            transition: all 0.3s ease-in-out;
        }

        .menu-side-show {
            height: 100vh;
            z-index: 9999999999;
        }

        button.close-btn {
            background: none;
            border: none;
            position: absolute;
            left: 4%;
            top: 2%;
            z-index: 9999;
        }

            button.close-btn i {
                font-size: 30px;
                color: var(--primary);
                -webkit-text-stroke: 1px #fff;
            }

        /* .sidebar-menu {
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            margin: 20px 0;
        } */

        ul.side-nav-list a {
            color: black;
            transition: all 0.3s ease;
        }

        ul.side-nav-list li {
            padding: 17px 0px;
        }

        ul.side-nav-list a:hover {
            color: var(--primary);
        }

        /* sidebar menu  */
        .top-main {
            display: block;
        }

        .opacity {
            opacity: 0 !important;
            z-index: -1;
        }

        ul.nav-list li {
            display: none;
        }

        ul.nav-list {
            justify-content: flex-start;
        }

        .header {
            padding: 0px 40px;
        }

        .log-brand img {
            max-width: 160px;
        }

        .count_dw_col {
            max-width: 240px;
        }

        .text_wrap h6 {
            font-size: 12px;
        }

        ul.count-list span {
            font-size: 15px;
        }

        ul.count-list h3 {
            font-size: 11px;
        }

        ul.count-list li {
            padding: 0 6px;
        }

        .banner-subhead h3 {
            font-size: 13px;
        }

        .banner-head h1 {
            font-size: 35px;
            line-height: 40px;
        }

        .banner-right-content {
            padding: 40px 0 0 4.4vw;
        }

        .research-list-img {
            padding-bottom: 20px;
        }

        .research-list-overlay {
            padding: 0 20px 0 15px;
        }

        .research-list-overlay-title a {
            font-size: 25px;
        }

        .research-list-overlay p {
            line-height: 20px;
        }

        a.discover-link {
            font-size: 11px;
        }

        .banner-box img {
            height: 28px;
        }

        .banner-box {
            padding: 3px;
            height: 88px;
            flex: 0 0 18%;
        }

        h2.right-boxhead {
            font-size: 14px;
        }

            h2.right-boxhead i {
                font-size: 14px;
                margin-right: 2px;
            }

        .flex.prayer-time img {
            height: 50px;
            margin-right: 10px;
        }

        .flex.prayer-time h2 {
            font-size: 14px;
        }

        .position-right-box {
            width: 180px;
        }

            .position-right-box > i {
                font-size: 12px;
            }

        ul.right-box-list li h3 {
            font-size: 9px;
        }

        ul.right-box-list li img {
            max-width: 35px;
        }

        .alery-box {
            max-width: 286px;
            font-size: 12px;
            line-height: 18px;
            padding: 11px;
            margin-top: 20px;
        }

        .icon-shape {
            width: 60px;
            height: 60px;
        }

            .icon-shape img {
                max-width: 35px;
            }

        h3.sec2-right-head {
            font-size: 36px;
            line-height: 36px;
            margin-top: 15px;
        }

        p.sec2-right-subhead {
            font-size: 16px;
            line-height: 27px;
            max-width: 230px;
            margin-bottom: 25px;
        }

        ul.visit_link a {
            font-size: 19px;
            line-height: 32px;
        }

        button.white-btn {
            width: 160px;
            height: 45px;
            font-size: 13px;
            margin-top: 20px;
        }

        .overlay-visit {
            padding: 30px 25px;
        }

        .icon-shape-2 {
            width: 60px;
            height: 60px;
        }

            .icon-shape-2 img {
                height: 35px;
            }

        .bx_pln_itm h3 {
            font-size: 16px;
            margin-top: 15px;
        }

        .bx_pln_itm {
            height: 240px;
            padding: 12px 10px 12px 15px;
        }

        .container-1630 {
            max-width: 92vw;
        }

        .bx_pln_itm p {
            font-size: 14px;
            line-height: 21px;
        }

        button.s2-btn {
            font-size: 14px;
            line-height: 14px;
            margin-top: 4px;
        }

        section.section-2 {
            padding: 80px 0;
        }

        .player-sechead h2 {
            font-size: 40px;
            line-height: 50px;
        }

        .sec4-bg {
            height: 190px;
            padding: 0 0 0 25px;
        }

        h1.s4-head {
            font-size: 30px;
            line-height: 30px;
        }

        button.sec4-btn {
            width: 150px;
            height: 40px;
            font-size: 12px;
        }

        .sec-5top-content h4 {
            font-size: 22px;
        }

        section.section-2 {
            padding: 80px 0;
        }

        .player-sechead h2 {
            font-size: 40px;
            line-height: 50px;
        }

        .sec4-bg {
            height: 190px;
            padding: 0 0 0 25px;
        }

        h1.s4-head {
            font-size: 30px;
            line-height: 30px;
        }

        button.sec4-btn {
            width: 150px;
            height: 40px;
            font-size: 12px;
        }

        .sec-5top-content h4 {
            font-size: 22px;
        }

        .sec-5top-content h2,
        .my_sec_7_row1 h2,
        .my_sec_8_row1 h2,
        .my_sec_9_row1 h2 {
            font-size: 40px;
            line-height: 50px;
        }

        .container-1420 {
            max-width: 85vw;
        }

        .my_news_div_content a {
            font-size: 14px;
        }

        .section-6 {
            padding: 40px 0;
            padding-bottom: 80px;
        }

        h3.sec-subhead {
            font-size: 30px;
            margin-bottom: 0;
        }

        .my_sec_7_row1 p {
            max-width: 800px;
            font-size: 13px;
            line-height: 22px;
        }

        .my_heighlight {
            max-width: 25vw;
            height: 350px;
        }

        .my_grandm_div_text h2 {
            font-size: 19px;
            line-height: 25px;
        }

        .my_grandm_div_text {
            width: 100%;
            padding: 8px 0 5px 12px;
        }

            .my_grandm_div_text h5 {
                font-size: 10px;
            }

        .my_sec_8_row1 .row {
            margin-top: 40px;
        }

        .my_social_row .col-md-3 h2 {
            font-size: 18px;
            margin-bottom: 20px;
        }

        .my_social_link a {
            font-size: 14px;
        }

        .my_social_link {
            margin-bottom: 13px;
        }

        a.my_social_a img {
            height: 300px;
        }

        a.my_social_a i {
            font-size: 22px;
        }

        .foot-content h1 {
            font-size: 22px;
        }

        .foot-content p {
            font-size: 12px;
            line-height: 19px;
        }

        .foot-center h1 {
            font-size: 42px;
            line-height: 70px;
        }

        form.foot-form input::placeholder,
        form.foot-form textarea::placeholder {
            font-size: 13px;
        }

        form.foot-form input,
        form.foot-form textarea {
            font-size: 13px;
            padding: 0 12px;
        }

        .three-inputs > input:first-child,
        .three-inputs > input:nth-child(2) {
            flex: 0 0 48%;
        }

        .three-inputs {
            flex-flow: wrap;
        }

            .three-inputs > input:last-child {
                flex: 0 0 100%;
                margin-top: 15px;
            }

        form.foot-form textarea {
            height: 110px;
            margin-top: 15px;
        }

        .foot-textarea img {
            max-width: 40px;
        }

        ul.quick-links .quick-link-head a {
            font-size: 14px;
        }

        ul.quick-links a {
            font-size: 10px;
            line-height: 19px;
        }

        .terms-privacy span {
            font-size: 14px;
        }

        .my_heighlight_content p {
            font-size: 12px;
            line-height: 20px;
        }

        .my_heighlight:hover .my_heighlight_content p {
            height: 75%;
        }

        .s5_caption_txt h5 {
            font-size: 16px;
            line-height: 23px;
        }

        .s5_caption_txt h3 {
            font-size: 13px;
        }

        .s5_caption_txt {
            height: 100px;
            padding: 14px;
            margin-top: -50px;
        }

        .left-position-icons .pos-icon {
            width: 45px;
            height: 45px;
        }

            .left-position-icons .pos-icon img {
                height: 20px;
            }

        .music_player {
            max-width: 660px;
        }

        .breadcrumbs ul li a {
            font-size: 14px;
        }

            .breadcrumbs ul li a img {
                max-width: 22px;
                margin-right: 6px;
            }

        section.ws-card-sec {
            padding: 30px 0;
        }

        .ws-card-bottom h2 {
            font-size: 18px;
        }

        .ws-card-bottom {
            padding: 10px 20px;
            height: 70px;
        }

        .ws-card {
            margin-bottom: 30px;
        }

        section.inner-banner {
            height: 250px;
        }

            section.inner-banner h1 {
                font-size: 50px;
            }

        .pt-box img {
            height: 34px;
        }

        .pt-box {
            margin: 0 5px;
            height: 110px;
            width: 110px;
            margin-bottom: 20px;
        }

            .pt-box h4 {
                font-size: 14px;
                margin-top: 10px;
            }

        .pt-box-wrapper {
            padding-top: 30px;
        }

        .pt-sec2-mainhead h1 {
            font-size: 40px;
            margin-top: -70px;
        }

        .pt-sec2-mainhead img {
            width: 80px;
        }

        .pt-sec2-mainhead {
            padding-top: 60px;
        }

        .pt-location {
            padding-top: 30px;
        }

            .pt-location h2 {
                font-size: 26px;
                margin: 0 11px;
            }

            .pt-location i {
                font-size: 25px;
            }

            .pt-location a:last-child i {
                font-size: 14px;
            }

        .pt-center-img {
            padding-top: 20px;
        }

            .pt-center-img img {
                max-width: 230px;
            }

        .pt-box-2 {
            height: 130px;
            width: 130px;
            margin: 0 10px;
            margin-bottom: 20px;
        }

            .pt-box-2 span {
                font-size: 20px;
            }

            .pt-box-2 h4 {
                font-size: 14px;
            }

        .pt-sec2-mainhead {
            padding-top: 40px;
        }

        section.pt-sec-2 {
            padding-bottom: 50px;
        }

        .fs-content p {
            max-width: 850px;
            font-size: 16px;
            line-height: 25px;
        }

        .fs-content {
            padding-top: 30px;
        }

        a.fs-btn {
            width: 200px;
            height: 45px;
            line-height: 45px;
            font-size: 13px;
            margin-top: 10px;
        }

        /* .ms-box p {
            font-size: 15px;
            line-height: 27px;
        } */

        /* .ms-box {
            height: 130px;
        } */

        .ms-silence-box img {
            max-width: 45px;
        }

        .ms-silence-box h2 {
            font-size: 19px;
            margin: 5px 0 0 0;
        }

        .ms-sec-silence {
            padding: 40px 0 50px;
        }

        .s-right {
            padding: 0 0 50px 40px;
        }

            .s-right p {
                font-size: 13px;
                line-height: 21px;
                margin: 0;
            }

        h1.v-center {
            margin: 0;
        }

        .s-section .col-md-6 > img {
            height: 450px;
            object-fit: cover;
            object-position: left;
        }

        h1.v-center {
            font-size: 25px;
        }

        .getting-mosque h1.v-center {
            line-height: 35px;
        }

        .view-route h3 {
            font-size: 18px;
        }

        .view-route img {
            max-width: 28px;
        }

        .cordinates h1.pt-mainhead {
            font-size: 27px;
            line-height: 32px;
        }

        .cordinates span {
            font-size: 15px;
            line-height: 26px;
        }

        .gps {
            padding-top: 25px;
        }

        .cordinate-content {
            padding-top: 70px;
        }

        .hz-email-form input {
            height: 60px;
            padding: 0 25px;
            font-size: 15px;
        }

        button.hz-email-btn {
            width: 70px;
        }

            button.hz-email-btn img {
                max-width: 24px;
            }

        section.road-map {
            padding-bottom: 60px;
        }

        .evg-content {
            margin-top: 70px;
        }

        a.ev-g-btn {
            width: 240px;
            height: 55px;
            line-height: 55px;
            font-size: 14px;
        }

            a.ev-g-btn img {
                max-width: 24px;
            }

        h1.table-mainhead {
            font-size: 21px;
            line-height: 33px;
        }

        .table-head h2 {
            font-size: 16px;
            line-height: 22px;
        }

        .table-content h3 {
            font-size: 13px;
            line-height: 30px;
        }

        .vh2-col {
            flex: 0 0 49%;
        }

        .table-footer h2 {
            font-size: 14px;
            line-height: 25px;
        }

        .vh2-big-col h1 {
            font-size: 21px;
            margin-bottom: 10px;
        }

        .vh2-big-col p {
            font-size: 13px;
            line-height: 23px;
        }

        .vh2-big-col {
            padding: 20px 20px 20px 30px;
        }

        .c-t-sec-4 .rp-right-bottom h3 {
            font-size: 14px;
        }

        .c-t-sec-4 .rp-right-bottom a {
            font-size: 12px;
            margin: 0;
        }

        .c-t-sec-4 .rp-right-bottom h3 {
            font-size: 13px;
        }

        .faq-head h3 {
            font-size: 16px;
        }

        .faq-head {
            height: 65px;
        }

        .faq-content p {
            font-size: 15px;
            line-height: 25px;
            padding: 25px 35px;
        }

        .faq-card {
            margin-bottom: 15px;
        }

        section.resources {
            padding-top: 40px;
        }

        p.res-text {
            font-size: 14px;
            line-height: 30px;
        }

        h1.l-mainhead {
            font-size: 35px;
            margin-bottom: 30px;
        }

        .pub-top h1 {
            font-size: 30px;
        }

        .lib-whitebox {
            padding: 15px 18px 15px 18px;
        }

            .lib-whitebox p {
                font-size: 14px;
                line-height: 25px;
            }

        .lib-service-main {
            padding: 40px 0;
        }

        .a-t-l-content p {
            font-size: 16px;
            line-height: 29px;
        }

        .a-t-l-main {
            padding: 160px 40px 20px;
        }

        img.music-icon {
            max-width: 100px;
            top: 33%;
        }

        .a-t-l-main {
            margin-top: 60px;
        }

        .a-t-l-inner2 h3 {
            font-size: 22px;
            line-height: 36px;
        }

        .a-t-l-list p {
            font-size: 13px;
            line-height: 25px;
        }

        .a-t-l-list {
            margin-bottom: 20px;
        }

        .a-t-l-inner h4 {
            font-size: 20px;
        }

        .a-t-l-inner p span {
            font-size: 17px;
            line-height: 24px;
        }

        .res-icon-list img {
            max-width: 80px;
        }

        .res-icon-list h2 {
            font-size: 21px;
        }

        .res-box-content h2 {
            font-size: 19px;
            line-height: 18px;
        }

        .resource-box {
            padding: 30px 40px 30px 25px;
        }

        h2.l-s-head {
            font-size: 24px;
            line-height: 30px;
        }

        .l-s-service-box h2 {
            padding: 0 10px;
            font-size: 17px;
            margin-top: 20px;
            line-height: 29px;
        }

        h1.search-head {
            font-size: 22px;
            line-height: 38px;
        }

        ul.search-list li {
            font-size: 18px;
            line-height: 29px;
        }

        .search-main {
            padding: 35px 25px;
        }

        img.search-img {
            top: -4.8%;
        }

        h1.search-head {
            font-size: 19px;
            line-height: 30px;
        }

        ul.search-list li {
            font-size: 16px;
            line-height: 19px;
        }

        .search-main {
            padding: 35px 25px 10px;
        }

        img.search-img {
            max-width: 110px;
            top: -4.7%;
        }

        .publication-top-form {
            padding: 50px 0;
        }

        .publication-books .pub-box {
            padding: 0 8px;
        }

        section.publication-detail .container-1630 > .row {
            padding: 40px 0px 30px 40px;
        }

        .pub-detail-content h2 {
            font-size: 17px;
            line-height: 30px;
        }

        .pub-detail-content h3 {
            font-size: 15px;
            line-height: 28px;
        }

        .pub-detail-content p {
            font-size: 15px;
            line-height: 27px;
            padding-right: 25px;
        }

        h1.pub-mainhead {
            font-size: 30px;
        }

        .related-pub {
            padding: 40px 0;
        }

        section.chairman-speech {
            padding: 30px 0;
        }

        h1.c-s-mainhead {
            font-size: 22px;
            line-height: 22px;
        }

        section.chairman-speech .col-md-5 img {
            height: 446px;
        }

        p.c-s-text {
            font-size: 14px;
            line-height: 21px;
        }

        .a-s-banner .banner-heading {
            max-width: 600px;
            font-size: 31px;
        }

        h2.d-m-subhead {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .d-m-bottom h2 {
            font-size: 20px;
            line-height: 33px;
        }

        .s-p-img-head h1 {
            font-size: 34px;
        }

        section.s-p-sec-1 {
            padding: 100px 0 60px;
        }

        .s-p-service-box h2 {
            font-size: 25px;
        }

        section.s-p-sec-1 .col-lg-4 {
            padding: 0 5px;
        }

        .s-p-service-box img {
            max-width: 80px;
            top: -35px;
        }

        .s-p-service-box {
            padding: 50px 30px 10px;
        }

            .s-p-service-box ul li {
                font-size: 12px;
                line-height: 22px;
            }

        .s-p-btn {
            padding-top: 40px;
        }

        section.s-p-sec-1 {
            padding: 80px 0 50px;
        }

        .s-p-img-head h1 {
            font-size: 30px;
        }

        section.b-m-sec1 .col-lg-3 {
            padding: 0 5px;
        }

        .b-m-content h2 {
            font-size: 12px;
        }

        .b-m-content h3 {
            font-size: 12px;
        }

        .board-member-box {
            margin-bottom: 40px;
        }

        section.b-m-sec1 {
            padding: 40px 0 20px 0;
        }

        .about-banner-counter {
            gap: 10px;
            margin-top: 20px;
        }

        .responsive-none {
            display: none;
        }

        .bg.content p {
            width: 80%;
            font-size: 14px;
            line-height: 24px;
        }

        .img-bg-effect img {
            max-width: 150px;
        }

        .img-bg-effect {
            width: 170px;
            height: 170px;
        }

        .txt-content h3 {
            font-size: 25px;
            padding-top: 25px;
        }

        ul.UL-1 li {
            line-height: 25px;
        }

        .mean-dv {
            max-width: 235px;
            min-height: 564px;
        }

        .speech-1 img {
            max-width: 60px;
        }

        .speech-1 h1 {
            font-size: 28px;
            line-height: 28px;
        }

        .speech-1 p {
            font-size: 14px;
            line-height: 22px;
            padding-bottom: 0px;
        }

        .speech-1 {
            padding: 0px 0px 0px 40px;
        }

        section.sec2-SZGMC .row:first-child {
            margin-bottom: 40px;
        }

        section.sec2-SZGMC .container-1420 {
            padding: 0 50px;
        }

        h1.g-s-mainhead {
            font-size: 38px;
            margin-bottom: 10px;
        }

        p.g-s-maintext {
            font-size: 14px;
            line-height: 25px;
            margin-bottom: 30px;
        }

        .gallery-wrapper {
            Column-gap: 20px;
            row-gap: 20px;
        }

        .lightbox-arrow .slick-arrow i {
            font-size: 35px;
        }

        button.popup-close i {
            font-size: 20px;
        }

        section.sec1-SZGMC {
            padding-bottom: 50px;
        }
    }

    @media (max-width: 991px) {
        .board-mem-box img {
            width: 43%;
        }
        /*Transportation */

        section.sec-1trans {
            text-align: center;
            padding-bottom: 0;
        }

        .col-lg-6.box-mar {
            margin-bottom: 80px;
        }

        .col-lg-6.box-mar1 {
            margin-bottom: 80px;
        }

        .box-trans {
            padding: 80px 10px 10px 10px;
        }

        /*Transportation */
        /*  */
        section.sec-3-hour {
            margin: 30px 0;
            padding: 30px 0;
        }

        table.table-hour tr td {
            padding: 20px 0 20px 5px;
            font-size: 19px;
        }

        .visti-hour-2 h1 {
            font-size: 24px;
            line-height: 30px;
        }

        /*  */
        /*contact-us */
        .in-lab-1 label {
            width: 25%;
        }

        .cont-flash p img {
            margin-right: 10px;
            width: 30px;
            height: 30px;
        }

        .cont-flash p a {
            font-size: 18px;
        }

        .contac-us {
            padding-left: 20px;
            padding-top: 50px;
        }

        .contact {
            display: block;
            padding-left: 20px;
            padding-top: 50px;
        }

        .h1-road h1 {
            font-size: 40px;
            padding-top: 20px;
        }

        .google-play.ab-map p a {
            font-size: 22px;
        }


        /* contact-us */

        /* holy quran*/
        .content-right.content-form audio {
            width: 370px;
        }

        .nubering-news.number-form .content-right.content-form .table td,
        .table th span img {
            width: 42px;
            height: 42px;
            margin-right: 20px;
        }

        /* holy quran*/
        /* Official Authorities Registration */
        section.ms-sec-2.booking1 .ev-edit-p.book-para {
            padding-top: 20px !important;
        }

        .walkway h3 {
            font: normal normal bold 25px/30px Philosopher;
            width: 90%;
        }

        .walkway p {
            width: 90%;
            font-size: 16px;
            padding-bottom: 15px;
        }

        /* .walkway img {
            width: 95%;
        } */

        .booking1 .pt-sec2-mainhead {
            padding-top: 10px;
        }

            .booking1 .pt-sec2-mainhead img {
                width: 90px;
            }

        /* Official Authorities Registration end */

        /*CORPORATE SERVICES  */
        .operators h1 {
            font-size: 24px;
            line-height: 33px;
            padding-right: 20px;
        }

        .inner-page.about-szgmc-page .pt-sec2-mainhead img {
            width: 80px;
        }

        a.oper-btn {
            line-height: 52px;
            width: 126px;
            height: 54px;
        }

        .icon-reg-1 {
            max-width: initial;
        }

        /*CORPORATE SERVICES end  */
        /*Events & Activities  */
        .ev-edit-p p {
            font-size: 15px;
            line-height: 27px;
            width: 90%;
        }

        .right-content p {
            font-size: 15px;
        }

        .col-f h4 {
            font-size: 14px;
        }

        .ev-edit-p {
            padding: 0 0 50px 0 !important;
        }

        .exibition-edit p {
            font-size: 14px;
            line-height: 21px;
        }

        .exibition-edit h4 {
            font-size: 18px;
            line-height: 0px;
        }

        .exibition-edit ul li {
            font-size: 14px;
        }

        /*Events & Activities end  */

        /*HAPPINESS FORMULA  */
        .box-align {
            justify-content: space-between;
        }

        .happines {
            margin-right: 15px;
        }

        section.sec-1-services {
            padding-bottom: 50px;
        }

        .formula-happ img {
            width: 10%;
        }

        .formula-happ h3 {
            FONT-SIZE: 20PX;
            padding: 0;
        }

        .row.mean-happines {
            height: auto;
        }

        .formula-happ-s5nd {
            align-items: center;
            justify-content: center;
        }

        .happines h1 {
            font: normal normal bold 30px/29px Philosopher;
            padding: 20px 0;
        }

        .formula-happ-s5nd ul li {
            font-size: 14px;
        }

        /*HAPPINESS FORMULA end */
        /*media-photo  */
        .section-sec-1-media-gallery {
            text-align: center;
        }

        .poopup img {
            width: 100%;
        }

        .adjustment iframe {
            width: 500px;
            height: 290px;
        }

        .modal-dialog.pnka {
            max-width: 500px;
        }

        .modal-footer.ab-footer button i {
            font-size: 30px;
            color: #ffffff;
            width: 30px;
            height: 30px;
            background: #5b4100;
            border-radius: 50%;
            line-height: 30px;
        }

        /* media-photo end */
        /*press-kit  */
        .press-content .rp-right-bottom h3 {
            font-size: 18px;
            line-height: 33px;
        }

        .press-content .rp-right-bottom a {
            font-size: 18px;
            margin-left: 15px;
        }

            .press-content .rp-right-bottom a:hover {
                font-size: 19px !important;
            }

        section.sec-1-press-kit h2 {
            font-size: 23px;
        }

        section.sec-1-press-kit h4 {
            font-size: 20px;
            line-height: 29px;
        }

        .abtn {
            padding-top: 20px;
        }

        /* press-kit end */
        .Hijri-Calendar .fs-content p {
            max-width: 85%;
        }

        /* news */
        .news-content {
            margin-left: 0;
            margin-top: 0;
        }

        .content h4 {
            font-size: 19px;
        }

        .news-heading .pt-sec2-mainhead {
            padding-top: 0px;
        }

        .nubering-news {
            padding-bottom: 30px;
        }

        .date {
            height: 100%;
        }

        /* news end */
        section.pt-sec-2.cermony .pt-sec2-mainhead img {
            width: 90px;
        }

        section.sec-liners-1 .marbles-edit h1 {
            font-size: 28px;
            line-height: 59px;
            padding-bottom: 0px;
        }

        section.sec-liners-1 .marbles-edit p {
            font-size: 13px;
            line-height: 25px;
        }

        /*chandeliers  */
        section.sec-sahan-1.chandeliers p {
            font-size: 14px;
            line-height: 24px;
        }

        /*chandeliers end  */
        /* minaret */

        .minaret-page .sahan-edit p {
            margin-bottom: 0;
            padding-right: 15px;
            font-size: 13px;
            line-height: 21px;
        }

        /* minaret end */
        /* sahan */
        .sahan-edit {
            padding-left: 10px;
        }

            .sahan-edit h1 {
                font-size: 26px;
                font-weight: bolder;
            }

            .sahan-edit br {
                display: none;
            }

        .sahan-edit-1 img {
            height: 510px;
        }

        /* sahan end */

        /*marble  */
        .marbles-edit {
            padding-left: 10px;
        }

            .marbles-edit p {
                font-size: 13px;
                line-height: 26px;
            }

        .marbles-edit-1 img {
            height: 450px;
        }

        .marbles-edit h1 {
            padding-bottom: 10px;
            font-size: 40px;
        }

        .h1-img img {
            width: 80px;
            top: -6%;
        }

        /*  */
        a.scroll-top {
            right: 9%;
            bottom: 25%;
        }

        h2.topbar-head {
            margin-right: 30px;
        }

        .whellchiar {
            margin-right: 30px;
        }

        .banner-subhead h3 {
            font-size: 11px;
            letter-spacing: 0;
            margin-top: 20px;
        }

        .banner-head h1 {
            font-size: 30px;
            line-height: 34px;
        }

        .alery-box {
            max-width: 260px;
            font-size: 11px;
            padding: 9px;
            line-height: 18px;
        }

        .research-list-overlay-title a {
            font-size: 20px;
            line-height: 28px;
        }

        .research-list-overlay {
            padding: 0 14px;
        }

            .research-list-overlay p {
                font-size: 12px;
                line-height: 17px;
            }

        a.discover-link {
            font-size: 10px;
        }

        .banner-box img {
            height: 25px;
        }

        .banner-box h3 {
            font-size: 10px;
        }

        .banner-box {
            height: 80px;
            margin-right: 14px;
            margin-bottom: 14px;
        }

        .log-brand {
            text-align: right;
        }

            .log-brand img {
                max-width: 185px;
            }

        .header {
            padding: 0px 15px;
        }

        h2.right-boxhead {
            font-size: 11px;
        }

            h2.right-boxhead i {
                font-size: 12px;
            }

        .flex.prayer-time img {
            height: 42px;
        }

        .flex.prayer-time h2 {
            font-size: 12px;
        }

        .position-right-box {
            width: 160px;
            padding: 10px 12px 0px 19px;
            top: 1.6%;
        }

        .sec-2col {
            padding: 0 20px;
        }

        .bx-visit:before {
            width: 94%;
            margin: 0 auto;
            height: 94%;
        }

        .bx-visit:after {
            max-width: 94%;
            height: 94%;
            margin: 0 auto;
        }

        .overlay-visit {
            padding: 40px 50px;
        }

        h3.sec2-right-head {
            font-size: 32px;
        }

        p.sec2-right-subhead {
            font-size: 14px;
            line-height: 23px;
            max-width: 200px;
            margin-bottom: 8px;
        }

        ul.visit_link a {
            font-size: 17px;
            line-height: 28px;
        }

        button.white-btn {
            width: 150px;
            height: 40px;
            font-size: 12px;
            margin-top: 8px;
            margin-bottom: 30px;
        }

        .bx_pln_itm {
            padding: 15px 17px 15px 20px;
        }

        .player-sechead h2 {
            font-size: 28px;
            max-width: 400px;
            line-height: 38px;
        }

        .music_player {
            max-width: 530px;
        }

        span#npAction2 {
            font-size: 14px;
        }

        h2.qirat {
            font-size: 19px;
            line-height: 22px;
        }

        .music-layers {
            height: 45px;
        }

        .plyr__controls__item.plyr__control[data-plyr="play"] {
            width: 45px;
            height: 45px;
            background-size: 45px 45px;
        }

        .plyr__time--current {
            left: 14.7%;
            top: 8%;
        }

        .plyr__time--duration {
            top: 10%;
        }

        .plyr__progress input[type="range"]:after {
            bottom: -25px;
            font-size: 12px;
        }

        .primary-btn {
            width: 150px;
            height: 40px;
            font-size: 12px;
        }

            .primary-btn img {
                max-width: 20px;
            }

        section.sectio-4 {
            padding-top: 20px;
        }

        h1.s4-head {
            font-size: 24px;
            line-height: 18px;
        }

        .sec4-bg {
            height: 170px;
        }

        button.sec4-btn {
            width: 130px;
            height: 35px;
            font-size: 11px;
        }

        section.section-5 {
            padding: 40px 0 60px 0;
        }

        img.sec_img {
            max-width: 60px;
            margin-bottom: 10px;
        }

        .sec-5top-content h4 {
            font-size: 17px;
        }

        .sec-5top-content h2,
        .my_sec_7_row1 h2,
        .my_sec_8_row1 h2,
        .my_sec_9_row1 h2 {
            font-size: 34px;
            line-height: 30px;
        }

        .s5-tab-list li a {
            width: 80px;
            height: 35px;
            font-size: 14px;
            line-height: 35px;
            margin-right: 25px;
        }

        .s5-tab-content .images_wrap {
            margin-top: 30px;
        }

        .sec_6_bottom_box {
            display: flex;
            flex-flow: wrap;
            justify-content: space-between;
        }

            .sec_6_bottom_box > div {
                flex: 0 0 48%;
                max-width: 48%;
            }

        .my_news_repeat {
            flex-direction: column;
        }
        .my_news_repeat:last-child {
            margin-bottom: 25px;
        }

        .my_news_div_content a {
            font-size: 20px;
        }

        .my_sec_7_row1 p {
            margin-top: 20px;
            max-width: 600px;
        }

        .my_heighlight {
            max-width: 34vw;
            height: 350px;
        }

        .my_heighlight_content h3 {
            font-size: 18px;
            line-height: 18px;
        }

        .my_heighlight_readmore a {
            font-size: 13px;
        }

        .my_grandm_div_text h2 {
            font-size: 20px;
            line-height: 21px;
        }

        .my_grandm_div_text h5 {
            font-size: 12px;
        }

        .my_grandm_div {
            margin-bottom: 30px;
        }

        section.my_sec_9 {
            padding: 0 0 30px 0;
        }

        .my_social_row .col-md-3 h2 {
            font-size: 14px;
            margin-bottom: 14px;
        }

        .my_social_link a i {
            width: 30px;
            height: 30px;
            font-size: 15px;
        }

        .my_social_link a {
            font-size: 13px;
        }

        .my_social_link {
            margin-bottom: 8px;
        }

        a.my_social_a img {
            height: 230px;
        }

        .my_social_row .col-md-3 {
            padding: 0 6px;
        }

        a.my_social_a {
            height: 270px;
        }

        .footer-col-2 {
            order: 1;
        }

        .footer-col-1 {
            order: 2;
            margin-top: 25px;
        }

        .footer-col-3 {
            order: 3;
            margin-top: 25px;
        }

        form.foot-form input::placeholder,
        form.foot-form textarea::placeholder {
            font-size: 14px;
        }

        form.foot-form input,
        form.foot-form textarea {
            font-size: 14px;
        }

        ul.quick-links .quick-link-head a {
            font-size: 16px;
        }

        ul.quick-links a {
            font-size: 12px;
            line-height: 24px;
        }

        .ws-card-bottom h2 {
            font-size: 20px;
        }

        section.inner-banner h1 {
            font-size: 45px;
            max-width: 450px;
            text-align: center;
        }

        section.inner-banner {
            height: 220px;
        }

        .breadcrumbs ul li a i {
            font-size: 9px;
            margin: 0 8px;
        }

        .fs-content p {
            max-width: 650px;
            font-size: 15px;
            line-height: 24px;
        }

        .dress-code-box ul li a {
            font-size: 17px;
            line-height: 26px;
        }

        .allowed-top h1 {
            font-size: 23px;
        }

        .allowed-top img {
            max-width: 36px;
        }

        .manners-box img {
            height: 220px;
        }

        .ms-silence-box img {
            max-width: 38px;
        }

        .ms-silence-box h2 {
            font-size: 16px;
            margin: 3px 0 0 0;
        }

        .rp-box {
            height: 160px;
        }

        /* .ms-box p {
            line-height: 24px;
        } */

        .rp-heading h1 {
            font-size: 25px;
            margin-bottom: 0px;
        }

        .rp-heading img {
            width: 70px;
            bottom: -11%;
            left: -13%;
        }

        .rp-right p {
            font-size: 13px;
            line-height: 21px;
            margin-bottom: 7px;
        }

        .rp-row-2 .rp-right {
            padding: 0 0 0 40px;
        }

        .rp-right-bottom h3 {
            line-height: 20px;
        }

        .rp-right-bottom a {
            margin: 0;
        }

        h1.sp-sec6-head {
            font-size: 19px;
            margin-bottom: 5px;
        }

        .rp-sec6-bg-box {
            padding: 0 30px;
        }

            .rp-sec6-bg-box p {
                font-size: 13px;
                line-height: 19px;
                margin-bottom: 6px;
            }

        .rp-sec6-row .rp-right-bottom a {
            margin: 0;
        }

        .route-map-row {
            margin-top: 50px;
        }

        .view-route h3 {
            font-size: 16px;
        }

        .view-route img {
            max-width: 25px;
        }

        .cordinates h1.pt-mainhead {
            font-size: 25px;
            line-height: 32px;
        }

        .cordinates span {
            font-size: 14px;
            line-height: 24px;
        }

        .hz-email-form input {
            height: 50px;
            padding: 0 20px;
            font-size: 13px;
        }

        button.hz-email-btn {
            width: 50px;
        }

            button.hz-email-btn img {
                max-width: 20px;
            }

        .ws-card-rating img {
            max-width: 25px;
        }

        .ws-card-rating span {
            font-size: 22px;
        }

        .ws-card-detail img {
            max-width: 80px;
        }

        a.ws-card-btn {
            width: 90px;
            height: 30px;
            line-height: 30px;
            font-size: 12px;
        }

        .ws-card-detail {
            padding: 0 7px;
        }

        h1.table-mainhead {
            font-size: 24px;
            line-height: 33px;
        }

        .table-head h2 {
            font-size: 18px;
            line-height: 22px;
        }

        .table-content h3 {
            font-size: 15px;
            line-height: 30px;
        }

        .vh2-col {
            flex: 0 0 100%;
        }

        .table-footer h2 {
            font-size: 16px;
            line-height: 25px;
        }

        .vh2-big-col h1 {
            font-size: 24px;
            margin-bottom: 10px;
        }

        .vh2-big-col p {
            font-size: 15px;
            line-height: 25px;
        }

        .vh2-big-col {
            padding: 30px 20px 30px 30px;
        }

        h1.table-mainhead {
            font-size: 24px;
        }

        .table-head h2 {
            font-size: 18px;
        }

        .table-content h3 {
            font-size: 15px;
        }

        .table-footer h2 {
            font-size: 16px;
        }

        .vh2-col:first-child {
            margin-bottom: 40px;
        }

        .vh2-big-col h1 {
            font-size: 24px;
            line-height: 33px;
        }

        .vh2-big-col p {
            font-size: 15px;
            line-height: 25px;
        }

        .vh2-big-col {
            padding: 30px 20px 30px 30px;
        }

        .c-t-img {
            height: 350px;
            object-fit: cover;
        }

        .faq-head {
            padding: 0 25px;
        }

            .faq-head h3 {
                font-size: 15px;
                line-height: 20px;
                max-width: 550px;
            }

        .faq-content p {
            padding: 20px 25px;
            font-size: 14px;
            line-height: 22px;
        }

        .g-a-1 label {
            font-size: 17px;
            line-height: 34px;
        }

        .g-a-1 input {
            height: 45px;
        }

        .g-a-formfields .g-a-1 {
            flex: 0 0 47%;
        }

        .g-a-form-content .g-a-formhead {
            font-size: 20px;
            line-height: 32px;
            margin: 0;
        }

        .g-a-btn {
            width: 120px;
            height: 45px;
            line-height: 45px;
            font-size: 15px;
        }

            .g-a-btn img {
                max-width: 17px;
            }

        .g-a-row {
            padding-left: 20px;
        }

        .my-tab-2 .g-a-1 label {
            font-size: 16px;
            line-height: 26px;
        }

        p.terms-condition {
            font-size: 16px;
            line-height: 24px;
        }

        .Enty_doc_list ul li {
            height: 45px;
            line-height: 45px;
        }

        .Enty_doc_list .btn_upload {
            padding: 5px 15px;
            font-size: 14px;
        }

        .Enty_doc_list ul li a {
            padding: 0 15px;
            font-size: 14px;
        }

        .e-services-page section.inner-banner h1 {
            line-height: 50px;
        }

        .step-form-tabs li a {
            padding: 30px;
            font-size: 16px;
            width: 400px;
        }

        .step-form-tabs li ~ li a {
            padding: 30px 0;
            margin: 0 0 0 0px;
        }

        .step-form-tabs a.nav-link {
            font-size: 16px;
        }

        .g-a-1 select {
            background-size: 12px;
        }

        .g-a-1 input,
        .g-a-1 select {
            padding: 0 15px;
            line-height: 14px;
            height: 46px;
            font-size: 14px;
            line-height: 14px;
        }

        .l-sec-1 .s-right {
            padding: 0 30px;
        }

        /* .l-sec-1 a.l-btn {
            margin-top: 15px;
        } */

        h1.l-mainhead {
            font-size: 30px;
            margin-bottom: 25px;
        }

        p.res-text {
            text-align: center;
        }

            p.res-text br:first-child {
                display: none;
            }

        .lib-service-main .row .col-lg-4 {
            padding: 0;
            margin-bottom: 20px;
        }

        .lib-whitebox {
            padding: 30px 25px 30px 26px;
        }

        /* a.l-btn {
            width: 160px;
            line-height: 40px;
            height: 40px;
        } */

        .a-t-l-content p {
            font-size: 15px;
            line-height: 27px;
        }

        .a-t-l-content img {
            max-width: 65px;
        }

        img.music-icon {
            max-width: 90px;
            top: 29%;
        }

        .pub-inner p ~ br {
            display: none;
        }

        .pub-inner p {
            margin-bottom: 20px;
        }

        .a-t-l-inner {
            height: 350px;
        }

            .a-t-l-inner p span {
                font-size: 19px;
                line-height: 28px;
            }

        .a-t-l-inner2 h3 {
            margin-top: 20px;
        }

        .a-t-l-list p {
            font-size: 15px;
            line-height: 27px;
        }

        .a-t-l-list img {
            margin-top: 5px;
        }

        section.a-l-t-sec3 {
            padding: 50px 0;
        }

        .res-box-content p {
            font-size: 15px;
            line-height: 27px;
        }

        .l-s-top-content p {
            font-size: 17px;
            line-height: 32px;
        }

        h2.l-s-head {
            font-size: 22px;
            line-height: 22px;
        }

        .l-s-top-content {
            padding: 40px 0;
        }

        .l-s-service-box .logo {
            width: 170px;
            height: 170px;
        }

            .l-s-service-box .logo img {
                max-width: 70%;
                image-rendering: -webkit-optimize-contrast;
            }

        .l-s-service-box {
            margin-bottom: 60px;
        }

            .l-s-service-box h2 {
                padding: 0 20px;
            }

        .publication-sec1 .pub-box h2 {
            font-size: 14px;
            line-height: 26px;
        }

        .p-my-pagination li {
            width: 40px;
            height: 40px;
            line-height: 40px;
            margin-right: 10px;
        }

            .p-my-pagination li a {
                font-size: 20px;
            }

                .p-my-pagination li a i {
                    font-size: 12px;
                }

            /* .p-my-pagination li:first-child {
                margin-right: 20px;
            } */

        section.publication-sec1 {
            padding-bottom: 40px;
        }

        .publication-top-form {
            padding: 40px 0;
        }

            .publication-top-form input {
                width: 220px;
                height: 45px;
                margin-right: 15px;
                padding-right: 37px;
            }

            .publication-top-form .form-group i {
                bottom: 17%;
                right: 16%;
                font-size: 13px;
            }

        .p-search-btn {
            flex: 0 0 7%;
            height: 45px;
            line-height: 50px;
        }

            .p-search-btn i {
                font-size: 18px;
            }

        button.detail-btn {
            width: 130px;
            height: 40px;
            font-size: 13px;
            margin-bottom: 10px;
        }

        .pub-detail-content h2 {
            font-size: 15px;
            line-height: 22px;
        }

        .pub-detail-content h3 {
            font-size: 13px;
            line-height: 24px;
        }

        .pub-detail-content p {
            font-size: 14px;
            line-height: 24px;
            padding-right: 10px;
            margin-top: 10px;
        }

        section.publication-detail {
            padding-top: 30px;
        }

        h1.pub-mainhead {
            font-size: 25px;
        }

        .detail-book img {
            image-rendering: -webkit-optimize-contrast;
        }

        .pub-detail-content {
            padding-left: 20px;
        }

        img.c-s-img {
            padding-right: 30px;
            padding-bottom: 20px;
        }

        h1.c-s-mainhead {
            font-size: 20px;
            line-height: 28px;
        }

        .a-s-banner .banner-heading {
            max-width: 390px;
            font-size: 26px;
            line-height: 31px;
        }

        .s-p-img-head h1 {
            font-size: 24px;
        }

        .s-p-service-box {
            min-height: 300px;
        }

            .s-p-service-box ul li {
                font-size: 13px;
                line-height: 23px;
            }

        .s-p-service-box {
            padding: 50px 40px 20px;
        }

        .speech-1 img {
            max-width: 50px;
        }

        .speech-1 h1 {
            font-size: 19px;
            line-height: 19px;
            padding: 10px 0 2px 0px;
        }

        .speech-1 p {
            font-size: 13px;
            line-height: 20px;
            margin-bottom: 15px;
        }

        .speech-1 {
            padding: 0px 0px 0px 30px;
        }

        section.sec2-SZGMC {
            padding: 40px 0;
        }

        h1.g-s-mainhead {
            font-size: 32px;
        }

        p.g-s-maintext {
            font-size: 13px;
            line-height: 23px;
        }

        .gallery-wrapper {
            grid-template-columns: repeat(2, 1fr);
        }

        .bx-visit {
            height: 100%;
            overflow-y: hidden;
            position: relative;
        }

            .bx-visit:before {
                width: 100%;
                margin: 0 auto;
                height: 100%;
            }

        .sec-2-left-box {
            padding: 15px;
        }

        .bx-visit:before {
            width: 100%;
            margin: 0 auto;
            height: 100%;
        }

        .tab-culure {
            overflow-x: scroll;
        }
    }

    @media (max-width: 767px) {
        .board-mem img {
            max-width: 100%;
            height: auto;
            width: 100%;
        }

        .board-mem h2 {
            font-size: 20px;
            line-height: 25px;
        }

        .board-mem-box img {
            width: 100%;
        }

        .board-mem-box h2 {
            font-size: 20px;
            line-height: 22px;
            width: 100%;
        }
        /*  */
        .marbles-edit-1.domes-cont2 img {
            height: 100%;
        }

        table.table-culture.table tr th {
            font-size: 24px;
        }

        table.table-culture.table tr td {
            font-size: 16px;
            padding-left: 20px;
        }

        /* section.ms-sec-2.hour-visit .ms-box {
            margin: 0 0px;
        } */

        table.table-hour tr th {
            font-size: 19px;
            line-height: 23px;
        }

        table.table-hour tr td {
            font-size: 15px;
            line-height: 25px;
        }

        /*  */

        /*Contact Us  */
        .cont-flash p a {
            font-size: 14px;
        }

        .btn-contact a {
            padding-left: 169px;
            font-size: 12px;
        }

        .in-lab-1 label {
            width: 26%;
            margin-right: 0;
        }

        .btn-contact input {
            margin-right: 26px;
            width: 160px;
        }

        .cont-flash {
            padding-top: 0px;
        }

        .google-play.ab-map p a {
            font-size: 19px;
        }

        .google-play.ab-map p i {
            font-size: 22px;
            margin-right: 10px;
        }

        .gps.contact-padd {
            padding-top: 0px !important;
        }

        .cont-flash p img {
            margin-right: 0px;
        }

        /* Contact Us */


        /* holy-quran */


        .nubering-news.number-form .content-right.content-form .table td,
        .table th span img {
            width: 32px;
            height: 62px;
            margin-right: 5px;
        }

        .content-right.content-form audio {
            width: 262px;
        }

        /* holy-quran */

        .alery-box p {
            font-size: 11px;
            line-height: 19px;
        }

        .space-ight.jusoor {
            padding-top: 20px;
        }

        .ewan h1 {
            font: normal normal bold 20px/30px Philosopher;
            padding-top: 10px;
            text-align: center;
        }

        .ewan .marbles-edit {
            padding-left: 0px;
            padding-top: 30px;
            padding-bottom: 0px;
        }

        .ewan .sahan-edit.artwors {
            padding-left: 0px;
        }

        section.sec-archi-1.szmc {
            padding-top: 0px;
        }

        .serv-box p {
            width: 90%;
        }

        .serv-box {
            margin: auto;
            margin-bottom: 30px;
            height: auto;
        }

        section.sec-serv {
            padding: 40px 0;
        }

        /*CORPORATE SERVICES  */
        .tab-create ul {
            margin-bottom: 0;
        }

        .tour-op {
            width: 90%;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        .tour-op-1 iframe {
            width: 90%;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        .tour-op-1 {
            text-align: center;
        }

        .tour-left {
            width: 90%;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        .col-f h4 {
            font-size: 12px;
        }

        .operators {
            padding-bottom: 30px;
            display: block;
            text-align: center;
        }

            .operators h1 {
                font-size: 20px;
                line-height: 63px;
                padding-right: 0px;
            }

        /*CORPORATE SERVICES end */

        /*Events & Activities */
        .exibition-edit img {
            height: auto;
        }

        .exibition-edit {
            text-align: center;
            padding-top: 20px;
        }

            .exibition-edit p {
                line-height: 24px;
            }

        .sec-event1 {
            padding: 20px 0 20px 0;
        }

        /*Events & Activities end  */



        /*HAPPINESS FORMULA  */
        .formula-happ-s5nd {
            justify-content: flex-start;
        }


        .happ-plus img {
            width: 7%;
        }

        .row.mean-happines.mean-happines2 {
            height: 50px;
        }

        .happ-plus {
            padding: 20px 0;
        }

        .happines h1 {
            font-size: 25px !important;
        }

        /*HAPPINESS FORMULA end */
        /*  */

        .poopup a img.youtube-icon {
            width: 70px;
        }

        .modal-footer.ab-footer button {
            top: -1px;
            right: -3px;
        }

        .adjustment iframe {
            width: 100%;
            height: 300px;
        }

        .modal-dialog.pnka {
            max-width: 100%;
        }

        /*  */
        /*  */
        .latest-news img {
            max-width: initial;
            height: 269px;
            width: 80%;
            margin: 0 auto;
            padding-bottom: 20px;
        }

        .content h4 {
            font-size: 16px;
        }

        section.sec-news-1 {
            padding-top: 30px;
        }

        .nubering-news {
            padding-top: 30px;
        }

        .content {
            padding-left: 10px;
        }

        .latest-news {
            text-align: center;
        }

        .row.bor-top {
            border-top: none;
        }

        /*  */
        .minaret-page .sahan-edit-1 img {
            height: auto;
        }

        /*  chandeliers*/
        section.sec-sahan-1.chandeliers p {
            font-size: 15px;
            line-height: 29px;
        }

        section.sec-liners-1 .marbles-edit-1 img {
            height: auto;
        }

        section.sec-liners-1 {
            padding: 40px 0;
        }

        /* chandeliers */
        /*religious pro-3   */
        section.rp-sec-4.al-hakeem {
            padding-bottom: 20px;
        }

        .general-2-archi {
            padding-top: 10px;
        }

        /*religious pro-3  end  */


        /*religious pro-2  */


        .img-set.rp-heading img {
            left: -8%;
        }

        /* religious pro-2 end */
        /*sahan  */
        .sahan-edit-1 img {
            height: auto;
            padding-top: 20px;
        }

        section.sec-sahan-1 {
            padding-top: 20px;
        }

        /* sahan end */
        /*marble  */

        .row.marb {
            flex-direction: column-reverse;
        }

        .marbles-edit-1 img {
            height: auto;
        }

        .marbles-edit {
            padding-left: 20px;
            padding-top: 30px;
            padding-bottom: 20px;
        }

        /*m end  */

        section.section1 {
            height: 100%;
        }

        .section1 > .row {
            flex-direction: column-reverse;
        }

            .section1 > .row .col-md-7 {
                padding: 0;
            }

        .research-list {
            height: 63vw;
        }

        .research-list-overlay-title a {
            font-size: 22px;
        }

        .research-list-overlay p {
            font-size: 13px;
            line-height: 19px;
        }

        a.discover-link {
            font-size: 11px;
        }

        .banner-box h3 {
            font-size: 12px;
        }

        .banner-box {
            height: 85px;
            flex: 0 0 17%;
        }

        section.section-2 {
            padding: 60px 0;
        }

        .overlay-visit {
            padding: 30px 40px;
        }

        .section-3 .images_wrap img {
            image-rendering: -webkit-optimize-contrast;
        }

        .sec4-bg {
            padding: 0 0 0 15px;
            height: 160px;
        }

        h1.s4-head {
            font-size: 21px;
            line-height: 13px;
        }

        .sec-5top-content h2,
        .my_sec_7_row1 h2,
        .my_sec_8_row1 h2,
        .my_sec_9_row1 h2 {
            font-size: 32px;
        }

        .s5-tab-content .images_wrap img {
            image-rendering: -webkit-optimize-contrast;
        }

        .s5_caption_txt h3 {
            font-size: 12px;
        }

        .s5_caption_txt h5 {
            font-size: 14px;
            line-height: 18px;
        }

        .s5_caption_txt {
            height: 85px;
            padding: 10px;
            margin-top: -45px;
        }

        .s5-btn a {
            padding: 12px 18px;
            font-size: 12px;
        }

        .s6-btn a {
            padding: 12px 18px;
            font-size: 12px;
        }

        .container-1420 {
            max-width: 92vw;
        }

        .my_news_div_content a {
            font-size: 16px;
        }

        section.my_sec_7,
        section.my_sec_8,
        section.my_sec_9 {
            padding: 40px 0;
        }

        .my_grandm_div_text h2 {
            font-size: 16px;
        }

        .my_grandm_div_text h5 {
            font-size: 10px;
            line-height: 14px;
        }

        section.my_sec_9 {
            padding: 0 0 40px 0;
        }

        a.my_social_a img {
            height: 330px;
            margin-bottom: 10px;
        }

        a.my_social_a {
            height: 100%;
        }

        h3.sec-subhead {
            font-size: 26px;
            margin: 0;
        }

        .my_sec_7_row1 p {
            max-width: 500px;
            line-height: 21px;
        }

        .my_heighlight_content h3 {
            font-size: 20px;
            line-height: 25px;
            text-align: left;
        }

        .my_heighlight_content p {
            font-size: 14px;
            line-height: 22px;
        }

        .my_heighlight_readmore a {
            font-size: 14px;
        }

        .download-app h2 {
            font-size: 10px;
        }

        .download-app img {
            max-width: 60px;
        }

        .terms-privacy span {
            font-size: 13px;
        }

        .copyright p {
            font-size: 13px;
            line-height: 20px;
        }

        .footer-bottom {
            padding: 20px 0;
        }

        .music_player {
            max-width: 490px;
        }

        section.inner-banner h1 {
            font-size: 33px;
        }

        .ws-card-bottom h2 {
            font-size: 16px;
        }

        .ws-card-bottom {
            height: 60px;
        }

        .inner-page .position-right-box {
            top: 5%;
        }

        .friday-sermon .position-right-box {
            top: 10%;
        }

        .rp-box {
            height: 180px;
            padding: 0;
        }

            .rp-box p {
                font-size: 13px;
                line-height: 25px;
            }

        .rp-right {
            padding: 25px 20px 0 60px;
        }

        .rp-heading h1 {
            font-size: 27px;
        }

        .rp-right p {
            font-size: 14px;
            line-height: 24px;
        }

        .column-reverse {
            flex-direction: column-reverse;
        }

        .rp-row-2 .rp-right {
            padding: 25px 20px 0 60px;
        }

        section.rp-sec-center .fs-content p {
            padding: 0 50px;
        }

        .rp-sec6-bg-box {
            padding: 30px 40px;
        }

        h1.sp-sec6-head {
            font-size: 22px;
            margin-bottom: 10px;
        }

        .rp-sec6-bg-box p {
            font-size: 14px;
            line-height: 23px;
            margin-bottom: 10px;
        }

        .rp-right-bottom h3 {
            font-size: 15px;
        }

        .rp-sec6-row .rp-right-bottom a {
            font-size: 12px;
            margin-left: 10px;
        }

        .rp-sec6-row img {
            width: 100%;
        }

        .ms-sec-2 .rp-box {
            height: auto;
            padding: 20px 0;
            margin-top: 30px;
        }

        .rp-box p {
            font-size: 13px;
        }

        .religious-program .position-right-box {
            top: 10%;
        }

        .s-section .col-md-6 > img {
            height: 100%;
        }

        .s-right {
            padding: 20px;
        }

        .qoute-box {
            max-width: 500px;
            padding: 20px 25px 20px 50px;
        }

        span.quote-left {
            font-size: 25px;
            top: -9%;
        }

        span.quote-right {
            font-size: 25px;
            bottom: -14%;
        }

        .qoute-box p {
            font-size: 14px;
        }

        .getting-mosque .rp-heading img {
            left: -6%;
        }

        .gm-row-1 {
            margin-top: 25px;
        }

        .getting-mosque .s-right {
            padding: 0 10px 30px 30px;
        }

        .view-route h3 {
            font-size: 14px;
            margin-left: 10px;
        }

        .view-route img {
            max-width: 20px;
        }

        .cordinate-content {
            padding-top: 50px;
        }

        .hz-email-form input {
            font-size: 15px;
        }

        .all-banner .position-right-box {
            top: 50%;
        }

        .ws-card-rating img {
            max-width: 20px;
            margin-right: 3px;
        }

        .ws-card-rating span {
            font-size: 19px;
        }

        .ws-card-detail img {
            max-width: 60px;
        }

        .ws-card-detail {
            padding: 0;
        }

        a.ws-card-btn {
            width: 80px;
            height: 25px;
            line-height: 26px;
            font-size: 11px;
        }

        .c-t-img {
            height: auto;
        }

        .c-t-sec-4 .rp-heading img {
            left: -7%;
        }

        .e-g-sec .s-right {
            padding: 20px;
        }

        .g-a-formfields {
            padding: 0 20px;
        }

        .Enty_doc_list ul {
            margin-top: 20px;
        }

        .step-form-tabs a.nav-link {
            margin: 0;
        }

        .l-sec-1 .s-right {
            margin-bottom: 30px;
        }

        .pub-box h2 {
            font-size: 13px;
            line-height: 24px;
        }

        .pub-inner {
            padding: 40px 30px 20px 30px;
        }

        section.l-sec-1 {
            margin-top: 30px;
        }

        .a-t-l-main {
            padding: 140px 30px 20px;
        }

        .a-t-l-content img {
            max-width: 55px;
        }

        .a-t-l-content h3 {
            font-size: 17px;
            line-height: 23px;
        }

        .a-t-l-content p {
            font-size: 14px;
            line-height: 25px;
        }

        img.music-icon {
            max-width: 70px;
            top: 26%;
        }

        .pub-top h2 {
            font-size: 22px;
        }

        .a-t-l-pub-inner {
            padding: 30px 20px 10px 20px;
        }

        .pub-inner p {
            font-size: 14px;
            line-height: 27px;
        }

        h2.l-s-head {
            font-size: 20px;
            line-height: 20px;
        }

        .l-s-top-content p {
            font-size: 16px;
            line-height: 28px;
        }

        .l-s-service-box h2 {
            font-size: 15px;
            margin-top: 25px;
            padding: 0 15px;
            line-height: 26px;
        }

        ul.search-list li {
            font-size: 14px;
            line-height: 23px;
            margin-bottom: 25px;
        }

        button.detail-btn {
            width: 120px;
            height: 35px;
            font-size: 12px;
            margin-bottom: 8px;
        }

        .pub-detail-content h2 {
            font-size: 13px;
            line-height: 20px;
        }

        .pub-detail-content h3 {
            font-size: 12px;
            line-height: 20px;
        }

        .pub-detail-content p {
            font-size: 12px;
            line-height: 21px;
        }

        section.publication-detail .container-1630 > .row {
            padding: 30px 0px 10px 20px;
        }

        h1.pub-mainhead {
            font-size: 22px;
            margin-bottom: 30px;
        }

        h2.d-m-subhead {
            font-size: 19px;
            margin-bottom: 3px;
        }

        .d-m-bottom h2 {
            font-size: 17px;
            line-height: 27px;
        }

        .s-p-service-box {
            padding: 50px 30px 20px;
        }

            .s-p-service-box ul li {
                font-size: 12px;
                line-height: 21px;
            }

        .s-p-img-head h1 {
            font-size: 18px;
        }

        section.s-p-sec-1 {
            padding: 70px 0 40px;
        }

        .b-m-content h3 {
            font-size: 13px;
        }

        .b-m-content h2 {
            font-size: 14px;
        }

        /*  */
        .structure p {
            font-size: 14px;
            line-height: 22px;
            text-align: center;
        }

        /*  */
        .about-banner-counter {
            flex-flow: wrap;
        }

        section.szgmc-banner {
            height: auto;
            padding: 30px 0;
        }

        .speech-1 {
            padding: 30px 30px 30px;
        }

            .speech-1 h1 {
                font-size: 20px;
            }

            .speech-1 p {
                font-size: 14px;
            }

        .speech img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            object-position: top;
        }
    }

    @media (max-width: 640px) {


        section.rp-sec-4.child-sec {
            padding-bottom: 0px;
            margin-top: 20px;
            text-align: center;
        }

        .child-sec .s-right a {
            margin-top: 20px;
            width: 100%;
            font-size: 12px;
        }

        section.rp-sec-4.child-sec {
            padding-bottom: 0px;
            margin-top: 20px;
            text-align: center;
        }

        .child-sec .s-right a {
            margin-top: 20px;
            width: 100%;
            font-size: 12px;
        }

        /*press-kit  */
        .press-content .rp-right-bottom h3 {
            font-size: 17px;
            line-height: 33px;
        }

        .pt-sec2-mainhead.Gallery img {
            width: 90px;
            opacity: 0.2;
        }

        .press-content .rp-right-bottom a {
            font-size: 16px;
            margin-left: 6px;
        }

        .press-content {
            padding: 50px 20px;
        }

        /*press-kit end  */
        /*  */
        .content h4 {
            line-height: 25px;
        }

        .news-heading .pt-sec2-mainhead h1 {
            font-size: 35px;
        }

        .news-heading .pt-sec2-mainhead img {
            width: 90px;
        }

        section.sec-news-1 {
            padding-top: 50px;
        }

        .latest-news img {
            width: 90%;
        }

        .content p {
            line-height: 21px;
        }

        .content .rp-right-bottom h3 {
            text-align: left;
        }

        /*  */
        .pools .sahan-edit.minart h1 {
            font-size: 30px !important;
            line-height: 34px;
        }

        .marbles-edit.Mihrab .h1-img h1 {
            line-height: 40px;
        }

        section.sec-liners-1 .marbles-edit h1 {
            font-size: 26px;
            line-height: 37px;
        }

        .sahan-edit.minart .Pulpit h1 {
            font-size: 30px !important;
            line-height: 37px;
        }

        /* column */
        img.archi-img.columns-img {
            width: 100%;
        }

        .col-logo .h1-img img {
            BOTTOM: 0 !important;
            left: 0;
            top: unset;
        }

        /*column end  */
        /*  */
        .sahan-edit.minart h1 {
            font-size: 30px !important;
        }


        section.sec-marble-1.domes {
            padding-top: 0;
        }

        .sahan-edit.minart .h1-img {
            max-width: 210px !important;
        }

        /*  */
        /*sahan */
        .sahan-edit {
            padding-left: 0px;
            text-align: center;
        }


            .sahan-edit .h1-img {
                max-width: 380px !important;
            }

        /*  sahan end */
        /*  marble*/
        .marbles-edit h1 {
            font-size: 34px;
        }

        .marbles-edit {
            padding-left: 0px;
            text-align: center;
        }

        .h1-img img {
            width: 70px;
            top: -6%;
            left: 0;
        }

        .h1-img {
            max-width: 219px;
            margin: 0 auto;
        }

        section.sec-marble-1 {
            padding-top: 40px;
        }

        /* marble */

        .my_heighlight {
            max-width: 60vw;
            height: 400px;
        }
    }

    @media (max-width: 575px) {

        /*Transportation */
        /*.content-right.content-form .table td, .table th {*/

        /*     display: revert !important;*/
        /*}*/
        .r-a-abc-inner {
            padding-left: 0 !important;
        }

        section.rp-sec-4.child-sec a {
            width: 190px;
        }

        .box-img {
            width: 80px;
            height: 80px;
            top: -11%;
        }

        .box-trans p {
            font-size: 13px;
            line-height: 22px;
        }

        .box-trans h2 {
            font-size: 24px;
            line-height: 29px;
        }

        /*Transportation */

        /*  */
        table.table-hour tr th {
            font-size: 16px;
            padding: 20px 0 20px 5px;
            line-height: 20px;
        }

        table.table-hour tr td br {
            display: none;
        }

        .visti-hour-2 h1 {
            font-size: 18px;
            line-height: 25px;
        }

        table.table-hour tr td {
            font-size: 12px;
            line-height: 19px;
        }

        table.table-hour tr th {
            font-size: 14px;
            padding: 20px 0 20px 0px;
            line-height: 18px;
        }

        section.sec-3-hour {
            margin: 10px 0;
            padding: 10px 0;
        }

        /*  */



        /*  */
        .change-text .btn-contact input {
            margin-right: 0px;
            width: 50%;
            height: 48px;
        }

        .change-text .btn-contact button {
            width: 50%;
            height: 52px;
            font-size: 19px;
        }

        section.sec-1-sugges {
            margin: 50px 0px 50px 15px;
        }

        .check-suggest label {
            margin-right: 7px;
            margin-left: 1px;
            font-size: 15px;
        }

        .check-suggest input {
        }

        section.sec-1-sugges p {
            padding: 10px 0;
            font-size: 11px;
            line-height: 20px;
        }

        .change-text {
            padding-top: 15px;
        }

        .input-suggest input {
            width: 100%;
            height: 50px;
        }

        div.upload {
            width: 100%;
            height: 50px;
        }

        .uploadButton {
            width: 52%;
            height: 47px;
            margin-right: 4px;
        }

        .fileName {
            font-size: 11px;
        }

        section.sec-1-sugges h1 {
            font-size: 27px;
            line-height: 35px;
        }

        section.sec-1-sugges {
            margin: 30px 0px 30px 15px;
            padding: 40px 0;
        }

        /*  */
        /*Contact Us  */
        .sec-1-contact {
            padding: 0px 15px;
        }

        .in-lab input {
            width: 100%;
            margin-bottom: 0px;
        }

        .in-lab label {
            font-size: 16px;
            width: 100%;
        }

        .in-lab-1 label {
            width: 100%;
        }

        .in-lab-1 {
            display: block;
        }

        .btn-contact a {
            padding-left: 0;
            font-size: 12px;
            text-align: left;
        }

        .btn-contact input {
            margin-bottom: 30px;
        }

        section.road-map.ab-map {
            text-align: center;
        }

        .h1-road h1 {
            font-size: 30px;
        }

        .road-map.ab-map .route-map-row {
            margin-top: 20px;
        }

        /*Contact Us  */
        /*holy-quran */
        .content-right.content-form .table td,
        .table th {
            border-top: none;
            padding-bottom: 30px;
            display: initial;
            flex-direction: column;
        }

        section.sec-1-holy {
            padding-top: 40px;
        }

        h1.pt-mainhead {
            font-size: 30px;
        }

        .content-right.content-form audio {
            width: 98%;
        }

        .nubering-news.number-form .p-my-pagination li:first-child {
            margin-right: 0px;
        }

        .nubering-news.number-form .p-my-pagination li:last-child {
            margin-left: -13px;
        }

        /*holy-quran */

        /*CORPORATE SERVICES  */
        .tour-op {
            width: 100%;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        .tour-op-1 iframe {
            width: 100%;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        .right-content {
            padding-top: 10px;
        }

        .operators h1 {
            font-size: 22px;
            line-height: 26px;
            padding-right: 0px;
            padding-top: 30px;
            padding-bottom: 10px;
        }

        .right-content p {
            font-size: 14px;
        }

        .tour-left {
            width: 100%;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        .bg-num {
            width: 33px;
            height: 44px;
            background-repeat: no-repeat;
            background-size: cover;
            line-height: 34px;
            text-align: center;
            margin: 0 auto;
        }

        .col-f h4 {
            font-size: 13px;
            line-height: 18px;
        }

        .bg-num span {
            font-size: 15px;
        }

        /*CORPORATE SERVICES end */
        /*HAPPINESS FORMULA  */
        .formula-happ img {
            width: 20%;
        }

        .formula-happ-s5nd ul li {
            font-size: 12px;
        }

        .happines {
            padding: 0 7px;
        }

        .formula-headng h2 {
            font: normal normal bold 16px/10px Philosopher;
        }

        .happines h1 {
            font-size: 20px !important;
            line-height: 25px;
        }

        /*HAPPINESS FORMULA end */
        /*  */
        .boxis {
            padding: 20px 10px;
            flex: 0 0 100%;
        }

        .tab-create {
            margin-right: 15px;
            padding-left: 15px;
        }

        /*  */
        /*press-kit  */
        section.sec-1-press-kit {
            padding: 40px 20px;
            text-align: center;
        }

        .poopup a img.youtube-icon {
            width: 50px;
        }

        .pt-sec2-mainhead h1 {
            font-size: 32px;
            line-height: 27px;
        }

        .press-content {
            padding: 50px 20px;
        }

            .press-content .rp-right-bottom h3 {
                font-size: 15px;
                line-height: 33px;
                text-align: center;
            }

            .press-content .rp-right-bottom a {
                font-size: 18px;
                margin-left: 0;
                display: flex;
                width: 100%;
                justify-content: center;
            }

        section.sec-1-press-kit h2 {
            font-size: 17px;
            line-height: 23px;
        }

        section.sec-1-press-kit h4 {
            font-size: 15px;
            line-height: 23px;
        }

        .abtn a.fs-btn {
            width: 150px;
            height: 50px;
            line-height: 50px;
        }

        .press-content p {
            font-size: 16px;
            line-height: 30px;
            text-align: center;
        }

        .press-content .rp-right-bottom a:hover i {
            display: flex;
            align-items: center;
        }

        /*press-kit end  */
        /**/
        .marbles-edit.col-logo {
            padding-top: 0;
        }

        .Hijri-Calendar .rp-right-bottom a {
            font-size: 10px;
        }

        .rp-right-bottom h3 {
            font-size: 10px;
            line-height: 20px;
        }

        .Hijri-Calendar .pt-sec2-mainhead img {
            width: 90px;
        }

        .calender-img.fs-content img {
            padding-bottom: 20px;
            padding-top: 20px;
        }

        .Hijri-Calendar .fs-content p {
            max-width: 100%;
        }

        /**/
        /*  */
        .sahan-edit.minart h1 {
            font-size: 30px !important;
        }

        /*  */

        /* archi */
        .general-archi {
            text-align: center;
        }

        .general-2-archi {
            text-align: center;
        }

        img.archi-img {
            float: none;
            width: 100%;
            padding-left: 0;
            padding-bottom: 20px;
        }

        .general-2-archi {
            padding-top: 0;
        }

        /* achi end */

        ul.side-nav-list li {
            padding: 12px 0px;
        }

        a.scroll-top {
            right: 19%;
        }

        .header .header-row {
            flex-direction: row-reverse;
        }

        .header-row > .col-lg-2 {
            padding-left: 0;
        }

        ul.nav-list {
            justify-content: flex-end;
        }

        .searchbar {
            margin: 0;
        }

        .top-social {
            flex: 0 0 100%;
            margin: 0;
            margin-bottom: 10px;
            padding: 0;
            border: none;
            text-align: center;
        }

        .topbar_flex {
            justify-content: space-between;
        }

        .log-brand img {
            max-width: 100%;
        }

        .research-list {
            height: 350px;
        }

        .research-list-overlay-title a {
            font-size: 16px;
        }

        .research-list-overlay p {
            font-size: 12px;
            line-height: 16px;
            margin-bottom: 3px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        a.discover-link {
            font-size: 9px;
            line-height: 15px;
        }

        .position-right-box {
            width: 140px;
            padding: 10px 5px 0px 14px;
            top: 0.9%;
        }

        .research-list-overlay {
            padding: 0 10px;
        }

        .top-bar {
            padding: 12px 20px;
        }

        .banner-hover-list {
            margin-top: 20px;
        }

        .banner-box {
            flex: 0 0 21%;
            height: 77px;
        }

            .banner-box img {
                height: 21px;
            }

            .banner-box h3 {
                font-size: 10px;
            }

        .count_dw_col {
            margin: 0 auto;
        }

        .banner-right-content {
            text-align: center;
            padding: 50px 20px;
        }

        .container-1630 {
            max-width: 98vw;
        }

        .alery-box {
            margin: 0 auto;
            margin-top: 20px;
        }

        .banner-subhead h3 {
            font-size: 14px;
        }

        section.section-2 {
            padding: 20px 0 50px 0;
        }

        .bx_pln_itm {
            flex: 0 0 100%;
            max-width: 100%;
            margin-bottom: 30px;
            height: auto;
        }

        .bx-visit:before {
            width: 89%;
        }

        .bx-visit:after {
            max-width: 89%;
        }

        .bx_pln_itm h3 {
            font-size: 20px;
        }

        .bx_pln_itm p {
            font-size: 15px;
            line-height: 23px;
        }

        button.s2-btn {
            font-size: 16px;
        }

        .player-sechead h2 {
            font-size: 22px;
            max-width: 300px;
            line-height: 30px;
            margin: 0 auto;
        }

        .section-3 .images_wrap img {
            max-width: 94%;
        }

        .add-bottom {
            flex-direction: column;
        }

        .music_picture {
            flex: 0 0 40%;
            max-width: 40%;
        }

        span#npAction2 {
            font-size: 14px;
            line-height: 20px;
        }

        div#nowPlay {
            text-align: center;
            margin-top: 20px;
        }

        h2.qirat {
            margin-top: 10px;
        }

        #mainwrap {
            flex: 0 0 90%;
            max-width: 90%;
        }

        .plyr__time--current {
            left: 18.7%;
        }

        .sec4-bg {
            justify-content: center;
            align-items: center;
            padding: 0;
        }

        h1.s4-head {
            font-size: 23px;
            margin-bottom: 15px;
        }

        button.sec4-btn {
            height: 40px;
        }

        .sec-5top-content h2,
        .my_sec_7_row1 h2,
        .my_sec_8_row1 h2,
        .my_sec_9_row1 h2 {
            font-size: 27px;
        }

        .s5-tab-list li a {
            margin-bottom: 20px;
        }

        .s5-tab-content {
            margin: 0;
        }

        .s5_caption_txt {
            padding: 14px;
            height: 100px;
            margin-top: -50px;
        }

            .s5_caption_txt h5 {
                font-size: 17px;
                line-height: 22px;
            }

        .my_news_div_content a {
            font-size: 17px;
            max-width: 250px;
        }

            .my_news_div_content a i.fa {
                position: absolute;
                right: 6%;
                top: 50%;
                transform: translateY(-50%);
            }

            .my_news_div_content a:hover i {
                right: 12%;
            }

        .my_news_div.my_news_div_half {
            width: 100%;
        }

        .sec_6_bottom_box > div {
            flex: 0 0 100%;
            max-width: 100%;
            text-align: center;
        }

        h3.sec-subhead {
            font-size: 22px;
        }

        .my_sec_7_row1 p {
            max-width: 320px;
            line-height: 21px;
        }

        .section-6 {
            padding-bottom: 60px;
        }

        .my_heighlight {
            max-width: 330px;
            height: 375px;
        }

        .my_sec_7 .slick-slide.slick-current.slick-active {
            text-align: center !important;
        }

        .my_grandm_div_text h5 {
            font-size: 13px;
        }

        .my_grandm_div_text h2 {
            font-size: 22px;
            margin-top: 6px;
        }

        .my_social_row .col-md-3 h2 {
            text-align: center;
            font-size: 18px;
            margin-bottom: 20px;
        }

        .my_social_link {
            display: inline-block;
            margin-bottom: 11px;
            padding: 0 7px;
        }

        a.my_social_a img {
            height: auto;
            margin-bottom: 20px;
        }

        .my_social_row .col-md-3:first-child {
            margin-bottom: 25px;
        }

        section.my_sec_9 {
            padding: 0 15px 40px 15px;
        }

        .foot-center h1 {
            text-align: center;
            font-size: 30px;
        }

        .footer-col-1 {
            order: 1;
        }

        .foot-content h1 {
            text-align: center;
        }

        .foot-content {
            text-align: center;
        }

        .foot-brand {
            text-align: center;
        }

        .foot-bottom-row {
            text-align: center;
        }

        .foot-social {
            text-align: center;
            margin-top: 20px;
        }

        .terms-privacy {
            text-align: center;
        }

        .copyright p {
            text-align: center;
            font-size: 12px;
        }

        h2.right-boxhead {
            text-align: center;
            font-size: 10px;
        }

        .flex.prayer-time img {
            height: 35px;
        }

        .flex.prayer-time h2 {
            font-size: 10px;
        }

        .left-position-icons .pos-icon {
            width: 35px;
            height: 35px;
        }

            .left-position-icons .pos-icon img {
                height: 17px;
            }

        .foot-content p {
            margin: 0 auto !important;
        }

        section.inner-banner h1 {
            font-size: 30px;
        }

        section.inner-banner {
            height: 200px;
        }

        .breadcrumbs ul li a {
            font-size: 12px;
        }

            .breadcrumbs ul li a i {
                margin: 0 6px;
            }

            .breadcrumbs ul li a img {
                max-width: 16px;
            }

        .breadcrumbs {
            padding-top: 25px;
        }

        .ws-card-bottom {
            height: 70px;
        }

            .ws-card-bottom h2 {
                font-size: 19px;
            }

        .pt-box h4 {
            font-size: 13px;
            max-width: 90px;
        }

        .pt-sec2-mainhead h1 {
            font-size: 35px;
        }

        .inner-page .position-right-box {
            top: 2.2%;
        }

        .fs-content p {
            max-width: 100%;
            font-size: 14px;
        }

        .fs-content {
            padding: 20px;
        }

        a.fs-btn {
            width: 160px;
            height: 40px;
            line-height: 40px;
            font-size: 11px;
        }

        section.pt-sec-2 {
            padding-bottom: 30px;
        }

        .inner-page .position-right-box {
            top: 3.2%;
        }

        .mosque-manners .position-right-box {
            top: 3.2%;
        }

        /* .ms-box p {
            font-size: 13px;
            line-height: 21px;
        }

        .ms-box {
            height: 150px;
        } */

        .dress-code-box ul li a {
            font-size: 15px;
            line-height: 22px;
        }

        .ms-right {
            text-align: right;
            width: 100%;
        }

        .manners-box img {
            height: 250px;
            padding: 0 10px;
            margin-bottom: 30px;
        }

        .allowed-top {
            padding: 8px 15px;
        }

            .allowed-top img {
                max-width: 28px;
            }

        .ms-silence-box img {
            max-width: 30px;
        }

        .ms-silence-box h2 {
            font-size: 13px;
        }

        .ms-silence-box {
            margin-bottom: 15px;
            flex: 0 0 50%;
        }

        section.rp-sec-3 {
            padding: 50px 20px;
        }

        .rp-right {
            padding: 20px 10px;
        }

        .rp-heading h1 {
            font-size: 24px;
            text-align: center;
        }

        .rp-right p {
            padding: 0;
            text-align: center;
        }

        .rp-heading {
            max-width: 250px;
            margin: 0 auto;
        }

            .rp-heading img {
                width: 60px;
                bottom: -5%;
                left: -10%;
            }

        section.rp-sec-4 {
            margin-top: 40px;
            padding: 0 20px;
        }

        .rp-row-2 .rp-right {
            padding: 20px 10px;
        }

        .rp-right-bottom h3 {
            text-align: center;
        }

        .rp-right-bottom a {
            margin-left: 10px;
        }

        section.pt-sec-2 {
            margin-top: 30px;
        }

        section.rp-sec-center .fs-content p {
            padding: 0 5px;
            text-align: center;
        }

        section.rp-sec-center .fs-content p {
            padding: 0 5px;
            text-align: center;
        }

        section.rp-sec-5 {
            padding: 20px 20px;
        }

        section.rp-sec-6 {
            padding: 50px 20px 80px 20px;
        }

        .rp-sec6-bg-box {
            padding: 20px 20px;
        }

        h1.sp-sec6-head {
            text-align: center;
            font-size: 19px;
            margin-bottom: 8px;
        }

        .rp-sec6-bg-box p {
            text-align: center;
        }

        .rp-right-bottom h3 {
            font-size: 14px;
        }

        .religious-program .position-right-box {
            top: 7%;
        }

        .s-right p {
            text-align: center;
        }

        h1.v-center {
            text-align: center;
        }

        .qoute-box p {
            line-height: 22px;
        }

        .qoute-box {
            max-width: 100%;
            margin: 0 30px 60px 30px;
            padding: 30px 25px 30px 30px;
        }

        span.quote-left {
            top: -5%;
            left: 5%;
            font-size: 20px;
        }

        span.quote-right {
            font-size: 20px;
            bottom: -7%;
            right: 5%;
        }

        .services .position-right-box {
            top: 6.2%;
        }

        .getting-mosque .rp-heading img {
            left: 3%;
        }

        .gm-row-1 {
            text-align: center;
        }

        .getting-mosque .s-right {
            padding: 0 10px 30px 10px;
        }

        .gm-row-1 .col-sm-2 img {
            max-width: 80px;
            margin-bottom: 15px;
        }

        .gm-row-1 .col-sm-10 {
            padding: 0;
        }

        .route-map {
            margin-bottom: 25px;
        }

        .view-route h3 {
            font-size: 15px;
        }

        .view-route img {
            max-width: 23px;
        }

        .cordinate-content {
            text-align: center;
            padding-top: 20px;
        }

        .hz-email-form input {
            font-size: 14px;
        }

        .gps {
            text-align: center;
        }

        section.road-map {
            padding-bottom: 45px;
        }

        .cordinates h1.pt-mainhead {
            font-size: 22px;
        }

        .getting-mosque .position-right-box {
            top: 4.2%;
        }

        .all-banner .position-right-box {
            top: 40%;
        }

        .ws-card-detail img {
            max-width: 70px;
        }

        a.ws-card-btn {
            width: 85px;
            height: 28px;
            line-height: 28px;
            font-size: 12px;
        }

        /* .mosque-manners-2 .ms-box {
            height: auto;
            padding: 30px;
        } */

        section.vh2-sec-3 {
            margin-top: 60px;
        }

        h1.table-mainhead {
            font-size: 19px;
            line-height: 28px;
        }

        .vh2-col {
            padding: 30px 18px 25px 18px;
        }

        .table-head h2 {
            font-size: 16px;
        }

        .table-content h3 {
            font-size: 14px;
            line-height: 25px;
        }

        .table-footer h2 {
            font-size: 14px;
            line-height: 22px;
        }

        .vh2-big-col h1 {
            font-size: 20px;
            line-height: 27px;
        }

        .e-g-sec .s-right {
            padding: 10px;
        }

        .faq-head {
            padding: 0 15px;
        }

            .faq-head h3 {
                font-size: 13px;
                line-height: 16px;
                max-width: 320px;
            }

        .faq-content p {
            padding: 20px 15px;
            font-size: 13px;
            line-height: 20px;
        }

        .faq-card {
            margin-bottom: 10px;
        }

        section.faqs-sec {
            padding-bottom: 30px;
        }

        .pt-box-wrapper {
            padding: 30px 15px;
        }

        .g-a-form-content .g-a-formhead {
            text-align: center;
        }

        .g-a-formfields .g-a-1 {
            flex: 0 0 100%;
        }

        .g-a-formfields {
            flex-flow: wrap;
        }

        .g-a-1 .form-group {
            margin-bottom: 20px;
        }

        .form-content-box {
            padding: 30px;
        }

        .form-bottom-tab {
            text-align: center;
            margin-top: 20px;
        }

        section.g-a-registration {
            padding: 40px 0 60px 0;
        }

        .g-a-formfields {
            padding: 0;
        }

        .my-tab-2 .g-a-1 label {
            text-align: center;
            font-size: 14px;
            line-height: 21px;
        }

        .g-a-row {
            padding: 0;
        }

        .Enty_doc_list ul {
            justify-content: center;
            margin-top: 20px;
        }

        p.terms-condition {
            font-size: 14px;
            line-height: 21px;
            text-align: center;
        }

        .my-tab-2 .g-a-btn:nth-child(2) {
            margin: 0;
        }

        .g-a-btn {
            margin-bottom: 20px;
        }

        .my-tab-2 .g-a-1 .form-group {
            text-align: center;
        }

        .e-services-page .breadcrumbs .container-1630 {
            padding: 0 15px;
        }

        .e-services-page section.inner-banner h1 {
            line-height: 39px;
        }

        .step-form-tabs a.nav-link {
            font-size: 14px;
            padding: 26px 60px;
            width: 100%;
            margin: 0;
            justify-content: center;
        }

        .custom-check input[type="checkbox"] + p::before {
            left: -15px;
        }

        .l-sec-1 .s-right {
            padding: 0;
            text-align: center;
        }

        section.rp-sec-4 {
            margin-top: 20px;
        }

        h1.l-mainhead {
            font-size: 28px;
        }

        section.l-publication {
            padding-top: 50px;
        }

        .pub-top h1 {
            font-size: 25px;
        }

        .pub-box img {
            max-width: 150px;
        }

        .pub-box h2 {
            font-size: 14px;
        }

        .pub-arrow .slick-arrow i {
            font-size: 12px;
            -webkit-text-stroke: 1px #fff;
        }

        .lib-service-main {
            padding: 40px 15px;
        }

        .lib-whitebox p {
            text-align: center;
        }

        /* a.l-btn {
            width: 140px;
            line-height: 40px;
            height: 40px;
        } */

        /* .res-bg-main a.l-btn {
            width: 170px;
        } */

        .a-t-l-main {
            padding: 80px 20px 10px;
        }

        .a-t-l-content img {
            max-width: 55px;
        }

        .a-t-l-content h3 {
            font-size: 15px;
            line-height: 21px;
        }

        .a-t-l-content p {
            font-size: 13px;
            line-height: 23px;
        }

        img.music-icon {
            max-width: 60px;
            top: 14%;
        }

        .pub-top h2 {
            font-size: 22px;
        }

        .a-t-l-pub-inner {
            padding: 30px 20px 10px 20px;
        }

        .pub-inner p {
            font-size: 14px;
            line-height: 27px;
        }

        .library-page .breadcrumbs .container-1630 {
            padding: 0 15px;
        }

        .a-t-l-main {
            padding: 80px 20px 10px;
        }

        .a-t-l-content h3 {
            font-size: 14px;
            line-height: 21px;
            margin: 12px 0 10px 0;
        }

        .a-t-l-content p {
            font-size: 13px;
            line-height: 23px;
        }

        img.music-icon {
            max-width: 60px;
            top: 14%;
        }

        .pub-top h2 {
            padding: 0;
            text-align: center;
        }

        .pub-inner p {
            flex: 0 0 100%;
            text-align: center;
        }

        .a-t-l-inner p span:first-child {
            margin-right: 15px;
        }

        .a-t-l-inner p span {
            font-size: 16px;
            line-height: 25px;
        }

        .a-t-l-inner2 h3 {
            text-align: center;
        }

        .a-t-l-list p {
            font-size: 14px;
            line-height: 24px;
        }

        .a-t-l-inner {
            height: 300px;
        }

        .resource-box {
            flex-direction: column;
            align-items: center;
            text-align: center;
            padding: 30px 20px;
        }

            .resource-box img {
                max-width: 60px;
            }

        .res-box-content h2 {
            font-size: 17px;
            line-height: 23px;
        }

        .res-box-content p {
            font-size: 14px;
            line-height: 25px;
        }

        .res-icon-list {
            flex-direction: column;
            margin: 40px 0;
        }

        section.resources-sec2 .container-1630 {
            max-width: 90vw;
        }

        .l-s-top-content {
            text-align: center;
        }

            .l-s-top-content p {
                font-size: 14px;
                line-height: 25px;
            }

        h2.l-s-head {
            text-align: center;
        }

        .l-s-service-box h2 {
            font-size: 17px;
            line-height: 27px;
        }

        .search-main {
            padding: 30px 20px 50px;
        }

        img.search-img {
            max-width: 80px;
            top: -3.1%;
        }

        h1.search-head {
            font-size: 17px;
        }

        ul.search-list li {
            line-height: 24px;
            margin: 0;
            padding-bottom: 30px;
        }

        section.search-sec {
            padding: 60px 0;
        }

        ul.search-list li span:first-child {
            width: 15px;
        }

        ul.search-list li span:last-child {
            width: calc(100% - 15px);
            float: right;
        }

        .publication-top-form > div {
            flex: 0 0 100%;
        }

        .publication-top-form input {
            width: 100%;
        }

        .publication-top-form .form-group {
            margin-bottom: 5px;
        }

        .p-search-btn {
            margin-top: 10px;
        }

        section.publication-sec1 .container-1630 {
            width: 85vw;
        }

        .publication-books .pub-box {
            margin-bottom: 50px;
        }

        .publication-top-form .form-group i {
            right: 6%;
        }

        .p-my-pagination li {
            width: 30px;
            height: 30px;
            line-height: 30px;
        }

            .p-my-pagination li a {
                font-size: 15px;
            }

                .p-my-pagination li a i {
                    font-size: 10px;
                }

            .p-my-pagination li:first-child {
                line-height: 27px;
            }

            .p-my-pagination li:last-child {
                line-height: 27px;
            }

        .detail-book img {
            max-width: 220px;
            margin: 0 auto;
        }

        .detail-book {
            text-align: center;
        }

        section.publication-detail .container-1630 > .row {
            padding: 30px 15px 10px 15px;
            text-align: center;
            margin: 0 10px;
        }

        button.detail-btn {
            width: 130px;
            height: 40px;
            font-size: 13px;
        }

        .pub-detail-content {
            padding-top: 20px;
        }

            .pub-detail-content h2 {
                font-size: 15px;
                line-height: 24px;
            }

            .pub-detail-content h3 {
                font-size: 13px;
            }

            .pub-detail-content p {
                padding: 0;
                font-size: 13px;
                line-height: 24px;
                margin-top: 20px;
            }

        h1.pub-mainhead {
            font-size: 20px;
        }

        .related-pub .pub-next {
            right: 20px;
        }

        .related-pub .pub-prev {
            left: 20px;
        }

        .pub-detail-content {
            padding-left: 0;
        }

        img.c-s-img {
            max-width: 100%;
            padding-right: 0;
            padding-bottom: 30px;
        }

        h1.c-s-mainhead {
            font-size: 16px;
            line-height: 24px;
        }

        section.chairman-speech {
            padding: 0px 0 30px 0;
        }

        p.c-s-text {
            text-align: center;
            word-break: normal;
        }

        .a-s-banner .banner-heading {
            max-width: 100%;
            font-size: 20px;
            line-height: 25px;
        }

        .about-szgmc-page .pt-box {
            margin: 0 5px;
            margin-bottom: 20px;
        }

        h2.d-m-subhead {
            text-align: center;
        }

        .d-m-bottom h2 {
            text-align: center;
            font-size: 16px;
            line-height: 25px;
        }

        .d-m-bottom {
            text-align: center;
        }

            .d-m-bottom button {
                width: 200px;
                height: 57px;
                line-height: 57px;
                font-size: 13px;
            }

        .pt-sec2-mainhead h1 {
            font-size: 20px;
            line-height: 27px;
        }

        .s-p-img-head {
            padding: 0 20px;
        }

        section.s-p-sec-1 {
            padding: 60px 20px 40px;
        }

        .s-p-service-box ul li {
            font-size: 13px;
            line-height: 22px;
        }

        .s-p-service-box {
            padding: 50px 25px 20px;
        }

        .b-m-content {
            min-height: 100px;
        }

            .b-m-content h3 {
                font-size: 14px;
            }

            .b-m-content h2 {
                font-size: 17px;
                line-height: 22px;
            }

        .board-member-box {
            max-width: 300px;
            margin: 0 auto 30px;
        }

        section.b-m-sec1 {
            padding: 40px 10px 20px;
        }

        /*  */
        .structure {
            padding: 0 20px;
        }

        /*  */
        section.szgmc-banner {
            height: auto;
        }

        .txt-content p {
            font-size: 15px;
            line-height: 27px;
        }

        .mean-dv {
            max-width: 235px;
            min-height: 525px;
            margin-bottom: 30px;
        }

            .mean-dv.adjust-mr {
                margin-bottom: 30px;
            }

        section.sec2-SZGMC .container-1420 {
            padding: 0;
        }

        .speech img {
            height: 300px;
        }

        .speech-1 {
            text-align: center;
        }

        h1.g-s-mainhead {
            font-size: 22px;
        }

        p.g-s-maintext {
            font-size: 14px;
        }

        .gallery-wrapper {
            grid-template-columns: 1fr;
        }

        section.sec1-SZGMC {
            padding-bottom: 30px;
        }

        section.gallery-slider-sec {
            padding: 40px 15px;
        }

        .lightbox-main .popup-carousel {
            display: none;
        }

        .bx-visit:before {
            width: 100%;
        }
    }

    @media (max-width: 370px) {

        /* press-kit  */
        .press-content .rp-right-bottom a i {
            font-size: 13px;
        }

        .press-content p {
            font-size: 14px;
            line-height: 26px;
        }

        .press-content .rp-right-bottom h3 {
            font-size: 14px;
            line-height: 26px;
        }

        .press-content .rp-right-bottom a {
            font-size: 14px;
        }

            .press-content .rp-right-bottom a:hover {
                font-size: 15px !important;
            }

            .press-content .rp-right-bottom a i {
                font-size: 12px;
            }

        /* press-kit end */
        /* news= */
        .date {
            height: 100%;
            display: block;
            border: none;
        }

        .content p {
            line-height: 20px;
            font-size: 12px;
        }

        .news-content {
            display: block;
            height: auto;
            margin-top: 0;
            text-align: center;
        }

        .content h4 {
            font-size: 15px;
        }

        .latest-news img {
            width: 100%;
            padding-left: 15px;
        }

        .content .rp-right-bottom h3 {
            text-align: center;
        }

        .date h2 {
            font: normal normal normal 25px/39px Philosopher;
        }

        /*news end  */
        /*sahan end*/
        .sahan-edit h1 {
            font-size: 20px;
            font-weight: bolder;
        }

        /*  sahan end */



        a.scroll-top {
            right: 12%;
        }

        .top-bar {
            padding: 12px 14px;
        }

        h2.topbar-head {
            font-size: 10px;
        }

        .research-list-overlay-title a {
            font-size: 14px;
        }

        .research-list {
            height: 350px;
        }

        .research-list {
            text-align: center;
        }

        .research-list-overlay {
            padding: 0 4px;
        }

            .research-list-overlay p {
                font-size: 10px;
                line-height: 14px;
            }

        a.discover-link {
            font-size: 8px;
            line-height: 0;
            text-align: center;
        }

        .banner-box:nth-child(7),
        .banner-box:last-child {
            display: none;
        }

        .banner-box {
            height: 70px;
            flex: 0 0 28.33%;
            margin-left: auto;
            margin-right: auto;
        }

        .banner-right-content {
            padding: 50px 0;
        }

        .primary-btn {
            width: 120px;
            font-size: 10px;
        }

            .primary-btn img {
                margin-right: 10px;
            }

        .s5_caption_txt h5 {
            font-size: 14px;
        }

        .my_news_div_content a {
            font-size: 16px;
        }

        .my_sec_7_row1 p {
            max-width: 100%;
            padding: 0 15px;
        }

        .my_heighlight {
            max-width: 240px;
            height: 358px;
        }

        .three-inputs > input:first-child,
        .three-inputs > input:nth-child(2) {
            flex: 0 0 100%;
        }

        .three-inputs > input:first-child {
            margin-bottom: 15px;
        }

        .inner-page .position-right-box {
            top: 4.2%;
        }

        .inner-page .all-banner .position-right-box {
            top: 70%;
        }

        .manners-box img {
            height: 200px;
        }

        .religious-program .position-right-box {
            top: 6.5%;
        }

        .services .position-right-box {
            top: 7%;
        }

        .getting-mosque .position-right-box {
            top: 4.5%;
        }

        section.inner-banner h1 {
            max-width: 270px;
            text-align: center;
        }

        .g-a-form-content .g-a-formhead {
            font-size: 16px;
        }

        .g-a-btn {
            width: 110px;
        }

        .res-box-content p {
            font-size: 13px;
            line-height: 22px;
        }

        .resource-box {
            padding: 30px 11px;
        }

        .about-banner-blurbox {
            max-width: 86%;
        }

            .about-banner-blurbox .icon img {
                max-width: 30px;
            }

            .about-banner-blurbox ul.count-list li span {
                font-size: 15px;
            }

            .about-banner-blurbox ul.count-list li h3 {
                font-size: 11px;
            }

            .about-banner-blurbox ul.count-list li {
                padding: 0 6px;
            }
    }

    @media (max-width: 310px) {

        /*religious pro-3  */
        .img-set.rp-heading h1 {
            font-size: 20px;
        }

        h2.topbar-head {
            margin-right: 0px;
        }

        /*religious pro-3  end  */




        .breadcrumbs ul li a {
            font-size: 10px;
        }

        section.publication-detail .col-sm-8 {
            padding: 0;
        }

        h1.pub-mainhead {
            font-size: 17px;
        }

        .related-pub .pub-prev {
            left: 10px;
        }

        .related-pub .pub-next {
            right: 10px;
        }

        .sahan-edit h1 {
            font-size: 19px;
        }
    }

    @media screen and (max-width: 768px) {
        .image_div.image_div_inner {
            flex: 0 0 50%;
            max-width: 50%;
        }

        .image_gallery .image_div {
            flex: 0 0 50%;
            max-width: 50%;
        }
    }

    @media screen and (max-width: 575px) {
        .image_div.image_div_inner {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .image_gallery .image_div {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .image_div {
            flex: 0 0 100%;
            max-width: 100%;
        }
    }

    .video-link {
        display: none;
    }


    /*=================== media query end  ===================*

/*5/9/2022*/

    .form-content-box {
        overflow: auto;
    }

    .g-a-1 .form-group {
        margin-bottom: 20px;
    }

    .g-a-1 label {
        font-size: 22px;
        line-height: 35px;
        letter-spacing: 0.9px;
        margin-bottom: 3px;
    }

    .g-a-1 select {
        background-size: 14px;
    }

    .g-a-btn i {
        font-size: 14px;
        transform: translateY(0px);
        margin-left: 10px;
    }

    .form-bottom-tab a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .form-bottom-tab {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .l-e-d img {
        height: 55px;
        object-fit: cover;
    }

    .g-a-1 input, .g-a-1 select {
        height: 55px;
    }

    .g-a-btn {
        line-height: 58px;
    }

    .g-a-registration .container-1630 {
        max-width: 1500px;
    }

    .g-a-formfields .g-a-1 {
        flex: 0 0 47%;
    }

    .form-content-box {
        padding: 50px 60px 60px;
    }

    /**/

    .g-a-formfields.g-a-1.changes {
        flex-flow: wrap;
    }

        .g-a-formfields.g-a-1.changes > * {
            flex: 0 0 30%;
        }

    .form-group {
        flex: 0 0 30%;
    }

    .g-a-formfields {
        flex-flow: wrap;
    }

    .iti {
        width: 100%;
    }

    input#Website {
        font-size: 15px;
    }

    .arabic-text {
        direction: rtl;
        text-align: right;
    }