/*
Theme Name: MMoA Theme
Version: 1.0
Text Domain: mmoa
*/

/*------------------------------------------------------
	overwrite css start
------------------------------------------------------*/


@font-face {
    font-family: 'JUST Sans';
    src: url('assets/fonts/JUSTSans-ExLt.woff2') format('woff2'),
        url('assets/fonts/JUSTSans-ExLt.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JUST Sans';
    src: url('assets/fonts/JUSTSans-Lt.woff2') format('woff2'),
        url('assets/fonts/JUSTSans-Lt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JUST Sans';
    src: url('assets/fonts/JUSTSans-Rg.woff2') format('woff2'),
        url('assets/fonts/JUSTSans-Rg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JUST Sans';
    src: url('assets/fonts/JUSTSans-Md.woff2') format('woff2'),
        url('assets/fonts/JUSTSans-Md.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JUST Sans';
    src: url('assets/fonts/JUSTSans-SmBd.woff2') format('woff2'),
        url('assets/fonts/JUSTSans-SmBd.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JUST Sans';
    src: url('assets/fonts/JUSTSans-Bd.woff2') format('woff2'),
        url('assets/fonts/JUSTSans-Bd.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JUST Sans';
    src: url('assets/fonts/JUSTSans-ExBd.woff2') format('woff2'),
        url('assets/fonts/JUSTSans-ExBd.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}



/*----------intial declartaion of css----------*/
*{margin:0;padding:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, mmoaall, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,select,input,option{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
html {-webkit-text-size-adjust: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none; height:0;}
pre{white-space:pre; white-space:pre-wrap; word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:''; content:none}
mmoaall{font-size:80%}
sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup{top:-0.5em;}
sub{bottom:-0.25em}
nav ul,nav ol{list-style:none; list-style-image:none;}
button,input,select,textarea{font-size:100%; margin:0; vertical-align:baseline;}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:none; cursor:pointer; }
button:focus{outline:none !important}
/* remember to define focus styles! */
:focus {outline: 0;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a{text-decoration:none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
table { border:0 none; border-collapse:collapse; border-spacing:0;}
td { vertical-align:top; }
img { border:0 none; max-width:100%; }
a{ outline:none; cursor:pointer;-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;text-decoration: none;color: #000000;}
a:hover{text-decoration: none;}
a:focus{-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important}
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block}
.clear{ clear:both;}  
img{ max-width:100%;}
ol, ul{margin-left: 20px;margin-bottom:20px;}
ol li, ul li{color:#000000;}
p a{
    text-decoration: underline;
}
p a:hover{
    text-decoration: underline;
    /*text-decoration: none;*/
}

/* Text meant only for screen readers. */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}
/* Text meant only for screen readers. */


/* For modern browsers */ 
.cf:before, .cf:after {content: "";display: table}
.cf:after {clear: both;}
.cf{*zoom:1;clear: both}
/* For IE 6/7 (trigger hasLayout) */
.wrapper{overflow: hidden;}
strong{font-weight: 700;}
body {  
    font-weight: 400;    
    overflow-x: hidden; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;    
    color: #375172;
    margin: 0;
    font-size:20px;
    font-family: 'JUST Sans', sans-serif;
    overflow-x: hidden;
    border: none;
}

p {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #000000;
    font-weight: 400;
    font-family: 'JUST Sans', sans-serif;
    letter-spacing: 0.00em;
}

h1{font-size:80px;font-weight:800;margin-bottom:20px; color: #004850;font-family: 'JUST Sans', sans-serif;}
h2 {
    font-size: 50px;
    font-weight: 800;
    margin-bottom: 25px;
    line-height: 1.1;
    color: #C4D92C;
    font-family: 'JUST Sans', sans-serif;
    letter-spacing: 0.00em;
}
h3{font-size:34px;margin-bottom: 20px;font-weight: 800;color:#C4D92C;font-family: 'JUST Sans', sans-serif;}
h4{font-size:22px;margin-bottom: 20px;font-weight: 700;color:#004850;font-family: 'JUST Sans', sans-serif;}
h5{font-size:20px;margin-bottom: 20px;font-weight: 400;color:#06357A;font-family: 'JUST Sans', sans-serif;}
h6{font-size:18px;margin-bottom: 20px;font-weight: 400;color:#06357A;font-family: 'JUST Sans', sans-serif;}

.btn {
    padding: 16px 58px 16px 25px;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    outline: none;
    font-family: 'JUST Sans', sans-serif;
    line-height: 1;
    border-radius: 30px;
    position: relative;
    letter-spacing: 0.00em;
    -webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
}
a.btn:hover {
    -webkit-transform: scale(1.03);-ms-transform: scale(1.03);transform: scale(1.03);
}
.btn svg {
    position: absolute;
    -webkit-transition: all 0.5s 
ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s 
ease-in-out;
    margin-left: 15px;
    margin-top: 3px;
}
.btn:hover svg{    
    animation: globle-btn 1s ease-in-out 0s infinite;
}

@keyframes globle-btn {
    0 {
        margin-left: 8px;
    }
    30% {
        margin-left: 15px;
    }
    60% {
        margin-left: 8px;
    }
    100% {
        margin-left: 15px;
    }
}

/* Color Set Background */
.bg-medium-sea-green { background-color: #449D62; }
.bg-sunset-orange { background-color: #EF4932; }
.bg-blue { background-color: #3F4DA0; }
.bg-dark-cyan { background-color: #004850; }
.bg-lime-green { background-color: #C4D92C; }
.bg-ivory { background-color: #FCFDF4; }
.bg-light-yellow { background-color: #EDF4C0; }
.bg-sky-blue { background-color: #38C4E1; }
.bg-light-cyan { background-color: #EDF8FB; }
.bg-blue-alt { background-color: #3F4CA0; }
.bg-indigo { background-color: #1F2049; }
.bg-crimson { background-color: #A81F5C; }
.bg-dark-red { background-color: #6C0F28; }
.bg-white { background-color: #ffffff; }
.bg-dark-teal { background-color: #00484F; }
.bg-pale-cyan { background-color: #C4EDF6; }
.bg-lavender-blush { background-color: #FBF4F7; }



/* Text Color Set */
/* Lime Green */
.text-lime-green,
.text-lime-green h1,
.text-lime-green h2,
.text-lime-green h3,
.text-lime-green h4,
.text-lime-green h5,
.text-lime-green h6,
.text-lime-green p,
.text-lime-green ul li,
.text-lime-green p a {
    color: #C4D92C !important;
}

.ways-to-give ul li.text-lime-green-line{
  border-top-color: #C4D92C !important;
}

/* Dark Cyan */
.text-dark-cyan,
.text-dark-cyan h1,
.text-dark-cyan h2,
.text-dark-cyan h3,
.text-dark-cyan h4,
.text-dark-cyan h5,
.text-dark-cyan h6,
.text-dark-cyan p,
.text-dark-cyan ul li,
.text-dark-cyan p a {
    color: #00484F !important;
}

.ways-to-give ul li.text-dark-cyan-line{
  border-top-color: #00484F !important;
}

/* Yellow Green */
.text-yellow-green,
.text-yellow-green h1,
.text-yellow-green h2,
.text-yellow-green h3,
.text-yellow-green h4,
.text-yellow-green h5,
.text-yellow-green h6,
.text-yellow-green p,
.text-yellow-green ul li,
.text-yellow-green p a {
    color: #C4DA2B !important;
}

.ways-to-give ul li.text-yellow-green-line{
  border-top-color: #C4DA2B !important;
}

/* Sky Blue */
.text-sky-blue,
.text-sky-blue h1,
.text-sky-blue h2,
.text-sky-blue h3,
.text-sky-blue h4,
.text-sky-blue h5,
.text-sky-blue h6,
.text-sky-blue p,
.text-sky-blue ul li,
.text-sky-blue p a {
    color: #38C4E1 !important;
}

.ways-to-give ul li.text-sky-blue-line{
  border-top-color: #38C4E1 !important;
}

/* White */
.text-white,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white ul li,
.text-white ol li,
.text-white p a {
    color: #FFFFFF !important;
}

.ways-to-give ul li.text-white-line{
  border-top-color: #ffffff !important;
}

/* Dark Red */
.text-dark-red,
.text-dark-red h1,
.text-dark-red h2,
.text-dark-red h3,
.text-dark-red h4,
.text-dark-red h5,
.text-dark-red h6,
.text-dark-red p,
.text-dark-red ul li,
.text-dark-red ol li,
.text-dark-red p a {
    color: #6B0F28 !important
}

.ways-to-give ul li.text-dark-red-line{
  border-top-color: #6B0F28 !important;
}

/* Medium Sea Green */
.text-medium-sea-green,
.text-medium-sea-green h1,
.text-medium-sea-green h2,
.text-medium-sea-green h3,
.text-medium-sea-green h4,
.text-medium-sea-green h5,
.text-medium-sea-green h6,
.text-medium-sea-green p,
.text-medium-sea-green ul li,
.text-medium-sea-green ol li,
.text-medium-sea-green p a {
    color: #449D62 !important;
}

.ways-to-give ul li.text-medium-sea-green-line{
  border-top-color: #449D62 !important;
}

/* Yellow Green Alt */
.text-yellow-green-alt,
.text-yellow-green-alt h1,
.text-yellow-green-alt h2,
.text-yellow-green-alt h3,
.text-yellow-green-alt h4,
.text-yellow-green-alt h5,
.text-yellow-green-alt h6,
.text-yellow-green-alt p,
.text-yellow-green-alt ul li,
.text-yellow-green-alt ol li,
.text-yellow-green-alt p a {
    color: #C4D92A !important;
}

.ways-to-give ul li.text-yellow-green-alt-line{
  border-top-color: #C4D92A !important;
}

/* Light Yellow */
.text-light-yellow,
.text-light-yellow h1,
.text-light-yellow h2,
.text-light-yellow h3,
.text-light-yellow h4,
.text-light-yellow h5,
.text-light-yellow h6,
.text-light-yellow p,
.text-light-yellow ul li,
.text-light-yellow ol li,
.text-light-yellow p a {
    color: #C3D92C !important;
}

.ways-to-give ul li.text-light-yellow-line{
  border-top-color: #C3D92C !important;
}

/* Dark Cyan Alt */
.text-dark-cyan-alt,
.text-dark-cyan-alt h1,
.text-dark-cyan-alt h2,
.text-dark-cyan-alt h3,
.text-dark-cyan-alt h4,
.text-dark-cyan-alt h5,
.text-dark-cyan-alt h6,
.text-dark-cyan-alt p,
.text-dark-cyan-alt ul li,
.text-dark-cyan-alt ol li,
.text-dark-cyan-alt p a {
    color: #004850 !important;
}

.ways-to-give ul li.text-dark-cyan-alt-line{
  border-top-color: #004850 !important;
}

/* Black */
.text-black,
.text-black h1,
.text-black h2,
.text-black h3,
.text-black h4,
.text-black h5,
.text-black h6,
.text-black p,
.text-black ul li,
.text-black ol li,
.text-black p a {
    color: #000000 !important;
}

.ways-to-give ul li.text-black-line{
  border-top-color: #000000 !important;
}

/* Indigo */
.text-indigo,
.text-indigo h1,
.text-indigo h2,
.text-indigo h3,
.text-indigo h4,
.text-indigo h5,
.text-indigo h6,
.text-indigo p,
.text-indigo ul li,
.text-indigo ol li,
.text-indigo p a {
    color: #1F2049 !important;
}

.ways-to-give ul li.text-indigo-line{
  border-top-color: #1F2049 !important;
}

/* Crimson */
.text-crimson,
.text-crimson h1,
.text-crimson h2,
.text-crimson h3,
.text-crimson h4,
.text-crimson h5,
.text-crimson h6,
.text-crimson p,
.text-crimson ul li,
.text-crimson ol li,
.text-crimson p a {
    color: #6C0F28 !important
}

.ways-to-give ul li.text-crimson-line{
  border-top-color: #6C0F28 !important;
}

/* Dark Crimson */
.text-dark-crimson,
.text-dark-crimson h1,
.text-dark-crimson h2,
.text-dark-crimson h3,
.text-dark-crimson h4,
.text-dark-crimson h5,
.text-dark-crimson h6,
.text-dark-crimson p,
.text-dark-crimson ul li,
.text-dark-crimson ol li,
.text-dark-crimson p a {
    color: #A81F5C !important
}

.ways-to-give ul li.text-dark-crimson-line{
  border-top-color: #A81F5C !important;
}

/* Sunset Orange */
.text-sunset-orange,
.text-sunset-orange h1,
.text-sunset-orange h2,
.text-sunset-orange h3,
.text-sunset-orange h4,
.text-sunset-orange h5,
.text-sunset-orange h6,
.text-sunset-orange p,
.text-sunset-orange ul li,
.text-sunset-orange ol li,
.text-sunset-orange p a {
    color: #EF4932 !important;
}

.ways-to-give ul li.text-sunset-orange-line{
  border-top-color: #EF4932 !important;
}

/* Royal Blue */
.text-royal-blue,
.text-royal-blue h1,
.text-royal-blue h2,
.text-royal-blue h3,
.text-royal-blue h4,
.text-royal-blue h5,
.text-royal-blue h6,
.text-royal-blue p,
.text-royal-blue ul li,
.text-royal-blue ol li,
.text-royal-blue p a {
    color: #3F4CA0 !important;
}

.ways-to-give ul li.text-royal-blue-line{
  border-top-color: #3F4CA0 !important;
}



/* button color style */
.svg-image.text-dark-cyan path{ stroke: #00484F; }
.svg-image.text-yellow-green path{ stroke: #C4DA2B; }
.svg-image.text-sky-blue path{ stroke: #38C4E1; }  
.svg-image.text-white path{ stroke: #FFFFFF; }
.svg-image.text-dark-red path{ stroke: #6B0F28; }
.svg-image.text-medium-sea-green path{ stroke: #449D62; }
.svg-image.text-yellow-green-alt path{ stroke: #C4D92A; }
.svg-image.text-light-yellow path{ stroke: #C3D92C; }
.svg-image.text-dark-cyan-alt path{ stroke: #004850; }
.svg-image.text-black path{ stroke: #000000; }
.svg-image.text-indigo path{ stroke: #1F2049; }
.svg-image.text-crimson path{ stroke: #6C0F28; }
.svg-image.text-dark-crimson path{ stroke: #A81F5C; }
.svg-image.text-sunset-orange path{ stroke: #EF4932; }

/* Coman tag P and ul li color */
.coman-dark-cyan p, .coman-dark-cyan ul li, .coman-dark-cyan h4, .coman-dark-cyan h5, .coman-dark-cyan p a, .coman-dark-cyan h3 { color: #00484F; }
.coman-yellow-green p, .coman-yellow-green ul li, .coman-yellow-green h4, .coman-yellow-green h5, .coman-yellow-green p a, .coman-yellow-green h3 { color: #C4DA2B; }
.coman-sky-blue p, .coman-sky-blue ul li, .coman-sky-blue h4, .coman-sky-blue h5, .coman-sky-blue p a, .coman-sky-blue h3 { color: #38C4E1; }
.coman-white p, .coman-white ul li, .coman-white h4, .coman-white h5, .coman-white p a, .coman-white p a, .coman-white h3 { color: #FFFFFF; }
.coman-dark-red p, .coman-dark-red ul li, .coman-dark-red h4, .coman-dark-red h5, .coman-dark-red p a, .coman-dark-red h3 { color: #6B0F28; }
.coman-medium-sea-green p, .coman-medium-sea-green ul li, .coman-medium-sea-green h4, .coman-medium-sea-green h5, .coman-medium-sea-green p a, .coman-medium-sea-green h3 { color: #449D62; }
.coman-yellow-green-alt p, .coman-yellow-green-alt ul li, .coman-yellow-green-alt h4, .coman-yellow-green-alt h5, .coman-yellow-green-alt p a, .coman-yellow-green-alt h3 { color: #C4D92A; }
.coman-light-yellow p, .coman-light-yellow ul li, .coman-light-yellow h4, .coman-light-yellow h5, .coman-light-yellow p a, .coman-light-yellow h3 { color: #C3D92C; }
.coman-dark-cyan-alt p, .coman-dark-cyan-alt ul li, .coman-dark-cyan-alt h4, .coman-dark-cyan-alt h5, .coman-dark-cyan-alt p a, .coman-dark-cyan-alt h3 { color: #004850; }
.coman-black p, .coman-black ul li, .coman-black h4, .coman-black h5, .coman-black p a, .coman-black h3 { color: #000000; }
.coman-indigo p, .coman-indigo ul li, .coman-indigo h4, .coman-indigo h5, .coman-indigo p a, .coman-indigo h3 { color: #1F2049; }
.coman-crimson p, .coman-crimson ul li, .coman-crimson h4, .coman-crimson h5, .coman-crimson p a, .coman-crimson h3 { color: #6C0F28; }
.coman-dark-crimson p, .coman-dark-crimson ul li, .coman-dark-crimson h4, .coman-dark-crimson h5, .coman-dark-crimson p a, .coman-dark-crimson h3 { color: #A81F5C; }
.coman-royal-blue p, .coman-royal-blue ul li, .coman-royal-blue h4, .coman-royal-blue h5, .coman-royal-blue p a, .coman-royal-blue h3 { color: #3F4CA0; }



.coman-dark-cyan ul li:before { background-color: #00484F; }
.coman-yellow-green ul li:before { background-color: #C4DA2B; }
.coman-sky-blue ul li:before { background-color: #38C4E1; }
.coman-white ul li:before { background-color: #FFFFFF; }
.coman-dark-red ul li:before { background-color: #6B0F28; }
.coman-medium-sea-green ul li:before { background-color: #449D62; }
.coman-yellow-green-alt ul li:before { background-color: #C4D92A; }
.coman-light-yellow ul li:before { background-color: #C3D92C; }
.coman-dark-cyan-alt ul li:before { background-color: #004850; }
.coman-black ul li:before { background-color: #000000; }
.coman-indigo ul li:before { background-color: #1F2049; }
.coman-crimson ul li:before { background-color: #6C0F28; }
.coman-dark-crimson ul li:before { background-color: #A81F5C; }
.svg-image.text-dark-blue path{ stroke: #3F4DA0; }


/* Quote Block Style */
/*
.quote-dark-cyan p, .quote-dark-cyan ul li, .quote-dark-cyan h3, .quote-dark-cyan h4, .quote-dark-cyan h5, .quoteline-dark-cyan span, .quote-dark-cyan a { color: #00484F; }
.quote-yellow-green p, .quote-yellow-green a, .quote-yellow-green ul li, .quote-yellow-green h3, .quote-yellow-green h4, .quote-yellow-green h5, .quoteline-yellow-green span { color: #C4DA2B; }
.quote-sky-blue p, .quote-sky-blue a, .quote-sky-blue ul li, .quote-sky-blue h3, .quote-sky-blue h3, .quote-sky-blue h4, .quoteline-sky-blue span { color: #38C4E1; }
.quote-white p, .quote-white a, .quote-white ul li, .quote-white h3, .quote-white h4, .quote-white h5, .quoteline-white span { color: #FFFFFF; }
.quote-dark-red p, .quote-dark-red a, .quote-dark-red ul li, .quote-dark-red h3, .quote-dark-red h4, .quote-dark-red h5, .quoteline-dark-red span { color: #6B0F28; }
.quote-medium-sea-green p, .quote-medium-sea-green a, .quote-medium-sea-green ul li, .quote-medium-sea-green h3, .quote-medium-sea-green h4, .quote-medium-sea-green h5, .quoteline-medium-sea-green span { color: #449D62; }
.quote-yellow-green-alt p, .quote-yellow-green-alt a, .quote-yellow-green-alt ul li, .quote-yellow-green-alt h3, .quote-yellow-green-alt h4, .quote-yellow-green-alt h5, .quoteline-yellow-green-alt span { color: #C4D92A; }
.quote-light-yellow p, .quote-light-yellow a, .quote-light-yellow ul li, .quote-light-yellow h3, .quote-light-yellow h4, .quote-light-yellow h5, .quoteline-light-yellow span { color: #C3D92C; }
.quote-dark-cyan-alt p, .quote-dark-cyan-alt a, .quote-dark-cyan-alt ul li, .quote-dark-cyan-alt h3, .quote-dark-cyan-alt h4, .quote-dark-cyan-alt h5, .quoteline-dark-cyan-alt span { color: #004850; }
.quote-black p, .quote-black a, .quote-black ul li, .quote-black h3, .quote-black h4, .quote-black h5, .quoteline-black span { color: #000000; }
.quote-indigo p, .quote-indigo a, .quote-indigo ul li, .quote-indigo h3, .quote-indigo h4, .quote-indigo h5, .quoteline-indigo span { color: #1F2049; }
.quote-crimson p, .quote-crimson a, .quote-crimson ul li, .quote-crimson h3, .quote-crimson h4, .quote-crimson h5, .quoteline-crimson span { color: #6C0F28; }
.coman-dark-crimson p, .coman-dark-crimson a, .quote-dark-crimson ul li, .coman-dark-crimson h3, .coman-dark-crimson h4, .coman-dark-crimson h5, .quoteline-dark-crimson span { color: #A81F5C; }

*/

/* Quote Line Block Style */
.quoteline-dark-cyan span { background-color: #00484F; }
.quoteline-yellow-green span {  background-color: #C4DA2B; }
.quoteline-sky-blue span {  background-color: #38C4E1; }
.quoteline-white span {  background-color: #FFFFFF; }
.quoteline-dark-red span {  background-color: #6B0F28; }
.quoteline-medium-sea-green span {  background-color: #449D62; }
.quoteline-yellow-green-alt span {  background-color: #C4D92A; }
.quoteline-light-yellow span {  background-color: #C3D92C; }
.quoteline-dark-cyan-alt span {  background-color: #004850; }
.quoteline-black span {  background-color: #000000; }
.quoteline-indigo span {  background-color: #1F2049; }
.quoteline-crimson span {  background-color: #6C0F28; }
.quoteline-dark-crimson span {  background-color: #A81F5C; }

/* Submit Button Color */
.bg-medium-sea-green .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit { background-color: #449D62; }
.bg-sunset-orange .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit { background-color: #EF4932; }
.bg-blue .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit { background-color: #3F4DA0; }
.bg-dark-cyan .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit { background-color: #004850; }
.bg-lime-green .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit { background-color: #C4D92C; }
.bg-ivory .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit { background-color: #FCFDF4; }
.bg-light-yellow .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit { background-color: #EDF4C0; }
.bg-sky-blue .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit { background-color: #38C4E1; }
.bg-light-cyan .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit { background-color: #EDF8FB; }
.bg-blue-alt .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit { background-color: #3F4CA0; }
.bg-indigo .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit { background-color: #1F2049; }
.bg-crimson .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit { background-color: #A81F5C; }
.bg-dark-red .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit { background-color: #6C0F28; }
.bg-white .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit{ background-color: #ffffff; }
.bg-dark-teal .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit{ background-color: #00484F; }

.sticky {
    position: sticky !important;
    top: 0;
    z-index: 3;
}
/* Slider Arrow and Dot's Style End */

/* List Style Start */

.list-design-style ul li {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 10px;
    position: relative;    
}

.list-design-style ul {
    list-style: none;
    margin-left: 30px;
    letter-spacing: 0.0em;
    line-height: 1.5em;
}

.list-design-style ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    left: -18px;
    top: 14px;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, 1);
}
.list-design-style ul li a {
    text-decoration: underline;
}
.list-design-style ul li a:hover {
    text-decoration: none;
}

/* List Style End */


button.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    background-color: #ffffff;
    border-radius: 30px;
    font-size: 0;
    width: 37px;
    height: 74px;
    color: #449D62;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    -webkit-box-shadow: 0 9px 30px rgba(0, 0, 0, 0.10), 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 9px 30px rgba(0, 0, 0, 0.10), 0 0 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    z-index: 1;
    cursor: pointer;
    border-radius: 100px 0 0 100px;
    padding-left: 13px;
}

button.slick-next.slick-arrow {
    right: 0;
}

button.slick-arrow:before {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

button.slick-arrow:hover {
    opacity: 0.7;
}

button.slick-prev.slick-arrow {  
  left: 0;
}

button.slick-prev.slick-arrow:before {
  content: "\f053";
}
ul.slick-dots {
    padding: 0;
    position: absolute;
    bottom: -50px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
    right: 0;
    left: 0;
    margin: 0 auto;
    justify-content: center;
}
ul.slick-dots li {
  font-size: 0 !important;
  border: none;
  border-radius: 50%;
  margin: 0 3px;
  line-height: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
ul.slick-dots li:before {
  display: none;
}
ul.slick-dots li button {
    background-color: rgba(255, 255, 255, 0.35);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: none;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-size: 0;
    padding: 0;
    cursor: pointer;
}

ul.slick-dots li.slick-active button {
  background-color: #ffffff;
}
button.slick-prev.slick-arrow {
    left: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding-right: 12px;
    border-radius: 0 100px 100px 0;
    padding-left: 0;
}
.load-more-wrapper button.load-more-btn {
    padding: 20px 45px 22px 45px;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    outline: none;
    font-family: 'JUST Sans', sans-serif;
    line-height: 1;
    border-radius: 30px;
    position: relative;
    letter-spacing: 0.00em;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-color: #004850;
    color: #fff;
    border: none;
    outline: none;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}
.load-more-wrapper button.load-more-btn:hover {
    transform: scale(1.12);
}

/* Slider Arrow and Dot's Style End */


/* Serach Style Start */

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(1 72 79 / 95%);
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
	       -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	     -moz-transform: translate(0px, -100%) scale(0, 0);
	      -ms-transform: translate(0px, -100%) scale(0, 0);
         -o-transform: translate(0px, -100%) scale(0, 0);
	          transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    display: none;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
       -moz-transform: translate(0px, 0px) scale(1, 1);
    	  -ms-transform: translate(0px, 0px) scale(1, 1);
	       -o-transform: translate(0px, 0px) scale(1, 1);
	           transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index: 106;
    display: block;
}

#search.open form#searchform {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 500px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
}
#search input[type="search"] {
    font-size: 22px;
    font-weight: 300;
    outline: none;
    padding: 15px 10px 16px 30px;
    max-width: 340px;
    width: 100%;
    border-radius: 30px 0 0 30px;
    color: #004850;
}
#search.open form#searchform input.d-none {
    padding: 12px 35px 15px 35px;
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    outline: none;
    font-family: 'JUST Sans', sans-serif;
    line-height: 1;
    border-radius: 0 30px 30px 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background-color: #C4D92C;
    color: #00484F;
}
#search.open form#searchform input.d-none:hover {
    background-color: #C3D92C;
}
.header-dark-blue #search.open form#searchform input.d-none{
    background-color: #38C4E1;    
}
.main-header .container {
    max-width: 1430px;
}
  
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
	  opacity: 1;
	  font-size: 27px;
  	color: #fff;
}

#search .close:hover {
    color: #C4D92C;
    cursor: pointer;
}

body.search-overflow {
    overflow: hidden;
}

/* Serach Style End*/

/* Header Section Start */

.container {
    max-width: 1423px;
    margin: 0 auto;
    padding: 0 50px;
}


header.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); */
    transition: all 0.4s ease 0s;
    z-index: 90;    
}
.home header.site-header{
    opacity: 0;
    top: -120px;
}
.home.your-class-name header.site-header {
    animation: header-animation 1.5s ease-in-out 0.2s forwards;
}
@keyframes header-animation {
    from {
        top: -120px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}


.top-header {
    position: relative;
    background-color: #449C62;
    overflow: hidden;
    margin: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

header.site-header.srolled .top-header {
    margin-top: -47px;
}

.top-header .top-header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.top-header .top-header-content .top-header-time {
    width: 50%;
    position: relative;
    height:43px;
}
.top-header .top-header-content .top-header-time:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #c4d92c;
    left: -100%;
    content: "";
    top: 0;
}
.top-header .top-header-content .top-header-time p {
    padding: 0;
    color: #00484F;
    font-weight: 800;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 0.0em;
    display: inline-block;
    padding: 9px 49px 9px 0;
    background-color: #C4D92C;
    position: relative;
    height: 43.39px;
}
.top-header .top-header-content .top-header-time p:after {
    content: "";
    position: absolute;
    width: 29px;
    height: 160%;
    background-color: #449c62;
    top: -20px;
    -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
            transform: rotate(-15deg);
    z-index: 0;
    right: -17px;
}
.top-header .top-header-content .top-header-time p span {
    font-weight: 600;
    margin-left: 6px;
}

.top-header .top-header-content .top-header-search {
    text-align: right;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}

.top-header .top-header-content .top-header-search a {
    padding: 0 19px 0 0;
    color: #00292E;
    font-size: 14px;
    letter-spacing: 0.00em;
    font-weight: 500;    
    line-height: 1;
}

.top-header .top-header-content .top-header-search a:hover {
    color: #fff;
}

.top-header .top-header-content .top-header-search .search-block {
    padding: 7px 10px 10px 8px;
    background-color: #00484F;
    position: relative;    
    height: 43px;
}

.top-header .top-header-content .top-header-search .search-block a {
    color: #fff;
    padding: 0 32px 0 40px;
    display: inline-block;
}
.top-header .top-header-content .top-header-search .search-block a svg {
    position: absolute;
    right: 10px;
    top: 10px;
}
.top-header .top-header-content .top-header-search .search-block:hover a {
    color: #c4d92c;
}
.header-dark-blue .top-header .top-header-content .top-header-search .search-block:hover a {
    color: #38C4E1;
}
.header-dark-pink .top-header .top-header-content .top-header-search .search-block:hover a {
    color: #EF4932;
}


.top-header .top-header-content .top-header-search .search-block:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    right: -100vw;
    background-color: #00484F;
    top: 0;
}

.top-header .top-header-content .top-header-search .search-block:after {
    content: "";
    width: 22px;
    height: 170%;
    background-color: #449c62;
    position: absolute;
    left: -10px;
    top: -20px;
    -webkit-transform: rotate(-14deg);
        -ms-transform: rotate(-14deg);
            transform: rotate(-14deg);
}
.main-header {
    background-color: #C4D92C;
}

.main-header .header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}


.main-header .menu-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 729px;
    height: 100vh;
    background-color: #00454f;
    color: white;
    z-index: 1000;
    padding:  56px 28px 0 48px;
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-y: auto;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.main-header .close-btn:hover {
    opacity: 0.5;
}
.main-header .menu-overlay.active {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

.main-header .menu-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.main-header .menu-backdrop.active {
    opacity: 1;
    visibility: visible;
}

.main-header .menu-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 50px;
}

.main-header .logo {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.1;
    max-width: 200px;
}

.main-header .close-btn {
    background: none;
    border: none;
    color: white;
    font-size: 32px;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.main-header .close-btn:hover {
    opacity: 0.7;
}

.main-header .close-btn:focus {
    outline: 2px solid white;
    outline-offset: 2px;
}

.main-header .main-nav {
    margin-bottom: 33px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.23);
    padding-bottom: 40px;
}

.main-header .main-nav ul {
    list-style: none;
}

.main-header .main-nav li {
    margin-bottom: 25px;
}

.main-header .main-nav a {
    color: white;
    text-decoration: none;
    font-size: 28px;
    font-weight: normal;
    display: block;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

#menu-hamburger > li > a:hover {
    opacity: 1;
    color: #C4D92C;
}

.main-header .main-nav a:focus {
    outline: 2px solid white;
    outline-offset: 2px;
}

/* Secondary Navigation */
.main-header .secondary-nav {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 60px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 0;   
    padding-bottom: 12px;
}

.main-header .secondary-nav ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 13px;
}

.main-header .secondary-nav li {
    margin-bottom: 12px;
}

.main-header .secondary-nav a {
    color: white;
    text-decoration: none;
    font-size: 18px;
    display: block;
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    letter-spacing: 0.00em;
    font-weight: 500;
}

.main-header .secondary-nav a:hover {
    color: #C4D92C;
}
.main-header .search-icon {
    width: 20px;
    height: 20px;
    stroke: white;
    fill: none;
    stroke-width: 2;
}
.main-header .menu-footer {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;        
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0 97px;
    position: relative;
    background-color: #00363B;
}
.main-header .menu-footer:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -100%;
    background-color: #00363b;
    top: 0;
}
.main-header .menu-footer:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    right: -100%;
    background-color: #00363b;
    top: 0;
}
.main-header .social-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 23px;
    width: 50%;
}

.main-header .social-icon {
    width: 36.66px;
    height: 36.66px;
    border-radius: 50%;
    background-color: #C4D92C;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    color: #01484F;
    font-weight: bold;
    font-size: 18px;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.main-header .social-icon:hover {
    background-color: #FFFFFF;
}

.main-header .social-icon:focus {
    outline: 2px solid white;
    outline-offset: 2px;
}

.main-header .mailing-list {
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 4px;
    -webkit-transition: opacity 0.3s 
ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s 
ease;
    position: relative;
}
.main-header .mailing-list:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #C3D92C;
    bottom: 0;
    transition: all 0.5s 
ease-in-out;
}
.main-header .mailing-list:hover:before {
    height: 4px;
}
.main-header .demo-content {
    padding: 100px;
}
button.hamburger-btn {
    border: none;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    margin-left: 20px;
}

.hamburger-btn span:nth-of-type(2n) {
    width: 19px;
    margin: 7px 0;
}
.hamburger-btn span {
    display: block;
    width: 25px;
    height: 2px;
    background: #004850;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    border-radius: 12px;
}
.header-wrap .header-logo {
    width: 40%;
    
}
.header-logo a {
    display: block;
}

.header-logo svg{
overflow: visible;
width: 100%;
height: auto;
}

.home .site-header:before {
    content: "";
    position: fixed;
    width: 100%;
    height: 105.38px;
    background-color: #C4D92C;
    z-index: -1;
    top: 0;
    opacity: 0.7;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.home header.site-header.srolled:before {
    height: 58px;
}

.menu-main-menu-container .enumenu_ul > li.current-menu-parent > a:before, .menu-main-menu-container .enumenu_ul > li.current-menu-item > a:before {
    content: "";
    position: absolute;
    width: calc(100% - 22px);
    height: 1px;
    bottom: 15px;
    background-color: #004850;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.header-dark-cyan .menu-main-menu-container .enumenu_ul > li.current-menu-parent > a:before, .header-dark-blue .menu-main-menu-container .enumenu_ul > li.current-menu-parent > a:before, .header-dark-pink .menu-main-menu-container .enumenu_ul > li.current-menu-parent > a:before, .header-dark-cyan .menu-main-menu-container .enumenu_ul > li.current-menu-item > a:before, .header-dark-blue .menu-main-menu-container .enumenu_ul > li.current-menu-item > a:before, .header-dark-pink .menu-main-menu-container .enumenu_ul > li.current-menu-item > a:before {
    background-color: #ffffff;
}
.main-header [aria-label="Twitter"] path {
    fill: #01484F !important;
}
.main-header [aria-label="Twitter"] svg {
    width: 21px;
}

/* Header Section End */

/* Hero Banner Section Start */
.hero-section {
    position: relative;
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 30px;
    padding-bottom: 50px;
    opacity: 0;
   /* overflow: hidden;*/
    height: calc(100vh - 105px);    
   /* min-height: 847px;*/
   min-height: 815px;
    overflow: hidden;
}
/*body.home {
    overflow: hidden;
}
body.home.remove-scroll {
    overflow-x: hidden !important;
    overflow-y: inherit;
}*/

.your-class-name .hero-section {
    animation: hero-section-animation .75s ease-in-out 0.2s forwards;
}
@keyframes hero-section-animation {
    from {
        opacity: 0; 
    }
    to {
        opacity: 100%;                
    }
}

/* Initial states for animations */
.hero-top-image-animation {
    background-color: transparent;
    transition: background-color 1s ease;
    position: relative;
    height: 467px;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;    
}
.hero-section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0 auto;
    background-color: #C4DA2B;
    opacity: 0;
}

.your-class-name .hero-section:before {
    animation: hero-section 1s ease-in-out 0.2s forwards;
}
@keyframes hero-section {
    from {
        opacity: 0; 
    }
    to {
        opacity: 90%;                
    }
}

.animation-container00 {
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
        background-image: none !important;
}

.your-class-name .animation-container00 .left-mmo {
    width: 57%;
    height: 100%;
    position: relative;
    left: -120px;
    bottom: -70px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
}
.your-class-name .animation-container00 .right-mmo {
    width: 26%;
    height: 100%;
    right: -120px;
    bottom: -70px;
    position: relative;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
}

.your-class-name .animation-container00 .left-mmo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.your-class-name .animation-container00 .right-mmo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}
.your-class-name .animation-container00 .left-mmo{
    animation: animation001 1.2s ease-in-out 1s forwards;
      opacity: 0;
}
.your-class-name .animation-container00 .right-mmo {
    animation: animation002 1.2s ease-in-out 1s forwards;
      opacity: 0;
}
@keyframes animation001 {
    0 {
        opacity: 0;         
        left: -120px;
        bottom: -70px;

    }
    100% {
        opacity: 1;
        left: 0;
        bottom: 0;
    }
}
@keyframes animation002 {
    0 {
        opacity: 0;         
        right: -120px;
        bottom: -70px;

    }
    100% {
        opacity: 1;
        right: 0;
        bottom: 0;
    }
}


.mma-letters {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: clamp(200px, 25vw, 350px);
    font-weight: 900;
    color: rgba(255, 255, 255, 0.8);
    z-index: 1;
    letter-spacing: -15px;
    user-select: none;
    line-height: 0.8;
}

.animation-image-01 {
    opacity: 0;
    transform-origin: center center;
    position: absolute;
    top: 3%;
    left: 1%;
    z-index: 2;
    width: 15%;

}
.your-class-name .animation-image-01 {
    animation: animation01 1.3s ease-in-out 1.1s forwards;
}
@keyframes animation01 {
    from {
        opacity: 0;
        top: 23%;
    }
    to {
        opacity: 1;
        top: 3%;
    }
}

.animation-image-01 img {
    width: 100%;
    display: block;
}

.animation-image-02,
.animation-image-03,
.animation-image-04 {
    transition: opacity 1s ease;
    position: absolute;
    z-index: 2;
}

.animation-image-02 {
    top: 36%;
    left: 27%;
    width: 18%;
    opacity: 0;
    -webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);
}
.your-class-name .animation-image-02 {
    animation: animation02 1.3s ease-in-out 1.1s forwards;
}
@keyframes animation02 {
    from {
        opacity: 0;    
        -webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);
        top: 56%;
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
        top: 16%;
    }
}

.animation-image-02 img {
    display: block;
    width: 100%;
}

.animation-image-03 {
    top: 10%;
    right: 28%;
    opacity: 0;
}
.your-class-name .animation-image-03 {
    animation: animation03 .75s ease-in-out 1s forwards;
}
@keyframes animation03 {
    from {
        opacity: 0;  
    }
    to {
        opacity: 1;
    }
}

.animation-image-04 {
    top: 72%;
    right: 4%;
    opacity: 0;
}

.your-class-name .animation-image-04 {
    animation: animation04 1.3s ease-in-out 1.1s forwards;
}
@keyframes animation04 {
    from {
        opacity: 0; 
        top: 82%;               
    }
    to {
        opacity: 1;
        top: 75%;
    }
}
.bottom-content .banner-heading {
    position: relative;
    bottom: -50px;
    opacity: 0; 
}
.your-class-name .banner-heading {
    animation: banner-heading 1.2s ease-in-out 2.1s forwards;
}
@keyframes banner-heading {
   0 {
        opacity: 0; 
        bottom: -100px;             
    }

    100% {
        opacity: 1;
        bottom:-25px;
    }
}

.scroll-indicator {
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
    list-style: none;
    opacity: 0;
    z-index: 4;
}
.scroll-indicator a {
    width: 74px;
    height: 74px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    padding-bottom: 36px;
    color: #459C62;
    font-size: 21px;
}
.scroll-indicator a:hover {
    background-color: #459C62;
    color: #fff;
}
.your-class-name .scroll-indicator {
    animation: scroll-indicator 1.2s ease-in-out 2.1s forwards;
}
@keyframes scroll-indicator {
    0 {
        opacity: 1; 
        bottom: -80px;            
    }

    100% {
        opacity: 1;
        bottom: -37px;
    }
}

.right-btn {
    opacity: 0;
    transition: opacity 1s ease;
    position: absolute;
    bottom: /*40px;*/ 115px;
    right: 100px;
    z-index: 1000;
}
.your-class-name .right-btn {
    animation: right-btn 1s ease-in-out 2s forwards;
}
@keyframes right-btn {
    0 {
        opacity: 0;              
    }

    100% {
        opacity: 1;
    }
}

.bottom-content {
    opacity: 1;
    transition: opacity 1s ease, transform 1s ease;
    padding: 0px 20px 40px;
    text-align: left;
    margin: 0 auto;
    position: initial;
    z-index: 3;
    max-width: 1332px;
    width: 100%;
}

.description {
    font-size: clamp(18px, 3vw, 26px);
    color: #2c5530;
    line-height: 1.4;
}



.membership-text {
    position: fixed;
    right: -54px;
    top: 273px;
    transform: translateY(-50%) rotate(-90deg);
    color: #2c5530;
    font-weight: bold;
    font-size: 14px;
    letter-spacing:0 /*3px*/;
    z-index: 10;
    opacity: 0;
}
.membership-text{    
    animation: membership-btn 1s ease-in-out 1s forwards;
}

@keyframes membership-btn {
    0 {
        opacity: 0;              
    }

    100% {
        opacity: 1;
    }
}
.membership-text a {
    background-color: #37C2E1;
    text-decoration: none;
    padding: 11px 14px 11px 14px;
    border-radius: 4px 4px 0 0;
    font-family: JUST Sans;
    font-weight: 700;
    font-size: 17px;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0 /*0.10em*/;
    color: #343F83;
}
.membership-text a:hover {
    background-color: #343F83;
    color: #37C2E1;
}


body.parent-pageid-466 .membership-text a,
body.ancestor-pageid-466 .membership-text a{
  background-color:#6C0F28;
  color:#fff;
}

body.parent-pageid-466 .membership-text a:hover,
body.ancestor-pageid-466 .membership-text a:hover {
    background-color: #fff;
    color: #6C0F28;
}

.banner-heading h1 {
    font-family: 'JUST Sans', sans-serif;
    font-weight: 800;
    font-size: 118.65px;
    line-height: 105.09px;
    color: #00484F;
    letter-spacing: 0.0em;
    margin-bottom: 17px;
}
.banner-heading p {
    font-size: 26px;
    font-weight: 800;
    color: #00484F;
    margin-bottom: 5px;
    letter-spacing: 0.0em;
}
/*
.remove-the-animation .banner-heading{    
    animation: remove-image 2s ease-in-out 1s forwards;
    opacity: 1;
    bottom: 0px;
}

@keyframes remove-image {
    0 {
        opacity: 1;              
    }

    100% {
        opacity: 0;
    }
}

 
.remove-the-animation .animation-image-01, .remove-the-animation .animation-image-02, .remove-the-animation .animation-image-03, .remove-the-animation .animation-image-04, .remove-the-animation .right-btn{
    animation: remove-image 2s ease-in-out 1s forwards;
    opacity: 1;
}

@keyframes remove-image {
    0 {
        opacity: 1;              
    }

    100% {
        opacity: 0;
    }
}

.remove-the-animation .animation-image-02{
    animation: remove-image-round 2s ease-in-out 1s forwards;
    opacity: 1;
    top: 16%;
        left: 27%;
        width: 16%;
}

@keyframes remove-image-round {
    0 {
        opacity: 1;              
    }

    100% {
        opacity: 0;
    }
}
.remove-the-animation .hero-section:before {
    animation: remove-color 2s ease-in-out 1s forwards;
     opacity: 90%;
}
@keyframes remove-color {
    0 {
        opacity: 90%;              
    }

    100% {
        opacity: 0;
    }
}

.remove-the-animation .animation-container00{
    animation: remove-img-scaling 2s ease-in-out 0.5s forwards;
    transform: scale(1) translate(0, 0););
    opacity: 1;
}
@keyframes remove-img-scaling {
    0 {
        opacity: 1;
        transform: scale(1) translate(0, 0););
    }
    100% {
       opacity: 0; 
        transform: scale(1.25) translate(0, 200px);              
    }
}
*/
.sticky-header-hide header.site-header{
    z-index: 1;
    transition: all 0s ease-in-out;
}
.sticky-z-top {
    position: relative;
    z-index: 3;
    overflow: visible;
    transform: translateZ(0);
}

/*.hotel-blocks-section{
  overflow: visible;
  transform: translateZ(0);
}*/

.mobile-banner-img {
    display: none;
}
.three-clm-direction .container {
    max-width: 1310px;
}
/* Hero Banner Section End */

/* MMOA Section Start */

.mma-slider {
    background-color: #449D62;
    padding-top: 85px;
    padding-bottom: 89px;
    border: 0 !important;
    margin-bottom: -1px;
}



.mma-inner-slider .mma-middle-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;    
    width: 100%;    
}
.mmoa-mobile-img {
    display: none;
}

.mma-inner-slider .slick-slide .mma-slider-img {
    width: 100%;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000 !important;
    height: 100%;
    display: inline-block;
}
.our-block-left .label-tag {
    margin-bottom: 47px;
}
.mma-inner-slider .slick-slide .mma-slider-conent {    
    width: 53.1%;
}

.mma-inner-slider .slick-slide .mma-sliderwrap {
    width: 46.8%;
    padding: 19px;
    background-color: #00484F;
}

.mma-inner-slider .slick-slide .mma-slider-conent .mmoa-text-wrap {
    background-color: #00484F;
    padding: 63px 42px 38px 34px;
    margin-top: 180px;
    position: relative;
    left: -1px;
}
.mmoa-text-wrap h2 {
    font-size: 50px;
    letter-spacing: 0.00em;
    line-height: 1.1;
    margin-bottom: 29px;
}
.mmoa-sticky-img {
    width: 100%;
    display: block;
    display: none;
}

.mmoa-sticky-img img {
    display: block;
}
.mmoa-text-wrap p {
    color: #fff;
    font-size: 18px;
}
.mmoa-text-wrap p {
    color: #fff;
    font-size: 18px;
}

.mmoa-text-wrap .date-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
        margin-top: 46px;
}

.mmoa-text-wrap .date-btn .slider-date {
    width: 50%;
}

.mmoa-text-wrap .date-btn  .slider-btn {
    width: 50%;
    text-align: right;
}

.mmoa-text-wrap .date-btn .slider-date span {
    color: #C4D92A;
    font-weight: 700;
    font-size: 22px;
}
.scroll-wrap {
    position: relative;
    overflow: hidden;
}
.scroll-wrap-block {
    height: 100%;
}

/* Hide the scrollbar in Webkit browsers (Chrome, Safari, etc.) */
.scroll-block::-webkit-scrollbar {
    display: none;
}
/* For Firefox */
.scroll-block {
    scrollbar-width: none;
}
.mma-inner-slider {
    position: initial;
}
.mma-inner-slider .slick-slide {
    transition: initial !important;
}
/* MMOA Section End */

/* Classes & Education Start */

.class-and-education {
    padding-top: 50px;
    padding-bottom: 40px;
    background-color: #3F4DA0;
    border: none;
}
.class-and-education .class-bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.class-and-education .class-education-wrap {
    max-width: 54%;
    width: 100%;
    padding-bottom: 70px;
}

.class-and-education .class-education-wrap h2 {
    color: #fff;
    font-size: 114.34px;
    line-height: 0.87;
    letter-spacing: 0.00em;
    margin-bottom: 47px;
}

.class-and-education .class-education-wrap .coute-wrap {
    padding: 13px 0px 13px 26px;
    border-left: 17px solid #38C4E1;
}

.class-and-education .class-education-wrap .coute-wrap p {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.00em;
    margin-bottom: 0;
    font-weight: 600;
}

.class-and-education .container {
    position: relative;
}

.class-and-education .class-education-wrap .class-btn {
    position: absolute;
    right: 0;
    bottom: 30px;
}

.class-and-education .container {
    max-width: 1290px;
}

.scroll-bottom-arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.scroll-bottom-arrow a {
    font-size: 22px;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #3F4DA0;
    width: 74px;
    height: 37px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 10px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.scroll-bottom-arrow a:before {
    content: "";
    position: absolute;
    width: 74px;
    height: 74px;
    top: 0;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-bottom-arrow a i {
    position: relative;
}
.label-tag {
    font-size: 34px;
    font-weight: 800;
    letter-spacing: 0.00em;
    margin-bottom: 8px;
}
.class-education-wrap .label-tag {
    margin-bottom: 82px;
}
.scroll-bottom-arrow a:hover:before {
    background-color: #ef4932;
}
.scroll-bottom-arrow a:hover {
    color: #fff;
}


/* Classes & Education End */

/* All Banner Style */
.header-lime-green .page-banner {
    background-color: #C4D92C;
}
.mma-inner-slider .slick-list:before {
    content: "";
    position: absolute;
    width: 54%;
    background-image: url(https://www.mobilemuseumofart.com/wp-content/uploads/2025/09/mmoa-logo-exibition.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    right: 2px;
    background-color: #449d62 !important;
    display: inline-block;
    height: 200px;
}

/* All Banner End */

/* Upcoming Events Section Start */
.page-slider {
    padding: 24px 0 30px 0;
}

.upcoming-events {
    padding-top: 65px;
    padding-bottom: 80px;
    position: relative;
    background-color: #EF4932;
}
.upcoming-events button.slick-arrow.slick-disabled, .feature-slider button.slick-disabled {
    display: none !important;
}
.upcoming-events .upcoming-heading {
    text-align: center;
}

.upcoming-events .upcoming-heading h2 {
    color: #fff;
    margin-bottom: 47px;
    font-size: 65px;
}

.upcoming-events .upcoming-inner-block {
    position: inherit;
}

.upcoming-inner-block .up-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: 192px;
}

.upcoming-inner-block .upcoming-wrap {
    width: 100%;
    background-color: #FFFFFF;
    padding: 17px 20px 22px 20px;
    position: relative;
    min-height: 184px;
}
.upcoming-inner-block .upcoming-wrap h3 {
    color: #6B0F28;
    font-weight: 800;
    letter-spacing: 0.00em;
    margin-bottom: 14px;
    font-family: 'JUST Sans', sans-serif;
    font-size: 22px;
}

.upcoming-inner-block .upcoming-wrap span {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 20px;
    color: #A81F5C;
    font-weight: 700;
}

.line-link {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding-bottom: 5px;
    position: relative;
}
.line-link:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #EF4932;
    position: absolute;
    bottom: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    left: 0;
}
.line-link:hover:before {
    height: 4px;
}
.upcoming-events button.slick-arrow {
    color: #EF4932;
}
.upcoming-events .upcomingpbtn {
    text-align: center;
    margin-top: 53px;
}
.upcoming-inner-block .slick-list {
    margin: 0 -28px;
}

.upcoming-inner-block .slick-list .slick-slide {
    padding: 0 28px;
    margin-bottom: 14px;
}
.upcoming-inner-block .upcoming-wrap:before {
    content: "";
    position: absolute;
    width: 101%;
    height: 100%;
    background-color: #A81F5C;
    left: -14px;
    z-index: -1;
    bottom: -25px;
}
.upcoming-events .container {
    max-width: 1282px;
}
.upcoming-events button.slick-arrow:hover {
    background-color: #414b9c;
}
.upcoming-events button.slick-arrow:hover:before {
    color: #ffffff;
}
.tribe-events-single ul.tribe-related-events li .tribe-related-event-info {
    padding: 0 16px;
    font-family: 'JUST Sans', sans-serif;
}
.tribe-events-pg-template div, .tribe-events-pg-template h2, .tribe-events-pg-template h3, .tribe-events-pg-template h4, .tribe-events-pg-template h5, .tribe-events-pg-template h6, .tribe-events-pg-template ul li, .tribe-events-pg-template ol li, .tribe-events-pg-template p, .tribe-events-pg-template button{
    font-family: 'JUST Sans', sans-serif; !important;
}
.tribe-events-event-image img {
    height: auto !important;
    width: auto !important;
    display: block !important;
}
.tribe-events-pg-template {
    padding-top: 70px !important;
}
.upcoming-events button.slick-arrow:hover {
    opacity: 1;
    background-color: #6B1028;
}
/* Upcoming Events Section End */

/* Embed Full Video Section Start */

.embed-full-videos {
    padding-top: 19px;
    padding-bottom: 81px;
}
.embed-full-videos p {
    margin-bottom: 0;
}
.embed-full-videos iframe {
    width: 100%;
    height: 670px;
}

.embed-full-videos .container {
    max-width: 1301px;
}
.embed-full-videos h2, .embed-full-videos h3, .embed-full-videos h4, .embed-full-videos h5 {
    color: #004850;
}
/* Embed Full Video Section End */

/* Our Permanent Collection Section Start */

.our-permanents {
    background-color: #004850;
    position: relative;
}

.our-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.our-blocks .our-block-left {
    width: 45%;    
    margin-bottom: 96px;
}
.our-blocks .our-block-left .our-block-sticky {
    padding-top: 87px;
}

.our-blocks .our-block-right {
    float: left;
    width: 45%;
    padding-top: 60px;
    padding-bottom: 80px;
}

/* Hide the scrollbar in Webkit browsers (Chrome, Safari, etc.) */
.our-blocks .our-block-right::-webkit-scrollbar {
    display: none;
}
.our-permanents .container {
    max-width: 1277px;
}
/* For Firefox */
.our-blocks .our-block-right {
    scrollbar-width: none;
}

.our-block-right .our-img-text {
    background-color: #F8FAE8;
    padding: 10px;
    margin-bottom: 46px;
    display: block;
}
.our-block-right .our-img-text:hover {
    background-color: #449d62;
}

.our-block-right .our-img-text img {
    display: block;
    width: 100%;
}

.our-block-right .our-img-text h3 {
    font-weight: 700;
    color: #004850;
    font-size: 28px;
    margin-bottom: 0;
    padding: 17px 20px 8px 20px;
      -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;    transition: all 0.4s ease-in-out;
}
.our-block-right .our-img-text:hover h3 {
    color: #fff;
}
.our-blocks .our-block-left h2 {
    font-size: 95px;
    line-height: 0.98;
    margin-bottom: 36px;
}

.our-blocks .our-block-left .coute-wrap {
    padding: 0px 0px 0px 27px;
    border-left: 17px solid #449D62;
}

.our-blocks .our-block-left .coute-wrap p {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.0em;
}
.mma-slider .scroll-wrap {
    overflow: initial;
}

/* Our Permanent Collection Section End */

/* Three Colum Section Start */

.three-clm-block h2 {
    color: #004850;
    font-size: 34px;
    margin-bottom: 25px;
    line-height: 1;
    letter-spacing: 0.00em;
}
.three-clm-direction .three-clm-wrap {
    gap: 110px;
    row-gap: 10px;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
}

.three-clm-direction .three-clm-block {
    padding-top: 82px;
    position: relative;
    width: 100%;
    padding-bottom: 64px;
}

.three-clm-direction .three-clm-block:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #E5E5E5;
    top: 0;
    right: -52px;
}

.three-clm-direction .three-clm-block h3 {
    line-height: 1;
    font-size: 18px;
    color: #000000;
    font-weight: 700;
    letter-spacing: 0.00em;
    margin-bottom: 11px;
}

.three-clm-direction .three-clm-block p {
    font-size: 18px;
    letter-spacing: 0.00em;
    line-height: 1.78;
    margin-bottom: 34px;
}

.three-clm-direction .three-clm-block p span {
    line-height: 23px;
    display: inline-block;
}

.three-clm-direction .three-clm-block p iframe {
    width: 100%;
    height: 266px;
    border: 6px solid #EDF4C0 !important;
}

.three-clm-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: -3px;
    margin-bottom: 33px;
}

.three-clm-block ul li {
    /*font-weight: 700;*/
    font-size: 18px;
    color: #000000;
    margin-bottom: 7px;
    max-width: 326px;
    line-height: 1.51;
}

.three-clm-block ul li span {
    margin-left: -1px;
    font-weight: 400;
}
.three-clm-direction .three-clm-block:nth-of-type(3n + 3):before {
    display: none;
}

/* Three Colum Section End */

/* Nearby hotels slider Section Start */
.hotel-blocks + .quote-up-block {
    margin-top: 30px;
}
.hotel-slider-wrap {
    position: relative;
}
.hotel-blocks-section {
    padding-top: 60px;
    padding-bottom: 80px;
}
.hotel-blocks-section .container {
    max-width: 1282px;
}

.hotel-blocks-section h2 {
    font-size: 50px;
    line-height: 1;
    margin-bottom: 40px;
}
.hotel-blocks .slick-list .slick-slide {
    padding: 0 17px;    
}
.hotel-blocks .slick-list {
    margin: 0 -17px;
}

.hotels-item .hotels-image {
    width: 100%;
    height: 257px;
    border-bottom: 5px solid #C4D92C;
    margin-bottom: 12px;
    position: relative;
    overflow: hidden;
    background-position: center center;
}
.hotels-item .hotels-image .hotels-zoom-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.hotels-item .hotels-image:hover .hotels-zoom-img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.hotels-item .hotels-image span {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border-radius: 50%;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    right: 0;
    margin:  auto;
    color: #449D62;
    font-size: 23px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

a.hotels-item .hotels-image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #459C62B0;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}

.hotels-item .hotels-image:hover:before, .hotels-item .hotels-image:hover span {
    opacity: 1;
}
.bg-lime-green .hotels-item .hotels-image {
    border-bottom: 5px solid #459C62;
}

.hotels-item h3, .hotels-item h4 {
    max-width: 270px;
    line-height: 30px;
    margin-bottom: 5px;
    font-family: 'JUST Sans', sans-serif;
    font-weight: 700;
    font-size: 22px;
    padding-left: 3px;
    
}
.hotels-item p {
    letter-spacing: 0.00em;
    line-height: 1.25;
    padding-left: 3px;
}
.hotel-blocks-section .hotel-blocks + .quote-block {
    margin-top: 52px;
    max-width: 794px;
    width: 100%;
}
.hotel-blocks-section .hotel-slider-wrap .quote-block {
    margin-bottom: 28px;
}

/* Nearby hotels slider Section End */

/* Simple Details Content Section Start */

.yellow-section h2 {
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 39px;
    letter-spacing: 0;
}

.yellow-section {
    padding-top: 65px;
    padding-bottom: 49px;
}

.yellow-section .yellow-block {
    gap: 59px;
    row-gap: 10px;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
}
.yellow-btn.mobile-only {
    display: none;
}

.yellow-item p {
    letter-spacing: 0.00em;
    line-height: 1.5;
    margin-bottom: 29px;
}

.yellow-section .container {
    max-width: 1290px;
}
.header-dark-blue .list-design-style ul li:before {
    background-color: #ffffff;
}
.yellow-block .yellow-item ul li {
    letter-spacing: 0.0em;
}
.yellow-item p a {
    text-decoration: none;
}
.yellow-item p a:hover {
    opacity: 0.8;
}
/* Simple Details Content Section End */

/* Two Coman Block Section Start */

.two-block-section {
    padding-top: 57px;
    padding-bottom: 80px;
}

.two-block-section .two-block-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
     -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;
}

.two-block-section .two-block-wrap .first-block-img {
    width: 47%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.two-block-section .two-block-wrap .first-block-img img {
    display: block;
    width: 100%;
}

.two-block-section .second-block-content {
    width: 47.4%;
}

.two-block-section .container {
    max-width: 1360px;
}

.two-block-section .second-block-content h2 {
    margin-bottom: 23px;
    letter-spacing: 0.00em;
}
.two-block-section .second-block-content p {
    letter-spacing: 0.0em;
    line-height: 1.5;
    margin-bottom: 31px;
    font-size: 20px;
    line-height: 30px;
}
.right-image-block .two-block-wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
            align-items:start;
}
.two-block-section .second-block-content .quote-block p {
    font-size: 34px;
    line-height: 44px !important;
}
.quote-block p {
    font-size: 22px;
    font-weight: 700;
}

.quote-block {
    position: relative;
    padding-left: 20px;
}

.quote-block span {
    position: absolute;
    width: 17px;
    height: 100%;
    left: 0;
    top: 0;
}
.quote-block h3 + p {
    font-weight: 400;
    font-size: 20px;
    margin-top: 20px;
    letter-spacing: 0.0em;
}
.quote-block h3 {
    margin-bottom: 0;
    line-height: 1;
}
.bg-lime-green .quote-block h3, .bg-lime-green .quote-block p, .bg-lime-green .quote-block p a {
    color: #004850;
}
.bg-lime-green .quote-block p a:hover {
    color: #3F4CA0;
}
.hotel-blocks-section .hotel-slider-wrap .quote-block {
    margin-bottom: 28px;
    max-width: 790px;
    width: 100%;
}
.two-block-section .second-block-content p a {
    text-decoration: underline;
}
.two-block-section .second-block-content p a:hover {
    text-decoration: none;
}
.quote-block {
    position: relative;
    padding: 2px 0 7px 39px;
}
.quote-block p {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4 !important;
    margin-bottom: 0 !important;
}
.quote-block span {
    position: absolute;
    width: 17px;
    height: 100%;
    left: 0;
    top: 0;
}
.quote-block a {
    text-decoration: underline;
}
.quote-block a:hover {
    color: #37c2e1;
}

.header-lime-green .list-design-style ul li:before {
    background-color: #004850;
}

.single-post-content-wrap .two-block-section {
    padding-top: 0;
}
.second-block-content .quote-block {
    margin-bottom: 30px;
}
.two-block-wrap .second-block-content .down-links {
    margin-bottom: 40px;
}
.header-lime-green .second-block-content .text-black .down-links a, .header-lime-green .data-section-block .multi-btn-link .down-links a, .header-dark-cyan .data-section-block .multi-btn-link .down-links a {
    color: #004850;
}
.two-block-section .second-block-content .quote-block {
    margin-top: 50px;
}
.page-slider + .two-block-section.left-image-block {
    padding-top: 27px;
}
.two-block-section .second-block-content .quote-block p span,
.two-block-section .second-block-content .quote-block p {
    position: relative;
    font-size: 22px;
    line-height: 30px !important;
    display: inline-block;
    width: 100%;
}

/* Two Coman Block Section End */

/* Details and Form Section Start */

.details-with-form {    
    padding-bottom: 113px;
}
.details-block-inner{
    padding-top: 91px;
}

.details-with-form .container {
    max-width: 1328px;
}

.details-with-form .details-full-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.details-with-form .details-full-block .details-item-block {
    width: 50.4%;
}

.details-with-form .details-full-block  .contact-form {
    width: 49.6%;
    background-color: #fff;
    padding: 12px 53px 36px 53px;
    margin-top: 107px;
}

.details-item-block .details-inner-block {
    width: 100%;
    margin-bottom: 0;
    padding: 20px 104px 26px 34px;
    border-bottom: 1px solid rgb(69 156 98 / 38%);
}

.details-item-block .details-inner-block h2 {
    font-size: 34px;
    margin-bottom: 10px;
}
.details-item-block .details-inner-block h2 span {
    font-weight: 200;
}
.details-item-block .details-inner-block p a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap;
}
.details-item-block .details-inner-block p a:hover {
    color: #C4D92C !important;
}
.header-dark-blue .details-item-block .details-inner-block p a:hover {
    color: #C4EDF6 !important;
}
.details-item-block .details-inner-block p a.line-link:hover {
    color: #fff !important;
}
.details-item-block .details-inner-block p {
    letter-spacing: 0.0em;
    line-height: 1.5;
    margin-bottom: 30px;
    word-wrap: break-word;
}
.details-item-block .details-inner-block p a.line-link {
    text-decoration: none;
    padding: 0 5px 5px 4px;
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
}

.details-item-block .details-inner-block p a.line-link::before {
    background-color: #C4D92C;
}
.details-inner-block div p:last-child {
    margin-bottom: 0;
}
.contact-form .wpforms-container .wpforms-field-container input, .contact-form .wpforms-container .wpforms-field-container select {
    max-width: 100%;
    border: 1px solid #D9D9D9;
    background-color: #F7F7F7;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    font-family: 'JUST Sans', sans-serif;
    padding: 16px 10px 13px 18px;
    height: auto;
}
#contect-form-blocks .details-inner-block {
    padding-top: 30px;
    padding-bottom: 40px;
}
/* Style for the placeholder text */
.contact-form .wpforms-container .wpforms-field-container input::-webkit-input-placeholder, .contact-form .wpforms-container .wpforms-field-container textarea::-webkit-input-placeholder {
    color: #000000; /* Change this to your desired color */
    opacity:1;
}
.contact-form .wpforms-container .wpforms-field-container input::-moz-placeholder, .contact-form .wpforms-container .wpforms-field-container textarea::-moz-placeholder {
    color: #000000; /* Change this to your desired color */
    opacity:1;
}
.contact-form .wpforms-container .wpforms-field-container input:-ms-input-placeholder, .contact-form .wpforms-container .wpforms-field-container textarea:-ms-input-placeholder {
    color: #000000; /* Change this to your desired color */
    opacity:1;
}
.contact-form .wpforms-container .wpforms-field-container input::-ms-input-placeholder, .contact-form .wpforms-container .wpforms-field-container textarea::-ms-input-placeholder {
    color: #000000; /* Change this to your desired color */
    opacity:1;
}
.contact-form .wpforms-container .wpforms-field-container input::placeholder,
.contact-form .wpforms-container .wpforms-field-container textarea::placeholder {
    color: #000000;
    opacity:1;
}

.contact-form .wpforms-container .wpforms-field-content {
    padding: 0 !important;
}

.contact-form .wpforms-container .wpforms-field-content h4,.contact-form .wpforms-container .wpforms-field-content h3 {
    margin-bottom: 6px !important;
    color: #000000 !important;
    font-size: 18px !important;
    font-weight: 700;
    margin-bottom: 0 !important;
}

.contact-form .wpforms-container .wpforms-field {
    padding: 0;
    margin-bottom: 22px;
    margin-top: 0;
}

.contact-form .wpforms-container .wpforms-field legend.wpforms-field-label {
    font-size: 18px;
    color: #000000;
    font-weight: 700;
    padding-top: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 19px;
}
.contact-form .wpforms-container .wpforms-required-label, .contact-form .wp-core-ui div.wpforms-container .wpforms-required-label {
    color: #459C62;
}

.bg-indigo .contact-form .wpforms-container .wpforms-field legend.wpforms-field-label span.wpforms-required-label, .bg-indigo .contact-form .wpforms-container .wpforms-field label span.wpforms-required-label, .bg-indigo .contact-form .wpforms-container .wpforms-field-content h4 span, .bg-indigo .contact-form .wpforms-container .wpforms-field-content h3 span{
    color: #38C4E1;
}
.contact-form .wpforms-container .wpforms-field-checkbox input::before {
    display: none;
}

.contact-form .wpforms-container .wpforms-field-checkbox input[type=checkbox]:checked::after {
    border: none !important;
    font-family: "Font Awesome 6 Free";
    content: "\f00c";
    font-weight: 900;
    font-size: 14px;
    transform: initial !important;
    margin-left: 5.9px;
    margin-top: 3px;
    color: #1F2049;
}
.contact-form .wpforms-container .wpforms-field-checkbox input {
    padding: 0;
    width: 21px;
    height: 20px;
}
.contact-form .wpforms-container .wpforms-field-checkbox label {
    margin-top: 4px !important;
    padding-left: 9px !important;
}
.contact-form .wpforms-container .wpforms-submit-container .wpforms-submit {
    padding: 17px 28px 16px 30px;
    height: auto;
    border-radius: 30px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700;
    -webkit-transition: all 0.5s 
ease-in-out;
    -o-transition: all 0.5s 
ease-in-out;
    transition: all 0.5s 
ease-in-out;
}
.contact-form .wpforms-container .wpforms-field-container input:focus {
    border-color: #D9D9D9 !important;
    box-shadow: none !important;
}
.contact-form .wpforms-container .wpforms-field-container .wpforms-uploader {
    background-color: #F7F7F7;
    border: 1px solid #D9D9D9;
    border-radius: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 26px 20px 22px 33px !important;
}

.contact-form .wpforms-container .wpforms-field-container .wpforms-uploader .dz-message {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.contact-form .wpforms-container .wpforms-field-container .wpforms-uploader .dz-message svg {
    margin-right: 17px;
}

.contact-form .wpforms-container .wpforms-field-container .wpforms-uploader .dz-message span {
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    font-family: 'JUST Sans', sans-serif;
    text-align: left;
}
.contact-form .wpforms-container .wpforms-field.wpforms-field-file-upload {
    margin-top: 39px;
}

.contact-form .wpforms-container .wpforms-field.wpforms-field-file-upload label.wpforms-field-label {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 21px;
}
.contact-form .wpforms-container .wpforms-field ul li input[type=radio] {
    padding: 0;
    background-color: transparent;
    border: none;
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.details-inner-heading {
    margin-top: 17px;
    padding-left: 28px;
    margin-right: 106px;
    margin-bottom: 38px;
}

.details-inner-heading h2 {
    margin-bottom: 19px;
}

.details-inner-heading p {
    padding-left: 4px;
    letter-spacing: 0.00em;
    line-height: 1.56;
}

.details-inner-heading + .details-inner-block h2 {
    font-size: 30px;
}
.contact-form .wpforms-container .wpforms-field .wpforms-clear button.wpforms-page-button {
    padding: 17px 28px 16px 30px;
    height: auto;
    border-radius: 30px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700;
    -webkit-transition: all 0.5s 
ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s 
ease-in-out;
    width: 100%;
    margin-right: 0;
    background-color: #004850;
}
div.wpforms-container .wpforms-form .wpforms-field.wpforms-field-radio {
    margin-bottom: 22px;
}

.contact-form .wpforms-container .wpforms-field-container select {
    appearance: none;
    background-image: url(./assets/images/black-bottom-arrow.svg);
    background-size: 18px;
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none;
}

.contact-form .wpforms-page-indicator.circles {
    padding: 0;
    border: none !important;
}

.contact-form .wpforms-page-indicator.circles span.wpforms-page-indicator-page-number {
    width: 50px !important;
    height: 50px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 18px;
    font-weight: 800;
    color: #004850;
    position: relative !important;
    z-index: 1 !important;
    margin-right: 0;
}

.contact-form .wpforms-page-indicator.circles .wpforms-page-indicator-page:after {
    content: "";
    position: absolute;
    width: calc(100% - 50px);
    height: 1px;
    background-color: #D9D9D9;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    left: 50px;
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles {
    padding-left: 0;
    overflow-x: auto;
}
.contact-form .wpforms-page-indicator.circles {-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}

.contact-form .wpforms-page-indicator.circles .wpforms-page-indicator-page {
    position: relative;
    z-index: 0;
    padding-right: 81px;
    margin-bottom: 11px !important;
    margin-right: 0 !important;
    opacity: 1;
}

.contact-form .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-child:after {
    display: none;
}
.contact-form .wpforms-container .wpforms-field label {
    font-size: 18px;
    display: inline-block;
    margin-top: 8px;
}

.contact-form .wpforms-container .wpforms-field label span.wpforms-required-label {
    color: #459C62;
}
.contact-form .wpforms-container .wpforms-field-content h4 span, .contact-form .wpforms-container .wpforms-field-content h3 span{
    color: #459C62;
}
.contact-form .wpforms-container .wpforms-field-content:first-child {
    margin-bottom: 15px;
}
/*section#book-form {
    position: sticky;
    top: 0;
    overflow: initial !important;
}*/

/* Details and Form Section End */

/* Page Slider Section Start */

.page-slider .page-list-slider {    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 2px;
}

.page-slider .page-list-slider > div {
    margin-left: 48px;
}

.page-slider .page-list-slider > div:first-child {
    margin: 0;
}

.page-list-slider a {
    margin-bottom: 0;
    position: relative;
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    padding: 0px 0 13px 0;
}

.page-list-slider a:hover, .page-list-slider a.active-link {
    color: #000 !important;
}

.page-list-slider a span {
    position: absolute;
    width: 100%;
    height: 5px;
    left: 0;
    bottom: -2px;
}
.page-list-slider button.slick-arrow {
    background-color: transparent !important;
    box-shadow: none;
    color: #004850;
}

.page-list-slider button.slick-prev.slick-arrow {
    left: -23px;
}

.page-list-slider button.slick-next.slick-arrow {
    right: 0;
    display: none !important;
}
/* Page Slider Section End */

/* Heading Data Section Start */
.page-slider .container, .data-section-block .container {
    max-width: 1310px;
}

.data-section-block .page-slider-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.data-section-block .page-slider-block .page-slider-head {
    width: 43%;
}
.data-section-block .page-slider-block .page-slider-head p {
    letter-spacing: 0.00em;
}
.data-section-block .page-slider-block .page-slider-details {
    width: 50.5%;
    padding-right: 41px;
}

.data-section-block {
    padding-top: 53px;
    padding-bottom: 56px;
}

.page-slider-head h2 {
    margin-bottom: 61px;
    letter-spacing: 0.00em;
}

.data-section-block .page-slider-block .page-slider-details p {
    letter-spacing: 0.0em;
    line-height: 1.5;
    margin-bottom: 29px;
}

.multi-btn-link .down-links {
    margin-right: 20px;
    margin-bottom: 30px;
}

.multi-btn-link .down-links:last-child {
    margin-right: 0;
}
.down-links {
    display: inline-block;
}

.down-links a {
    padding-left: 60px;
    position: relative;
}

.down-links a:before {
    width: 46px;
    height: 46px;
    background-color: #459C62;
    position: absolute;
    border-radius: 50%;
    top: -12px;
    left: 0px;
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.5s 
    ease-in-out;-o-transition: all 0.5s 
    ease-in-out;transition: all 0.5s 
    ease-in-out;
     -webkit-transform: scale(1);    -ms-transform: scale(1);    transform: scale(1);
}
.down-links a:hover:before {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.page-slider-block .page-slider-head a.btn + .multi-btn-link {
    margin-top: 40px;
}
.mob-btn-link {
    display: none;
}
/* Heading Data Section End */

/* Current Collection Section Start */

.scroll-wrap-block.allow-scroll {
    overflow-y: auto;
}
.allow-scroll .scroll-block {
    height: 100%;
    overflow-y: auto;
}
.scroll-block {
    overflow-y: auto;
    padding-top: 70px;
    padding-bottom: 120px;
}
.collecton-section h2 {
    margin-bottom: 75px;
}

.collecton-section .collection-block {
    gap: 40px;
    row-gap: .;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    row-gap: 55px;
}

.collecton-section .collection-block .collection-img {
    width: 100%;
    height: 416px;
    margin-bottom: 20px;
    overflow: hidden;
}
.collecton-section .collection-block .collection-img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
      width: 100%;
}
.collection-block .collection-item:hover .collection-img img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  
}

.collecton-section .container {
    max-width: 1308px;
}

.collecton-section .collection-block h3 {
    margin-bottom: 11px;
    color:#C3D92C !important;
}

.collection-item h4 {
    margin-bottom: 9px;
}

.collecton-section .collection-block p {
    letter-spacing: 0.0em;
    line-height: 1.5;
    margin-bottom: 29px;
}
.collection-block .line-link {
    display: inline-block;
    width: auto;
}
.collection-block .line-link:before {
    background-color: #C3D92C;
}
.collecton-section .collection-block .line-link {
    font-size: 20px;
}
.collecton-section .navigation {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: 50px;
}

.collecton-section .navigation .nav-previous a {
    color: #ffffff;
}

.collecton-section .navigation .nav-previous a:hover {
    color: red;
}

.collecton-section .navigation .nav-previous a:hover {
    color: #C4D92C;
}
/* Current Collection Section End */

/* Full Text Image Section Start */

.full-text-image {
    padding-top: 0;
    display: inline-block;
    width: 100%;
}

.full-text-image .full-image {
    width: calc(100% - 60px);
    /*height: 704px;*/
    aspect-ratio:1396 / 700;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0 auto;
}

.full-text-image h2 {
    margin-bottom: 30px;
    max-width: 900px;
    width: 100%;
}
.custom-breadcrumbs {
    width: 100%;
    padding-bottom: 16px;
    margin-bottom: 0;
    padding-top: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.custom-breadcrumbs span.back-link {
    display: none;
}
.custom-breadcrumbs .breadcrumbs a, .custom-breadcrumbs .breadcrumbs span {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.3);
    padding: 0 10px;
    font-weight: 600;
}
.custom-breadcrumbs .breadcrumbs {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.3);
}
.custom-breadcrumbs .breadcrumbs a:hover {
    color: #000;
}
.custom-breadcrumbs .breadcrumbs span.current {
    color: #000;
}
.page_breadcrumbs_block {
    display: inline-block;
    width: 100%;
}
.page_breadcrumbs_block .container, .two-block-section .container {
    max-width: 1310px;
}
.single-exhibitions .custom-breadcrumbs {
    margin-bottom: 55px;
}
.full-text-image + .simple-scroll-section {
    padding-top: 30px;
}
/* Full Text Image Section End */

/* Simple Scroll Section Start */

.simple-scroll-section {
    padding-top: 53px;
    padding-bottom: 35px;
}
.simple-scroll-section h2 {
    max-width: 650px;
    width: 100%;
    margin-bottom: 50px;
    letter-spacing: 0.0em;
}
.simple-scroll-section .simple-scroll-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.simple-scroll-section .simple-scroll-item .scroll-left-block {
    width: 54%;
}

.simple-scroll-section .simple-scroll-item .scroll-date-details {
    width: 36.8%;
    padding-top: 11px;
    position: relative;
}

.simple-scroll-section .container, .full-text-image .container {
    max-width: 1310px;
}

.simple-scroll-item .scroll-left-block p {
    letter-spacing: 0.00em;
    line-height: 1.5;
    margin-bottom: 30px;
}
.scroll-left-block.list-design-style ul li {
    margin-bottom: 20px;
}
.simple-scroll-section .simple-scroll-item .scroll-date-details h5 {
    font-weight: 700;
    padding-bottom: 17px;
    letter-spacing: 0.0em;
}
.simple-scroll-section .simple-scroll-item .scroll-date-details h5 + h5 {
    margin-top: 30px;
}
.content-bottom-logo-list .logo-wrap {
    margin-bottom: 20px;
}

.simple-scroll-section .simple-scroll-item .scroll-date-details p {
    letter-spacing: 0.00em;
    margin-bottom: 41px;
}

.simple-scroll-section .simple-scroll-item .scroll-date-details:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    left: -34px;
    background-color: rgba(0, 0, 0, 0.2);
    top: 0;
}
.simple-scroll-section .simple-scroll-item .scroll-date-details .event-date-wrap h5 {
    margin-bottom: 6px;
    margin-top: 0;
}
.simple-scroll-section .simple-scroll-item .scroll-date-details .event-date-wrap {
    margin-bottom: 49px;
}
.simple-scroll-section .simple-scroll-item .scroll-date-details .logo-block-wrap {
    margin-top: 60px;
    margin-bottom: 75px;
}
.simple-scroll-section .simple-scroll-item .scroll-date-details .logo-block-wrap h5 {
    margin-bottom: 32px;
}
.simple-scroll-section .simple-scroll-item .scroll-date-details .logo-block-wrap img {
    margin-bottom: 41px;
    display: block;
}
.single-tribe_events .simple-scroll-section {
    padding-bottom: 75px;
    border-bottom: 1px solid rgba(229, 229, 229, 1);
}
.simple-scroll-item + a.btn {
    display: none;
}
.single-tribe_events .page-banner-full-img .banner-image {
    padding-top: 461px;
    padding-bottom: 53px;
    position: relative;
}
.mob-button {
    display: none;
}
/* Simple Scroll Section End */

/* Featured Works Section Start */

.feature-works {
    padding-top: 61px;
    padding-bottom: 65px;
    overflow: hidden;
}

.feature-works h2 {
    margin-bottom: 37px;
}

.feature-slider  .feature-slider-bg {
    width: 100%;
    height: 429px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 16px;
}

.feature-slider p {
    font-size: 18px;
    letter-spacing: 0.0em;
    line-height: 1.4;
}

.feature-works .container {
    max-width: 1301px;
}
.feature-main-block .slick-list {
    margin: 0 -32px;
}
.feature-main-block .slick-list .slick-slide {
    padding: 0 32px;
}
.feature-main-block .feature-slider { 
    padding-left: calc((100% - 1245px) / 2);
    position: relative;
    z-index: 1;
}
.feature-main-block {
    position: relative;
}
body.header-dark-cyan button.slick-arrow {
    background-color: #459C62;
    color: #ffffff;
}
.feature-main-block {
    position: relative;
}



/* Featured Works Section End */

/* Spotlight Section Start */
.spotlight-sticky .spotlight-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.spotlight-sticky .spotlight-wrap .spotlight-content {
    width: 46%;
    margin-top: 97px;
}
.spotlight-inner-sticky {
    top: 97px;
    padding-bottom: 50px;
}

.spotlight-sticky .spotlight-wrap .spotlight-sticky-block {
    width: 48.5%;
}

.spotlight-sticky-block ul li .spotlight-bg {
    background-size: cover;
    background-position: top center;
    width: 100%;
    height: 429px;
    margin-bottom: 8px;
}

.spotlight-sticky-block ul li {margin-bottom: 42px;}

.spotlight-sticky-block ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 110px;
    padding-bottom: 100px;
}
/* Hide the scrollbar in Webkit browsers (Chrome, Safari, etc.) */
.spotlight-sticky-block ul::-webkit-scrollbar {
    display: none;
}
/* For Firefox */
.spotlight-sticky-block ul {
    scrollbar-width: none;
}


.spotlight-sticky .container {
    max-width: 1297px;
}

.spotlight-sticky .spotlight-wrap .spotlight-content h2 {
    margin-bottom: 37px;
}

.spotlight-sticky .spotlight-wrap .spotlight-content p {
    letter-spacing: 0.0em;
    line-height: 1.5;
}


.spotlight-sticky-block ul li p {
    font-size: 18px;
    letter-spacing: 0.00em;
}

/* Spotlight Section End */

/* Upcoming Exhibitions Section Start */
.upcoming-exh {
    padding-top: 69px;
    padding-bottom: 94px;
}

.upcoming-exh .quote-block {
    max-width: 710px;
    padding-top: 0;
    width: 100%;
    padding-bottom: 0;
}

.upcoming-exh .quote-block p {
    font-weight: 300;
    font-size: 30px;
    letter-spacing: 0.00em;
    line-height: 1.3 !important;
    color: #fff;
}

.upcoming-exh h2 {
    margin-bottom: 47px;
}
.upcoming-exh .container {
    max-width: 1310px;
}

.upcoming-exh .all-past-exh {
    padding: 0;
}

.upcoming-exh .all-past-exh h4, .upcoming-exh .all-past-exh p {
    color: #fff !important;
}

.upcoming-exh .all-past-exh h4{
  color:#C3D92C !important;
}

/* Upcoming Exhibitions Section End */

/* All Past Exhibitions Section Start */

.all-past-exh {
    padding-top: 100px;
    padding-bottom: 116px;
}

.all-past-exh h2 {
    margin-bottom: 48px;
}

.all-past-exh ul {
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 34px;
    row-gap: .;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    row-gap: 25px;
}

.all-past-exh ul li {
    width: 100%;
}

.all-past-exh ul li .all-past-bg {
    width: 100%;
    height: 255px;
    margin-bottom: 14px;
    overflow: hidden;
}

.all-past-exh .container {
    max-width: 1308px;
}

.all-past-exh ul li .all-past-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all 0.5s 
ease-in-out;
    -o-transition: all 0.5s 
ease-in-out;
    transition: all 0.5s 
ease-in-out;
    -o-object-position: center center;
       object-position: center center;
}
.all-past-exh ul li a:hover .all-past-bg img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}
.all-past-exh ul li a:hover h3 {
    color: #459C62;
}
.quote-black h3 {
    line-height: 1.38;
    margin-bottom: 4px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-family: 'JUST Sans', sans-serif;
    font-weight: 700;
    font-size: 22px;
}


.quote-black p {
    font-size: 18px;
    letter-spacing: 0.0em;
}


/* All Past Exhibitions Section End */

/* Sculpture Guide Section Start */

.sculpture-guide {
    padding-top: 71px;
    padding-bottom: 107px;
}

.sculpture-guide .container {
    max-width: 1301px;
}

.sculpture-guide .sculpture-wrap {
    gap: 56px;
    row-gap: .;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    row-gap: 26px;
}

.sculpture-guide .sculpture-wrap .sculpture-item {
    width: 100%;    
    background-color: #ffffff;
}

.sculpture-wrap .sculpture-item .sculpture-img {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.sculpture-wrap .sculpture-item .sculpture-img img {
    width: 100%;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.sculpture-wrap .sculpture-item:hover .sculpture-img img {
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
}

.sculpture-guide h2 {
    margin-bottom: 50px;
}

.sculpture-wrap .sculpture-item  .sculpture-details {
    padding: 19px 20px 20px 21px;
}

.sculpture-wrap .sculpture-item .sculpture-details p {
    margin-bottom: -2px;
    color: #004850;
    font-size: 18px;
    letter-spacing: 0.0em;
}

.sculpture-wrap .sculpture-item .sculpture-details .sculpture-number {
    padding-left: 52px;
    position: relative;
    margin-bottom: 18px;
}

.sculpture-wrap .sculpture-item .sculpture-details .sculpture-number h3 {
    margin-bottom: 0;
    padding-top: 4px;
    font-weight: 700;
    color: #004850;
    font-family: 'JUST Sans', sans-serif;
    font-size: 22px;
}

.sculpture-wrap .sculpture-item .sculpture-details .sculpture-number span.numbers-data {
    -webkit-box-shadow: 0px 1.71px 6.83px 0px #00000040;
            box-shadow: 0px 1.71px 6.83px 0px #00000040;
    width: 41px;
    height: 41px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    position: relative;
    color: #004850;
    font-weight: 600;
    font-size: 22.21px;
    border: 3px solid #fff;
    background-color: #C3D92C;
    position: absolute;
    left: 0;
}

/* Sculpture Guide Section End */

/* Publications Section Start */

.publications-section {
    padding-top: 60px;
    padding-bottom: 100px;
}

.publications-section .container {
    max-width: 1310px;
}

.publications-section h2 {
    margin-bottom: 37px;
}

.publications-section .public-block {
    gap: 44px;
    row-gap: .;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    row-gap: 29px;
}

.publications-section .public-block .public-item {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 23px 27px 24px 20px;
    position: relative;
}

.public-item .public-image {
    width: 179px;
    margin-right: 20px;    
    overflow: hidden;
}

.public-item .public-details {
    width: calc(100% - 199px);
    padding-top: 10px;
}
.publications-section .public-block .round-tag {
    width: 66px;
    height: 66px;
    background-color: #C3D92C;
    position: absolute;
    right: 22px;
    top: 23px;
    border-radius: 50%;
    font-size: 14.85px;
    color: #004850;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: 700;
}
.public-item .public-image img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.public-item .public-details h3 {
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 12px;
    letter-spacing: 0.00em;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding-right: 60px;
    color: #004850;
    font-family: 'JUST Sans', sans-serif;
}

.public-item .public-details p {
    font-size: 16px;
    letter-spacing: 0.0em;
    line-height: 1.5;
    float: left;
    width: 100%;
}

.public-item .public-details .line-link {
    display: inline;
    float: right;
}

.public-item .public-details .line-link::before {
    background-color: #C3D92C;
}

.publications-section .public-block .public-item:hover .public-image img {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

.publications-section .public-block .public-item:hover .public-details h3 {
    color: #459C62;
}

/* Publications Section End */

/* Two Coman Blocks text with image Start */

.two-coman-blocks {
    padding-top: 77px;
    padding-bottom: 100px;
}

.two-coman-blocks .two-coman-items-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 50px;
}

.two-coman-blocks .two-coman-items-wrap .two-coman-text-area {
    padding: 39px 57px 39px 45px;
    width: 51.7%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.two-coman-blocks .two-coman-items-wrap .two-coman-bgimg {
    width: 48.3%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    top: -12px;
    min-height: 427px;
}

.two-coman-blocks .container {
    max-width: 1310px;
}

.two-coman-blocks .two-coman-items-wrap .two-coman-text-area h3 {
    letter-spacing: 0.00em;
    margin-bottom: 23px;
}

.two-coman-blocks .two-coman-items-wrap .two-coman-text-area p {
    letter-spacing: 0.0em;
    line-height: 1.5;
    margin-bottom: 37px;
}
.two-coman-blocks .two-coman-items-wrap .two-coman-text-area h4 {
    font-size: 20px;
}
.multi-btn a {
    margin-right: 20px;
    margin-bottom: 10px;
}
.two-coman-blocks .two-coman-items-wrap .two-coman-bgimg p {
    height: 100%;
    margin: 0;
}
.two-coman-blocks .two-coman-items-wrap .two-coman-bgimg iframe {
    width: 100%;
    height: 100%;
}
.two-coman-blocks h2 {
    margin-bottom: 65px;
    padding-left: 29px;
}
.mobile-show-date {
    display: none;
}
.multi-btn a:last-child {
    margin-bottom: 0;
}
/* Two Coman Blocks text with image End */

/* Events Filter Section Start */

.events-section {
    background-color: #EDF8FB;
    padding-top: 18px;
    padding-bottom: 148px;
}

.events-section .events-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 46px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.events-section .events-data .events-showing {
    width: 50%;
}

.events-section .events-data  .event-classes {
    width: 50%;
    text-align: right;
}

.events-section .events-data .event-classes span {
    font-size: 20px;
    color: #1F2049;
}
.events-section .events-data .event-classes span em {
    font-style: normal;
}
.events-section .events-data .events-showing span {
    font-weight: 800;
    color: #1F2049;
    font-size: 25px;
    letter-spacing: 0.00em;
}

.events-section .container {
    max-width: 1309px;
}

.events-section .events-list-wrap {
    gap: 40px;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    row-gap: 50px;
}

.events-section .events-list-wrap .events-blocks {
    width: 100%;
}

.events-section .events-list-wrap .events-blocks .events-bg {
    width: 100%;
    position: relative;
    height: 253px;
    background-size: cover;
    margin-bottom: 15px;
    overflow: hidden;
}

.events-section .events-list-wrap .events-blocks h3 {
    color: #1F2049;
    font-size: 25px;
    letter-spacing: 0.0em;
    line-height: 1.24;
    margin-bottom: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.events-section .events-list-wrap .events-blocks .events-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.events-section .events-list-wrap .events-blocks a:hover .events-bg img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.events-section .events-list-wrap .events-blocks a:hover h3 {
    color: #459C62;
}
.header-dark-blue .events-section .events-list-wrap .events-blocks a:hover h3 {
    color: #3F4CA0;
}

.events-section .events-list-wrap  h4 {
    font-weight: 600;
    font-size: 20px;
    color: #1F2049;
    letter-spacing: 0.00em;
    line-height: 1.2;
    margin-bottom: 13px;
}

.events-section .events-list-wrap p {
    font-size: 16px;
    letter-spacing: 0.0em;
    line-height: 1.46;
    margin-bottom: 17px;
}
.events-section .events-list-wrap .events-blocks .events-bg span {
    background-color: #38C4E1;
    padding: 7px 20px 7px 21px;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    font-size: 14px;
    color: #1F2049;
    line-height: 1.4;
}
.events-blocks a.line-link:before {
    background-color: #38C4E1;
}
.classes-list-wrap label {
    display: block;
    cursor: pointer;
}

.classes-category {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.classes-list-wrap span {
    display: inline-block;
    padding: 12px 37px 12px 35px;
    color: #000000;
    border: 1px solid #38C4E1;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
    position: relative;
}
.classes-list-wrap span:hover {
    background-color: #38C4E1;
    color: #1F2049;
}

.classes-category:checked + span {
    background-color: #38C4E1;
    color: #1F2049;
    font-weight: 700;
}

.classes-category:checked + span::before {
    content: '×';
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: 100;
    color: #1F2049;
    margin-top: -2px;
}

.classes-category:checked + span {
    padding-left: 32px;
}

.filter-heading-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 34px;
    margin-top: 57px;
}

.filter-heading-block .filter-left-heading {
    width: 70%;
}

.filter-heading-block .filter-heading-btn {
    width: 30%;
    text-align: right;
}

.filter-heading-block .filter-left-heading h2 {
    margin-bottom: 0;
    color: #1F2049;
}
.pagination {
    padding-top: 29px;
    text-align: center;
}

.pagination span, .pagination a {
    padding: 0 11px;
    display: inline-block;
    vertical-align: middle;
    color: #000000;
    font-size: 16px;
}
.pagination-inner .prev-page, .pagination-inner .next-page {
    margin: 0 !important;
    color: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    margin-top: 2px !important;
    padding: 0 10px !important;
}
.pagination a.current {
    font-weight: 700;
}

.pagination a:hover {
    font-weight: 700;
}

.pagination .prev-page {
    padding: 0;
    margin-right: 27px;
}

.pagination .next-page {
    padding: 0;
    margin-left: 29px;
}

/* Events Filter Section End */

/* Field Price Section Start */

.field-pricing {
    background-color: #EDF8FB;
    padding-top: 84px;
    padding-bottom: 53px;
}

.field-pricing .filed-p-heading {
    margin-bottom: 50px;
}

.field-pricing .filed-p-heading h2 {
    color: #1F2049;
    margin-bottom: 28px;
}

.field-pricing .filed-p-heading p {
    margin-bottom: 0;
    letter-spacing: 0.0em;
}

.pricing-rpt h3 {
    color: #1F2049;
    letter-spacing: 0.00em;
    margin-bottom: 23px;
}

.pricing-rpt ul {
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 39px;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    row-gap: 50px;
}

.pricing-rpt ul li {
    background-color: #C4EDF6;
    border-top: 5px solid #38C4E1;
    text-align: center;
    padding: 17px 10px 19px 10px;
}

.field-pricing .container {
    max-width: 1295px;
}

.pricing-rpt ul li h4 {
    font-size: 30px;
    color: #3F4CA0;
    font-weight: 800;
    letter-spacing: 0.00em;
    margin-bottom: 10px;
    line-height: 1.1;
    min-height: 67px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.pricing-rpt ul li .pricing-e {
    font-weight: 200;
    color: #1F2049;
    font-size: 50px;
    display: inline-block;
}

.field-pricing .pricing-rpt {
    margin-bottom: 51px;
}

.pricing-rpt ul li span {
    font-size: 22px;
    font-weight: 400;
}

/* Field Price Section End */

/* Accordion Section Start */

.accordions-section {
    padding-top: 96px;
    padding-bottom: 84px;
}

.accordion-content ul {
    margin-left: 30px;
}

.accordions-section .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1297px;
}

.accordions-section .accordion-left {
    float: left;
    width: 41%;
    padding-top: 5px;
}

.accordions-section .accordion-right {
    float: left;
    width: 50.7%;
    padding-top: 16px;
}

.accordions-section h2 {
    margin-bottom: 24px;
}
.accordion-left p {
    letter-spacing: 0.0em;
}
.accordion-outer.is-open .accordion-heading {
    padding-bottom: 21px;
    padding-top: 40px;
}

.accordion-content p {
    margin-bottom: 13px;
}

.accordion-outer {
    margin-bottom: 16px;
    background-color: #ffffff;
    border-radius: 5px;
}

.accordion-outer .accordion-heading {
    padding: 20px 85px 18px 35px;
    cursor: pointer;
    position: relative;
    color: #1F2049;
    font-size: 25px;
    letter-spacing: 0.00em;
    line-height: 1.2;
    -webkit-transition: all 0.5s 
ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s 
ease-in-out;
    font-weight: 800;
}

.accordion-heading:after {
    content: "\f078";
    width: 46px;
    height: 46px;
    position: absolute;
    right: 27px;
    background-color: #38C4E1;
    border-radius: 50%;
    top: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 22px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.5s 
ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s 
ease-in-out;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
}

.accordion-outer.is-open .accordion-heading:after {
  -webkit-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

.accordion-content {
    padding: 15px 75px 28px 36px;
    display: none;
}
.accordion-left span.label-text {
    margin-bottom: 17px;
    display: block;
}
.accordion-content ul li {
    margin-bottom: 8px;
    font-size: 18px;
    letter-spacing: 0.00em;
}
.accordion-content p {
    font-size: 18px;
    letter-spacing: 0.00em;
}
.is-open .accordion-heading:after {
    top: 33px;
}
.header-dark-blue .accordion-content.list-design-style ul li:before {
    background-color: #000000;
}

/* Programs We Offer Section Start */

.programs-section {
    padding-top: 57px;
    padding-bottom: 107px;
}

.programs-section h2 {
    letter-spacing: 0.00em;
    margin-bottom: 50px;
    padding-left: 39px;
}

.programs-section  ul {
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 42px;
    row-gap: .;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    row-gap: 30px;
}

.programs-section ul li {
    background-color: #FBF4F7;
    padding: 15px 15px 79px 15px;
    position: relative;
}

.programs-section .container {
    max-width: 1389px;
}

.programs-section ul li .programs-bg {
    width: 100%;
    height: 298px;
    margin-bottom: 25px;
    overflow: hidden;
}

.programs-section ul li .programs-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s 
ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s 
ease-in-out;
    -o-object-position: center center;
    object-position: center center;
}
.programs-section ul li a:hover .programs-bg img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.programs-section ul li h3 {
    color: #6C0F28;
    font-size: 25px;
    letter-spacing: 0.00em;
    margin-bottom: 15px;
        -webkit-transition: all 0.5s 
ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s 
ease-in-out;
        padding-left: 18px;
}
.programs-section ul li a:hover h3 {
    color: #A81F5C;
}
.programs-section ul li p {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    letter-spacing: 0.0em;
    margin-bottom: 10px;
    padding-left: 18px;
    line-height: 1.45;
}
a.round-btn {
    width: 50px;
    height: 50px;
    display: flex;
    background-color: #A81F5C;
    color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-image: url(./assets/images/right-arrow.svg);
    background-size: 23px;
    background-position: center;
    background-repeat: no-repeat;
}

a.round-btn:hover {
    background-color: #ef4932;
}
.programs-section a.round-btn {
    margin-left: 17px;
    position: absolute;
    bottom: 29px;
}


/* Programs We Offer Section End */

/* Explore Two Block Section Start */

.explore-two-clm .explore-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.explore-two-clm .explore-wrap .explore-item {
    width: 50%;
    text-align: center;
    padding: 86px 30px 88px;
}

.explore-two-clm .explore-wrap .explore-item p {
    max-width: 480px;
    margin: 0 auto;
    width: 100%;
    letter-spacing: 0.0em;
    line-height: 1.5;
    margin-bottom: 40px;
}

.explore-item h2 {
    margin-bottom: 22px;
}


/* Explore Two Block Section End */

/* Sponsoring Section Start */

.sponsoring-block {
    padding-top: 64px;
    padding-bottom: 63px;
}

.sponsoring-block .sponsoring-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.sponsoring-block .sponsoring-wrap .sponsoring-item-img {
    width: 49.1%;
}

.sponsoring-block .sponsoring-wrap  .sponsoring-item-text {
    width: 43.2%;
    padding-top: 13px;
    padding-right: 6px;
}

.sponsoring-block .container {
    max-width: 1310px;
}

.sponsoring-block .sponsoring-wrap p {
    letter-spacing: 0.0em;
    line-height: 1.5;
    margin-bottom: 30px;
}

.sponsoring-wrap .sponsoring-head {
    margin-bottom: 50px;
}

.sponsoring-wrap h3 {
    letter-spacing: 0.00em;
    margin-bottom: 26px;
}

.sponsoring-block p a {
    color: #fff;
    text-decoration: underline;
    font-weight: 700;
}
.sponsoring-block p a:hover {
    color: #37c2e1;
}

/* Sponsoring Section End */

/* Become Sponsor Section Start */

.become-sponsor {
    padding-top: 90px;
    padding-bottom: 163px;
}

.become-sponsor .become-full-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.become-sponsor .become-full-block .become-left-item {
    float: left;
    width: 43%;
    padding-left: 16px;
    margin-top: -28px;
}

.become-sponsor .become-full-block  .become-right-image {
    width: 50.3%;
}

.become-sponsor .become-full-block .become-right-image img {
    display: block;
    width: 100%;
}

.become-sponsor .container {
    max-width: 1310px;
}

.become-sponsor .become-full-block .become-left-item h2 {
    margin-bottom: 35px;
}

.become-sponsor .become-full-block .become-left-item p {
    letter-spacing: 0.0em;
    margin-bottom: 30px;
    line-height: 1.5;
}
.become-sponsor .become-full-block .become-left-item p a {
    text-decoration: underline;
}

.become-sponsor .become-full-block .become-left-item p a:hover {
    color: #37c2e1;
}

/* Become Sponsor Section End */

/* Annual Reports Section Start */

.annual-report {
    padding-top: 78px;
    padding-bottom: 110px;
}

.annual-report ul {
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 30px;
    row-gap: .;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(5, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    row-gap: 30px;
}

.annual-report ul li a {
    background-color: #fff;
    padding: 30px 20px 38px 22px;
}

.annual-report h2 {
    margin-bottom: 48px;
    letter-spacing: 0.00em;
}

.annual-report .container {
    max-width: 1301px;
}

.annual-report ul li h3 {
    color: #004850;
    font-size: 30px;
    letter-spacing: 0.00em;
    margin-bottom: 2px;
    line-height: 1.2;
}

.annual-report ul li p {
    font-size: 16px;
    letter-spacing: 0.0em;
}


.annual-report ul li .report-number {
    margin-bottom: 49px;
}
.annual-report ul li .line-round-btn {
    display: inline-block;
    position: relative;
    padding-bottom: 2px;
    border-bottom: 2px solid #C4D92C;
    color: #004850;
    font-size: 20px;
    font-weight: 400;
}
.annual-report ul li .line-round-btn:before {
    content: "\f178";
    width: 50px;
    height: 50px;
    display: flex;
    background-color: #459C62;
    color: #C3D92C;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-size: 23px;
    position: absolute;
    right: -77px;
    top: -10px;
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    font-size: 21px;
}

.annual-report ul li a {
    background-color: #fff;
    padding: 30px 20px 38px 22px;
    display: block;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.annual-report ul li a:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.full-image-section img {
    width: 100%;
    display: block;
}

/* Annual Reports Section End */

/* Staff Section Start */

.full-image-section {
    display: block;
    height: 507px;
}
.full-image-section img {
    object-fit: cover;
    height: 100%;
    object-position: center;
}

.staff-section {
    padding-top: 27px;
    padding-bottom: 97px;
}

.staff-section .staff-block-list {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}

.staff-section .staff-block-list ul {
    width: 31%;
    list-style: none;
    margin: 0;
    padding-right: 90px;
    position: relative;
}

.staff-section .staff-block-list ul li {
    margin-bottom: 31px;
}
.staff-section .staff-block-list ul li:last-child {
    margin-bottom: 0;
}
.staff-section .staff-block-list ul:before {
    content: "";
    position: absolute;
    right: 35px;
    width: 1px;
    height: 100%;
    background-color: #000;
    opacity: 0.2;
}
.staff-section .staff-block-list ul:last-child:before {
    display: none;
}
.staff-section .staff-block-list ul li h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 4px;
    font-family: 'JUST Sans', sans-serif;
}

.staff-section .staff-block-list ul li p {
    margin-bottom: 0;
    font-size: 18px;
    letter-spacing: 0.0em;
}

.staff-section h2 {
    margin-bottom: 69px;
}

.staff-section .container {
    max-width: 1310px;
}
.adult-classes-btn {
    display: none;
}

/* Staff Section End */

/* full Overlap Section Start */

.full-image-content .full-image-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 527px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.full-image-content .full-image-content-wrap .full-image-text {
    width: 50%;
    padding-top: 47px;
    padding-bottom: 48px;
    padding-right: 126px;
    padding-left: 67px;
}
.full-image-content .full-image-content-wrap .overlap-image {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.full-image-content .full-image-content-wrap .full-image-text h2 {
    margin-bottom: 17px;
    letter-spacing: 0.00em;
}

.full-image-content .full-image-content-wrap .full-image-text p {
    letter-spacing: 0;
    margin-bottom: 43px;
    word-wrap: break-word;
}
.full-image-content {
    position: relative;
}
/* full Overlap Section End */

/* FAQ Section Start */

.faq-section {
    padding-top: 15px;
    padding-bottom: 79px;
    border-bottom: 1px solid #E5E5E5;
}
.faq-section h2 {
    color: #004850;
    margin-bottom: 65px;
    padding-left: 9px;
    letter-spacing: 0.00em;
}
.faq-section .faq-block {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 44.2px 0px #0000001A;
    box-shadow: 0px 0px 44.2px 0px #0000001A;
    padding: 65px 150px 52px 119px;
}

.faq-section .accordion-heading {
    padding: 0 !important;
    padding-left: 37px !important;
    color: #004850;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.0em;
}

.faq-section .accordion-outer {
    margin-bottom: 35px;
}

.faq-section .accordion-heading:after {
    background-color: transparent;
    width: auto;
    height: auto;
    left: 0;
    right: initial;
    color: #C4D92C;
    -webkit-transform: initial !important;
        -ms-transform: initial !important;
            transform: initial !important;
    top: 1px;
    font-size: 19px;
}

.faq-section .accordion-content {padding: 28px 0 9px 37px;}

.faq-section .accordion-content p {
    font-size: 20px;
    color: #000000;
    letter-spacing: 0.00em;
    line-height: 1.5;
    margin-bottom: 30px;
}

.faq-section .container {
    max-width: 1310px;
}

.faq-section .faq-block h3 {
    color: #004850;
    letter-spacing: 0.00em;
    margin-bottom: 32px;
}

.faq-block-full-wrap {
    padding-bottom: 31px;
    margin-bottom: 52px; 
    position: relative;
}

.faq-block-full-wrap:before {
    content: "";
    position: absolute;
    width: calc(100% + 98px);
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    bottom: 0;
    left: -34px;
}
.faq-block-full-wrap:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.faq-block-full-wrap:last-child:before {
    display: none;
}
.faq-section .accordion-content p:last-child {
    margin-bottom: 0;
}

/* FAQ Section End */

/* Donations Section Start */

.donations-section {
    padding-top: 50px;
    padding-bottom: 90px;
}

.donations-section h2 {
    font-size: 40px;
    margin-bottom: 35px;
    padding-left: 28px;
}

.donations-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.donations-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 30px;
    row-gap: .;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(5, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    row-gap: 30px;
}

.donations-section ul li {
    background-color: #EDF4C0;
    padding: 22px 20px 20px 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    top: 0;
}
.donations-section ul li:hover {
    top: -10px;
}

.donations-section ul li span {
    width: 38px;
    height: 38px;
    display: inline-block;
    background-color: #C3D92C;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 10px;
}

.donations-section ul li span img {
    display: block;
}

.donations-section ul li p {
    font-size: 18px;
    letter-spacing: 0.00em;
    line-height: 1.5;
    margin-bottom: 0;
}

.donations-section .container {
    max-width: 1349px;
}
section.sticky-z-top.bg-ivory + .donations-section.bg-ivory {
    padding-top: 20px;
}
/* Donations Section End */

/* Thankyou Section Start */

.thankyou-sec {
    padding: 92px 0 93px;
    text-align: center;
}

.thankyou-sec h3 {
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 25px;
}

.thankyou-sec  .container {
    max-width: 1030px;
}


/* Thankyou Section End */

/* Way To Give Section Start */

.ways-to-give {
    padding-top: 64px;
    padding-bottom: 112px;
}

.ways-to-give h2 {
    text-align: center;
    margin-bottom: 39px;
}

.ways-to-give ul {
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 42px;
    row-gap: .;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    row-gap: 50px;
}

.ways-to-give ul li {
    background-color: #fff;
    padding: 28px 27px 30px 32px;
    border-top: 5px solid #459C62;
}

.ways-to-give .container {
    max-width: 1390px;
}

.ways-to-give ul li h3 {
    font-size: 25px;
    font-weight: 800;
    color: #004850;
    letter-spacing: 0.00em;
    margin-bottom: 14px;
    
    &.text-indigo{
      color:#1F2049 !important;
    }
}



.ways-to-give ul li p {
    font-size: 16px;
    margin-bottom: 10px;
    letter-spacing: 0.00em;
    line-height: 1.47;
}

/* Way To Give Section End */

/* Donor Circle Section Start */


.donor-circle {
    padding-top: 79px;
    padding-bottom: 52px;
    overflow: hidden;
}

.donor-circle h2 {
    margin-bottom: 40px;
}

.donor-circle .container {
    max-width: 1412px;
}

.donor-heading {margin-bottom: 47px;padding-left: 52px;}

.donor-heading .donor-two-clm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.donor-heading .donor-two-clm .left-donor {width: 44%;}

.donor-heading .donor-two-clm .right-donor {
    width: 50.7%;
    padding-right: 83px;
}

.donor-heading .donor-two-clm p {
    letter-spacing: 0.00em;
    line-height: 1.5;
}

.donor-accordion .accordion-heading {
    padding: 0;
    border-radius: 0 !important;
}

.donor-accordion .accordion-outer {border-radius: 0;position: relative;margin-bottom: 42px;background-color: transparent;}
.donor-accordion .accordion-outer:before {
    position: absolute;
    right: -100%;
    width: 100vw;
    top: 0;
    background-color: #EDF4C0;
    height: 100%;
    content: "";
}

.donor-accordion .accordion-outer .accordion-heading {
    position: relative;
    background-color: #C3D92C;
    font-size: 40px;
    font-weight: 800;
    color: #004850;
    padding: 31px 20px 31px 122px;
    letter-spacing: 0.00em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.donor-accordion .accordion-outer.is-open .accordion-heading {
    padding: 31px 20px 31px 122px;
}

.donor-accordion .accordion-outer .accordion-heading::after {
    right: inherit;
    left: 50px;
    background-color: #fff;
    color: #459C62;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%) rotate(0deg);
}
.donor-accordion .accordion-outer.is-open .accordion-heading::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}

.donor-accordion .accordion-outer .accordion-heading span {
    font-weight: 600;
    font-size: 20px;
    margin-left: 20px;
    position: relative;
    top: 3px;
    letter-spacing: 0.00em;
}

.donor-accordion .accordion-outer .accordion-heading:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #C3D92C;
    top: 0;
    right: -100%;
}

.donor-accordion .accordion-content {
    position: relative;
    background-color: #EDF4C0;
    padding: 25px 40px 29px 121px;   
    left: 18px;
}

.donor-accordion .accordion-content ul {
    width: 50%;
    margin: 0;
    padding-right: 30px;
}

.donor-accordion .accordion-content li {
    letter-spacing: 0.00em;
    font-weight: 500;
    margin-bottom: 6px;
}

.donor-supprt-block {
    text-align: center;
    padding-top: 36px;
    padding-bottom: 30px;
    max-width: 760px;
    margin: 0 auto;
}

.donor-supprt-block h3 {
    font-size: 25px;
    margin-bottom: 34px;
    font-weight: 700;    
    font-family: 'JUST Sans', sans-serif;
}

.donor-accordion .accordion-content li::before {
    width: 3px;
    height: 3px;
    top: 15px;
    left: -16px;
}
.donor-accordion .accordion-content .accordion-list-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
}

/* Donor Circle Section End */

/* Member Benefits Section Start */

.member-benefits-sec {
    padding-top: 0;
    padding-bottom: 70px;
    overflow: hidden;
}

.member-benefits-sec .container {
    max-width: 1412px;
}

.member-benefits-sec h2 {    
    position: relative;
    background-color: #C3D92C;
    font-size: 40px;
    font-weight: 800;
    color: #004850;
    padding: 36px 20px 31px 61px;
    letter-spacing: 0.00em;
    margin-bottom: 0;
}

.member-benefits-sec h2:before {content: "";position: absolute;width: 100%;height: 100%;background-color: #C3D92C;top: 0;right: -100%;}

.member-main-item {
    position: relative;
    width: 100%;
    background-color: #EDF4C0;
    padding: 71px 62px 30px 79px;
    gap: 70px;
    row-gap: .;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    row-gap: 55px;
    margin-left: 18px;
}

.member-main-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: -100%;
    background-color: #EDF4C0;
}

.member-main-item .member-benefits-wrap {
    width: 100%;
}

.member-main-item .member-benefits-wrap h3 {
    color: #004850;
    padding-left: 58px;
    position: relative;
    margin-bottom: 12px;
    font-size: 30px;
    letter-spacing: 0.00em;
}

.member-main-item .member-benefits-wrap p {
    font-size: 18px;
    letter-spacing: 0.00em;
    line-height: 1.5;
    margin-bottom: 28px;
    display: inline-block;
    width: 100%;
}

.member-benefits-wrap .member-left-area {margin-bottom: 23px;}

.member-main-item .member-benefits-wrap h3 span {
    position: absolute;
    left: 0;
    width: 46px;
    height: 46px;
    background-color: #C3D92C;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* Member Benefits Section End */

/* Support Foundation Section Start */

.support-section {
    padding-top: 81px;
    padding-bottom: 67px;
}

.support-section .container {
    max-width: 1275px;
}

.support-section .support-wrap {
    gap: 63px;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    row-gap: 50px;
}

.support-section .support-wrap .support-list-area {
    background-color: #fff;
    padding: 50px 40px 55px 57px;
    height: min-content;
    margin-top: 16px;
}

.support-section .support-wrap .support-list-area h3 {
    letter-spacing: 0.00em;
    font-size: 20px;
    margin-bottom: 46px;
    font-weight: 700;
    color: #004850;
    font-family: 'JUST Sans', sans-serif;
}

.support-section .support-wrap .support-list-area ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.support-section .support-wrap .support-list-area ul li {
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 32px;
    padding-left: 52px;
    position: relative;
}

.support-section .support-wrap .support-list-area ul li span {
    position: absolute;
    left: 0;
    width: 38px;
    height: 38px;
    background-color: #C3D92C;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: -6px;
}

.support-textarea h2 {
    margin-bottom: 22px;
}

.support-textarea p {
    letter-spacing: 0.00em;
    line-height: 1.5;
}

.support-section .support-wrap .support-list-area ul li:last-child {
    margin-bottom: 0;
}

/* Support Foundation Section End */

/* Foundation Board Section Start */

.foundations-board {
    position: relative;
}

.foundations-board .foundation-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}

.foundations-board .foundation-wrap .founcation-img {
    position: absolute;
    left: 0;
    height: 100%;
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.foundations-board .foundation-wrap  .foundation-text {
    float: left;
    width: 50%;
    padding: 90px 0 89px 67px;
}

.foundations-board .foundation-wrap .foundation-list {
    gap: 39px;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    row-gap: 30px;
}

.foundation-wrap .foundation-list h3 {
    margin-bottom: 2px;
    font-size: 20px;
    font-weight: 700;
}

.foundation-wrap .foundation-list p {
    margin-bottom: 0;
    letter-spacing: 0.0em;
    line-height: 1.5;
}

.foundation-text h2 {
    margin-bottom: 55px;
}

.foundation-wrap .foundation-list .found-area {
    margin-bottom: 32px;
}

.foundation-wrap .foundation-list .found-area:last-child {
    margin-bottom: 0;
}

.foundations-board .container {
    max-width: 1310px;
}

/* Foundation Board Section End */

/* Corporate Membership Options Section Start */

.corporate-head {
    padding-top: 73px;
    padding-bottom: 105px;
}


.corporate-head .corporate-wrap {
    max-width: 859px;
    width: 100%;
    padding-left: 20px;
}

.corporate-head .corporate-wrap h2 {
    margin-bottom: 30px;
}

.corporate-head .corporate-wrap p {
    letter-spacing: 0.00em;
    line-height: 1.5;
}

.corporate-section .container {
    max-width: 1333px;
}

.corporate-section  .corporate-list {
    gap: 81px;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    row-gap: 61px;
    margin-top: -69px;
}

.corporate-section .corporate-list .corporate-blocks {
    background-color: #fff;
    border-top: 5px solid #459C62;
    padding: 35px 49px 26px 43px;
}

.corporate-list .corporate-blocks h3 {
    font-size: 40px;
    color: #004850;
    letter-spacing: 0.00em;
    margin-bottom: 7px;
}

.corporate-list .corporate-blocks h4 {
    font-size: 25px;
    color: #1F2049;
    margin-bottom: 0;
}

.corporate-list .corporate-blocks ul {
    margin-left: 25px;
    list-style: none;
    margin-top: 25px;
}

.corporate-list .corporate-blocks ul li {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
    position: relative;
}

.corporate-list .corporate-blocks ul li:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #000;
    border-radius: 50%;
    left: -14px;
    top: 13px;
}

.corporate-section {
    padding-bottom: 107px;
}

/* Corporate Membership Options Section End */

/* 404 Page Style Start */

.error404 .page-content-section {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #449c62;
}
.error404 .page-content-section a.btn {
    background-color: #fff;
    color: #004850 !important;
}
.error404 .page-content-section h1.title-404 {
    font-size: 160px; 
    color: #ffffff;
}

/* 404 Page Style End */

/* Search Section Start */
.search-results .collection-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
        gap: 50px;
      width: 100%;
}
.search-results .collection-block.coman-white .collection-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
        width: 100%;
}

.search-results .collection-block.coman-white .collection-item .search-heading {
    width: 80%;
    padding-right: 50px;
}

.search-results .collection-block.coman-white .collection-item .collection-img {
    width: 20%;
    height: 230px;
    object-fit: cover;
}
.search-results h1.page-title {
    color: #fff;
    font-size: 45px;
    margin-bottom: 50px;
}

.search-results h1.page-title span {
    font-weight: 400;
}
.search-results .site-content {
    padding-top: 100px;
    padding-bottom: 100px;
}
.search .no-data {
    color: #fff;
}
/* Search Section Start */

/* Featured past Section Start */
.featured-past-exh { padding: 0px 0 91px; }
.featured-slider .slick-track { display: flex !important; flex-wrap: wrap; align-items: center; }
.featured-slider .slick-slide { height: inherit !important; display: flex !important; }
.featured-slider-wrap { padding-left: calc((100% - 1219px)/2); position: relative; z-index: 1; }
.slider-item { margin-right: 58px; }
.featured-slider .slick-slide .featured-slider-bg { width: 100%; height: 532px;background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;     transition: all 0.5s 
ease-in-out;     display: block;    overflow: hidden;}
.featured-slider .slick-slide .featured-slider-bg .featured-backgroundimg {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}   
.featured-slider .slick-slide .featured-slider-bg:hover .featured-backgroundimg {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.featured-slider .slick-slide .featured-slider-bg:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24.85%, rgba(0, 0, 0, 0.93) 100%);
    left: 0;
    top: 0;
}
.featured-slider .slick-slide.slick-center .featured-slider-bg { height: 616px; }
.featured-slider-wrap .featured-slider {min-height: 616px;}
.featured-slider .slick-list { padding-right: 430px !important; }
.featured-bottom-content { position: absolute; bottom: 0; padding: 33px 0 33px 12px; left: 30px; width: auto; display: flex ; flex-wrap: wrap; align-items: end; justify-content: space-between; right: 30px; border-top: 1px solid rgb(255 255 255 / 50%); } 
.featured-bottom-content .content p {
    margin: 0;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.00em;
    display: none;
}
.slick-current .featured-bottom-content .content p {
    display: block
}
.featured-bottom-content .content h3 {
    color: #fff; 
    letter-spacing: 0.00em;
    margin-bottom: 5px;
}
.featured-bottom-content .link .featured-btn { display: inline-block; vertical-align: middle; font-family: JUST Sans; font-weight: 400; font-size: 20px; line-height: 30px; color: #fff; border-bottom: 2px solid #C4D92C; }
.mobile-featured-content { display:none; }
.featured-past-exh h2 {
    color: #004850;
    font-size: 34px;
    margin-bottom: 30px;
}
.featured-past-exh button.slick-arrow {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #C3D92C;
    color: #004850;
    padding: 0;
    justify-content: center;
}
.featured-past-exh button.slick-prev.slick-arrow {
    left: -21px;
}
.featured-bottom-content .link {
    margin-bottom: 6px;
}
.featured-past-exh .container {
    max-width: 1303px;
}
.one-slider-show .slick-track {
    left: 0 !important;
}
.featured-slider-wrap button.slick-next.slick-arrow {
    margin-right: -23px;
}

/* Featured past Section End */

/* Fillter Block Start */

.filter-wrap ul.classes-list-wrap {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 57px;
}

.filter-wrap ul.classes-list-wrap li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.classes-list-wrap div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.classes-list-wrap {
    margin-bottom: 56px;
}

/* Fillter Block End */

/* Donor Circle Member Levels Section Start */

.member-levels {
    padding-top: 105px;
    padding-bottom: 115px;
}

.member-levels .container {
    max-width: 1292px;
}

.member-levels .member-levels-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.member-levels .member-levels-block .member-level-des {width: 44%;}

.member-levels .member-levels-block .member-circle {
    width: 48.2%;
    padding-top: 8px;
}

.member-levels .member-levels-block .member-level-des h2 {
    margin-bottom: 27px;
}

.member-levels .member-levels-block .member-level-des p {
    letter-spacing: 0.00em;
    line-height: 1.65;
    margin-bottom: 32px;
}

.member-levels .member-levels-block .level-btns {
    margin-top: 20px;
    display: inline-block;
    width: 100%;
}

.level-btns a {
    margin-right: 27px;
    margin-bottom: 10px;
}
.level-btns a:last-child {
    margin-right: 0;
}

.member-circle ul {
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 34px;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    row-gap: 28px;
}

.member-circle ul li {
    padding: 23px 20px 20px 20px;
    background-color: #EDF4C0;
    border-top: 5px solid #459C62;
    text-align: center;
}

.member-circle ul li h4 {
    font-size: 30px;
    color: #004850;
    letter-spacing: 0.00em;
    margin-bottom: 5px;
}

.member-circle ul li p {
    font-size: 25px;
    font-weight: 300;
    color: #1F2049;
    margin-bottom: 0;
}

.member-levels .member-levels-block .member-circle h3 {
    text-align: center;
    font-size: 30px;
    letter-spacing: 0.00em;
    margin-bottom: 32px;
}
.member-levels-block + .level-btns {
    display: none;
}

/* Donor Circle Member Levels Section End */

/* Featured Event Slider Section */

.featured-events .featured-bottom-content .content h4 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 11px;
    letter-spacing: 0.00em;
    margin-bottom: 0;
    display: none;
}

.featured-events.featured-past-exh {
    padding-top: 61px;
}

.featured-events.featured-past-exh h2 {
    color: #6C0F28;
    font-size: 50px;
}

.featured-events .featured-bottom-content .content p {line-height: 1.5;}

.featured-events .featured-bottom-content .content {
    padding-right: 80px;
    max-width: 700px;
    width: 100%;
}

.featured-events .featured-bottom-content .link .featured-btn {
    border: none;
    background-color: #EF4932;
}

.featured-events .featured-bottom-content {
    padding: 21px 0 33px 12px;
}

.featured-events .featured-bottom-content .content h3 {
    margin-bottom: 18px;
    line-height: 1.2;
}
.featured-events .slick-current .featured-bottom-content .content h4 {
    margin-bottom: 20px;
    display: none;
}
.featured-events.featured-past-exh button.slick-arrow {
    background-color: #A81F5C;
    color: #fff;
}
.featured-events .featured-bottom-content .link {
    position: absolute;
    right: 0;
}
.featured-events.featured-past-exh button.slick-next.slick-arrow {
    margin-right: -23px !important;
}
.featured-bottom-content a.round-btn {
    background-color: #EF4932;
}

.featured-bottom-content a.round-btn:hover {
    background-color: #A81F5C;
}

/* Featured Event Slider End */

/* Events Calendar Section Start */

.tribe-common div, .tribe-common h3, .tribe-common h2, .tribe-common h4, .tribe-common h5, .tribe-common h6, .tribe-common p, .tribe-common span, .tribe-common input, .tribe-common a {
    font-family: 'JUST Sans', sans-serif; !important;
}


.events-calendar-block {
    background-color: #fbf4f7;
    padding: 30px 0 90px;
    overflow: hidden;
}

.events-calendar-block .tribe-events-view {
    background-color: #fff;
    box-shadow: 0px 15px 44.2px 0px #0000001A;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button {
    background-color: #EF4932;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button:hover {
    background-color: #a81f5c;
}
.tribe-events-pro .tribe-events-pro-photo__event-featured-image-link { 
    height: 232px;
    object-fit: contain;
    overflow: hidden;
}
.tribe-events-pro .tribe-events-pro-photo__event-featured-image-link img {
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
    border-color: #ef4932 !important;
    color: #ffffff !important;
    background-color: #ef4932 !important;
}

.tribe-common .tribe-common-c-btn-border:hover, .tribe-common a.tribe-common-c-btn-border:hover {
    border-color: #a81f5c !important;
    background-color: #a81f5c !important;
}
.events-calendar-block .container {
    max-width: 1318px;
}
.events-calendar-block h2 {
    position: relative;
    top: 50px;
    z-index: 1;
    left: 40px;
    margin-bottom: -54px;
    color: #6C0F28;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-top: 150px !important;
}
/* Events Calendar Section End */

/* Map Section Start */

.map-heading-block {
    display: inline-block;
    width: 100%;
    background-color: #1B4A53;
    padding-top: 70px;
    padding-bottom: 28px;
}

.map-heading-block p {
    font-size: 22px;
    letter-spacing: 0.00em;
    max-width: 780px;
    width: 100%;
    line-height: 1.4;
}

.map-heading-block h2 {
    margin-bottom: 24px;
}

.map-heading-block .container {
    max-width: 1310px;
}

/* Map Section End */

/* Company Logo Section Start */
.company-logo-section {
    padding-top: 0;
    padding-bottom: 100px;
    overflow: hidden;
    padding-left: 50px;
}
.company-wrap-item {
    padding-left: calc((100% - 1237px) / 2);
    position: relative;
    z-index: 1;
}
 .marquee-wrapper {
  width: 100%;
  overflow: hidden; 
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.marquee-wrapper .marquee-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.marquee-wrapper .marquee-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}

.marquee-wrapper .stat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 240px;
    margin: 0 45px;
}
.marquee-wrapper .stat img {
    width: 100%;
    display: block;
}
/* Company Logo Section End */

/* Latest News Section Start */

.latest-news-section {
    padding-top: 53px;
    padding-bottom: 18px;
}

.latest-news-section h2 {
    padding-left: 8px;
    margin-bottom: 30px;
    letter-spacing: 0.0em;
}

.latest-news-section .latest-news-bg {height: 616px;background-size: cover;background-repeat: no-repeat;background-position: top center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: end;padding: 50px 22px 31px 26px;position: relative; overflow: hidden;}

.latest-news-section .latest-news-bg .letest-bg-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding: 25px 6px 0 21px;
    position: relative;
    z-index: 1;
}

.latest-news-section .latest-news-bg .letest-bg-wrap .latest-content-wrap {
    width: 85%;
    padding-right: 70px;
}

.latest-news-section .latest-news-bg .letest-bg-wrap  .latest-content-right {
    width: 15%;
    text-align: right;
    padding-bottom: 7px;
}

.latest-content-wrap h3 {
    color: #fff;
    margin-bottom: 6px;
    letter-spacing: 0.0em;
}

.latest-content-wrap p {
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.00em;
    margin-bottom: 0;
}

.latest-news-section .latest-news-bg:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(24.85%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.93)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 24.85%, rgba(0, 0, 0, 0.93) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24.85%, rgba(0, 0, 0, 0.93) 100%);
    left: 0;
    top: 0;
}

.latest-news-section .container {
    max-width: 1312px;
}

.latest-content-right .line-link {
    font-size: 20px;
    color: #fff;
    padding: 0px 6px 12px 6px;
}

.latest-content-right .line-link::before {
    background-color: #C4D92C;
    margin-bottom: 7px;
}

.latest-news-section .latest-news-bg .latest-news-bg-img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);            
}

.latest-news-section .latest-news-bg:hover .latest-news-bg-img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.events-section.news-press-block {background-color: #fcfdf4;     padding-bottom: 94px;}
.events-section.news-press-block .events-blocks h3 {
    color: #004850;
}

.events-section.news-press-block .events-blocks .events-bg {
    height: 199px;
}

.events-section.news-press-block .events-blocks .line-link:before {
    background-color: #C4D92C;
}

.events-section.news-press-block .pagination {
    padding-top: 85px;
}

.events-section.news-press-block .pagination .next-page, .events-section.news-press-block .pagination .prev-page {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    padding: 0 25px !important;
}

.events-section.news-press-block .pagination span, .events-section.news-press-block .pagination a {
    padding: 0 8px !important;
}

.events-section.news-press-block .pagination .next-page i, .events-section.news-press-block .pagination .prev-page i {
    font-size: 13px;
    position: relative;
    top: -1px;
}

.events-section.news-press-block .pagination span.page-link-blank, .events-section.news-press-block .pagination span.page-link-blank:hover {
    color: rgba(0, 0, 0, 0.5);
}

.events-section.news-press-block .pagination .next-page:hover, .events-section.news-press-block .pagination .prev-page:hover {
    color: #459C62;
}
.two-block-section p {
    letter-spacing: 0.0em;
    margin-bottom: 34px;
}
.contact-form .wpforms-container .wpforms-field .wpforms-clear button.wpforms-page-button:after, .bg-dark-cyan .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit:after {
    display: none !important;
}

/* Latest News Section End */


/* Footer Section Start */

footer.main-footer {
    padding-top: 44px;
    background-color: #fff;
    position: relative;
}

.footer-logos {
    text-align: center;
    margin-bottom: 50px;
}

.footer-logos h3 {
    color: #000;
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 24px;
}

.footer-logos ul {
    padding: 0;
    list-style: none;
    max-width: 557px;
    text-align: center;
    gap: 24px;
    row-gap: .;
    -ms-grid-columns: minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: -ms-grid;
    display: grid;
    margin: 0 auto;
   -webkit-box-align: center;-ms-flex-align: center;align-items: center;    
}
.footer-three-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.footer-three-block .mmo-details {
    width: 32.3%;
    text-align: center;
    padding-top: 9px;
}

.footer-three-block .museum-house {
    width: 27.7%;
    background-color: #C3D92C;
    border-radius: 13px;
    padding: 25px 30px 29px 35px;
    margin-right: -1.8%;
}

.footer-three-block .museum-house h4 {
    font-size: 25px;
    margin-bottom: 17px;
}

.footer-three-block .museum-house ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 22px;
}

.footer-three-block .museum-house ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
}

.footer-three-block .museum-house ul li span {
    color: #00484F;
    font-size: 16px;
    font-weight: 500;
}

.footer-three-block .museum-house ul li span:first-child {
    font-weight: 700;
    max-width: 128px;
    width: 100%;
}

.footer-three-block .museum-house p {
    margin-bottom: 0;
    font-size: 15px;
    color: #00484F;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.00em;
}

.footer-three-block .general-admission {
    width: 32.7%;
    background-color: #38C4E1;
    border-radius: 13px;
    padding: 26px 30px 20px 33px;
}

.footer-three-block .general-admission h4 {
    font-size: 25px;
    font-weight: 700;
    color: #20214A;
    margin-bottom: 16px;
}

.footer-three-block .general-admission ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

.footer-three-block .general-admission ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
}

.footer-three-block .general-admission ul li span,
.footer-three-block .general-admission ul li strong {
    font-size: 16px;
    color: #20214A;
    font-weight: 500;
}

.footer-three-block .general-admission ul li span:first-child,
.footer-three-block .general-admission ul li strong:first-child  {
    max-width: 65px;
    font-weight: 700;
    width: 100%;
    text-transform: uppercase;
}

.footer-three-block .general-admission p {
    font-size: 15px;
    font-weight: 500;
    color: #20214A;
    margin-bottom: 0;
    letter-spacing: 0.0em;
    line-height: 1.29em;
}

.footer-three-block .mmo-details p {
    font-size: 18px;
    color: #004850;
    margin: 0 auto 20px;
    max-width: 200px;
    line-height: 1.22;
}

.footer-three-block .mmo-details p a {
    color: #004850;
    font-weight: 500;
    text-decoration: none;
}
.footer-three-block .mmo-details p a:hover, .footer-three-block .mmo-details a.number-footer:hover {
    color: #c3d92c !important;
}

.footer-three-block .mmo-details a.number-footer {
    font-size: 18px;
    color: #004850;
    display: block;
    max-width: 200px;
    width: 100%;
    margin: 0 auto 37px;    
    font-weight: 500;
}
.footer-three-block .mmo-details a.btn.bg-dark-cyan.text-white svg path {
    stroke: #C4D92C;
}
.footer-three-block .mmo-details a.number-footer:hover {
    color: #000;
}

.footer-bottom {
    margin-top: 45px;
    background-color: #F8FAE8;
    padding: 35px 0 32px;
}

.footer-bottom .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.footer-bottom  .footer-bottom-btn {
    padding-right: 20px;
    width: 33.33%;
    text-align: center;
}
.footer-bottom .footer-bottom-btn a.line-link {
    color: #004850;
    font-size: 25px;
    font-weight: 700;
}

.footer-bottom .footer-bottom-btn a.line-link::before {background-color: #C3D92C;}

.footer-bottom .footer-bottom-social {
    text-align: center;
    width: 33.33%;
}
.footer-bottom-social .social-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 11px;
}

.footer-bottom-social .social-icons a {
    margin: 0 10px;
    width: 32px;
    height: 32px;
    background-color: #004850;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #C3D92C;
    font-size: 16px;
}
.footer-bottom-social .social-icons a svg {
    width: 18px;
}
.footer-bottom-social .social-icons a:last-child svg {
    width: 30px;
}
.footer-bottom-social .social-icons a:hover {
    background-color: #000000;
    color: #004850;
}
.footer-bottom-social ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.footer-bottom-social ul li a {
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    padding: 0 10px;
    position: relative;
    line-height: 1;
}
.footer-bottom-social ul li a:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 80%;
    background-color: #000;
    right: 0px;
    top: 54%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.footer-bottom-social ul li:last-child a:before {
    display: none;
}

.footer-bottom-social ul li:last-child a {border: none;}

.footer-bottom-social ul li a:hover {
    color: #c3d92c;
}

.footer-bottom .policy {
    width: 33.33%;
    text-align: right;
}

.footer-bottom .policy p {
    font-size: 15px;
    color: #000;
    font-weight: 400;
    margin-bottom: 0;
    letter-spacing: 0.0em;
}
.mmo-details a.footer-logo span {
    display: block;
    font-size: 27.03px;
    font-weight: 700;
    color: #004850;
    margin-bottom: 19px;
    margin-top: -6px;
}
.upcoming-events ul.slick-dots {
    display: none;
}
.footer-three-block .museum-house ul, .footer-three-block .general-admission ul {
    min-height: 180px;
}
.footer-bottom-social .social-icons a i {
    display: none;
}
.main-header .social-icon i {
    display: none;
}
.footer-three-block .mmo-details a.footer-logo {
    display: block;
}

.footer-three-block .mmo-details a.footer-logo svg {
    width: 100%;
}
/* Footer Section End */

/* Side Wide Header Color Change */

.header-dark-blue .down-links a:before {
    background-color: #3F4CA0;
}
.header-dark-blue .down-links a {
    color: #3F4CA0;
}
.header-dark-blue .details-item-block .details-inner-block {
    border-bottom: 1px solid rgba(56, 196, 225, 0.38);
}
.header-dark-blue .line-link:before {
    background-color: rgba(56, 196, 225, 1);
}

.header-dark-cyan .page-banner {
    background-color: #004850;
}

.header-dark-cyan .main-header {
    background-color: #004850;
}

.header-dark-cyan .site-header:before {
    background-color: #004850;
}

.header-dark-cyan .enumenu_ul li a, .header-dark-blue .enumenu_ul li a, .header-dark-pink .enumenu_ul li a {
    color: #fff;
}

.header-dark-cyan .top-header .top-header-content .top-header-search .search-block:before {
    background-color: #C3D92C;
}

.header-dark-cyan .top-header .top-header-content .top-header-search .search-block {
    background-color: #C3D92C;
}

.header-dark-cyan .top-header .top-header-content .top-header-search .search-block a {
    color: #004850;
}
.header-dark-cyan .top-header .top-header-content .top-header-search .search-block a:hover {
    color: #449c62;
}
.header-dark-cyan .hamburger-btn span, .header-dark-blue .hamburger-btn span, .header-dark-pink .hamburger-btn span {
    background-color: #fff;
}
.header-dark-cyan .page-banner .banner-title-text .banner-title, .header-dark-blue .page-banner .banner-title-text .banner-title {
    color: #fff;
}
.header-dark-cyan .page-banner-full-img .banner-image .sub-heading:after{
    background-color: #C3D92C;
}
.header-dark-cyan .header-wrap .header-logo svg path, .header-dark-blue .header-wrap .header-logo svg path {
    fill: #fff;
}
.header-dark-cyan .top-header .top-header-content .top-header-time:before {
    background-color: #004850;
}
.header-dark-cyan .top-header .top-header-content .top-header-time p {    
    color: #fff;
    background-color: #004850;
}
.header-dark-cyan .top-header .top-header-content .top-header-search .search-block a svg path {
    fill: #004850;
    stroke: #004850;
}
.header-dark-blue .header-dark-blue .top-header, .header-dark-blue .top-header .top-header-content .top-header-time p:after, .header-dark-blue .top-header .top-header-content .top-header-time:before {
    background-color: #3F4CA0;
}

.header-dark-blue .top-header .top-header-content .top-header-time p {
    color: #fff;
    background-color: #3F4CA0;
}

.header-dark-blue .top-header .top-header-content .top-header-search .search-block, .header-dark-blue .top-header .top-header-content .top-header-search .search-block:before{
        background-color: #1F2049;
}
.header-dark-blue .top-header .top-header-content .top-header-search .search-block:after{
        background-color: #38c4e1;
}
.header-dark-blue .page-banner, .header-dark-blue .main-header {
    background-color: #3F4CA0;
}
.header-dark-blue .site-header:before {
    background-color: #3f4ca0;
}
.header-dark-blue .top-header {
    background-color: #38C4E1;
}
.header-dark-blue .page-list-slider a span, .header-dark-blue .page-banner-full-img .banner-image .sub-heading:after {
    background-color: #38C4E1;
}
.bottom-description {
    text-align: center; 
    padding-top: 50px;
}
.bottom-description p{
    color: #fff;    
}
.bottom-description p:last-child {
    margin-bottom: 0;
}

.header-dark-pink .top-header, .header-dark-pink .top-header .top-header-content .top-header-time p:after, .header-dark-pink .top-header .top-header-content .top-header-search .search-block:after {
    background-color: #EF4932;
}

.header-dark-pink .top-header .top-header-content .top-header-time p {
    color: #fff;
    background-color: #A81F5C;
}
.header-dark-pink .top-header .top-header-content .top-header-time:before {
    background-color: #A81F5C;
}
.header-dark-pink .top-header .top-header-content .top-header-search .search-block:before, .header-dark-pink .top-header .top-header-content .top-header-search .search-block {
    background-color: #6C0F28; 
} 
.header-dark-pink .top-header .top-header-content .top-header-search a {    
    color: #000000;
}
.header-dark-pink .top-header .top-header-content .top-header-search a:hover {    
    color: #ffffff;
}
.header-dark-pink .top-header .top-header-content .top-header-search .search-block a {    
    color: #ffffff;
}
.header-dark-pink .main-header {
    background-color: #A81F5C;
}
.header-dark-pink .header-wrap .header-logo svg path {
    fill: #fff;
}
.header-dark-pink .site-header:before{
    background-color: #A81F5C;
}
.header-dark-pink .page-banner {
    background-color: #A81F5C;
}
.header-dark-pink .page-banner .banner-title-text .banner-title{
    color: #fff;
}
.header-dark-pink .page-banner-full-img .banner-image .sub-heading:after {    
    background-color: #EF4932;
}
.header-dark-pink {
    background-color: #a81f5c;
}
.header-lime-green {
    background-color: #c4d92c;
}
.header-dark-cyan {
    background-color: #004850;
}
.header-dark-blue {
    background-color: #3f4ca0;
}


/**/

.slider-container { 
    position: relative;
}

.page-list-slider {
    display: flex;
    overflow-y: hidden;
    scroll-behavior: smooth;
    cursor: grab;
}
.page-slider .page-list-slider:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
    bottom: 2px;
}
.page-list-slider::-webkit-scrollbar {
    display: none;
}
/* For Firefox */
.page-list-slider {
    scrollbar-width: none;
}
.page-list-slider:active {
    cursor: grabbing;
}

.page-list-slider > div {
    flex: 0 0 auto;
}

.page-list-slider a:hover {
    color: #000;
}

.page-list-slider a.active {
    border-bottom-color: #b8d430;
}

.nav-button {
    position: absolute;
    top: 41%;
    transform: translateY(-50%);
    color: #00484F;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.3s ease;
    z-index: 1;
    border: none;
    background-color: transparent;
}
.nav-button.left {
    left: 10px;
    display: none;
}

.nav-button.right {
    right: 5px;
    display: none;
}
.classes-list-wrap.page-list-slider {
    border: none;
}

/**/

.filter-wrap {
    position: relative;
}
body.home {
    background-color: #C4DA2B;
}
.single .single-post-content-wrap .two-block-section {
    padding-top: 57px;
}
.header-dark-blue .page-slider .page-list-slider div a.text-dark-cyan-alt {
    color: #1F2049;
}
.search .load-more-wrapper button.load-more-btn {
    background-color: #C4D92C;
    color: #00484F;
    padding: 22px 45px 22px 45px;
}
.search .collecton-section {
    padding-bottom: 100px;
}
.menu-open {
    overflow: hidden !important;
}
.hide-right-block .scroll-left-block {
    width: 100% !important;
}
.hide-right-block h2 {
    max-width: 100%;
}


/* Responsive Style Css Start */
@media only screen and (min-width: 2000px) {
    .hero-top-image-animation {
        height: 577px;
    }
    .animation-image-03 img {
        width: 440px;
        display: block;
    }
}
@media only screen and (min-width: 2800px) {
    .hero-top-image-animation {
        height: 640px;
    }
    .animation-image-02 {
        width: 13%;
    }
}
@media only screen and (min-width: 1302px) {
    .feature-works .feature-slider {
        margin-right: -250px;
        padding-left: calc(((100vw - 1216px)/2));
    }

    .feature-main-block {
        width: calc(100% + ((100vw - 1400px)/2));
        width: 100%;
    }

    button.slick-next.slick-arrow.slick-disabled {
        right: 250px;
    }

    .feature-main-block button.slick-next.slick-arrow {
        right: 250px;
    }    
}

@media only screen and (max-width: 1301px) {

    .feature-main-block .feature-slider {
        padding-left: 50px;
        margin-right: -250px;
    }
        .feature-main-block button.slick-next.slick-arrow {
        right: 250px;
    } 
    
}

 @media only screen and (min-width: 1441px) and (max-width: 1514px) {
    .mmoa-text-wrap .date-btn {
        margin-top: 30px;
    }
    .mma-inner-slider .slick-slide .mma-slider-conent .mmoa-text-wrap {
        padding: 50px 42px 38px 34px;
    }
    .mma-slider {
        padding-top: 75px;
    }
    .mma-inner-slider ul.slick-dots {
        bottom: -43px;
    }
}

@media (min-width: 1440px) {
    .featured-slider .slick-list { padding-right: 630px !important; }
    .featured-slider button.slick-next.slick-arrow { right: calc(50% - (slide-width / 2)); }
}

@media (max-width: 1700px) {
    .animation-image-03 {
        top: 0;
        right: 26%;
    }
    .hero-top-image-animation {
        height: 387px;
    }
    /*.right-btn {
        bottom: 60px;
    }*/
     @keyframes animation04 {
        from {
            opacity: 0; 
            top: 82%;               
        }
        to {
            opacity: 1;
            top: 65%;
        }
    }
}

@media (max-width: 1600px) {
    .hotel-blocks-section .hotel-slider-wrap .quote-block {
        max-width: 939px;
    }    
    @keyframes animation02 {
        from {
            opacity: 0;
            -webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);
            top: 50%;
        }
        to {
            opacity: 1;
            -webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);
            top: 15%;
        }
    }
   /* .right-btn {
        bottom: 60px;
    }*/
   
}
@media (max-width: 1440px) {
    .hero-top-image-animation {
        height: 343px;
    }
    .featured-slider-wrap { padding-left: 50px !important; } 
    .mmoa-text-wrap h2 {     
        margin-bottom: 25px;
    }
    .your-class-name .animation-image-04 {
        animation: animation04 1.5s ease-in-out 1.1s forwards;
    }
    .hero-section {
        min-height: 753px;
    }
    @keyframes animation04 {
        from {
            opacity: 0; 
            top: 82%;               
        }
        to {
            opacity: 1;
            top: 50%;
        }
    }
    .your-class-name .banner-heading {
        animation: banner-heading 1.5s ease-in-out 1.5s forwards;
        margin-top: 20px;
    }
    @keyframes banner-heading {
       /* 0 {
            opacity: 0; 
            bottom: -100px;             
        }
        30% {
            opacity: 1; 
            bottom: 0;             
        }
        70% {
            opacity: 1; 
            bottom: -20px;             
        }*/

        100% {
            opacity: 1;
            bottom: 0;
        }
    }
    .right-btn {
        right: 58px;
    }
    @keyframes animation04 {
        from {
            opacity: 0; 
            top: 82%;               
        }
        to {
            opacity: 1;
            top: 69%;
        }
    }
}


@media only screen and (max-width: 1432px) { 
    .mma-slider .container {
        max-width: 1200px;
    }
    .mma-inner-slider .slick-slide .mma-slider-conent .mmoa-text-wrap {
        margin-top: 150px;
    }
    .mmoa-text-wrap h2 {
        font-size: 42px;        
    }
}

@media only screen and (max-width: 1400px) {  
    .animation-image-03 {        
        right: 17%;        
    }
    .animation-image-03 img {
        width: 60%;
    }
    .banner-heading h1 {
        font-size: 90px;
        margin-bottom: 10px;
        line-height: 1;
    }
    .mma-slider {     
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .mma-slider ul.slick-dots {
        bottom: -30px;
    }
    h1 {
        font-size: 72px;
    }
}

@media only screen and (max-width: 1366px) {
    .banner-heading h1 {
        font-size: 90px;
        line-height: 1;
    }
    @keyframes animation04 {
        from {
            opacity: 0; 
            top: 82%;               
        }
        to {
            opacity: 1;
            top: 68%;
        }
    }
    .mmoa-text-wrap .date-btn .slider-date span {
        font-size: 18px;
    }
    .mmoa-text-wrap h2 {
        font-size: 38px;
        margin-bottom: 20px;
    }
    .class-and-education .class-education-wrap h2 {
        font-size: 90px;
        margin-bottom: 40px;
    }
    .class-and-education .class-education-wrap .coute-wrap {
        padding: 13px 0px 13px 20px;
        border-left: 10px solid #38C4E1;
    }
    .class-and-education .class-education-wrap .class-btn {        
        right: 50px;     
    }
    .our-blocks .our-block-left h2 {
        font-size: 83px;
    }
    
    .full-text-image .full-image {        
        /*height: 560px;*/
    }
    .featured-slider .slick-list { padding-right: 350px !important; }
    .featured-slider .slick-slide .featured-slider-bg { width: 100%; height: 460px; }    
    .featured-slider .slick-slide.slick-center .featured-slider-bg { height: 520px; }
    .featured-slider-wrap .featured-slider {min-height: 520px;}
    .data-section-block .page-slider-block .page-slider-details {     
        padding-right: 0;
    }
    .programs-section h2 {
        padding-left: 0;
    }
    .sponsoring-wrap .sponsoring-head {
        margin-bottom: 20px;
    }
    .sponsoring-wrap h3 {     
        margin-bottom: 20px;
    }
    .sponsoring-block .sponsoring-wrap p {
        margin-bottom: 19px;
        font-size: 18px;
    }
    .thankyou-sec h3 {
        font-size: 28px;        
        margin-bottom: 25px;
    }
    .latest-news-section .latest-news-bg .letest-bg-wrap .latest-content-wrap {
        width: 78%;
        padding-right: 40px;
    }
    .latest-news-section .latest-news-bg .letest-bg-wrap .latest-content-right {
        width: 26%;
    }
    .full-image-content .full-image-content-wrap .full-image-text {
        padding-right: 100px;
        padding-left: 0;
    }
    .feature-main-block .slick-list .slick-slide {
        padding: 0 20px;
    }
    .feature-main-block .slick-list {
        margin: 0 -20px;
    }
    .scroll-block {
        padding-bottom: 120px;
    }
}

@media only screen and (max-width: 1200px) {
    h1 {
        font-size: 50px;
    }
    h2 {
        font-size: 38px;
        line-height: 1.2;
    }
    h3 {
        font-size: 28px;
    }
    p {
        font-size: 18px;
        line-height: 1.5;
    }
    .two-block-section .second-block-content p {
        margin-bottom: 20px;
    }
    
    .banner-heading h1 {
        font-size: 80px;
        line-height: 1;
    }
    .banner-heading p {
        font-size: 22px;
        max-width: 440px;
        line-height: 1.1;
        width: 100%;
    }
    .animation-image-03 {
        right: 14%;
    }
    .animation-image-03 img {
        width: 60%;
    }
    @keyframes animation04 {
        from {
            opacity: 0; 
            top: 82%;               
        }
        to {
            opacity: 1;
            top: 40%;
        }
    }
    .your-class-name .animation-image-04 {
        width: 16%;
    }
     @keyframes animation04 {
        from {
            opacity: 0; 
            top: 82%;               
        }
        to {
            opacity: 1;
            top: 66%;
        }
    }
    .mma-inner-slider .slick-slide .mma-slider-conent .mmoa-text-wrap {
        padding: 25px 25px 30px 25px;
    }
    .mmoa-text-wrap .date-btn {
        margin-top: 26px;
        display: block;
    }
    .mmoa-text-wrap .date-btn .slider-btn {
        text-align: left;
        margin-top: 15px;
         width: 100%;
    }
    .mmoa-text-wrap p {     
        font-size: 16px;
    }
    .mmoa-text-wrap .date-btn .slider-date {
        width: 100%;
    }
    .upcoming-inner-block .upcoming-wrap span {
        font-size: 18px;
    }
    .upcoming-events {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .our-blocks .our-block-left h2 {
        font-size: 64px;
    }
    .label-tag {
        font-size: 26px;
    }
    .our-block-left .label-tag {
        margin-bottom: 30px;
    }
    .our-block-right .our-img-text {
        margin-bottom: 30px;
    }
    .our-block-right .our-img-text h3 {
        font-size: 24px;     
        padding: 13px 20px 5px 20px;
    }
    .footer-three-block .mmo-details {
        width: 29.3%;
    }
    .footer-three-block .museum-house {
        width: 32.7%;    margin-right: 0;
    }
    .details-with-form {     
        padding-bottom: 70px;
    }
    .details-block-inner {
           padding-top: 70px;
    }
    .details-with-form .details-full-block .contact-form {
        margin-top: 90px;
    }
    .details-item-block .details-inner-block {
        margin-bottom: 10px;
        padding: 15px 60px 20px 0;        
    }
    .top-header .top-header-content .top-header-time p {
        padding: 9px 49px 9px 0;
    }
    .three-clm-direction .three-clm-block p {
        margin-bottom: 25px;
    }
    .three-clm-direction .three-clm-block {
        padding-top: 60px;
        padding-bottom: 50px;
    }
    .three-clm-direction .three-clm-wrap {
        gap: 60px;
    }
    .three-clm-direction .three-clm-block:before {
        right: -25px;
    }
    .hotel-blocks-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .hotel-blocks-section h2 {
        font-size: 42px;     
        margin-bottom: 45px;
    }
    .collecton-section h2 {
        margin-bottom: 50px;
    }
    .mma-slider .container {
        max-width: 991px;
    }
    .mma-inner-slider .slick-slide .mma-slider-conent .mmoa-text-wrap {
        margin-top: 122px;
    }
    .embed-full-videos iframe {     
        height: 500px;
    }
    .public-item .public-details h3 {
        padding-right: 0;
        font-size: 22px;
    }
    .publications-section .public-block .round-tag {
        left: 5px;
        right: inherit;
        top: 5px;
    }
    .all-past-exh {
        padding-top: 70px;
        padding-bottom: 80px;
    }
    .all-past-exh ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));        
    }
    .featured-slider .slick-list { padding-right: 280px !important; }    
    .featured-slider .slick-slide .featured-slider-bg { width: 100%; height: 400px; }
    .featured-slider .slick-slide.slick-center .featured-slider-bg { height: 460px; }
    .featured-slider-wrap .featured-slider {min-height: 460px;}
        .slider-item { margin-right: 30px; }
    .pricing-rpt ul {
        gap: 30px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 30px;
    }
    .events-section {     
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .upcoming-inner-block .upcoming-wrap {
        min-height: 240px;
    }
    .list-design-style ul li {        
        font-size: 18px;
    }
    .two-block-section {
        padding-top: 50px;
        padding-bottom: 70px;
    }
    .btn svg {
        margin-top: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        right: 20px;
    }
    .publications-section .public-block {
        gap: 30px;
        row-gap: 30px;
    }
    .sponsoring-block .sponsoring-wrap .sponsoring-item-text {
        width: 46%;
        padding-top: 0;
        padding-right: 0;
    }
    .sponsoring-block .sponsoring-wrap p {
        margin-bottom: 15px;
    }
    .sponsoring-wrap .sponsoring-head {
        margin-bottom: 20px;
    }
    .sponsoring-wrap h3 {     
        margin-bottom: 20px;
    }
    .annual-report ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .annual-report {
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .donations-section ul {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .donations-section {
        padding-top: 50px;
        padding-bottom: 70px;
    }
    .thankyou-sec {
        padding: 70px 0 50px;     
    }
    .ways-to-give ul {
        gap: 30px;
        row-gap: 30px;
    }
    .ways-to-give {
        padding-top: 60px;
        padding-bottom: 80px;
    }
    .donor-heading {
        margin-bottom: 30px;
        padding-left: 0;
    }
    .donor-accordion .accordion-outer.is-open .accordion-heading {
        padding: 31px 20px 31px 90px;
        font-size: 32px;
    }
    .donor-accordion .accordion-outer .accordion-heading::after {        
        left: 25px;
    }
    .donor-accordion .accordion-outer .accordion-heading span {
        font-size: 18px;
        margin-left: 10px;
        top: 0;
    }
    .donor-accordion .accordion-content {
        padding: 25px 40px 29px 90px;
    }
    .faq-section h2 {
        margin-bottom: 50px;
        padding-left: 0;
    }
    .faq-section .faq-block {
        padding: 50px 70px 50px 70px;
    }
    .faq-block-full-wrap:before {
        width: 100%;
        left: 0;
    }
    .faq-section .accordion-content {
        padding: 28px 0 0 37px;
    }
    .faq-section .accordion-content p {
        font-size: 18px;
    }
    .single .page-banner-full-img .banner-image {
        padding-top: 388px;
        padding-bottom: 24px;
    }
    .donor-accordion .accordion-outer .accordion-heading {
        font-size: 36px;
        padding: 31px 20px 31px 90px;
    }
    .donor-circle h2 {
        margin-bottom: 30px;
    }
    .member-benefits-sec h2 {
        font-size: 36px;
        padding: 27px 20px 24px 50px;
    }
    .member-main-item {
        padding: 50px 40px 30px 50px;
        gap: 50px;
        row-gap: 50px;
    }
    .member-benefits-wrap .member-left-area {
        margin-bottom: 10px;
    }
    .corporate-head {
        padding-top: 60px;
        padding-bottom: 90px;
    }
    .corporate-head .corporate-wrap h2 {
        margin-bottom: 20px;
    }
    .corporate-section .corporate-list {
        gap: 40px;
        row-gap: 40px;
        margin-top: -60px;
    }
    .corporate-section {
        padding-bottom: 80px;
    }
    .corporate-list .corporate-blocks h3 {
        font-size: 34px;
        margin-bottom: 2px;
    }
    .corporate-list .corporate-blocks h4 {
        font-size: 22px;
    }
    .corporate-list .corporate-blocks ul {
        margin-top: 20px;
    }
    .corporate-list .corporate-blocks ul li {
        margin-bottom: 15px;        
    }
    .corporate-section .corporate-list .corporate-blocks {
        padding: 30px 35px 20px 35px;
    }
    .support-section .support-wrap {
        gap: 50px;
    }
    .support-section .support-wrap .support-list-area {
        padding: 40px 40px 45px 40px;
        margin-top: 0;
    }
    .foundation-text h2 {
        margin-bottom: 40px;
    }
    .foundations-board .foundation-wrap .foundation-text {
        padding: 80px 0 80px 50px;
    }
    .member-circle ul li h4 {
        font-size: 26px;
    }
    .member-circle ul li p {
        font-size: 22px;
    }
    .member-circle ul {
        gap: 20px;
        row-gap: 20px;
    }
    .member-levels {
        padding-top: 80px;
        padding-bottom: 70px;
    }
    .member-levels .member-levels-block .member-level-des p {
        margin-bottom: 25px;
    }
    .sculpture-guide {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .sculpture-guide .sculpture-wrap {
        gap: 30px;
        row-gap: 30px;
    }
    .map-heading-block {
        padding-top: 50px;
        padding-bottom: 28px;
    }
    .map-heading-block p {
        font-size: 20px;
    }
    .latest-news-section .latest-news-bg {
        height: 500px;
        overflow: hidden;
    }
    .upcoming-events .upcoming-heading h2 {
        font-size: 58px;
    }
    .company-logo-section {
        padding-bottom: 60px;     
    }
    .details-inner-heading {
        margin-top: 0;
        padding-left: 0;
        margin-right: 50px;
        margin-bottom: 30px;
    }
    .full-image-content .full-image-content-wrap .full-image-text {
        padding-right: 50px;
    }
    .pricing-rpt ul li h4 {
        min-height: 43px;
    }
    .two-block-section .second-block-content .quote-block p {
        font-size: 28px;
        line-height: 40px !important;
    }    
    .two-block-section .second-block-content .quote-block {
        margin-top: 40px;
    }    
    .hero-section {
        min-height: 693px;
    }
    .staff-section .staff-block-list ul {
        padding-right: 70px;     
    }
    .hero-top-image-animation {
        height: 291px;
    }
    
}



@media only screen and (max-width: 1100px) { 
    .animation-image-03 {
        right: 13%;
    }
    .class-education-wrap .label-tag {
        margin-bottom: 30px;
    }
    .class-and-education .class-education-wrap h2 {
        font-size: 70px;
        line-height: 0.92;        
        margin-bottom: 42px;
    }
    .our-blocks .our-block-left {
        width: 50%;
    }
    .details-with-form {        
        padding-bottom: 60px;
    }
    .details-block-inner {
        padding-top: 60px;
    }
    .three-clm-block h2 {
        font-size: 28px;
    }
    .page-slider-head h2 {
        margin-bottom: 50px;
    }
    .data-section-block .page-slider-block .page-slider-head {
        width: 45%;
    }
    .data-section-block {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .full-image-section {     
        height: 350px;
    }
    .staff-section h2 {
        margin-bottom: 50px;
    }
    .staff-section {     
        padding-bottom: 70px;
    }
    .faq-block-full-wrap {
        padding-bottom: 20px;
        margin-bottom: 40px;     
    }
    .member-main-item .member-benefits-wrap h3 {
        padding-left: 58px;
        font-size: 26px;
    }
    .member-main-item .member-benefits-wrap h3 span {
        width: 38px;
        height: 38px;
    }
    .member-levels .member-levels-block .member-level-des {
        width: 46%;
    }
    .marquee-wrapper .stat {
        width: 180px;
        margin: 0 60px;
    }
    .search-results .collection-block.coman-white .collection-item .search-heading {
        width: 70%;
    }
    .search-results .collection-block.coman-white .collection-item .collection-img {
        width: 30%;
    }
    .mmoa-text-wrap h2 {
        font-size: 36px;
    }
    .upcoming-inner-block .upcoming-wrap {
        min-height: 207px;
    }
    .upcoming-events .upcomingpbtn {
        margin-top: 30px;
    }
    .mma-slider {
        padding-top: 40px;
        padding-bottom: 70px;
    }
    .hero-top-image-animation {
        height: 278px;
    }
}

@media only screen and (max-width: 1140px) {
    
    .your-class-name .animation-container00 .right-mmo img{
        object-fit: contain;
    }
}
@media only screen and (max-width: 1130px) {    
    .your-class-name .animation-container00 .left-mmo img{
        object-fit: contain;
    }
}

@media only screen and (max-width: 1024px) { 
    .hero-top-image-animation {
        display: none !important;
    }
    .mobile-banner-img {
        position: relative;
        width: 100%;
    }
    .right-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px;
        position: initial;
        -webkit-box-pack: right;
            -ms-flex-pack: right;
                justify-content: right;
    }
    .banner-heading h1 br {
        display: none;
    }
    .banner-heading p {     
        max-width: 100%;
        line-height: 1.1;
        width: 100%;
    }
    .banner-heading h1 {
        font-size: 70px;
        line-height: 1;
        margin-bottom: 11px;
    }
    .mobile-banner-img {
        position: relative;
        width: 100%;
        height: 482px;
        display: block;
    }
    .mobile-banner-img img {
        transform: scale(0.5);
        position: absolute;
        right: -100%;
        opacity: 0;
    }
    .your-class-name .hero-section {
        animation: hero-section-animation 1s ease-in-out 0.1s forwards;
    }
    .your-class-name .hero-section:before {
        animation: hero-section 2s ease-in-out 0.1s forwards;
    }
    .your-class-name .mobile-banner-img img {
        animation: mobile-hero-img 1.8s ease-in-out 1.8s forwards;
        opacity: 0;
    }
    @keyframes mobile-hero-img {
        from {            
            opacity: 0;
            transform: scale(0.5);        
            right: -100%;
        }
        to {            
            opacity: 1;
            transform: scale(1);
            right: 0;
        }
    }
    .our-blocks .our-block-left {        
        margin-bottom: 46px;
    }
    .our-blocks .our-block-left .our-block-sticky {
        padding-top: 47px;
    }
    .footer-bottom .footer-bottom-btn a.line-link {
        font-size: 18px;     
    }
    .site-header:before {
        height: 101px;
    }
    .main-header .menu-footer {
        padding: 20px 0 50px;
    }
    .main-header .menu-overlay {
        padding: 40px 20px 0 40px;
    }
    h2 {
        font-size: 34px;     
    }
    .three-clm-direction .three-clm-block p {
        font-size: 17px;
    }
    .three-clm-direction .three-clm-wrap {
        gap: 40px;
    }
    .three-clm-direction .three-clm-block:before {
        right: -20px;
    }
    .three-clm-block ul li {        
        font-size: 17px;
    }
    .collecton-section .collection-block .collection-img {
        height: 300px;
    }
    .collecton-section .collection-block {
        row-gap: 40px;
    }
    .page-slider .page-list-slider > div {
        margin-left: 16px;
    }
    .page-list-slider a {
        font-size: 16px;
    }
    .publications-section {
        padding-top: 50px;
        padding-bottom: 70px;
    }
    .featured-slider .slick-list { padding-right: 220px !important; }
    .featured-slider .slick-slide .featured-slider-bg { width: 100%; height: 300px; }
    .featured-slider .slick-slide.slick-center .featured-slider-bg { height: 380px; }
    .slider-item { margin-right: 20px; }
    .featured-slider-wrap { padding-left: 30px !important; }
    .two-coman-blocks .two-coman-items-wrap .two-coman-text-area {
        padding: 30px 30px 30px 30px;     
    }
    .two-coman-blocks {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .sculpture-guide .sculpture-wrap {
        gap: 30px;
    }
    .field-pricing {     
        padding-top: 60px;
        padding-bottom: 50px;
    }
    .accordions-section .accordion-left {     
        width: 100%;
        padding-top: 0;
    }
    .accordions-section .accordion-right {     
        width: 100%;
    }
    .accordions-section {
        padding-top: 70px;
        padding-bottom: 60px;
    }
    .programs-section {
        padding-top: 50px;
        padding-bottom: 80px;
    }
    .thankyou-sec h3 {
        font-size: 24px;     
        margin-bottom: 20px;
    }
    .simple-scroll-section .simple-scroll-item .scroll-date-details .event-date-wrap {
        margin-bottom: 30px;
    }
    .simple-scroll-section .simple-scroll-item .scroll-date-details .logo-block-wrap {
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .foundations-board .foundation-wrap .foundation-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 20px;
    }
    .foundation-wrap .foundation-list .found-area {
        margin-bottom: 20px;
    }
    .foundation-text h2 {
        margin-bottom: 20px;
    }
    .foundations-board .foundation-wrap .foundation-text {
        padding: 60px 0 60px 40px;
    }
    .hero-section {
        min-height: auto;
    }
    .hero-section {
        min-height: 757px;
        overflow: hidden;
    }
    .mma-inner-slider .slick-slide .mma-slider-conent .mmoa-text-wrap {
        padding: 25px 10px 30px 10px;
    }
    .search .collecton-section {
        padding-bottom: 70px;
    }
    .bottom-content {
        margin-top: 0;
    }
    
    @keyframes banner-heading {
        0 {
            opacity: 0; 
            bottom: -100px;             
        }
        30% {
            opacity: 1; 
            bottom: 0;             
        }
        70% {
            opacity: 1; 
            bottom: -20px;             
        }

        100% {
            opacity: 1;
            bottom: -10px;
        }
    }
    section#book-form {
        position: relative;
    }
    .top-header .top-header-content .top-header-search {        
        width: 39%;
    }
    .top-header .top-header-content .top-header-time {
        width: 61%;     
    }
    .hotel-blocks-section {
        padding-top: 50px;
    }
    .hotels-item .hotels-image {
        height: 186px;
    }
    .hotel-blocks .slick-list .slick-slide {
        padding: 0 10px;
    }
    .hotel-blocks .slick-list {
        margin: 0 -10px;
    }
    .hotel-blocks-section h2 {
        font-size: 35px;
        margin-bottom: 16px;
    }
    .hotel-blocks + .quote-up-block {
        margin-top: 15px;
    }
    .quote-block h3 + p {
        margin-top: 6px;
    }
    .hotel-blocks-section .hotel-slider-wrap .quote-block {
        margin-bottom: 14px;
    }
    .hotel-blocks-section .quote-block h3 + p {
        font-size: 19px;
    }
     .your-class-name .banner-heading {
        animation: banner-heading 1.5s ease-in-out 3s forwards;
    }
    .animation-container00 {
        display: none;
    }
}

@media only screen and (max-width: 827px) {
    .events-calendar-block h2 {
        left: 19px;
        margin-bottom: -24px;
    }
    .tribe-events .tribe-events-l-container {
        padding-top: 100px !important;
    }
}

@media only screen and (max-width: 991px) {
    .hero-section {
        min-height: auto;
    }
    .mobile-banner-img {
        height: 432px;     
    }
    .membership-text {
        display: none;
    }
    .mmoa-text-wrap h2 {
        font-size: 32px;
    }
    .class-and-education .class-education-wrap h2 {
        font-size: 60px;
        margin-bottom: 30px;
    }
    .label-tag {
        font-size: 28px;
    }    
    .our-blocks .our-block-left h2 {
        font-size: 45px;
    }    
    .label-tag {
        font-size: 24px;
    }
    .our-blocks .our-block-left .coute-wrap {     
        border-left: 10px solid #449D62;
    }
    .footer-three-block .mmo-details {
        width: 50%;        
        padding-top: 0;
    }
    .footer-three-block .museum-house {
        width: 50%;
    }
    .footer-three-block .general-admission {
        width: 100%;
        margin-top: 30px;
    }
    .three-clm-direction .three-clm-wrap {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 0;
    }
    .yellow-section h2 {
        font-size: 32px;
        margin-bottom: 30px;
        line-height: 37px;
    }
    .yellow-section {
        padding-top: 48px;
        padding-bottom: 40px;
    }
    .hotel-blocks-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .three-clm-direction .three-clm-block {
        padding-top: 41px;
        padding-bottom: 43px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .three-clm-block h2 {
        font-size: 25px;
        margin-bottom: 22px;
    }
    .three-clm-direction .three-clm-block h3 {        
        font-size: 17px;
        margin-bottom: 10px;
    }
    .three-clm-direction .three-clm-block p {     
        line-height: 1.8;
        margin-bottom: 33px;
    }
    .three-clm-direction .three-clm-block p:last-child {
        margin-bottom: 0;
    }
    .three-clm-direction .three-clm-block:before {
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        top: inherit;
    }
    .three-clm-direction .container {
        padding: 0;
    }    
    .hotel-blocks .slick-list, .hotel-blocks {     
        position: initial;
    }    
    .hotel-slider-wrap button.slick-arrow {
        top: 118px;
    }
    .hotel-blocks-section ul.slick-dots {
        bottom: -30px;
    }
    .hotel-blocks .slick-list {
        margin: 0 -10px;
    }
    .hotel-blocks .slick-list .slick-slide {
        padding: 0 10px;
    }
    .header-wrap .header-logo a svg {
        width: 300px;
    }
    .nav-wrap {
        padding-right: 10px;
    }
    button.hamburger-btn {
        margin-left: 6px;
    }
    .hotel-slider-wrap .container {
        padding: 0;
    }
    .hotel-slider-wrap .hotel-blocks {
        padding: 0 50px;
        position: relative;     
    }
     .hotel-blocks-section .container .hotel-blocks + .quote-up-block {
        margin-bottom: 0;
        margin-top: 74px;
    }
    .quote-up-block {
        padding: 0 50px;
    }
    .publications-section .public-block {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .mma-slider .container {
        max-width: 767px;
    }
    .mma-inner-slider .slick-list:before {
        height: 94px;
        background-size: 100%;
    }
    .mma-inner-slider .slick-slide .mma-slider-conent .mmoa-text-wrap {
        margin-top: 91px;
    }
    .custom-breadcrumbs {
        margin-bottom: 35px;
    }
    .spotlight-sticky-block ul li .spotlight-bg {
        height: 320px;
    }
    .error404 .page-content-section h1.title-404 {
        font-size: 100px; 
    }
    .upcoming-exh .quote-block p {        
        font-size: 26px;
    }
    .featured-slider .slick-list { padding-right: 220px !important; }
        .featured-slider .slick-slide .featured-slider-bg { width: 100%; height: 240px; }
        .featured-slider .slick-slide.slick-center .featured-slider-bg { height: 280px; }
    .featured-bottom-content {    padding: 15px 0 15px 12px;}
    .sculpture-guide .sculpture-wrap {
        gap: 25px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 25px;
    }
    .events-section .events-list-wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .pricing-rpt ul li .pricing-e {
        font-size: 40px;
    }
    .pricing-rpt ul li h4 {
        font-size: 26px;
        margin-bottom: 20px;    
        min-height: auto;
    }
    .filter-heading-block {
        margin-bottom: 24px;
    }
    .classes-list-wrap span {        
        padding: 10px 30px 10px 30px;
        font-size: 17px;        
    }
    .filter-wrap ul.classes-list-wrap li {
        margin-right: 10px;
    }
    .events-section {     
        padding-top: 10px;
        padding-bottom: 50px;
    }
    .container {
        padding: 0 30px;
    }
    .programs-section ul {
        gap: 10px;        
        row-gap: 10px;
    }
    .featured-events .featured-slider .slick-slide.slick-center .featured-slider-bg {
        height: 380px;
    }
    .featured-slider-wrap .featured-slider {min-height: 240px;}
    .featured-events .featured-bottom-content .content p {
        font-size: 16px;
    }
    .public-item .public-details h3 {     
        font-size: 25px;
    }
    .programs-section ul li .programs-bg {        
        height: 200px;
    }
    .programs-section h2 {        
        margin-bottom: 30px;     
    }
    .donations-section ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .donations-section h2 {
        font-size: 32px;
        margin-bottom: 30px;
        padding-left: 0;
    }
    .ways-to-give {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .ways-to-give ul li {
        padding: 28px 20px 30px 20px;     
    }
    .faq-section h2 {
        margin-bottom: 40px;     
    }
    .faq-section .faq-block {
        padding: 40px 40px 40px 40px;
    }
    .faq-section .faq-block h3 {
        margin-bottom: 20px;
    }
    .faq-section .accordion-outer {
        margin-bottom: 20px;
    }
    .faq-block-full-wrap {
        padding-bottom: 15px;
        margin-bottom: 25px;     
    }
    .faq-section .accordion-heading {
        font-size: 18px;
    }
    .faq-section .accordion-content {
        padding: 28px 0 0 37px;
    }
    .donor-accordion .accordion-outer .accordion-heading {
        font-size: 22px;
        padding: 19px 20px 18px 86px;
    }
    .donor-accordion .accordion-outer {
        margin-bottom: 24px;
    }
    .donor-accordion .accordion-content {
        padding: 25px 30px 29px 82px;
    }
    .donor-accordion .accordion-outer .accordion-heading::after {
        width: 40px;
        height: 40px;
        font-size: 19px;
    }
    .donor-accordion .accordion-outer {
        margin-bottom: 30px;        
    }
    .donor-supprt-block {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .donor-accordion .accordion-outer .accordion-heading::after {
        width: 46px;
        height: 46px;
        font-size: 22px;
        left: 18px;
    }
    .donor-accordion .accordion-outer.is-open .accordion-heading {
        padding: 14px 20px 15px 86px;
        font-size: 22px;
    }
    .donor-accordion .accordion-content {
        padding: 30px 20px 17px 40px;
        left: 10px;
    }
    .donor-accordion .accordion-content ul {
        width: 100%;
        margin: 0;
        padding-right: 0;
    }
    .accordion-content.list-design-style ul li {
        font-size: 16px;     
        margin-bottom: 14px;
        letter-spacing: 0.00em;
    }
    .donor-accordion .accordion-content li::before {
        width: 3px;
        height: 3px;
        top: 11px;
        left: -12px;
    }
    .donor-supprt-block h3 {
        font-size: 22px;
        margin-bottom: 27px;
        line-height: 1.35;
    }
    .donor-supprt-block {
        padding-top: 31px;
    }
    .member-main-item {
        padding: 40px 30px 30px 40px;
        gap: 30px;
    }
    .member-main-item .member-benefits-wrap h3 {
        font-size: 24px;        
    }
    .member-benefits-sec h2 {
        font-size: 32px;
        padding: 20px 20px 20px 40px;
    }
    .corporate-list .corporate-blocks h3 {
        font-size: 30px;
    }
    .corporate-list .corporate-blocks h4 {
        font-size: 20px;        
    }
    .corporate-list .corporate-blocks ul {
        margin-left: 18px;     
    }
    .corporate-section .corporate-list .corporate-blocks {
        padding: 30px 30px 20px 30px;
    }
    .corporate-section .corporate-list {
        gap: 30px;
        row-gap: 30px;        
    }
    .corporate-section {
        padding-bottom: 60px;
    }
    .support-section .support-wrap .support-list-area ul li {
        font-size: 18px;
        margin-bottom: 32px;
    }
    .support-section .support-wrap .support-list-area ul li span {        
        top: -4px;
    }
    .support-section {
        padding-top: 70px;
        padding-bottom: 60px;
    }
    .member-levels .member-levels-block .member-level-des {
        width: 100%;
        margin-bottom: 30px;
    }
    .member-levels .member-levels-block .member-circle {
        width: 100%;
        padding-top: 0;
    }
    .member-levels {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .map-heading-block p {
        font-size: 18px;
    }
    .latest-news-section .latest-news-bg .letest-bg-wrap .latest-content-right {
        width: 30%;
    }
    .logo-slider .slick-track {        
        margin: 0 -30px;
    }
    
    
    .contact-form .wpforms-page-indicator.circles .wpforms-page-indicator-page {
        padding-right: 60px;
    }
    .details-with-form .details-full-block .contact-form {    
        padding: 20px 15px;
    }
    .support-section .support-wrap .support-list-area {
        padding: 40px 25px 45px 25px;
    }
    .bottom-description {     
        padding-top: 20px;
    }
    .single .single-post-content-wrap .two-block-section {
        padding-top: 30px;
    }
    .company-logo-section {
        padding-left: 30px;
    }
    .marquee-wrapper .stat {
        width: 160px;
        margin: 0 50px;
    }
    
    .feature-slider .feature-slider-bg {        
        height: 360px;
    }
    
    .feature-main-block button.slick-arrow {
        top: 191px;
    }
    .feature-main-block .feature-slider {
        padding-left: 30px;
    }
    .mma-inner-slider .slick-list:before {
        right: 2px;
    }
    .two-block-section .second-block-content .quote-block {
        margin-top: 0;
    }
    .staff-section .staff-block-list ul:before {
        right: 0;
    }
    #contect-form-blocks .details-inner-block {
        padding-top: 17px;
        padding-bottom: 38px;
    }
}


@media only screen and (max-width: 767px) {
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 32px;
    }
    
    .main-header {
        padding-top: 6px;
        padding-bottom: 4px;
    }
    
    .two-block-section .second-block-content h2 {
        margin-bottom: 18px;
        letter-spacing: 0.00em;
    }
    p {
        font-size: 17px;        
    }
    .two-block-section .second-block-content p {
        margin-bottom: 24px;
        font-size: 17px;
        line-height: 1.53;
    }
    .page-banner .banner-title-text .banner-title {
        text-align: center;
        line-height: 1.2;
        letter-spacing: 0.00em;
        margin-bottom: 0;
    }    
    .page-banner-full-img .banner-image .sub-heading {
        font-size: 25px;
    }
    .page-banner-full-img .container {
        padding: 0 20px;
    }
    .page-banner-full-img .banner-image {
        padding-bottom: 25px;
    }
    .page-banner-full-img .banner-image .sub-heading {
        font-size: 25px;
        line-height: 1.18;
        padding: 5px 0px 0 27px;
    }
    
    .upcoming-heading h2 {
        font-size: 55px;
        line-height: 0.98;
        margin-bottom: 31px !important;
        margin-top: 18px;
    }
    .mobile-banner-img {
        height: 342px;     
    }
    .nav-wrap {
        display: none;
    }
    .header-wrap .nav-wrap {
        display: none;
    }
    .top-header {
        background-color: #C4DA2B;
    }
    .top-header .top-header-content .top-header-search > a {
        display: none;
    }
    .home .top-header .top-header-content .top-header-search .search-block:after {
        background-color: #00484f;
    }
    .top-header .top-header-content .top-header-search .search-block:after {
        background-color: #c3d92c;
    }
    .header-lime-green .top-header .top-header-content .top-header-search .search-block:after {
        background-color: #00484f;
    }
    .header-dark-cyan .top-header .top-header-content .top-header-search .search-block:after {
        background-color: #c3d92c;
    }
    .top-header .top-header-content .top-header-search .search-block a {
        font-size: 0;
        padding: 0;
    }
    .main-header .header-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: space-between;
        padding-top: 8px;
        padding-bottom: 4px;
    }
    .banner-heading h1 {
        font-size: 61px;
        line-height: 0.88;
        margin-bottom: 17px;
    }
    .banner-heading p {
        max-width: 100%;
        line-height: 1.2;        
        width: 100%;
        font-size: 18px;
    }
    .your-class-name .scroll-indicator {
        display: none;
    }
    .bottom-content {
        padding: 0px 20px 24px;
    }
    .sticky {
        position: relative!important;        
    }
    .class-and-education {
        padding-top: 0;        
    }
    .scroll-bottom-arrow{
        display: none;
    }
    .class-and-education .class-education-wrap {
        width: 100%;
        padding-bottom: 0;
        max-width: 100%;
        padding-top: 3px;
    }
    .class-and-education .class-bg-image {
        height: 268px;
        background-position: 84% 60%;
        position: relative;
        background-size: 185%;
    }
    .class-and-education .class-education-wrap .class-btn {
        position: relative;
        right: 0;
        margin-top: 30px;
        bottom: 0;
    }
    .our-blocks .our-block-left {
        width: 100%;
        margin-top: 40px;
        margin-bottom: 36px;
    }
    .our-blocks .our-block-right {
        width: 100%;
        padding-top: 0;
        padding-bottom: 50px;
    }    
    .footer-three-block .mmo-details {
        width: 100%;
        margin-bottom: 35px;
    }
    .footer-three-block .museum-house {
        width: 100%;
    }
    .footer-bottom .footer-bottom-btn {
        display: none;
    }
    .footer-bottom .footer-bottom-social {     
        width: 100%;        
    }
    .footer-three-block .museum-house p {        
        font-size: 14px;
        letter-spacing: 0.00em;
        line-height: 1.3;
        margin-top: 22px;
    }
    .footer-bottom .policy {
        width: 100%;
        text-align: center;
    }
    .footer-bottom .container {
        display: block;
    }
    .mmo-details a.line-link {
        display: inline-block !important;
    }
    .mmo-details a.line-link {
        display: inline-block !important;
        font-size: 20px;
        font-weight: 700;
        color: #004850;
        margin-right: 0;
        position: relative;
        margin-top: 38px;
        padding-bottom: 4px;
    }
    .mmo-details a.line-link::before {
        background-color: #C3D92C;
    }

    .mmo-details a.line-link svg.svg-image {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: #459C62;
        border-radius: 50%;
        padding: 12px;
        top: -8px;
        right: -67px; 
        display: none;
    }

    .mmo-details a.line-link svg.svg-image path {
        stroke: #C3D92C;
    }
    .mma-slider {
        padding-top: 32px;
        padding-bottom: 76px;
    }
    .container {
        padding: 0 30px;
    }
    .mma-inner-slider .slick-slide .mma-sliderwrap {
        padding: 15px;        
    }
    .mma-inner-slider .slick-slide .mma-slider-conent .mmoa-text-wrap {
        padding: 13px 25px 39px 25px;
    }
    .mmoa-text-wrap h2 {
        font-size: 32px;
        line-height: 1.15;
        margin-bottom: 12px;
    }
    .mmoa-text-wrap p {
        font-size: 16px;        
        line-height: 1.46;
    }
    .mmoa-text-wrap .date-btn .slider-btn {        
        margin-top: 27px;     
    }
    .mma-slider .container {
        padding: 0 20px;
    }
    .label-tag {
        font-size: 20px;
    }
    .class-education-wrap .label-tag {
        margin-bottom: 15px;
        color: #fff;
    }
    .class-and-education .class-education-wrap h2 {
        margin-bottom: 21px;
        letter-spacing: 0.00em;
    }
    .class-and-education .class-education-wrap .coute-wrap {
        padding: 0px 0px 6px 20px;
        border-left: 12px solid #38C4E1;
    }
    .class-and-education .class-education-wrap .coute-wrap p {     
        font-size: 16px;
        letter-spacing: 0.00em;
        margin-bottom: 0;
        line-height: 1.44;
    }
    .class-and-education {     
        padding-bottom: 43px;
    }
    .upcoming-events .upcoming-heading {
        text-align: left;
    }
    .upcoming-events {
        padding-top: 35px;
        padding-bottom: 46px;
    }
    button.slick-arrow {
        width: 26px;
        height: 52px;
        padding-left: 8px;
    }
    button.slick-arrow:before {
        font-size: 15px;
    }
    .upcoming-inner-block .up-image {        
        height: 172px;
    }
    .upcoming-inner-block .upcoming-wrap:before {
        height: 99%;
        left: -11px;        
        bottom: -11px;
    }
    .upcoming-inner-block .upcoming-wrap {
        padding: 12px 14px 22px 20px;        
    }
    .upcoming-inner-block .upcoming-wrap h3 {
        letter-spacing: 0.00em;
        margin-bottom: 4px;
        font-size: 20px;
    }
    .upcoming-inner-block .upcoming-wrap span {
        font-size: 16px;
        margin-bottom: 13px;
    }
    .upcoming-events .upcomingpbtn {     
        margin-top: 32px;
    }
    .our-block-left .label-tag {
        margin-bottom: 20px;
    }
    .our-blocks .our-block-left h2 {
        font-size: 62px;
        line-height: 0.88;
        margin-bottom: 33px;
    }
    .our-blocks .our-block-left .coute-wrap {
        border-left: 13px solid #449D62;
        padding: 3px 0px 3px 18px;
    }
    .our-blocks .our-block-left .coute-wrap p {
        font-size: 16px;
        letter-spacing: 0.00em;
        line-height: 1.45;
        margin-bottom: 0;
    }
    .our-block-right .our-img-text h3 {
        font-size: 20px;
        padding: 11px 10px 3px 12px;
    }
    .our-block-right .our-img-text {
        margin-bottom: 21px;
    }
    .our-block-right a.btn {
        margin-top: 2px;
    }
    .our-blocks .our-block-right {
        padding-bottom: 50px;
    }
    footer.main-footer {
        padding-top: 29px;
    }
    .footer-logos h3 {
        font-size: 20px;
    }
    .footer-logos ul {
        gap: 25px;
        border-bottom: 1px solid #E5E5E5;
        padding-bottom: 9px;
    }
    .footer-logos {     
        margin-bottom: 21px;
    }
    .footer-three-block .mmo-details a img {
        display: block;
        max-width: 279px;
        width: 100%;
        margin: 0 auto;
    }
    .mmo-details a.footer-logo span {
        font-size: 25.00px;     
        margin-bottom: 24px;
        margin-top: 0px;
    }
    .footer-three-block .mmo-details p {
        margin: 0 auto 18px;
        letter-spacing: 0.00em;
    }
    .footer-three-block .mmo-details a.number-footer {
        margin: 0 auto 26px;
    }
    .main-footer .container {
        padding: 0 24px;
    }
    .footer-three-block .museum-house h4 {     
        margin-bottom: 15px;
    }
    .footer-three-block .general-admission {     
        margin-top: 23px;
        padding: 28px 15px 29px 33px;
    }
    .footer-three-block .general-admission p {
        font-size: 14px;
    }
    .footer-bottom {
        margin-top: 22px;
        padding: 29px 0 32px;
    }
    .footer-bottom-social .social-icons a {
        margin: 0 11px;
        width: 37px;
        height: 37px;
        margin-bottom: 12px;
        font-size: 22px;
    }
    .footer-bottom-social ul li a {
        font-size: 14px;        
        padding: 0 7px;
    }
    .footer-bottom .policy {
        margin-top: 12px;
    }
    .footer-bottom .policy p {
        font-size: 14px;
    }
    .footer-bottom-social ul li a:before {
        height: 65%;
    }
    .your-class-name .banner-heading {
        animation: banner-heading 3s ease-in-out 3s forwards;
    }
    @keyframes banner-heading {
        0 {
            opacity: 0; 
            bottom: 0px;
        }
        30% {
            opacity: 1; 
            bottom: 0px;             
        }
        70% {
            opacity: 1; 
            bottom: 0px; 
        }

        100% {
            opacity: 1;
            bottom: 0px;
        }
    }
    .site-header .container {     
        padding: 0 22px;
    }
    .top-header .top-header-content .top-header-time {
        width: 71%;
    }
    .top-header .top-header-content .top-header-search {
        width: 38px;
    }
    .top-header .top-header-content .top-header-search .search-block a svg {     
        right: 0px;
        top: 9px;
        width: 19px;
    }
    .top-header .top-header-content .top-header-time {
        width: calc(100% - 40px);
        padding-top: 4px;
        padding-right: 20px;
    }
    .top-header .top-header-content .top-header-search .search-block {
        padding: 6px 0 9px 0;
        width: 100%;
    }
    .top-header .top-header-content .top-header-time p {
        letter-spacing: 0.00em;
        font-size: 15px;
    }
    .mma-slider ul.slick-dots {
        bottom: -35px;
    }
    ul.slick-dots li button {        
        width: 15px;
        height: 15px;
    }
    .top-header .top-header-content {
        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
            -ms-flex-direction: initial;
                flex-direction: initial;
        -ms-flex-wrap: initial;
            flex-wrap: initial;
    }
    .hero-section {
        /*height: calc(100vh - 85px);*/
        height: auto;
    }
    .header-wrap .header-logo {
        max-width: 269px;
        width: 100%;
        padding-top: 3px;
    }
    .upcoming-events .upcoming-inner-block {
        padding: 0 4px;
    }
    .site-header:before {
        height: 98.25px;
    }
    header.site-header.srolled:before {
        height: 50px;
    }
    .sticky-header-hide header.site-header {
        z-index: 5;        
    }
    .main-header .logo {
        max-width: 127px;
    }
    .main-header .close-btn {
        margin-top: 0;
        margin-right: -4px;
    }
    .main-header .menu-header {
        margin-bottom: 22px;
    }
    .main-header .menu-footer {
        padding: 28px 0 50px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .main-header .social-icon {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    .main-header .social-icons {
        gap: 21px;
        margin-top: 18px;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .main-header .secondary-nav li {
        margin-bottom: 11px;
    }
    .main-header .secondary-nav a {
        font-size: 15px;
    }
    .main-header .main-nav {
        margin-bottom: 16px;
        padding-bottom: 21px;
    }    
    .main-header .mailing-list {
        font-size: 20px;
    }
    .main-header .menu-overlay {
        padding: 30px 20px 0 24px;
    }
    .main-header .secondary-nav ul {
        padding-right: 8px;
    }
    .two-block-section .two-block-wrap .first-block-img {
        width: 100%;
        order: 2;
    }
    .two-block-section .second-block-content {
        width: 100%;       
        margin-bottom: 3px;
    }
    .details-with-form .details-full-block .details-item-block {
        width: 100%;
        margin-bottom: 25px;
    }
    .details-with-form .details-full-block .contact-form {
        width: 100%;
    }    
    .two-block-section {
        padding-top: 38px;
        padding-bottom: 42px;
    }
    .details-with-form .container {     
        padding: 0 25px;
    }
    .details-item-block .details-inner-block:last-child {
        padding-bottom: 0;
        border: none;
    }
    .wpforms-field.wpforms-field-content .wpforms-field-row h4 {
        font-size: 17px;
        line-height: 1.3;
        margin-bottom: 3px;
    }
    .contact-form .wpforms-container .wpforms-field-container input, .contact-form .wpforms-container .wpforms-field-container select {
        padding: 16px 10px 13px 12px;
        letter-spacing: 0.00em;
    }
    .contact-form .wpforms-container .wpforms-field label.wpforms-field-label {
        font-size: 17px;
        padding-right: 30px;
        line-height: 1.5;
        margin-bottom: 9px;
    }
    .contact-form .wpforms-container .wpforms-submit-container .wpforms-submit {
        padding: 15px 28px 15px 31px;
        margin-top: 14px;        
        font-size: 16px;
    }
    .details-with-form .details-full-block .contact-form {
        padding: 5px 20px 9px 20px;
    }
    .details-with-form {     
        padding-bottom: 40px;
    }
    .details-block-inner {
       padding-top: 34px;
    }
    .details-with-form .details-full-block .contact-form {
        margin-top: 0;
    }
    .details-item-block .details-inner-block p {        
        line-height: 1.5;        
        font-size: 17px;
    }
    .details-item-block .details-inner-block {
        margin-bottom: 16px;
        padding: 0 6px 20px 6px;
        width: 100%;
    }
    .wpforms-field.wpforms-field-content .wpforms-field-row h4 {
        font-size: 17px;
        line-height: 1.5;
        margin-bottom: 0;
    }
    .details-item-block .details-inner-block h2 {
        font-size: 25px;
        margin-bottom: 12px;
    }
    .top-header .top-header-content .top-header-time:before, .top-header .top-header-content .top-header-time p:after{
        display: none;
    }
    .top-header .top-header-content .top-header-time p {
        padding: 0;
        height: auto;
    }
    .yellow-section .yellow-block {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .hotel-blocks-section h2 {
        font-size: 32px;
        margin-bottom: 28px;
        text-align: center;
        line-height: 1.2;
    }
    .hotel-blocks-section {
        padding-top: 32px;
        padding-bottom: 69px;
    }
    .hotel-blocks-section .container .hotel-blocks { 
        padding: 0 60px;
        position: relative;
    }
    .hotel-slider-wrap .container {
        padding: 0;
    }
    .hotels-item h3, .hotels-item h4 {
        max-width: 100%;
        padding-left: 0;             
        text-align: center;
    }   
    
    .hotels-item .hotels-image {
        height: 258px;
    }
    .yellow-item p {     
        line-height: 1.54;
        margin-bottom: 15px;
        font-size: 17px;
    }
    .yellow-section h2 {
        font-size: 25px;
        margin-bottom: 12px;
        line-height: 30px;
    }
    .yellow-section {
        padding-top: 48px;
        padding-bottom: 42px;
    }
    .yellow-block a {
        margin-top: 17px;
    }
    .hotel-blocks ul.slick-dots li button {
        width: 10px;
        height: 10px;
    }
    .hotel-blocks-section ul.slick-dots {
        bottom: -20px;
    }
    .header-wrap .header-logo a svg {
        width: 270px;
    }
    .hotel-blocks-section > .container {
        padding: 0 10px;
    }
    .quote-block span {        
        width: 14px;
    }
    .two-block-section .second-block-content .quote-block p {
        letter-spacing: 0.00em;
        font-size: 18px;
        line-height: 1.5 !important;
    }
    .two-block-section .second-block-content .quote-block {
        padding: 0px 0 0px 28px;
        margin-bottom: 33px;
    }
    .contact-form .wpforms-container .wpforms-field-checkbox input{
        padding: 0 !important;
    }
    .page-banner-full-img .banner-image .sub-heading:after {
        width: 14px;
    }
    .hotel-slider-wrap .quote-block span {     
        display: none;
    }
    .hotel-blocks-section .hotel-slider-wrap .quote-block {
        margin-bottom: 22px;
        padding: 0;
        text-align: center;        
    }
    .quote-up-block {
        padding: 0 20px;
    }
    .hotel-blocks-section .hotel-slider-wrap .quote-block h3 {
        font-size: 25px;
        letter-spacing: 0.00em;
    }
    .hotels-item p {
        text-align: center;
        margin-bottom: 6px;
        margin-top: 0px;
        display: inline-block;
        font-size: 19px;
        line-height: 1.4;
        text-align: center;
        width: 100%;
        padding-left: 0;
    }
    .quote-block h3 + p {        
        font-size: 17px;
        margin-top: 19px;        
        line-height: 1.5 !important;
    }
    .data-section-block .page-slider-block .page-slider-head {
        width: 100%;
        margin-bottom: 2px;
    }
    .data-section-block .page-slider-block .page-slider-details {
        width: 100%;
        padding-right: 0;
    }
    .page-slider {
        padding: 14px 0 13px 0;
    }
    .data-section-block {
        padding-top: 20px;
        padding-bottom: 17px;
    }
    .page-slider-head h2 {
        margin-bottom: 17px;        
    }
    .down-links a {
        padding-left: 55px;     
        font-size: 18px;
    }
    .data-section-block .page-slider-block .page-slider-details p {
        letter-spacing: 0.00em;
        line-height: 1.45;
        margin-bottom: 25px;
    }
   .collecton-section .collection-block {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 37px;
    }
    h3 {
        font-size: 25px;
    }
    .collecton-section .collection-block .collection-img {
        height: 246px;
        margin-bottom: 16px;
    }
    .collecton-section .collection-block p {
        letter-spacing: 0.00em;
        line-height: 1.45;
        margin-bottom: 13px;
    }
    .collecton-section .collection-block h3 {
        margin-bottom: 7px;
    }
    .collection-block .line-link {
        font-size: 17px;
        padding-left: 2px;
        padding-bottom: 1px;
        padding-right: 5px;
    }
    .collecton-section {
        padding-top: 35px;
        padding-bottom: 53px;
    }
    .yellow-btn {
        width: 100%;
        margin-top: 20px;
    }
    .yellow-btn.mobile-only {
        display: block;
    }
    .yellow-item a.btn {
        display: none;
    }    
    .page-slider {
        overflow: hidden;
    }
    .page-slider .page-list-slider > div {
        margin-left: 0;
    }    
    .page-list-slider a {
        font-size: 15px;
       padding-right: 10px;
    }
    
    .header-dark-cyan .top-header .top-header-content .top-header-time p {     
        background-color: transparent;
    }
    .header-dark-cyan .top-header {
        background-color: #004850;
    }
    .mma-inner-slider .slick-slide .mma-slider-conent .mmoa-text-wrap {
        margin-top: 82px;
    }
    .mma-slider .container {
        max-width: 640px;
    }
    .full-text-image .full-image {        
        /*height: 400px;*/
        width: 100%;
    }
    .full-text-image .container {
        padding: 0;
    }
    .full-text-image {
        padding-top: 5px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .full-text-image h2 {
        margin-bottom: 17px;
    }
    .simple-scroll-section .simple-scroll-item .scroll-left-block {
        width: 100%;
        order: 2;
    }
    .simple-scroll-section .simple-scroll-item .scroll-date-details {
        width: 100%;
        padding-top: 0;
        position: relative;
        padding-bottom: 39px;
        margin-bottom: 25px;
    }
    .simple-scroll-section .simple-scroll-item .scroll-date-details:before {
        content: "";
        background-color: rgba(0, 0, 0, 0.2);
        top: inherit;
        bottom: 0;
        width: 100%;
        height: 1px;
        right: 0;
        margin: 0 auto;
        left: 0;
    }
    .simple-scroll-section .container {
        padding: 0 20px;
    }
    .simple-scroll-section {
        padding-top: 12px;
        padding-bottom: 30;
    }
    .simple-scroll-section .simple-scroll-item .scroll-date-details h5 {
        margin-bottom: 14px;
        font-size: 17px;
        letter-spacing: 0.00em;
    }
    .simple-scroll-section .simple-scroll-item .scroll-date-details p {
        letter-spacing: 0.00em;
        margin-bottom: 35px;
    }
    .simple-scroll-item .scroll-left-block p {
        letter-spacing: 0.00em;
        line-height: 1.45;
        margin-bottom: 25px;
    }
    .embed-full-videos {
        padding-top: 2px;
        padding-bottom: 40px;
    }
    .embed-full-videos iframe {     
        height: 360px;
    }
    .embed-full-videos .container {     
        padding: 0 20px;
    }
    .feature-works {
        padding-top: 37px;
        text-align: center;
        padding-bottom: 69px;
    }
   .feature-works h2 {
        margin-bottom: 26px;
    }
    .feature-works .container {     
        padding: 0 46px;
    }
    .feature-slider .feature-slider-bg {
        height: 300px;
        margin-bottom: 11px;
    }
    .feature-slider p {
        font-size: 16px;
        text-align: left;
    }
    .feature-main-block button.slick-arrow {
        top: 151px;
        background-color: #459C62;
        color: #fff;
    }
    .feature-main-block ul.slick-dots li button {
        opacity: 0.4;
        background-color: #004850;
    }
    .feature-main-block ul.slick-dots li.slick-active button{
        opacity: 1;
    }
    .feature-main-block ul.slick-dots {
        bottom: -16px;
    }
    ul.slick-dots li button {
        width: 10px;
        height: 10px;
    }
    .spotlight-sticky .spotlight-wrap .spotlight-content {
        width: 100%;   
        margin-top: 38px;
    }
    .spotlight-sticky .spotlight-wrap .spotlight-sticky-block {
        width: 100%;
    }
    .spotlight-sticky-block ul {
        padding-top: 10px;
        padding-bottom: 0;
    }
    .spotlight-sticky .container {
        padding: 0 20px;
    }
    .spotlight-sticky .container {     
        padding: 0 23px;
    }
    .spotlight-sticky .spotlight-wrap .spotlight-content p {        
        line-height: 1.53;
        font-size: 17px;
        margin-bottom: 18px;
    }
    .spotlight-sticky .spotlight-wrap .spotlight-content h2 {
        margin-bottom: 20px;
    }
    .spotlight-sticky-block ul li p {
        font-size: 16px;     
    }
    .spotlight-sticky-block ul li {
        margin-bottom: 19px;
    }
    .spotlight-sticky {
        padding-bottom: 30px;
    }
    .custom-breadcrumbs .breadcrumbs {
        display: none;
    }
    .custom-breadcrumbs span.back-link {
        display: block;
    }
    .custom-breadcrumbs span.back-link a {
        padding-left: 16px;
        font-size: 14px;
        color: rgba(0, 0, 0, 0.3);
        font-weight: 600;
        position: relative;
    }

    .custom-breadcrumbs span.back-link a:before {
        content: "\f053";
        font-family: "Font Awesome 6 Free";
        font-weight: 600;
        line-height: 1;
        -webkit-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        position: absolute;
        left: 0;
        top: 3px;
    }
    .custom-breadcrumbs {
        margin-bottom: 30px;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .bottom-btn {
        text-align: center;
        margin-top: 43px;
    }
    .simple-scroll-section .simple-scroll-item .scroll-date-details p {
        letter-spacing: 0.00em;
        margin-bottom: 11px;
    }
    .scroll-date-details .down-links {
        margin-top: 23px;
    }
    .all-past-exh ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .upcoming-exh .quote-block p {
        font-size: 22px;
    }
    .upcoming-exh .container {     
        padding: 0 20px;
    }
    .upcoming-exh h2 {
        margin-bottom: 32px;
    }
    .upcoming-exh .quote-block {        
        padding: 4px 10px 1px 33px;
    }
    .upcoming-exh {
        padding-top: 35px;
        padding-bottom: 42px;
    }
    .featured-past-exh { padding: 36px 0 42px; }
    .featured-slider .slick-list { padding-right: 0px !important; }
    .slider-item { margin-right: 0; }
    .featured-slider-wrap { padding-left: 0 !important; }
    .featured-slider .slick-slide.slick-center .featured-slider-bg { height: 355px; }
    .featured-slider .slick-slide { padding: 0 22px; display:block !important; }
    .featured-bottom-content {padding: 17px 0;justify-content: center;        border-color: rgba(255, 255, 255, 0.41);    }
    .featured-bottom-content .content p, .featured-bottom-content .link a { display: none; }
    .featured-bottom-content { padding: 17px 0; justify-content: center; }
    .mobile-featured-content p {
        margin: 0 0 8px 0;
        color: #00484F;
        text-align: center;
        font-size: 16px;
        letter-spacing: 0.00em;
    }
    .mobile-featured-content .featured-btn {
        color: #00484F;
        margin: 0;
        text-align: center;
        display: table;
        margin: 0 auto;
        border-bottom: 1.83px solid #C4D92C;
        font-size: 16px;
    }
    .featured-slider .slick-slide .featured-slider-bg { max-width: 550px; margin: 0 auto;         text-align: center;}
    .featured-slider button.slick-next.slick-arrow { right:0 !important; }
    .featured-past-exh button.slick-arrow {
        width: 26px;
        height: 52px;
        padding-right: 0;
        border-radius: 0 100px 100px 0;
        padding-left: 0;
        top: 124px;
    }
    .featured-slider button.slick-next.slick-arrow {
        right: 0 !important;
        left: inherit;
        padding-right: 0;
        border-radius: 100px 0 0 100px;
        margin-right: 0;
    }
    .featured-past-exh button.slick-prev.slick-arrow {
        left: 0;
    }
    .featured-past-exh h2 {
        text-align: center;
    }
    .mobile-featured-content{
        display: block;
        padding-top: 10px;
    }
    .two-coman-blocks .two-coman-items-wrap .two-coman-text-area {
        padding: 25px 23px 25px 18px;
        width: 100%;
        order: 2;
    }
    .two-coman-blocks .two-coman-items-wrap {
        margin-bottom: 29px;
    }
    .two-coman-blocks {
        padding-top: 33px;
        padding-bottom: 40px;
    }
    .two-coman-blocks .container {     
        padding: 0 25px;
    }
    .two-coman-blocks .two-coman-items-wrap .two-coman-bgimg {
        width: 100%;
        top: 0;
        height: 400px;
        min-height: auto;
    }
    .two-coman-blocks .two-coman-items-wrap .two-coman-text-area h3 {     
        margin-bottom: 16px;
    }
    .two-coman-blocks .two-coman-items-wrap .two-coman-text-area p {     
        line-height: 1.61;
        margin-bottom: 24px;
        font-size: 16px;
    }
    .pricing-rpt ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
    .events-section .container {     
        padding: 0 20px;
    }
    .filter-heading-block {
        margin-bottom: 22px;
        margin-top: 30px;
    }
    .classes-list-wrap span {
        padding: 10px 31px 10px 32px;
        font-size: 16px;
        letter-spacing: 0.00em;
        width: 100%;
        text-align: center;
        white-space: break-spaces;
    }
    .events-section .events-data .events-showing span {
        font-size: 22px;        
    }
    .filter-wrap ul.classes-list-wrap {
        margin-bottom: 30px;
    }
    .events-section .events-data .events-showing {
        width: 100%;
        margin-bottom: 14px;
    }
    .events-section .events-data .event-classes span {
        font-size: 16px;     
    }
    .events-section .events-data .event-classes {
        width: 100%;     
        text-align: left;
    }
    .events-section .events-data {
        margin-bottom: 14px;
    }
    .events-section {     
        padding-top: 0;
        padding-bottom: 44px;
        overflow: hidden;
    }
    .filter-wrap button.slick-arrow {
        background-color: transparent;
        opacity: 1 !important;
        box-shadow: none;
        color: #1F2049 !important;
    }

    .filter-wrap button.slick-prev.slick-arrow {
        left: 0;
    }

    .filter-wrap .slick-list.draggable {
        margin-left: 22px;
        margin-right: -30px;
    }

    .filter-wrap button.slick-next.slick-arrow {
        display: none !important;
    }
    .filter-wrap .slick-list .slick-slide {
        padding: 0 10px;        
    }
    .filter-wrap .slick-list {
        margin: 0 -10px;
    }
    .filter-wrap {
        margin-bottom: 30px;
        padding-left: 27px;
        margin-right: -20px;
    }
    .classes-list-wrap.page-list-slider > div {
        margin-right: 9px;
    }
    .filter-heading-block .filter-heading-btn {
        display: none;
    }
    .filter-heading-block .filter-left-heading {
        width: 100%;
    }
    .pagination .pagination-inner {
        display: inline-block;
        padding-bottom: 4px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    }

    .pagination .pagination-inner a.current {
        position: relative;
    }

    .pagination .pagination-inner a.current:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 4px;
        background-color: #38C4E1;
        bottom: -7px;
        left: 0;
    }
    .header-dark-blue .top-header .top-header-content .top-header-time p {     
        background-color: transparent;
    }
    .header-dark-blue .top-header {
        background-color: #3F4CA0;
    }
    .header-dark-blue .top-header .top-header-content .top-header-search .search-block, .header-dark-blue .top-header .top-header-content .top-header-search .search-block:before, .header-dark-blue .top-header .top-header-content .top-header-search .search-block:after {
        background-color: #38C4E1;
    }
    .header-dark-blue .top-header .top-header-content .top-header-search .search-block a svg path {
        stroke: #3F4CA0;
        fill: #3F4CA0;
    }
    .classes-list-wrap {
        margin-bottom: 0;
        border: none;
    }
    .classes-list-wrap div {
        margin-right: 0;
    }
    .main-header .menu-footer {
        padding: 28px 0 130px;
    }
    .list-design-style ul li {        
        font-size: 16px;
    }
    .field-pricing .filed-p-heading {
        margin-bottom: 35px;
        text-align: center;
    }
    .field-pricing .filed-p-heading p {     
        font-size: 17px;
        line-height: 1.55;
    }
    .pricing-rpt h3 {
        margin-bottom: 26px;
        text-align: center;
    }
    .field-pricing .container {     
        padding: 0 20px;
    }
    .field-pricing {
        padding-top: 40px;
        padding-bottom: 11px;
    }
    .list-design-style ul {        
        margin-left: 12px;
    }
    .list-design-style ul li:before {        
        width: 3px;
        height: 3px;        
        left: -15px;
        top: 15px;
    }
    .list-design-style ul li {
        font-size: 17px;
        letter-spacing: 0.00em;
        line-height: 26px;
        margin-bottom: 23px;
    }
    .two-coman-blocks h2 {
        margin-bottom: 25px;
        padding-left: 0;
        text-align: center;
    }
    .bottom-description p {     
        font-size: 16px;
        letter-spacing: 0.00em;
    }
    .accordions-section {
        padding-top: 34px;
        padding-bottom: 26px;
    }
    .accordions-section .container {
        padding: 0 12px;
    }
    .accordions-section h2 {
        margin-bottom: 13px;
    }
    .accordions-section .accordion-right {
        padding-top: 12px;
    }
    .accordions-section .accordion-left {
        padding-left: 8px;
        padding-right: 8px;
    }
    .header-dark-blue .accordion-content.list-design-style ul li:before {
        background-color: #000000;
        top: 11px;
        left: -14px;
        width: 3px;
        height: 3px;
    }
    .accordion-outer.is-open .accordion-heading {
        padding-bottom: 18px;
        padding-top: 35px;        
    }
    .accordion-content {
        padding: 17px 16px 28px 31px;     
    }
    .accordion-content.list-design-style ul li {
        font-size: 15px;
        line-height: 1.54;
        margin-bottom: 10px;
        letter-spacing: 0.00em;
    }
    .accordion-outer {
        margin-bottom: 13px;
    }
    .accordion-outer .accordion-heading {
        padding: 22px 77px 17px 18px;
        font-size: 22px;
        font-weight: 700;
        line-height: 1.4;
    }
    .accordion-heading:after {
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .accordion-outer.is-open .accordion-heading:after {
        -webkit-transform: rotate(180deg) translateY(0%);
        -ms-transform: rotate(180deg) translateY(0%);
        transform: rotate(180deg) translateY(0%);
    }
    .contact-form .wpforms-container .wpforms-field.wpforms-field-file-upload {
        margin-top: 25px;     
    }
    .contact-form .wpforms-container .wpforms-field.wpforms-field-file-upload label.wpforms-field-label {
        margin-bottom: 16px;
        padding-right: 0;
        letter-spacing: 0.00em;
    }
    .contact-form .wpforms-container .wpforms-field-container .wpforms-uploader {
        padding: 26px 20px 20px 50px !important;
    }
    .contact-form .wpforms-container .wpforms-field-container .wpforms-uploader .dz-message span {
        letter-spacing: 0.00em;
    }
    .page-banner {
        padding-top: 20px;
    }
    .page-banner .banner-title-text:after {
        background-size: cover;
        left: 0;
        transform: inherit;
    }
    .page-banner .banner-title-text {
        position: relative;
        padding-top: 48px;
        padding-bottom: 11px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 0;
        padding-bottom: 0;
        height: 185px;
    }
    .three-clm-direction .three-clm-block {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-right: 30px;
        padding-left: 30px;
    }
    .explore-two-clm .explore-wrap .explore-item {
        width: 100%;
        padding: 86px 30px 88px;
    }
    .programs-section {
        padding-top: 32px;
        padding-bottom: 57px;
    }
    .programs-section .container {     
        padding: 0 20px;
    }
    .programs-section h2 {     
        margin-bottom: 19px;
    }
    .programs-section ul li {
        background-color: #fff;
        padding: 12px 12px 67px 12px;
    }
    .programs-section ul li .programs-bg {        
        height: 262px;
        margin-bottom: 14px;     
    }
    .programs-section ul li h3 {        
        font-size: 25px;        
        margin-bottom: 9px;
        padding-left: 10px;
    }
    .programs-section ul li p {
        margin-bottom: 10px;
        padding-left: 9px;        
    }
    .programs-section a.round-btn {
        margin-left: 10px;
        width: 43px;
        height: 43px;
        bottom: 25px;
    }
    .programs-section ul {
        gap: 19px;     
    }
    .explore-two-clm .explore-wrap .explore-item {
        width: 1000%;
        padding: 52px 47px 57px;
    }
    .explore-two-clm .explore-wrap .explore-item p {
        margin-bottom: 26px;
        font-size: 19px;
    }
    .header-dark-pink .top-header, .header-dark-pink .top-header .top-header-content .top-header-time p:after{
        background-color: #A81F5C;
    }
    .header-dark-pink .top-header .top-header-content .top-header-search .search-block:after {
        background-color: #EF4932;
    }
    .header-dark-pink .top-header .top-header-content .top-header-search .search-block:before, .header-dark-pink .top-header .top-header-content .top-header-search .search-block {
        background-color: #EF4932;
    }
    .featured-events.featured-past-exh h2 {
        color: #6C0F28;
        font-size: 32px;
        margin-bottom: 12px;
    }
    .featured-events.featured-past-exh {
        padding-top: 32px;
        padding-bottom: 17px;
    }
    .featured-events .featured-slider .slick-slide {
        margin: 0 22px;
        text-align: left;
        padding: 0;
    }
    .featured-events .featured-bottom-content .content {
        padding-right: 0;
    }
    .featured-events .featured-slider .slick-slide .featured-slider-bg {
        max-width: 100%;
    }
    .featured-events .featured-bottom-content {     
        text-align: left;
        padding:17px 0 0 8px;
        left: 8px;
        right: 8px;
    }
    .featured-events .featured-bottom-content .content h3 {
        margin-bottom: 0;     
    }
    .featured-events .mobile-featured-content p {
        text-align: left;
        color: #fff;
        line-height: 1.6;
        margin-bottom: 23px;
    }
    .featured-events .mobile-featured-content h4 {
        color: #fff;
        font-size: 17px;
        letter-spacing: 0.00em;
        margin-bottom: 19px;
    }
    .featured-events .mobile-featured-content a.round-btn {
        margin: 0;
        width: 43px;
        height: 43px;
        border: none;
    }
    .featured-events .slick-current .featured-bottom-content .content h4 {
        display: none;
    }
    .featured-events .mobile-featured-content {
        background-color: #121111;
        padding: 15px 30px 21px 18px;
    }
    .simple-scroll-section .simple-scroll-item .scroll-date-details h5 + h5 {
        margin-top: 0;
    }
    .footer-three-block .mmo-details span.footer-link-mobile {
        display: block;
    }
    .featured-events.featured-past-exh button.slick-arrow {
        top: 50%;
    }
    .sponsoring-block .sponsoring-wrap .sponsoring-item-img {
        width: 100%;
        margin-bottom: 29px;
    }
    .sponsoring-block .sponsoring-wrap .sponsoring-item-text {
        width: 100%;
    }
    .sponsoring-block .sponsoring-wrap .sponsoring-item-img img {
        display: block;
        width: 100%;
    }
    .two-block-section .second-block-content p a {     
        overflow-wrap: anywhere;
    }
    .sponsoring-block {
        padding-top: 21px;
        padding-bottom: 20px;
    }
    .sponsoring-block .container, .two-block-section .container {     
        padding: 0 20px;
    }
    .sponsoring-head h2 {
        margin-bottom: 13px;
    }
    .sponsoring-wrap .sponsoring-head {
        margin-bottom: 24px;
    }
    .sponsoring-wrap h3 {
        margin-bottom: 14px;
        font-size: 32px;
    }
    .sponsoring-block .sponsoring-wrap p {
        margin-bottom: 26px;
        font-size: 17px;
    }
    .featured-events.featured-past-exh button.slick-next.slick-arrow {
        margin-right: 0 !important;
    }
    .featured-events .slick-current .featured-bottom-content .content p {
        display: none;
    }
    .annual-report {
        padding-top: 30px;
        padding-bottom: 38px;
    }
    .annual-report ul {
        gap: 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 20px;
    }
    .full-image-section {     
        height: 221px;
    }
    .annual-report h2 {
        margin-bottom: 25px;
        text-align: center;
    }
    .annual-report .container {     
        padding: 0 13px;
    }
    .annual-report ul li .line-round-btn:before {        
        width: 41px;
        height: 41px;        
        right: -65px;
        top: -8px;        
        font-size: 17px;
    }
    .annual-report ul li .line-round-btn {
        font-size: 16px;     
        margin-left: 3px;
    }
    
    .annual-report ul li .report-number {
        margin-bottom: 32px;
    }
    .annual-report ul li p {
        font-size: 15px;     
    }
    .annual-report ul li h3 {
        font-size: 25px;        
        margin-bottom: 2px;     
    }
    .tribe-events-single .tribe-events-sub-nav {
        display: block;
    }
    .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-previous {     
        margin-bottom: 20px;
    }
    .tribe-events-single .tribe-events-sub-nav .tribe-events-nav-next {
        text-align: right;
    }
    .programs-section ul {
        gap: 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 20px;
    }
    .two-coman-blocks .two-coman-items-wrap .two-coman-text-area h4 {
        display: none;
    }
    .two-coman-blocks .two-coman-items-wrap .two-coman-text-area h4.mobile-show-date {
        display: block;
    }
    .two-coman-blocks .two-coman-items-wrap .two-coman-text-area h4.mobile-show-date span {
        display: block;
    }
    .staff-section .staff-block-list ul {
        width: 100%;
    }
    .staff-section h2 {
        margin-bottom: 31px;
    }
    .staff-section .staff-block-list ul li h3 {
        font-size: 18px;     
        margin-bottom: -1px;
    }
    .staff-section .staff-block-list ul li p {        
        font-size: 16.2px;     
    }
    .staff-section {
        padding-top: 17px;
        padding-bottom: 30px;
    }
    .full-image-content .full-image-content-wrap .full-image-text {
        width: 100%;
        padding: 75px 20px 75px 20px;
        text-align: center;
    }
    .full-image-content .full-image-content-wrap .full-image-text h2 {
        max-width: 310px;
        margin: 0 auto 7px;
    }
    .full-image-content .full-image-content-wrap .full-image-text p {
        margin-bottom: 32px;
        letter-spacing: 0.00em;
    }
    .full-image-content .container {
        padding: 0;
    }
    .full-image-content .full-image-content-wrap .overlap-image {
        width: 100%;
        height: 342px;
        position: relative;
    }
    .donations-section ul {
        gap: 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 20px;
    }
    .donations-section .container {        
        padding: 0 20px;
    }
    .donations-section {
        padding-top: 30px;
        padding-bottom: 47px;
    }    
    .ways-to-give ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .faq-section .faq-block {
        background-color: transparent;
        box-shadow: none;
        padding: 0;
    }
    .faq-block .faq-block-full-wrap {
        padding: 0;
        margin: 0;
        border: none;
        background-color: #fff;
        padding: 0;
        margin-bottom: 15px;
        box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
    }

    .faq-block .faq-block-full-wrap h3 {
        margin-bottom: 0;
    }
    .faq-block-accordion {
        padding-top: 40px;
    }
    .donor-heading .donor-two-clm .left-donor {
        width: 100%;
    }
    .donor-heading .donor-two-clm .right-donor {
        width: 100%;
        padding-right: 0;
    }
    .faq-block-full-wrap:before{
        display: none;
    }
    .faq-section {
        padding-top: 18px;
        padding-bottom: 32px;
    }
    .faq-section h2 {
        margin-bottom: 30px;
        padding-left: 15px;
    }
    .faq-section .container {     
        padding: 0 13px;
    }
    .faq-section .faq-block .faq-block-full-wrap h3 {     
        font-size: 22px;
        padding: 34px 71px 35px 16px;
        position: relative;
        cursor: pointer;
    }
    .faq-section .faq-block .faq-block-full-wrap h3:after {
        content: "\f078";
        width: 46px;
        height: 46px;
        position: absolute;
        right: 18px;
        background-color: rgba(69, 156, 98, 1);
        border-radius: 50%;
        top: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #fff;
        font-size: 22px;
        -webkit-transform: translateY(-50%) rotate(0deg);
        -ms-transform: translateY(-50%) rotate(0deg);
        transform: translateY(-50%) rotate(0deg);
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        font-weight: 900;
        font-family: "Font Awesome 6 Free";
    }
    .faq-section .faq-block .faq-block-full-wrap h3.active:after {
        -webkit-transform: rotate(180deg) translateY(50%);
        -ms-transform: rotate(180deg) translateY(50%);
        transform: rotate(180deg) translateY(50%);
    }
    .faq-section .faq-block .faq-block-accordion {
        padding-top: 0;
        padding-left: 10px;
        padding-bottom: 0px;
    }
    .faq-section .accordion-outer .accordion-heading {
        font-size: 17px;
        letter-spacing: 0.00em;
        padding-right: 32px !important;
        line-height: 1.5;
    }
    .faq-section .accordion-outer {
        margin-bottom: 24px;
        display: inline-block;
        width: 100%;
    }
    .faq-section .accordion-heading:after {
        font-size: 20px;
        top: -3px;
        left: 7px;
    }
    .faq-section .accordion-content p {
        font-size: 16px;
    }
    .faq-section .accordion-content {
        padding: 20px 20px 0 37px;
    }
    .simple-scroll-section .simple-scroll-item .scroll-date-details .event-date-wrap {
        margin-bottom: 20px;
        display: flex;
    }
    .simple-scroll-section .simple-scroll-item .scroll-date-details .event-date-wrap h5 {
        margin-bottom: 0;
        margin-top: 0;
        display: inline-block;
        margin-right: 7px;
        padding-right: 7px;
        border-right: 3px solid #000;
        line-height: 1;
    }
    .simple-scroll-section .simple-scroll-item .scroll-date-details .event-date-wrap h5:last-child {
        padding: 0;
        margin: 0;
        border: none;
    }
    .simple-scroll-section .simple-scroll-item .scroll-date-details h5 {
        line-height: 1.5;
    }
    .simple-scroll-section .simple-scroll-item .scroll-date-details .logo-block-wrap {
        margin-top: 20px;
        margin-bottom: 0;
    }
    .simple-scroll-section .simple-scroll-item .scroll-date-details .logo-block-wrap h5 {
        margin-bottom: 15px;
    }
    .simple-scroll-section .simple-scroll-item .scroll-date-details .logo-block-wrap img {
        margin-bottom: 25px;
        display: block;
        max-width: 200px;
        width: 100%;
    }
    .single .simple-scroll-section {
        padding-bottom: 55px;
    }
    .single-tribe_events .simple-scroll-item a.btn {
        display: none;
    }
    .simple-scroll-item + a.btn {
        display: inline-block;
    }
    .simple-scroll-item .list-design-style ul {
        margin-left: 26px;
    }
    .single-tribe_events .simple-scroll-section .simple-scroll-item .scroll-date-details {
        padding-bottom: 14px;
        margin-bottom: 31px;
    }
    .donor-circle {
        padding-top: 33px;
        padding-bottom: 52px;     
    }
    .donor-circle .container {     
        padding: 0 20px;
    }
    .donor-circle h2 {
        margin-bottom: 15px;
    }
    .donor-heading .donor-two-clm p {     
        line-height: 1.52;
        margin-bottom: 27px;
    }
    .donor-heading {
        margin-bottom: 13px;
    }
    .donor-accordion .accordion-outer .accordion-heading {
        font-size: 22px;
        padding: 13px 20px 20px 86px;
    }
    .member-main-item {
        padding: 41px 25px 3px 26px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 0;
        margin-left: 15px;
    }
    .member-benefits-sec .container {     
        padding: 0 20px;
    }
    .member-benefits-sec h2 {
        font-size: 30px;
        padding: 23px 20px 21px 26px;
    }
    .member-main-item .member-benefits-wrap h3 {
        padding-left: 50px;
        margin-bottom: 15px;
        font-size: 22px;
        line-height: 1.3;
    }
    .member-main-item .member-benefits-wrap p {
        font-size: 16px;        
        line-height: 1.46;
        margin-bottom: 22px;
    }
    .member-benefits-wrap .member-left-area {
        margin-bottom: 14px;
    }
    .member-benefits-sec {
        padding-bottom: 44px;
        padding-top: 0;
    }
    .member-main-item .member-benefits-wrap h3 span {
        top: -5px;
    }
    .corporate-section .corporate-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 20px
    }
    .corporate-section .container {        
        padding: 0 15px;
    }
    .corporate-head .corporate-wrap p {     
        line-height: 1.52;
    }
    .corporate-head .corporate-wrap h2 {
        margin-bottom: 18px;
        font-size: 35px;
        line-height: 1.1;
    }
    .corporate-head .corporate-wrap {
        padding-left: 14px;
    }
    .corporate-head {
        padding-top: 34px;
        padding-bottom: 82px;
    }
    .corporate-section .corporate-list {
        margin-top: -64px;
    }
    .corporate-list .corporate-blocks h3 {
        font-size: 25px;
        margin-bottom: 4px;
    }
    .corporate-list .corporate-blocks h4 {
        font-size: 18px;
    }
    .corporate-list .corporate-blocks ul li {
        margin-bottom: 26px;
        font-size: 16px;
        line-height: 1.4;
    }
    .corporate-list .corporate-blocks ul {
        margin-left: 22px;
    }
    .corporate-list .corporate-blocks ul li:before {
        left: -13px;
        top: 9px;
    }
    .corporate-section .corporate-list .corporate-blocks {
        padding: 14px 30px 13px 24px;     
    }
    .corporate-section {
        padding-bottom: 49px;
    }
    .support-section .support-wrap {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 16px;
    }
    .support-section {
        padding-top: 31px;
        padding-bottom: 38px;
    }
    .support-textarea h2 {
        margin-bottom: 16px;
        font-size: 35px;
        line-height: 1.15;
    }
    .support-textarea p {     
        line-height: 1.53;
    }
    .support-section .container {     
        padding: 0 16px;
    }
    .support-textarea {
        margin-left: 13px;
    }
    .support-section .support-wrap .support-list-area ul li {
        font-size: 17px;
        margin-bottom: 23px;
        padding-left: 57px;        
        line-height: 1.2;
    }
    .support-section .support-wrap .support-list-area ul li span {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .support-section .support-wrap .support-list-area h3 {     
        font-size: 18px;
        margin-bottom: 29px;
    }
    .support-section .support-wrap .support-list-area {
        padding: 20px 29px 28px 20px;
    }
    .staff-section .staff-block-list ul {
        padding-right: 0;
    }
    .foundations-board .foundation-wrap .founcation-img {
        position: relative;
        height: 341px;
        width: 100%;
        order: 2;
    }
    .foundations-board .container {
        padding: 0;
    }
    .foundations-board .foundation-wrap .foundation-text {
        padding: 36px 20px 40px 29px;
        width: 100%;
    }
    .foundation-text h2 {
        margin-bottom: 17px;
    }
    .foundation-wrap .foundation-list h3 {
        margin-bottom: 5px;
        font-size: 17px;
    }
    .foundation-wrap .foundation-list .found-area {
        margin-bottom: 26px;
    }
    .foundations-board .foundation-wrap .foundation-list {     
        row-gap: 28px;
    }    
    .member-levels .member-levels-block .level-btns {
        display: none;
    }
    .member-levels-block + .level-btns {
        display: block;
        margin-top: 37px;
        text-align: center;
    }
    .member-levels .container {     
        padding: 0 12px;
    }
    .member-levels .member-levels-block .member-level-des {     
        margin-bottom: 16px;
        padding: 0 10px;
    }
    .member-levels .member-levels-block .member-level-des h2 {
        margin-bottom: 13px;
    }
    .member-levels .member-levels-block .member-level-des p {        
        line-height: 1.55;     
    }
    .member-levels .member-levels-block .member-circle h3 {        
        font-size: 25px;        
        margin-bottom: 17px;
        padding-left: 4px;
    }
    .member-circle ul li h4 {
        font-size: 22px;
    }
    .member-circle ul li p {
        font-size: 18px;
        letter-spacing: 0.00em;
    }
    .member-circle ul li {
        padding: 23px 15px 22px 15px;
        border-top: 4.16px solid #459C62;     
    }
    .member-circle ul {
        gap: 10px;
        row-gap: 10px;
    }
    .member-levels {
        padding-top: 38px;
        padding-bottom: 24px;
    }
    .sculpture-guide {
        padding-top: 43px;
        padding-bottom: 52px;
    }
    .sculpture-guide h2 {
        margin-bottom: 24px;
        text-align: center;
    }
    .sculpture-guide .container {     
        padding: 0 22px;
    }
    .sculpture-wrap .sculpture-item .sculpture-img {     
        height: 238px;
    }
    .sculpture-wrap .sculpture-item .sculpture-details p {
        margin-bottom: 2px;     
        font-size: 17px;
        letter-spacing: 0.00em;
    }
    .sculpture-wrap .sculpture-item .sculpture-details .sculpture-number {
        padding-left: 52px;     
        margin-bottom: 20px;
    }
    .sculpture-wrap .sculpture-item .sculpture-details {
        padding: 15px 20px 16px 18px;
    }
    .sculpture-guide .sculpture-wrap {
        row-gap: 20px;
    }
    .map-heading-block {
        padding-top: 32px;
        padding-bottom: 13px;
    }
    .map-heading-block .container {     
        padding: 0 20px;
    }
    .map-heading-block h2 {
        margin-bottom: 23px;
    }
    .map-heading-block p {
        letter-spacing: 0.00em;
        line-height: 1.59;
    }
    .latest-news-section .latest-news-bg .letest-bg-wrap {
        padding: 25px 6px 0 0;
        display: block;
        border: none;
    }
    .latest-news-section .latest-news-bg .letest-bg-wrap .latest-content-right {
        width: 100%;
        text-align: left;
        margin-top: 13px;
    }
    .latest-news-section .latest-news-bg .letest-bg-wrap .latest-content-wrap {
        width: 100%;
        padding-right: 0;
    }
    .latest-news-section h2 {
        padding-left: 11px;
        margin-bottom: 17px;
        
    }
    .latest-news-section .container {
        padding: 0 18px;
    }
    .latest-news-section .latest-news-bg .latest-news-bg-img {
        position: relative;
        width: 100%;
        height: 257px;
        z-index: -1;
        margin-bottom: -59px;
    }
        .latest-news-section .latest-news-bg .letest-bg-wrap {
        padding: 0px 16px 22px 16px;
        position: relative;
        display: block;
    }
    .latest-news-section .latest-news-bg .letest-bg-wrap .latest-content-wrap {
        width: 100%;
        padding: 13px 0 0 0;
    }
    .latest-content-wrap h3 {
        margin-bottom: 10px;
        letter-spacing: 0.00em;
        font-size: 22px;
    }
    .latest-content-wrap p {
        color: #fff;
        font-size: 16px;
        line-height: 1.45;
        margin-bottom: 0;
    }
    .latest-content-right .line-link {
        font-size: 17px;
        padding: 0px 3px 12px 3px;
    }
    .latest-news-section .latest-news-bg .letest-bg-wrap .latest-content-right {
        text-align: left;
        margin-top: 16px;
    }
    .latest-news-section .latest-news-bg {
        height: auto;
        overflow: hidden;
        display: block;
        padding: 0;
    }
    .latest-news-section .latest-news-bg:before {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24.85%, rgba(0, 0, 0, 0.93) 50.11%);
    }
    .latest-news-section .latest-news-bg .letest-bg-wrap:before {
        content: "";
        position: absolute;
        width: calc(100% - 12px);
        height: 1px;
        background-color: #fff;
        opacity: 0.5;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .latest-news-section {
        padding-bottom: 0;
        padding-top: 30px;
    }
    .events-section.news-press-block .pagination .pagination-inner a.current:before {
        background-color: #C3D92C;
    }
    .events-section.news-press-block .pagination .next-page, .events-section.news-press-block .pagination .prev-page {   font-size: 0;
    }
    .events-section.news-press-block .pagination span.page-link-blank {
        display: none;
    }
    .events-section.news-press-block .pagination .next-page {
        padding-right: 7px !important;
    }
    .events-section.news-press-block .pagination .prev-page{
        padding-left: 7px !important;
    }
    .events-section.news-press-block {
       padding-bottom: 46px;
    }
    .events-section.news-press-block .pagination a.current {
        color: #004850;
    }
    .events-section.news-press-block .pagination span, .events-section.news-press-block .pagination a {
        font-size: 16px;
    }
    .events-section.news-press-block .pagination {
        padding-top: 43px;
    }
    .two-block-section p {
        margin-bottom: 20px;
    }
    .single-post-content-wrap .two-block-section {
        padding-top: 5px;
    }

    .single-post-content-wrap .two-block-section h2 {
        margin-bottom: 5px;
    }
    .single-post-content-wrap .two-block-section .two-block-wrap .first-block-img {
        order: inherit;
        margin-bottom: 24px;
    }
    .page-slider .container {
        padding: 0 0;
    }
    .slider-container {
        padding-left: 30px;
    }
    .nav-button.left{
        display: block;
    }
    .page_breadcrumbs_block .container, .two-block-section .container {     
        padding: 0 15px;
    }
    .custom-breadcrumbs span.back-link {     
        padding-left: 9px;
    }
    .thankyou-sec {
        padding: 54px 0 29px;
    }
    .thankyou-sec h3 {
        font-size: 25px;
        margin-bottom: 32px;
        line-height: 1.41;
    }
    .thankyou-sec .container {     
        padding: 0 25px;
    }
    .thankyou-sec h2 {
        line-height: 1.35;
    }
    .mma-slider ul.slick-dots button {
        width: 15px;
        height: 15px;
    }

    .mma-slider ul.slick-dots li {
        margin: 0 6px;
    }
    .upcoming-events .upcoming-heading h2 {
        font-size: 55px;
    }
    .our-blocks .our-block-left .our-block-sticky {
        padding-top: 0;
    }
    .details-inner-heading {
        margin-right: 0;
        margin-bottom: 43px;
        padding-left: 5px;
    }
    .details-inner-heading h2 {
        margin-bottom: 16px;
    }
    .details-inner-heading p {
        padding-left: 0;
    }
    .details-inner-heading + .details-inner-block h2 {
        font-size: 22px;
        margin-bottom: 3px;
    }
    .details-item-block .details-inner-block p {
        margin-bottom: 14px;
    }
    .details-inner-heading + .details-inner-block {
        margin-bottom: 18px;
    }
    .contact-form .wpforms-container .wpforms-field .wpforms-clear button.wpforms-page-button {
        padding: 16px 28px 16px 30px;
        margin-top: 15px;
    }    
    .details-item-block .details-inner-block p a.line-link {
        font-size: 17px;
    }
    .adult-classes-btn {
        display: block;
        margin-top: 40px;
        text-align: center;
    }
    .mob-button {
        display: block;
    }
    .scroll-date-details a.btn {
        display: none;
    }
    .filter-wrap button#leftBtn {
        left: 1px;
        font-size: 19px;
    }
    .right-image-block .first-block-img {
        margin-top: 30px;
        margin-bottom: 0;
    }
    .classes-list-wrap.page-list-slider {
        width: 100%;
        padding-right: 20px;
    }
    .classes-category {
        display: none;
    }    
    .mob-btn-link {
        display: block;
    }
    .page-slider-head p {
        margin-bottom: 30px;
    }
    .mob-btn-link {
        margin-top: 21px;
        display: inline-block;
        width: 100%;
    }
    .multi-btn-link .down-links {
        margin-bottom: 33px;
    }
    .page-slider-head a.btn {
        display: none;
    }
    .page-slider-details .mob-btn-link a.btn {
        margin-top: -20px;
        margin-bottom: 20px;
    }
    .simple-scroll-section h2 {
        margin-bottom: 20px;
    }
    .featured-bottom-content .content p {
        display: block;
    }
    .main-header .social-icon svg {
        width: 14px;
        height: 17px;
    }
    .main-header .social-icon:last-child svg {
        width: 16px;
    }
    .page-child .custom-breadcrumbs {
        margin-bottom: 0;
    }
    .single-exhibitions .custom-breadcrumbs {
        margin-bottom: 35px;
    }
    .footer-three-block .mmo-details .btn{
        display: inline-block !important;
        width: 100%;
        max-width: 217px;
    }
    .full-image-content .full-image-content-wrap {
        min-height: inherit;
    }        
    .three-clm-block ul li span {     
        font-weight: 400;
    }
    .home .site-header:before {
        height: 96px;
    }
    .home header.site-header.srolled:before {
        height: 47px;
    }
    .donor-accordion .accordion-outer .accordion-heading span {
        font-size: 18px;
        margin-left: 0;
        top: 0;
        width: 100%;
    }
    .bottom-description {     
        padding-top: 0;
    }
    .full-text-image + .simple-scroll-section {
        padding-top: 12px;
    }
    .collecton-section .collection-block .line-link {
        font-size: 16px;
    }
    .footer-three-block .museum-house ul {
        margin-bottom: 0;
    }
    .featured-slider-wrap .featured-slider {min-height: auto;}
    .page-slider .page-list-slider {padding-right: 20px;}
    .search-results h1.page-title {     
        font-size: 35px;
        margin-bottom: 30px;
    }
    .collecton-section .navigation .nav-previous a {     
        font-size: 16px;
    }
    .navigation h3 {
        margin-bottom: 10px;
    }
    .collecton-section .navigation {
        margin-top: 40px;
    }
    .load-more-wrapper button.load-more-btn {
        padding: 16px 35px 18px 35px;
        font-size: 16px;
    }
    .single .single-post-content-wrap .two-block-section {
        padding-top: 10px;
    }
    .marquee-wrapper .stat {
        width: 130px;
        margin: 0 20px;
    }
    .featured-slider-bg .featured-bottom-content .content p,  .featured-slider-bg .featured-bottom-content .link {     
        display: none;
    }
    .mob-btn-link .multi-btn-link .bottom {
        display: block;
    }
    .mob-btn-link .multi-btn-link .top {
        display: none;
    }
    .multi-btn-link {
        padding-top: 17px;
    }
    .mob-btn-link .multi-btn-link {
        padding-top: 0;
    }
    .multi-btn-link .down-links.bottom {
        display: none;
    }
    .mob-btn-link .multi-btn-link .down-links.bottom {
        display: block;
    }
    .sponsoring-block .sponsoring-wrap p br {
        display: none;
    }
    .spotlight-inner-sticky {
        top: 0;
        padding-bottom: 0;
    }
    .mma-inner-slider .slick-list:before {
        background-size: contain;
    }
    .scroll-wrap-block {
        height: auto;
    }
    .scroll-block {
        padding-top: 0;
        padding-bottom: 0;
    }
    .feature-main-block .feature-slider{
        margin-right: 0;
    }
    .feature-main-block .feature-slider {
        padding-left: 50px;
        padding-right: 50px;
    }
    .feature-main-block .slick-list .slick-slide {
        padding: 0 0;
    }
    .feature-main-block .slick-list {
        margin: 0 0;
    }
    .feature-main-block button.slick-next.slick-arrow {
        right: 0;
    }    
    .two-block-section .second-block-content .quote-block p span {        
        font-size: 20px;
        line-height: 28px !important;
    }
    .staff-section .staff-block-list ul {
        width: 100%;
    }
    .staff-section .staff-block-list ul:before{
        display: none;
    }
    .staff-section .staff-block-list ul li, .staff-section .staff-block-list ul li:last-child {
        margin-bottom: 24px;
    }
    .latest-news-section + .events-section {
        margin-top: 40px;
    }
    #contect-form-blocks .details-inner-block {
        padding-top: 8px;
        padding-bottom: 34px;
    }
    .details-with-form#contect-form-blocks .details-full-block .details-item-block {     
        margin-bottom: 0;
    }
    .right-btn {
        margin-top: 25px;
    }
    .our-permanents {
        z-index: 10 !important;
    }
    .mma-inner-slider .slick-slide {
        -webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
    }
    
}


@media only screen and (max-width: 640px) { 
    .mobile-banner-img {
        height: 290px;
    }
    .mma-inner-slider .slick-slide {
      opacity: 0 !important;
      transition: opacity 0.6s ease, clip-path 0.6s ease !important;
      clip-path: inset(0 0 0 0 round 1px) !important;
    }
    
    .mma-inner-slider .slick-active {
     opacity: 1 !important;
     clip-path: inset(0 0 0 0 round 0px) !important;
    }
    
    .mma-inner-slider .slick-slide .mma-sliderwrap {
        width: 100%;
        position: relative;
        left: -1px;
    }
    .mma-inner-slider .slick-slide .mma-slider-img {
        height: 300px;
    }
    .mma-inner-slider .slick-slide .mma-slider-conent {
        width: 100%;
        margin-top: -1px;
    }
    .mmoa-sticky-img {
        display: none;
    }
    .mmoa-mobile-img {
        display: block;
    }
    .collecton-section .container {     
        padding: 0 20px;
    }
    .collecton-section h2 {
        margin-bottom: 31px;
    }
    .mma-inner-slider .slick-slide .mma-slider-conent .mmoa-text-wrap {
        margin-top: 0;
    }
    .mma-inner-slider .slick-list:before {
        height: auto;
        position: relative;
        width: calc(100% + -2px);
        padding-bottom: 26%;
        margin-bottom: -14px;
        left: 0;
    }
    .slider-btn .btn{
        min-width: 243px;
    }
    .sculpture-guide .sculpture-wrap {
        grid-template-columns: repeat(1, minmax(0, 1fr));     
    }
    .events-section .events-list-wrap {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 37px;
    }
    .events-section .events-list-wrap .events-blocks .events-bg span {
        padding: 6px 14px 2px 14px;
        font-size: 16px;
    }
    .upcoming-inner-block .upcoming-wrap {
        min-height: auto;
    }
    .pricing-rpt ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 18px;
    }
    .pricing-rpt ul li {        
        border-top: 4.16px solid #38C4E1;
        padding: 13px 20px 14px 20px;
    }
    .pricing-rpt ul li h4 {
        font-size: 22px;
        margin-bottom: 4px;
    }
    .pricing-rpt ul li .pricing-e {
        font-size: 35px;
    }
    .field-pricing .pricing-rpt {
        margin-bottom: 40px;
    }
    .details-block-inner {
        padding-top: 42px;
    }
    .details-item-block .details-inner-block p {
        margin-bottom: 26px;
    }
    .contact-form .wpforms-container .wpforms-field.wpforms-field-file-upload {     
        overflow: initial !important;
    }
    .annual-report ul {
        gap: 10px;     
        row-gap: 10px;
    }
    .donations-section ul {
        row-gap: 12px;
        grid-template-columns: repeat(1, minmax(0, 1fr));        
    }
    .donations-section h2 {
        font-size: 25px;
        margin-bottom: 23px;        
    }    
    .donations-section ul li {     
        padding: 16px 20px 13px 47px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }
    .donations-section ul li span {
        margin-bottom: 0;
        position: absolute;
        left: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .donations-section ul li p {
        font-size: 16px;
        letter-spacing: 0.00em;     
        margin-bottom: 0;
        padding-left: 20px;
    }
    .ways-to-give ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 23px;
    }
    .ways-to-give {
        padding-top: 46px;
        padding-bottom: 47px;
    }
    .ways-to-give h2 {
        margin-bottom: 23px;  
        padding-left: 10px;
        text-align: left;
    }
    .ways-to-give .container {     
        padding: 0 19px;
    }
    .ways-to-give ul li h3 {
        margin-bottom: 9px;
    }
    .ways-to-give ul li p {
        font-size: 16px;
        line-height: 1.6;
    }
    .ways-to-give ul li {
        padding: 29px 20px 22px 17px;
        border-top: 4.16px solid #459C62;
    }
    .donor-accordion .accordion-outer .accordion-heading span {
        font-size: 18px;     
        top: 4px;
        display: block;
        margin-left: 0;
    }
    .member-levels .level-btns a.btn {
        margin-right: 0;
        max-width: 283px;
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
        padding-right: 50px;
        padding-left: 30px;
    }
     .contact-form .wpforms-one-half {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        padding:0 !important;
        margin-left: 0 !important;
      }
    .feature-main-block {
        padding-left: 0;
    }
    .feature-main-block .feature-slider {
        padding-left: 50px;
        padding-right: 50px;
        margin-right: 0;
    }
    
    .contact-form .wpforms-container .wpforms-field .wpforms-one-half {
        margin-bottom: 22px;
    }

    .contact-form .wpforms-container .wpforms-field .wpforms-one-half:last-child {
        margin-bottom: 0;
    }
    .feature-slider p {
        text-align: center;
    }
    .feature-main-block button.slick-next.slick-arrow {
        right: 0;
    }
    .right-btn {right: 20px;}
    .mma-inner-slider .slick-track .slick-slide {
        padding: 0 1px;
    }

    .mma-inner-slider .slick-list.draggable {
        margin: 0 -1px;
    }
}

@media only screen and (max-width: 550px) {
    .mma-inner-slider .slick-slide .mma-slider-img {
        height: 244px;
    }
    .mobile-banner-img {
        height: 270px;
    }
    .embed-full-videos iframe {     
        height: 198px;
    }
    .your-class-name .mobile-banner-img img {
        height: 280px;
        width: 100%;
        object-fit: cover;
        object-position: right;
        animation: mobile-hero-img 2s ease-out forwards;
        margin-top: 11px;
    }
    @keyframes mobile-hero-img {
        from {            
            opacity: 0;
            transform: scale(0.5);        
            right: -100%;
        }
        to {            
            opacity: 1;
            transform: scale(1);
            right: 0;
        }
    }
    #search.open form#searchform input.d-none {
        padding: 15px 25px 15px 19px;
        font-size: 18px;
    }
    #search input[type="search"] {
        font-size: 20px;
    }
    .details-with-form .container {     
        padding: 0 14px;
    }
    .page-list-slider a {     
        padding: 0 0 13px 0;
        margin: 0 10px;
    }
    .page-slider .page-list-slider > div:first-child a {
        margin-left: 0;
    }
    .publications-section .public-block .public-item {
        display: block;
        padding: 33px 28px 33px 28px;
    }
    .public-item .public-image {
        width: 100%;
        margin-right: 0;
        text-align: center;
        height: auto;
    }
    .public-item .public-details {
        width: 100%;
        text-align: center;
        padding-top: 18px;
    }
    .public-item .public-details .line-link {     
        float: none;
    }
    .publications-section {
        padding-top: 35px;     
    }
    .publications-section h2 {
        margin-bottom: 33px;
        text-align: center;
    }
    .publications-section .container {
        padding: 0 28px;
    }
    .public-item .public-image img {
        width: 100%;
    }
    .public-item .public-details p {
        margin-bottom: 28px;
    }
    .publications-section .public-block {
        row-gap: 34px;
    }
    .publications-section {
        padding-top: 35px;
        padding-bottom: 47px;
    }
    .full-text-image .full-image {        
       /* height: 179px; */
    }
    .embed-full-videos {
        padding-bottom: 23px;
    }
    .feature-slider .feature-slider-bg {
        height: 221px;
        margin-bottom: 16px;
    }
    .spotlight-sticky-block ul li .spotlight-bg {        
        height: 255px;
        margin-bottom: 9px;
    }
    .all-past-exh ul {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 18px;
    }
    .all-past-exh h2 {
        max-width: 300px;
        text-align: center;
        margin: 0 auto 29px;
    }
    .all-past-exh {
        padding-top: 36px;
        padding-bottom: 71px;
    }
    .all-past-exh ul li {     
        padding: 0 27px;
        text-align: center;
    }
    .featured-slider .slick-slide.slick-center .featured-slider-bg { max-width:346px; width:100%; height: 255px; }
        .featured-slider .slick-slide .featured-slider-bg { max-width: 350px; margin: 0 auto; }
    .featured-past-exh h2 {font-size: 25px;margin-bottom: 23px;}
    .featured-slider .slick-slide .featured-slider-bg {height: 253px;}
    .featured-bottom-content .content h3 {margin-bottom: 0;font-size: 22px;}
    .featured-bottom-content {left: 10px;right: 10px;padding: 14px 0 17px;}
    .two-coman-blocks .two-coman-items-wrap .two-coman-bgimg {
        height: 270px;
    }
    .events-section .events-list-wrap {     
        padding: 0 8px;
    }
    .events-section .events-list-wrap .events-blocks .events-bg {
        height: 226px;        
        margin-bottom: 13px;        
    }
    .events-section .events-list-wrap .events-blocks h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .events-section .events-list-wrap h4 {        
        font-size: 17px;
    }
    .events-section .events-list-wrap p {
        font-size: 16px;     
        line-height: 1.5;
        margin-bottom: 10px;
    }
    .page-banner .banner-title-text {
        height: 135px;
        background-position: center;
    }
    .programs-section ul {     
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 19px;
    }
    .annual-report ul li a {
        padding: 25px 13px 31px 16px;
    }
    .footer-three-block .mmo-details .btn{
        display: inline;
    }
    .footer-three-block .mmo-details a.number-footer {
        margin: 0 auto 35px;
    }
    .member-benefits-sec .container {     
        padding: 0 13px;
    }
    .events-section.news-press-block .events-list-wrap .events-blocks .events-bg {
        height: 204px;
        margin-bottom: 13px;
    }
    .events-section.news-press-block .events-list-wrap .events-blocks h3 {
        margin-bottom: 13px;
    }
    .events-section.news-press-block .events-list-wrap {
        row-gap: 41px;
    }    
    .logo-slider .slick-track {
        margin: 0 -20px;
    }
    .class-and-education .class-bg-image {
        height: 100%;
        background-position: 84% 30%;
        padding-bottom: 64%;
    }
    .right-btn {        
        position: absolute;
        bottom: -100px;
        opacity: 0;
    }
    .your-class-name .right-btn {
        animation: right-btn 1.2s ease-in-out 2.1s forwards;
    }
    @keyframes right-btn {
        0 {
            bottom: -100px;
            opacity: 0;
        }

        100% {
            bottom: 25px;
            opacity: 1;
        }
    }
    .bottom-content {
        padding: 50px 20px 24px;
        height: 100%;
    }
    .marquee-wrapper .stat {
        width: 110px;
        margin: 0 15px;
    }
    .feature-main-block button.slick-arrow {
        top: 111px;
    }
    .search-results .collection-block.coman-white .collection-item .search-heading {
        width: 100%;
        padding-right: 0px;
        order: 2;
    }
    .search-results .collection-block.coman-white .collection-item .collection-img {
        width: 100%;
    }
    .banner-heading h1 {
        font-size: 60px;
        line-height: 54px;
    }
    .your-class-name .banner-heading {
        margin-top: 30px;
        animation: banner-heading 3s ease-in-out 1.9s forwards;
    }
}


@media only screen and (max-width: 480px) {
    .hero-section {
        padding-top: 40px;
    }
    .bottom-content {
        padding: 85px 20px 24px;
    }
    .mobile-banner-img {
        height: 230px;
        width: calc(100% + 245px);

    }
     .right-btn {
        margin-top: 12px;
    }
    .your-class-name .mobile-banner-img img {
        height: 270px;
        -webkit-transform: translateX(-57%) scale(1.3) !important;
        -ms-transform: translateX(-57%) scale(1.3) !important;
        transform: translateX(-57%) scale(1.3) !important;
        width: 550px !important;
        padding-right: 11px;
    }
    .mobile-banner-img img {
        width: 550px !important;   
    }
    .our-block-right a.btn {
        padding: 16px 43px 16px 19px;
        letter-spacing: 0.0em;
        font-size: 17px;
    }
    .our-block-right a.btn svg {
        right: 15px;
        width: 20px;
    }
    .your-class-name .right-btn {
        animation: right-btn 1.2s ease-in-out 2.1s forwards;
    }
    @keyframes right-btn {
        0 {
            bottom: -100px;
            opacity: 0;
        }

        100% {
            bottom: 25px;
            opacity: 1;
        }
    } 
    .footer-logos ul li svg {
        width: 100%;
    }
    .top-header .top-header-content .top-header-search .search-block:before {
        width: calc(100vw + 13px);
        height: 130%;
        right: calc(-100vw + 21px);     
        top: -6px;
    }
    header.site-header.srolled .top-header {
        margin-top: -50px;
    }
    .your-class-name .banner-heading {
        margin-top: 4px;
    }
}

@media only screen and (max-width: 400px) { 
    .page-banner .banner-title-text {
        height: 115px;
    }
    .company-logo-block img {     
        margin: 0 auto;
    } 
    .your-class-name .right-btn {
        animation: right-btn 1.2s ease-in-out 3s forwards;
    }
    @keyframes right-btn {
        0 {
            bottom: -100px;
            opacity: 0;
        }

        100% {
            bottom: 25px;
            opacity: 1;
        }
    } 
    .ios-safari-mobile.your-class-name .right-btn {
        animation: right-btn 1.2s ease-in-out 3s forwards;
    }
    @keyframes right-btn {
        0 {
            bottom: -100px;
            opacity: 0;
        }

        100% {
            bottom: 25px;
            opacity: 1;
        }
    } 
    .ios-chrome-mobile.your-class-name .right-btn {
        animation: right-btn 1.2s ease-in-out 3s forwards;
    }
    @keyframes right-btn {
        0 {
            bottom: -100px;
            opacity: 0;
        }

        100% {
            bottom: 25px;
            opacity: 1;
        }
    } 
    
}

@media only screen and (max-width: 389px) { 
    
    
    .header-wrap .header-logo a svg {
        width: 240px;
    }
    .hotel-blocks-section .container .hotel-blocks {
        padding: 0 40px;
    }
    .upcoming-heading h2 {
        font-size: 44px;
    }
    .all-past-exh ul li {     
        padding: 0 0;     
    }
    .our-blocks .our-block-left h2 {
        font-size: 48px;
    }
    .three-clm-direction .three-clm-block {
        padding-right: 30px;
    }
    .explore-two-clm .explore-wrap .explore-item {     
        padding: 52px 30px 57px;
    }
    .upcoming-events .upcoming-heading h2 {
        font-size: 44px;
    }
    .class-and-education .class-education-wrap h2 {
        font-size: 48px;        
    }
    .banner-heading h1 {
        font-size: 36px;
    }
    .member-benefits-sec h2 {
        font-size: 28px;
        padding: 20px 20px 19px 20px;
    }
    .member-main-item {
        padding: 30px 20px 3px 20px;
        margin-left: 15px;
    }
    .contact-form .wpforms-page-indicator.circles span.wpforms-page-indicator-page-number {
        width: 40px !important;
        height: 40px !important;
        font-size: 16px;
    }
    .contact-form .wpforms-page-indicator.circles .wpforms-page-indicator-page {
        padding-right: 55px;
    }
    .contact-form .wpforms-page-indicator.circles .wpforms-page-indicator-page:after {
        width: calc(100% - 40px);
        left: 40px;
    }
    div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles {
        margin-bottom: 10px;
    }
    h1 {
        font-size: 32px;
    }
    .upcoming-events .upcomingpbtn {
        margin-top: 10px;
    }
    
}
/*
@media only screen and (max-width: 390px) {
    .mobile-banner-img img {
        right: inherit;
        left: 420px;
        -webkit-transform: inherit !important;
        -ms-transform: inherit !important;
        transform: inherit !important;
    }
    .your-class-name .mobile-banner-img img {
        left: -150px;
        -webkit-transform: inherit !important;
        -ms-transform: inherit !important;
        transform: inherit !important;
    }
    @keyframes mobile-hero-img {
        from {            
            opacity: 0;
            transform: scale(0.5);        
            left: -150px;
        }
        to {            
            opacity: 1;
            transform: scale(1);
            left: 420px;
        }
    }
}
*/

@media only screen and (max-width: 389px) {
    .annual-report ul {     
        grid-template-columns: repeat(1, minmax(0, 1fr));        
    }
    .banner-heading h1 {
        font-size: 46px;
        line-height: 51px;
    }
     .your-class-name .right-btn {
        animation: right-btn 1.2s ease-in-out 3s forwards;
    }
    @keyframes right-btn {
        0 {
            bottom: -100px;
            opacity: 0;
        }

        100% {
            bottom: 25px;
            opacity: 1;
        }
    }
    .our-block-right a.btn {
        padding: 14px 38px 14px 17px;
        font-size: 16px;
    }
    .events-calendar-block h2 {
        font-size: 28px;
    }
}

body.single-exhibitions .two-coman-blocks .two-coman-items-wrap .two-coman-text-area{
 /* background:#FCFDF4 !important;*/
 background:#C4D92C !important;
}

body.single-exhibitions .two-coman-blocks .two-coman-items-wrap .two-coman-text-area h3{
  color:#00484F !important;
}

body.single-exhibitions .two-coman-blocks .two-coman-items-wrap .two-coman-text-area h4{
  color:#000000 !important; 
}

body.single-exhibitions svg.text-sunset-orange{
  color: #C4D92A !important;
}

body.single-exhibitions .svg-image.text-sunset-orange path{
  stroke: #C4D92A !important;
}


body.single-exhibitions .btn{
  background-color: #004850 !important;
 
}

.feature-slider2 .slick-track{
  display: flex;
  align-items: baseline;
}