/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lexend:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&display=swap');

:root {
    --primary-font: "Montserrat", sans-serif;
    --secondary-font: "Oswald", serif;
    --lexend: "Lexend", serif;
    --inter: "Inter";
    --white: #fff;
    --black: #2E2E2E;
    --dark-blue: #331B61; /* in case they change their minds again again again... #183051 (actual dark blue) */
    --red: #BF1E2E;

}

/* 1. Clean Base
------------------------------------------------------------------------------*/


html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
a,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    list-style: none;
    outline: none;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
    -webkit-text-size-adjust: none;
    height: 100%;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

iframe {
    vertical-align: top;
}

textarea:focus,
input:focus,
a,
div,
img {
    outline: none;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body {
    color: var(--black);
    font-size: 18px;
    line-height: 1.5;
    font-family: var(--primary-font);
    font-weight: 500;
    background-color: #fff;
    margin: 0;
    padding: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--dark-blue);
    text-transform: uppercase;
    line-height: 1.3;
    font-weight: 700;
    font-family: var(--secondary-font);
}

.h1,
h1 {
    font-size: 66px;
    margin-bottom: 20px;
    font-weight: 700;
    letter-spacing: -1.32px;
    color: #FFF;
    font-family: 'Oswald', serif;
}

.h2,
h2 {
    font-size: 66px;
    margin-bottom: 20px;
    font-weight: 700;
    letter-spacing: -1.32px;
}

.h3,
h3 {
    font-size: 50px;
    margin-bottom: 18px;
    font-weight: 700;
}

.h4,
h4 {
    font-size: 36px;
    margin-bottom: normal;
}

.h5,
h5 {
    font-size: 20px;
    margin-bottom: 15px;
}

.h6,
h6 {
    font-size: 18px;
    margin-bottom: 10px;
}

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
    color: inherit;
    text-decoration: none;
}

p {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin-bottom: 20px;
}

p:last-child {
    margin-bottom: 0;
}

ul {
    margin: 0;
    margin-left: 20px;
    padding: 0;
}

ul li {
    font-family: var(--primary-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 20px;
}

ul li:last-child {
    margin-bottom: 0;
}

ul>li {
    list-style: outside disc;
}

ol {
    margin: 0;
    margin-left: 20px;
    padding: 0;
    list-style: none;
}

ol li {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 1.5;
    padding: 0;
    margin-bottom: 8px;
}

ol>li {
    list-style: outside decimal;
}

blockquote {
    display: block;
    text-align: left;
    margin-bottom: 20px;
    position: relative;
    background: #f3f3f3;
    padding: 20px 20px;
    border-left: 4px solid #1589cb;
    line-height: 2;
    font-size: 20px;
    font-style: italic;
    margin-bottom: 25px;
}

blockquote p {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

hr {
    border: 0 #000 solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
    margin: 10px auto 40px;
}

img {
    border: none;
    max-width: 100%;
    vertical-align: top;
    height: auto;
}

img[src$=".svg"] {
    width: 100%;
}

/* 4. Link
------------------------------------------------------------------------------*/
a {
    color: inherit;
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
    text-decoration: none;
    font-family: var(--inter);
}

a:hover {
    color: #BF1E2E;
    text-decoration: underline;
}

a:focus {
    outline: none;
}

/* 5. Forms
------------------------------------------------------------------------------*/
label {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
    display: block;
}

input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {
    -webkit-appearance: none;
    outline: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea {
    border-radius: 5px;
    background-color: #fff;
    font-size: 16px;
    line-height: 30px;
    color: #2E2E2E;
    font-weight: 500;
    padding: 12px 20px 12px 20px;
    height: 68px;
    border: none;
    font-family: var(--inter);
}

textarea {
    height: 126px !important;
    resize: none;
    overflow: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {
    border-color: #66afe9
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    background-color: #cbcbcb;
    min-height: inherit;
    height: auto;
    width: auto;
    padding: 23px 58px;
    letter-spacing: normal;
    text-align: center;
    border: none;
    color: var(--white);
    border-radius: 80px;
    background: var(--red);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: all 0.6s;
    text-transform: uppercase;
    font-family: var(--primary-font);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background-color: var(--dark-blue);
    text-decoration: none;
    color: var(--white);
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    opacity: 1 !important;
    color: #2E2E2E;
}

:-moz-placeholder {
    opacity: 1 !important;
    color: #2E2E2E;
}

::-moz-placeholder {
    opacity: 1 !important;
    color: #2E2E2E;
}

:-ms-input-placeholder {
    opacity: 1 !important;
    color: #2E2E2E;
}

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

/* buttons */
.btn {
    padding: 22px 39.3px;
    letter-spacing: normal;
    text-align: center;
    border: 1px solid #BF1E2E;
    color: var(--white);
    border-radius: 80px;
    background: var(--red);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: all 0.6s;
    text-transform: capitalize;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 21px;
    /* font-family: var(--primary-font); */
    font-family: var(--inter);


}

a.btn:after {
    content: '';
    height: 12px;
    width: 20px;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2220%22 height%3D%2212%22 viewBox%3D%220 0 20 12%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M0.573397 5.37494H16.8719L13.1221 1.62514L14.0059 0.741272L19.2646 5.99998L14.0059 11.2587L13.1221 10.3748L16.872 6.62494H0.573397V5.37494Z%22 fill%3D%22white%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
}

.btn.btn-blue {
    background: #3899EF;
    border: 1px solid #3899EF;
}

.btn.btn-dark-blue {
    background: #331B61;
    border: 1px solid #331B61;
}

.btn.btn-blue:hover {
    background: #331B61;
    color: #fff;
    border: 1px solid #331B61;
}

.btn.btn-green {
    background: #188090;
    border: 1px solid #188090;
}

.btn.btn-green:hover {
    background: #BF1E2E;
    border: 1px solid #BF1E2E;
}

.btn.btn-dark-blue:hover {
    /* background: #3899EF; */
    color: #fff;
}

.btn:hover,
.btn:focus,
.hamburger:hover,
.btn.btn-transparent:hover,
.btn.btn-white:hover {
    background: #188090;
    text-decoration: none;
    color: var(--white);
    border: 1px solid #188090;
}

.btn.btn-transparent:hover:after {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2220%22 height%3D%2212%22 viewBox%3D%220 0 20 12%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M0.573397 5.37494H16.8719L13.1221 1.62514L14.0059 0.741272L19.2646 5.99998L14.0059 11.2587L13.1221 10.3748L16.872 6.62494H0.573397V5.37494Z%22 fill%3D%22white%22/%3E%3C/svg%3E');
}

.btn.btn-white:hover:after {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2220%22 height%3D%2212%22 viewBox%3D%220 0 20 12%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M0.573397 5.37494H16.8719L13.1221 1.62514L14.0059 0.741272L19.2646 5.99998L14.0059 11.2587L13.1221 10.3748L16.872 6.62494H0.573397V5.37494Z%22 fill%3D%22white%22/%3E%3C/svg%3E');
}

.btn-primary {
    font-size: 22px;
    line-height: 30px;
    border-radius: 4px;
    background-color: #188090;
    font-weight: 700;
    letter-spacing: -0.44px;
    color: #FFF;
    padding: 18px 52px;
    display: inline-flex;
    font-family: Inter;
}

.btn-primary:hover {
    text-decoration: none;
    background-color: #BF1E2E;
    color: #fff;
}

/* .btn:hover,
.btn:focus,
.hamburger:hover { color: #fff; background-color: #00344F; border-color: #00344F;text-decoration: none;transition: all 0.5s} */
.btn-sm {
    padding: 8px 16px;
}

.btn-md {
    padding: 12px 24px;
}

.btn-link {
    color: #C94D61;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    border-bottom: 1px solid #98989c;
    margin-bottom: 2px;
}

.btn-link:hover,
.btn-link:focus {
    color: #C94D61;
    font-weight: 700;
    text-decoration: none;
    border-bottom: 1px solid #C94D61;
}

/* 6. Tables
------------------------------------------------------------------------------*/
table {
    border-spacing: 0;
    border-collapse: collapse;
}

td {
    text-align: left;
    font-weight: normal;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.table-bordered {
    width: 100%;
    max-width: 100%;
    text-align: left;
}

.table-bordered th,
.table-bordered td {
    vertical-align: bottom;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
/* #wrapper {width: 100%;display: flex;min-height: 100%;position: relative;flex-wrap: wrap;justify-content: space-between;align-content: space-between;} */
.main-container {
    width: 100%;
}

/* .container {max-width: 1560px;} */
.body-content ul,
.body-content ol {
    margin-bottom: 20px;
}

.body-content ul ul,
.body-content ul ol,
.body-content ol ol,
.body-content ol ul {
    margin-bottom: 0;
}

/* header */


/* responsive nav for small devices */
.hamburger {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    text-align: center;
    background-color: transparent;
    min-width: unset;
    border: none;
    background-color: #BF1E2E;
}

.hamburger:hover {
    border: none;
}

.hamburger:not(.close) {
    position: absolute;
    top: 32px;
    right: 20px;
    z-index: 99;
    width: 50px;
    height: 50px;
    min-width: unset;
    border-radius: 10px;
}

.hamburger:hover,
.hamburger:focus {
    background-color: #C94D61;
    outline: none;
}

.hamburger .line {
    width: 30px;
    height: 4px;
    background-color: #fff;
    display: block;
    margin: 6px auto;
}

.hamburger:hover {
    cursor: pointer;
}

.hamburger.close {
    padding: 10px;
    border-radius: 10px 0 0 10px;
    min-width: unset;
}

.hamburger.close .wrap {
    position: relative;
    width: 30px;
    height: 30px;
    display: block;
}

.hamburger.close .line {
    margin: 0;
    width: 100%;
    position: absolute;
    top: calc(50% - 2px);
    transform: rotate(45deg);
    background-color: #fff
}

.hamburger.close .line:last-child {
    transform: rotate(-45deg);
}

#menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 80%;
    height: 100%;
    background-color: #193253;
    max-width: 450px;
    transition: all 0.3s ease-in-out;
    z-index: 999;
}

#mobilenav.is-open #menu {
    left: 0;
}

#mobilenav .nav-logo {
    padding: 15px;
}

#mobilenav ul,
#mobilenav li {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

#mobilenav ul ul {
    display: none;
}

#mobilenav .caret {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 8px;
    right: 2px;
    cursor: pointer;
}

#mobilenav .caret:not(.trigger-caret) {
    pointer-events: none;
}

#mobilenav .caret:before,
#mobilenav .caret:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    margin: auto;
    width: 12px;
    height: 2px;
    background: #fff;
}

#mobilenav .caret:after {
    transform: rotate(-90deg);
    transition: all .2s ease;
}

#mobilenav .is-open>.caret:after {
    transform: rotate(0)
}

#mobilenav ul a {
    display: block;
    padding: 10px 15px;
    cursor: pointer;
    z-index: 2;
    font-size: 16px;
    text-decoration: none;
    color: #ffffff;
    background: #193253;
    border-bottom: 1px solid #fff;
    font-weight: 500;
    text-transform: uppercase;
}

#mobilenav ul a:hover,
#mobilenav ul a:focus {
    background: #BF1E2E;
}

#mobilenav .has-sub>a {
    padding-right: 40px;
}

#mobilenav li li a {
    padding-left: 30px;
    font-size: 14px;
    text-decoration: none;
    color: #331B61;
    background: #fff;
    font-weight: 500;
    border-bottom: 1px solid #c2c2c2;
}

#mobilenav li li li a {
    padding-left: 50px;
}

#mobilenav .nav-backdrop {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#mobilenav.is-open .nav-backdrop {
    opacity: 1;
    z-index: 999;
    visibility: visible;
}

#mobilenav .menu-outer {
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    padding-bottom: 60px;
}

/* nav */
/* Nav */
.header-navigation ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

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

.header-navigation ul li a {
    font-size: 18px;
    line-height: normal;
    color: #2E2E2E;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.36px;
    font-weight: 600;
    font-family: var(--inter);
}

.header-navigation ul li.parent {
    position: relative;
}

.header-navigation ul li.parent .arrowclick {
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -13px;
}

.header-navigation .main-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header-navigation .main-menu>li {
    position: relative
}

.header-navigation .main-menu>li>a {
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: inline-flex;
    padding: 39px 12px;
    align-items: center;
    gap: 10px;
}

/* .header-navigation .main-menu > li > a:before{content:"";position:absolute;left:0;right:0;bottom:0;width:100%;height:0;background-color:#F8BA3F;opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out} */
.header-navigation .main-menu>li>a:hover {
    background-color: #fff;
    color: var(--red);
}

/* .header-navigation .main-menu > li > a:hover:before{opacity:1;height:2px} */
.header-navigation .main-menu>li>a:hover+.arrowclick svg path {
    stroke: #eaf3fb !important;
}

.header-navigation .main-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    background-color: #fff;
    box-shadow: 0 0 16px 7px rgba(0, 0, 0, .15);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 9
}

.header-navigation .main-menu>li.parent:hover ul {
    opacity: 1;
    visibility: visible
}

.header-navigation .main-menu ul a {
    border-bottom: 1px solid #c2c2c2;
    padding: 15px 28px;
    font-size: 16px;
    line-height: 1.17;
    color: var(--dark-blue);
    font-weight: 600;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    display: inline-flex;
    width: 100%;
    z-index: 1;
}

.header-navigation .main-menu ul li:last-child a {
    border: 0;
}

.header-navigation .main-menu ul a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(218 38 39 / 12%);
    color: #DA2627;
    ;
    height: 0;
    width: 100%;
    opacity: 0;
    z-index: -1;
    -webkit-transition: none;
    transition: none;
}

.header-navigation .main-menu ul a:hover,
.current_page_item a {
    color: #FFF;
    BACKGROUND-COLOR: var(--red);
}

.header-navigation .main-menu ul a:hover:before {
    height: 100%;
    opacity: 1
}

.current_page_item a:before {
    width: 100%;
    opacity: 1
}

.current-menu-parent a {
    color: #1a9bac;
}

.header__main ul li ul.sub-menu {
    top: 100%;
    display: none;
}

.header__main ul li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
    display: block;
}

.header__main .header__right .header__menu li.current-menu-item>a {
    color: #b4dbff;
}

header.main-header>.container-fluid {
    max-width: 1780px;
    padding: 0 20px;
}

.header-navigation .main-menu>li.menu-item-has-children>a::after {
    content: '';
    width: 16px;
    height: 9px;
    background-size: cover;
    display: inline-block;
    fill: #193253;
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%229%22 viewBox%3D%220 0 16 9%22 fill%3D%22%23193253%22%3E%3Cpath d%3D%22M7.87575 8.99938C7.57675 9.00138 7.28975 8.88338 7.07775 8.67338L0.33075 1.92638C-0.11025 1.48538 -0.11025 0.771376 0.33075 0.330376C0.77175 -0.110624 1.48575 -0.110624 1.92675 0.330376L7.87475 6.28938L13.8238 0.341376C14.2958 -0.0626238 15.0058 -0.00762382 15.4088 0.464376C15.7688 0.885376 15.7688 1.50638 15.4088 1.92738L8.66175 8.67438C8.45275 8.88238 8.16975 8.99938 7.87475 9.00038L7.87575 8.99938Z%22 fill%3D%22%23193253%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
}

.header-navigation .main-menu>li.menu-item-has-children>a:hover::after {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%229%22 viewBox%3D%220 0 16 9%22 fill%3D%22%23F8BA3F%22%3E%3Cpath d%3D%22M7.87575 8.99938C7.57675 9.00138 7.28975 8.88338 7.07775 8.67338L0.33075 1.92638C-0.11025 1.48538 -0.11025 0.771376 0.33075 0.330376C0.77175 -0.110624 1.48575 -0.110624 1.92675 0.330376L7.87475 6.28938L13.8238 0.341376C14.2958 -0.0626238 15.0058 -0.00762382 15.4088 0.464376C15.7688 0.885376 15.7688 1.50638 15.4088 1.92738L8.66175 8.67438C8.45275 8.88238 8.16975 8.99938 7.87475 9.00038L7.87575 8.99938Z%22 fill%3D%22%23F8BA3F%22%2F%3E%3C%2Fsvg%3E');
}

/* footer */
.main-footer {
    width: 100%;
    height: auto;
    background-image: url('/cutup/assets/images/footer-bg-min.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 3;
    margin-top: 102px;
}

/* Common CSS */
.container-fluid,
.wrapper,
.wrapper-fluid {
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    margin: auto;
}

.container-fluid,
.wrapper-fluid {
    max-width: 100%
}

.container,
.wrapper {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0px 20px;
    width: 100%;
}

.d-none {
    display: none;
}

.small-wrapper {
    max-width: 1240px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
}

section {
    background-repeat: no-repeat;
    background-size: cover;
}

/* row and column */
.row,
.wrapper-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

[class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

/* align item */
.d-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-content-center {
    -ms-flex-line-pack: center;
    align-content: center;
}

.align-items-end {
    -ms-flex-align: end;
    align-items: flex-end;
}

.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-content-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.justify-content-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-content-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

/* Font Color Css */
.brown {
    color: #52433C;
}

.white {
    color: white;
}

/* column structure */
/* ----- Extra small devices ≤640px ----- */
.col-12 {
    width: 100%
}

.col-11 {
    width: 91.66666667%
}

.col-10 {
    width: 83.33333333%
}

.col-9 {
    width: 75%
}

.col-8 {
    width: 66.66666667%
}

.col-7 {
    width: 58.33333333%
}

.col-6 {
    width: 50%
}

.col-5 {
    width: 41.66666667%
}

.col-4 {
    width: 33.33333333%
}

.col-3 {
    width: 25%
}

.col-2 {
    width: 16.66666667%
}

.col-1 {
    width: 8.33333333%
}

.col-offset-12 {
    margin-left: 100%
}

.col-offset-11 {
    margin-left: 91.66666667%
}

.col-offset-10 {
    margin-left: 83.33333333%
}

.col-offset-9 {
    margin-left: 75%
}

.col-offset-8 {
    margin-left: 66.66666667%
}

.col-offset-7 {
    margin-left: 58.33333333%
}

.col-offset-6 {
    margin-left: 50%
}

.col-offset-5 {
    margin-left: 41.66666667%
}

.col-offset-4 {
    margin-left: 33.33333333%
}

.col-offset-3 {
    margin-left: 25%
}

.col-offset-2 {
    margin-left: 16.66666667%
}

.col-offset-1 {
    margin-left: 8.33333333%
}

.col-offset-0 {
    margin-left: 0
}

/* ----- Small devices ≥641px ----- */
@media (min-width:641px) {
    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

/* ----- Medium devices ≥768px ----- */
@media (min-width:768px) {
    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

/* ----- Large devices ≥1024px ----- */
@media (min-width:1024px) {
    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

/* ----- Extra Large devices ≥1200px ----- */
@media (min-width:1200px) {
    .col-xl-12 {
        width: 100%
    }

    .col-xl-11 {
        width: 91.66666667%
    }

    .col-xl-10 {
        width: 83.33333333%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-8 {
        width: 66.66666667%
    }

    .col-xl-7 {
        width: 58.33333333%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-5 {
        width: 41.66666667%
    }

    .col-xl-4 {
        width: 33.33333333%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-2 {
        width: 16.66666667%
    }

    .col-xl-1 {
        width: 8.33333333%
    }

    .col-xl-offset-12 {
        margin-left: 100%
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%
    }

    .col-xl-offset-9 {
        margin-left: 75%
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%
    }

    .col-xl-offset-6 {
        margin-left: 50%
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%
    }

    .col-xl-offset-3 {
        margin-left: 25%
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%
    }

    .col-xl-offset-0 {
        margin-left: 0
    }
}

/* hidden element */
.hidden {
    display: none;
}

/* ----- Extra small devices ≤640px ----- */
@media (max-width: 640px) {
    .hidden-xs-down {
        display: none;
    }
}

/* ----- Small devices ≥641px ----- */
@media (min-width: 641px) {
    .hidden-sm-up {
        display: none;
    }
}

/* ----- Small devices ≤767px ----- */
@media (max-width: 767px) {
    .hidden-sm-down {
        display: none;
    }
}

/* ----- Medium devices ≥768px ----- */
@media (min-width: 768px) {
    .hidden-md-up {
        display: none;
    }
}

/* ----- Medium devices ≤1024px ----- */
@media (max-width: 1023px) {
    .hidden-md-down {
        display: none;
    }
}

/* ----- Large devices ≥1024px ----- */
@media (min-width: 1024px) {
    .hidden-xl-up {
        display: none;
    }
}

/* Wordpress align class */
.alignnone {
    float: none;
    margin: 20px 0;
}

.aligncenter {
    display: block;
    clear: both;
    margin: 20px auto;
}

.alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.alignright {
    float: right;
    margin: 0 0 20px 20px;
}

/* text alignment */
.text-center {
    text-align: center;
}

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

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

.text-justify {
    text-align: justify;
}

/* images */
.img-fluid {
    max-width: 100%;
    height: auto;
    display: block;
}

.img-full {
    width: 100%;
    display: block;
}

/* float class */
.float-left {
    float: left
}

.float-right {
    float: right
}

.float-none {
    float: none
}

/* mange spacing */
.space-small {
    padding-top: 30px;
    padding-bottom: 30px;
}

.space-medium {
    padding-top: 50px;
    padding-bottom: 50px;
}

.space-large {
    padding-top: 70px;
    padding-bottom: 70px;
}

.no-bdr {
    border-width: 0
}

/* padding */
.no-padding {
    padding: 0;
}

.pt-0 {
    padding-top: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.pl-0 {
    padding-left: 0;
}

.pr-0 {
    padding-right: 0;
}

.pt-1 {
    padding-top: 20px;
}

.pb-1 {
    padding-bottom: 20px;
}

.pl-1 {
    padding-left: 20px;
}

.pr-1 {
    padding-right: 20px;
}

/* margin */
.no-margin {
    margin: 0;
}

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.ml-0 {
    margin-left: 0;
}

.mr-0 {
    margin-right: 0;
}

.mt-1 {
    margin-top: 20px;
}

.mb-1 {
    margin-bottom: 20px;
}

.ml-1 {
    margin-left: 20px;
}

.mr-1 {
    margin-right: 20px;
}

/* clear element when using */
.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}



/* Header CSS START */
.header__logo a {
    display: inline-block;
}

.header__logo .custom-logo {
    max-width: 387px;
    height: auto;
}

.header__main {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
}

.header__main .header__right {
    flex: 1 1 auto;
    width: 85%;
    padding-left: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 20px;
}

.header__main .header__right .header__menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header__main .header__logo {
    width: 15%;
}

.header__menu--btn .btn span {
    display: inline-flex;
    line-height: 25px;
}

.user-icon {
    margin-right: 20px;
}

.header__menu--btn {
    padding-left: 25px;
}

#mobilenav.is-open #menu .row.no-gutters {
    background: #f9f9f9;
}

.header-btn-gruop {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-left: 12px;
}

.site-logo img {
    max-width: 257px;
    margin-bottom: -50px;
    position: relative;
    z-index: 5;
}

header.main-header {
    background-color: #fff;
    z-index: 1000;
}

.header-btn .btn {
    padding: 19px 40.5px;
    text-transform: capitalize;
    font-weight: 700;
    border-radius: 40px;
}

.header-btn .btn:after {
    display: none;
}

/* Header CSS End */


/* Footer CSS START */
footer ul,
footer li {
    margin: 0;
    padding: 0;
    font-size: 16px;
    list-style-type: none;
}

.footer_columns {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footer_columns>div {
    flex: auto;
}

.footer_columns-title h3 {
    margin-bottom: 18px;
    margin-top: 9px;
}

.footer_column.column-1 ul {
    display: flex;
    flex-flow: column wrap;
    max-height: 332px;
}

.footer_column.column-1 ul li {
    max-width: 290px;
}

.footer-right-wrapper {
    padding-left: 125px;
}

.footer_columns .menu li a {
    display: block;
    padding: 3px 0;
}

.footer-copy-wrapper {
    padding: 50px 0 30px;
    display: flex;
    justify-content: space-between;
}

.footer-copy-wrapper,
.footer-copy-wrapper p {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 2.2857142857142856;
    letter-spacing: 0.28px;
    font-family: "Quicksand", serif;
}

.footer-other-links a:not(:last-child):after {
    content: "/";
    position: absolute;
    right: 0;
    color: var(--g-secondary-light);
}

.footer-other-links a:not(:last-child) {
    padding-left: 27px;
    padding-right: 27px;
    position: relative;
    display: inline-flex;
}

.footer-other-links a:last-child {
    padding-left: 27px;
}

.footer-other-links a:hover:after {
    color: var(--g-secondary-light);
}

footer.site-footer a,
footer.site-footer {
    color: #fff;
}

footer.site-footer a:hover,
footer.site-footer .footer_columns .menu li a:hover,
footer.site-footer .other-links-wrappers a.footer__address--dirction:hover {
    color: #F8BA3F;
    text-decoration: none;
}

.footer_columns .footer_column {
    padding-right: 10px;
}

footer .footer-social-icon ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
}

.footer-social-icon ul li a {
    display: flex;
    align-items: center;
    display: flex;
    height: 45px;
    width: 45px;
    align-items: center;
    justify-content: center;
}

.footer-social-icon ul li a:hover {
    opacity: 0.5;
}

.footer-social-icon ul li {
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 100%;
}

p strong {
    font-weight: 600;
}

.main-footer .container {
    text-align: center;
}

.footer-form {
    padding: 48px 76px 65px;
    background-image: url(/cutup/assets/images/footer-form-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    border-radius: 20px;
    margin-top: -102px;
    width: 50%;
    display: inline-block;
    background-color: #b8dbf1;

}

.footer-form-right {
    width: 100%;
}

.footer-form-wrapper {
    display: flex;
    align-items: center;
}

.footer-form-img img {
    position: absolute;
    left: 0;
    bottom: 0;
}

.form-header {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    flex-direction: column;
}

.form-filed input {
    width: 100%;
}

.form-filed textarea {
    width: 100%;
}

.footer-form-title h2 {
    margin: 0px;
}

.footer-form-desc {
    padding: 10px 0px 30px;
}

.footer-form-desc p {
    font-weight: 400;
    color: var(--black);
    font-size: 22px;
    line-height: normal;
    font-family: var(--inter);

}

.form-filed {
    line-height: 0;
}

.form-footer {
    margin-top: 30px;
}

input.submit-btn {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2220%22 height%3D%2212%22 viewBox%3D%220 0 20 12%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M0.573397 5.37494H16.8719L13.1221 1.62514L14.0059 0.741272L19.2646 5.99998L14.0059 11.2587L13.1221 10.3748L16.872 6.62494H0.573397V5.37494Z%22 fill%3D%22white%22/%3E%3C/svg%3E');
    background-size: 20px 12px;
    background-color: var(--red);
    background-repeat: no-repeat;
    background-position: right 42px center;
    padding: 23.5px 82.5px 23.5px 42.5px;
    font-family: var(--inter);
}

.footer-top {
    display: flex;
    align-items: center;
    padding-top: 57px;
    padding-bottom: 36px;
}

.footer-logo img {
    max-width: 282px;
}

.footer-icon-links {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 20px;
    gap: 43px;
}

.footer-icon-link {
    display: flex;
    align-items: center;
    gap: 16px;
}

.footer-icon img {
    width: 60px;
    max-width: 60px;
}

.footer-logo {
    width: 30%;
}

.footer-logo img {
    max-width: 282px;
}

.footer-text {
    color: var(--white);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 1px;
    font-family: var(--inter);
    text-align: left;
}

.footer-text p,
.footer-text a {
    color: var(--white);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 1px;
    font-family: var(--inter);
    max-width: 276px;
    width: 100%;
    display: inline-block;
}

.footer-text a {
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 1.5px;
    max-width: inherit;
}

.footer-menu {
    padding: 51px 0px 38px;
    border-top: 1px solid rgb(255 255 255 / 20%);
}

.footer-menu-wrap ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 46px;
    flex-wrap: wrap;
}

.footer-menu-wrap ul li a {
    color: var(--white);
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: var(--inter);
}

.footer-menu-wrap ul li a:hover {
    text-decoration: none;
    color: var(--red);
}

.footer-social ul li img {
    max-width: 14px;
}

.footer-copyright {
    padding: 14px 0px;
    background-color: var(--red);
    text-align: center;
}

.footer-social ul {
    display: flex;
    align-items: center;
    gap: 24px;
}

.footer-social ul li a {
    display: flex;
}

.footer-copyright-wrap {
    /*display: flex;
    align-items: center;*/
    justify-content: space-between;
    gap: 20px;
}

.footer-copyright-left p {
    color: var(--white);
    font-family: var(--inter);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

/* Footer CSS START */



/* Quick Links */
.quick-links {
    position: fixed;
    right: -165px;
    top: 49.5%;
    z-index: 999;
    transform: rotate(-90deg);
}

.quick-link-buttons {
    display: flex;
    gap: 1px;
}

.quick-link-button:nth-child(2) a {
    text-decoration: none;
    background-color: #fff;
    color: #BF1E2E;
    box-shadow: 1px 1px 20px 0px #00000040;
}

.quick-link-button:nth-child(2) a:hover {
    background-color: #BF1E2E;
    color: #FFF;
}

/* Banner CSS */

section.home-banner-section {
    padding: 173px 0px 625px;
    background-image: url('/cutup/assets/images/banner-bg-5.png');
    position: relative;
    overflow: hidden;
    z-index: 2;

}

.home-banner-wrap {
    display: flex;
    align-items: center;
}

.home-banner-left {
    width: 50%;
}

.home-banner-right {
    width: 50%;
}

.home-banner-btn {
    display: inline-block;
}

.home-banner-title h1 {
    margin: 0px;
    line-height: 1.34;
}

.home-banner-desc {
    max-width: 500px;
    padding: 12px 0px 60px;
}

.home-banner-desc p {
    font-weight: 400;
    color: #fff;
}

.home-banner-desc strong {
    font-weight: 700;
    text-decoration: underline;
}

.home-banner-img img {
    position: absolute;
    right: -40px;
    bottom: 320px;
    max-width: 1174px;
    z-index: -2;
}

.icon-with-title-main-box {
    display: flex;
    align-items: center;
    background: #FFF;
    box-shadow: 0px 4px 183.7px 0px rgba(0, 0, 0, 0.10);
    border-radius: 20px;
    position: relative;
    top: -50px;
    overflow: hidden;

}

.icon-with-title-box-icon img {
    max-width: 57px;
    width: auto;
}

.icon-with-title-box:first-child .icon-with-title-box-icon img {
    max-width: 43px;
}

.icon-with-title-box {
    padding: 35px 39px;
    width: 33.33%;
    height: 100%;
    transition: all 0.6s;
}

.icon-with-title-box-title {
    padding: 40px 0px 15px;
}

.icon-with-title-box-title h4 {
    color: #331B61;
    font-family: 'Oswald', serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 51px;
    letter-spacing: -0.64px;
    text-transform: capitalize;
}

section.icon-with-title-section {
    margin-top: -350px;
    position: relative;
    z-index: 3;
}

/* section.home-banner-section:after {
    content: '';
    background-image: url(../../assets/images/banner-bottom-shape-2);
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
} */
.banner-bottom-shap {
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -1px;
    object-fit: contain;
    display: block;
    z-index: -2;
}

.icon-with-title-box-desc p {
    color: #2E2E2E;
    font-weight: 500;
    opacity: 0.75;
}

.icon-with-title-box-desc {
    padding-bottom: 30px;
}

.icon-with-title-box-btn a {
    border-radius: 50px;
    background: #CAFFE6;
    box-shadow: 0px 4px 183.7px 0px rgba(0, 0, 0, 0.10);
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.6s;
}

.icon-with-title-box-btn a svg path {
    transition: all 0.6s;
    fill: #188090;
}

.icon-with-title-box-btn a svg {
    max-width: 10px;
}

.icon-with-title-box:hover {
    /* border: 1px solid #FFF; */
    background: linear-gradient(180deg, #FFF 0%, #FAFAFF 100%);
    box-shadow: 0px 76px 250px 0px #EAEAEA;
}

.icon-with-title-box:hover .icon-with-title-box-btn a {
    background: #188090;
}

.icon-with-title-box:hover .icon-with-title-box-btn a svg path {
    fill: #9EFFD2;
}

.icon-with-title-box:nth-child(3) {
    border-radius: 0px 20px 20px 0px;
}

.icon-with-title-box:nth-child(1) {
    border-radius: 20px 0px 0px 20px;
}

.purpose-section-wrap {
    display: flex;
    align-items: center;
}

.purpose-section-left {
    width: 56.2%;
}

.purpose-section-right {
    width: 43.8%;
}

.purpose-section-left img {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    /* width: 100%; */
    /* max-width: 1144px; */
}

.purpose-section {
    position: relative;
    padding: 545px 0px 160px;
    background-image: url(/cutup/assets/images/3ribbon-5.png);
    margin-top: -410px;
    z-index: 2;
}

/* .purpose-section:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(../../assets/images/3ribbon-3.png);
    background-size: cover;
    background-repeat: no-repeat;
} */

.purpose-section-right h2 {
    margin: 0px;
    padding-bottom: 15px;
}

.content p {
    color: #2E2E2E;
    font-size: 18px;
    font-weight: 500;
}

.purpose-section-btns {
    padding-top: 65px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    justify-content: flex-start;
}

.btn.btn-transparent:after {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2220%22 height%3D%2212%22 viewBox%3D%220 0 20 12%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M0.573397 5.37494H16.8719L13.1221 1.62514L14.0059 0.741272L19.2646 5.99998L14.0059 11.2587L13.1221 10.3748L16.872 6.62494H0.573397V5.37494Z%22 fill%3D%22%23187F90%22/%3E%3C/svg%3E');

}

.btn.btn-transparent {
    background: #ffff;
    border: 1px solid #188090;
    color: #187F90;
}

.map-section-wrap {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-end;
}

.map-section {
    background-image: url(/cutup/assets/images/new-main-gb-4-min.png);
    position: relative;
    z-index: 2;
    margin-top: -85px;
}

.map-section:before {
    content: '';
    position: absolute;
    left: 0;
    top: -11px;
    width: 100%;
    height: 103px;
    background-image: url(/cutup/assets/images/new-103.svg);
    z-index: 2;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}

.map-section-left {
    width: 51.03%;
    position: relative;
    background-image: url(/cutup/assets/images/map-mask-1.png);
    margin-right: -113px;
    margin-left: -205px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 132px 68px 237px 201px;
    margin-bottom: 128px;
    margin-top: 48px;
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0% 100%);
    max-width: 792px;
}

.map-section>.container {
    max-width: 100%;
    padding-right: 0;
    padding-left: calc((100% - 1200px) / 2);
}

/*
.map-section-left:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 798px;
    height: 1241px;
    background-image: url('/cutup/assets/images/map-img-2.png');
    z-index: -1;
} */
.map-section-right {
    width: 69.4%;
    padding-right: 73px;
    padding-top: 190px;
}

.map-section-left h3 {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.08px;
    text-transform: uppercase;
    margin: 0px;
    padding-bottom: 15px;
}

.map-section-left .content p {
    color: #fff;
}

.map-section-left .content {
    padding-bottom: 50px;
}


/* 
.map-section-right img {
    position: absolute;
    right: 0;
    bottom: 0;
}
*/
.btn.btn-white {
    background: #fff;
    border: 1px solid #ffffff;
    color: #BF1E2E;
}

.btn.btn-white:after {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2220%22 height%3D%2212%22 viewBox%3D%220 0 20 12%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M0.573397 5.37494H16.8719L13.1221 1.62514L14.0059 0.741272L19.2646 5.99998L14.0059 11.2587L13.1221 10.3748L16.872 6.62494H0.573397V5.37494Z%22 fill%3D%22%23BF1E2E%22/%3E%3C/svg%3E');
}

.cta-section {
    padding: 130px 0px;
    /* background-image: url('/cutup/assets/images/cta-bg-min.png'); */
    background-image: url('/cutup/assets/images/cta-bg-4.jpg');
    min-height: 470px;
    margin-top: -5px;
    z-index: 0;
    position: relative;
}

.cta-section .cta-section-wrap {
    z-index: 1;
    position: relative;
}

section.cta-section:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(191, 30, 46, 0.06) 16.14%, rgba(255, 255, 255, 0.00) 100%);
    left: 0;
    top: 0;
    z-index: 0;
}

.cta-section-wrap {
    text-align: center;
}

.cta-title h2 {
    margin: 0px;
}

.cta-content {
    padding: 10px 0px 56px;
    max-width: 90%;
    margin: 0 auto;
}

.tab-container {
    display: flex;
    position: relative;
    /* z-index: 2; */
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.05);
    background: linear-gradient(180deg, #331B61 0%, #331B61 100%);
    box-shadow: 0px 24px 50px 0px rgba(1, 18, 106, 0.07);

}

/* .tab-container:after {
    content: '';
    border: 1px solid rgba(255, 255, 255, 0.05);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 15px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: linear-gradient(180deg, #FFF 0%, #FFF 100%);
    box-shadow: 0px 4px 183.7px 0px rgba(0, 0, 0, 0.10);
    z-index: -1;
} */
.tab-titles {
    width: 48.6%;
    display: flex;
    flex-direction: column;
    padding: 15px 0px;
}

.tab-titles span {
    padding: 24px 0px 24px 34px;
    border: none;
    text-align: left;
    cursor: pointer;
    width: 100%;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    overflow: hidden;
}

.tab-titles span.active {
    border-left: 1px solid #9EFFD2;
    background: linear-gradient(270deg, rgba(202, 255, 230, 0.00) 0%, rgba(202, 255, 230, 0.10) 100%);
    font-weight: 600;
    position: relative;
    padding-right: 70px;
}

.tab-content {
    width: 51.5%;
    padding: 29px;
    background-color: transparent;
    border-radius: 10px;
}

.tab-pane {
    display: none;
    color: #fff;
}

.tab-pane.active {
    display: block;
}

.tab-pane img {
    border-radius: 10px;

}

section.resources-section {
    margin-top: -150px;
    z-index: 1;
    position: relative;
    padding: 150px 0px 135px;
    background-color: transparent;
    /* background-image: url('/cutup/assets/images/resorces-bg-min.png'); */
    background-image: url('/cutup/assets/images/resorces-bg2-min.png');


}

p {
    /* color: #FFF; */
    font-family: var(--inter);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.resources-section-title {
    text-align: center;
    color: #fff;
}

.resources-section-title h2 {
    color: #fff;
    margin: 0px;
}

.resources-section-desc p {
    color: #fff;
    text-align: center;
}

.resources-section-desc {
    padding: 15px 0px 68px;
    max-width: 63%;
    margin: 0 auto;
}

.tab-titles span.active:before {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none"><circle cx="30" cy="30.0002" r="30" fill="%23BF1E2E"/><path d="M25.4 36.8789L24 35.4789L33.4787 26.0002H26.8787V24.0002H36.8787V34.0002H34.8787V27.4002L25.4 36.8789Z" fill="white"/></svg>');
    background-size: cover;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.post-list-section {
    padding: 123px 0px 129px;
    background: url('/cutup/assets/images//post-list-bg.png');

}

.post-list-title-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding-bottom: 60px;
}

.post-list-title h2 {
    margin: 0px;
}

.post-list-boxs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 22px;
}

.post-list-box {
    width: calc(33.33% - 15px);
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 4px 183.7px 0px rgba(0, 0, 0, 0.10);
    padding: 10px;
}

.post-list-box-img img {
    max-height: 224px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    background: #EEE;
}

.post-list-box-content {
    padding: 20px 18px 20px 18px;
}

.post-list-box-date {
    display: flex;
    align-items: center;
    gap: 10px;
}

.post-list-box-date-icon {
    display: flex;
}

.post-list-box-title h3 {
    margin: 0px;
    color: #331B61;
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    text-transform: none;
}


.post-list-box-btn a {
    display: flex;
    align-items: center;
    gap: 20px;
}

.post-list-box-btn-icon {
    display: flex;
}

.post-list-box-title {
    padding: 10px 0px 40px;
}

.post-list-box-btn-text {
    color: #BF1E2E;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: capitalize;
    transition: all 0.6s;
    font-family: 'Inter';
}

.post-list-box-date-text {
    color: #2E2E2E;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    transition: all 0.6s;
    letter-spacing: 1.2px;

}

.post-list-box-btn a:hover {
    text-decoration: none;
}

.post-list-box-btn a:hover .post-list-box-btn-text {
    color: #188090;
}

.post-list-box-btn a:hover .post-list-box-btn-icon svg path {
    fill: #188090;
}

.post-list-box-title h3 a:hover {
    text-decoration: none;
    color: #BF1E2E;
}

span.tab-link:not(.active)::after {
    content: '';
    position: absolute;
    left: 34px;
    bottom: 0;
    opacity: 0.2;
    background: linear-gradient(90deg, #33449B 0%, #33449B 100%);
    height: 1px;
    width: 100%;
}

.tab-titles .tab-link:last-child:after {
    display: none;
    opacity: 0;
}

.banner-bottom-shap-img {
    position: absolute;
    height: 532px;
    background: url('/cutup/assets/images//banner-bottom-shape-2.png');
    width: 100%;
    bottom: 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

section.inner-banner-section {
    height: 506px;
    position: relative;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    background-position: center;
    background-color: #331B61;
}

.inner-banner-title {
    text-align: center;
}

.inner-banner-section .banner-bottom-shap-img {
    bottom: 0px !important;
    background: url('/cutup/assets/images//inner-banner-bottom-shap-img-2.png');
    height: 420px;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
}

.inner-banner-wrap {
    position: relative;
    z-index: 2;
    padding-top: 165px;
}

section.inner-banner-section:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    /* background: #331B61e6; */
    background: linear-gradient(
  90deg,
  rgba(51, 27, 97, 0.8) 15.96%,
  rgba(51, 27, 97, 0.55) 90.1%
);
/* for when they change it back to blue again again again... 
    background: linear-gradient(90deg, rgba(24, 48, 81, 0.80) 15.96%, rgba(24, 48, 81, 0.55) 90.1%);
    */
    /* background: linear-gradient(85deg,
  #331B61CC 19.7%,
  #0BA1CBCC 110.86%); */
    z-index: 0;
}

.inner-banner-bg-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.inner-banner-bg-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    /* object-position: center; */
    object-position: center -230px;
    opacity: 0.3;
    filter: grayscale(100%);
}

.inner-banner-title h1 {
    margin: 0px;
}

.image-with-content-wrap {
    flex-wrap: nowrap;
    align-items: stretch;
}

.image-with-content-col {
    width: 50%;
    z-index: 1;
}

.image-with-content-left.image-with-content-col {
    position: relative;
}

.image-with-content-left img {
    position: absolute;
    top: -50px;
    left: -240px;
    max-width: max-content;
}

section.image-with-content-section {
    padding: 140px 0px 180px;
}

.image-with-content-btn {
    padding: 33px 0px;
}

.image-with-content-bottom-content {
    border-radius: 10px;
    background: #F4F4F4;
    padding: 22px 25px 21px 28px;
}

.image-with-content-bottom-content p a {
    text-decoration: underline;
}

.image-with-content-content {
    max-width: 96%;
}

.inner-banner-bottom-shap-img {
    position: absolute;
    bottom: -1px;
    z-index: 1;
    width: 100%;
}

.inner-banner-bottom-shap-img img {
    object-fit: cover;
    width: 100%;
    height: auto;
    max-height: 580px;
}

.service-card {
    position: relative;
    padding: 30px;
    transition: 0.3s;
    border-radius: 8px;
    border: 1px solid rgba(24, 48, 81, 0.10);
    background: linear-gradient(180deg, #FFF 0%, #FAFAFF 100%);
    width: calc(33.33% - 20px);
    cursor: pointer;
}

.view-locations-btn {
    background: transparent;
    border: none;
    color: #BF1E2E;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    position: relative;
    padding: 0px;
    display: flex;
    align-items: center;
    border-radius: unset;
    gap: 21px;
    line-height: 24px;
    font-family: 'Inter';
}

.view-locations-btn::after {
    content: '';
    height: 12px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.573397 5.37494H16.8719L13.1221 1.62514L14.0059 0.741272L19.2646 5.99998L14.0059 11.2587L13.1221 10.3748L16.872 6.62494H0.573397V5.37494Z' fill='%23BF1E2E'/%3E%3C/svg%3E");
    background-position: center;
}

.service-card:hover .view-locations-btn:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='20' height='12' viewBox='0 0 20 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.573397 5.37494H16.8719L13.1221 1.62514L14.0059 0.741272L19.2646 5.99998L14.0059 11.2587L13.1221 10.3748L16.872 6.62494H0.573397V5.37494Z' fill='%23188090'/%3E%3C/svg%3E");
}

.popup-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgb(24 48 81 / 70%);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup-content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
    height: 100vh;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    max-height: 988px;
}

.popup-content-main-wrap {
    background: #fff;
    padding: 50px;
    border-radius: 10px;
    width: 100%;
    max-width: 1200px;
    position: relative;
    max-height: 90%;
    height: 100vh;
    cursor: auto;
}

.popup-title {
    margin-bottom: 10px;
    font-size: 20px;
}

body.popup-open {
    /* overflow: hidden; */
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    border-radius: 4px;
    height: 36px;
    width: 36px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.376119 0.392525C0.617021 0.15148 0.943709 0.0160808 1.28434 0.0160808C1.62496 0.0160808 1.95165 0.15148 2.19255 0.392525L8.99192 7.19779L15.7913 0.392525C15.9099 0.269714 16.0516 0.171768 16.2083 0.104384C16.365 0.0369997 16.5337 0.00153966 16.7042 4.82337e-05C16.8748 -0.00143034 17.044 0.0310982 17.2018 0.0957438C17.3597 0.160389 17.5031 0.255866 17.6237 0.376582C17.7443 0.497297 17.8398 0.640847 17.9044 0.798861C17.9689 0.956875 18.0014 1.12618 18 1.29689C17.9984 1.46761 17.963 1.63632 17.8956 1.79318C17.8283 1.95004 17.7304 2.09191 17.6078 2.21051L10.8084 9.01578L17.6078 15.8211C17.8418 16.0635 17.9713 16.3883 17.9684 16.7254C17.9654 17.0625 17.8304 17.385 17.5921 17.6234C17.3539 17.8617 17.0318 17.997 16.6949 18C16.3581 18.0029 16.0336 17.8733 15.7913 17.6391L8.99192 10.8338L2.19255 17.6391C1.95027 17.8733 1.62578 18.0029 1.28896 18C0.952136 17.997 0.629945 17.8617 0.391766 17.6234C0.153588 17.385 0.0184858 17.0625 0.0155697 16.7254C0.0126408 16.3883 0.142116 16.0635 0.376119 15.8211L7.17549 9.01578L0.376119 2.21051C0.135294 1.96941 0 1.64244 0 1.30151C0 0.960591 0.135294 0.633622 0.376119 0.392525Z' fill='%23BF1E2E'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgb(191 30 46 / 15%);
    transition: all 0.3s;
    background-size: 18px;
}

.close-popup:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.376119 0.392525C0.617021 0.15148 0.943709 0.0160808 1.28434 0.0160808C1.62496 0.0160808 1.95165 0.15148 2.19255 0.392525L8.99192 7.19779L15.7913 0.392525C15.9099 0.269714 16.0516 0.171768 16.2083 0.104384C16.365 0.0369997 16.5337 0.00153966 16.7042 4.82337e-05C16.8748 -0.00143034 17.044 0.0310982 17.2018 0.0957438C17.3597 0.160389 17.5031 0.255866 17.6237 0.376582C17.7443 0.497297 17.8398 0.640847 17.9044 0.798861C17.9689 0.956875 18.0014 1.12618 18 1.29689C17.9984 1.46761 17.963 1.63632 17.8956 1.79318C17.8283 1.95004 17.7304 2.09191 17.6078 2.21051L10.8084 9.01578L17.6078 15.8211C17.8418 16.0635 17.9713 16.3883 17.9684 16.7254C17.9654 17.0625 17.8304 17.385 17.5921 17.6234C17.3539 17.8617 17.0318 17.997 16.6949 18C16.3581 18.0029 16.0336 17.8733 15.7913 17.6391L8.99192 10.8338L2.19255 17.6391C1.95027 17.8733 1.62578 18.0029 1.28896 18C0.952136 17.997 0.629945 17.8617 0.391766 17.6234C0.153588 17.385 0.0184858 17.0625 0.0155697 16.7254C0.0126408 16.3883 0.142116 16.0635 0.376119 15.8211L7.17549 9.01578L0.376119 2.21051C0.135294 1.96941 0 1.64244 0 1.30151C0 0.960591 0.135294 0.633622 0.376119 0.392525Z' fill='%23188090'/%3E%3C/svg%3E");
    background-color: rgb(24 128 144 / 15%);
    /* background-size: 18px; */
}

.popup-content-wrap {
    overflow-y: scroll;
    height: 100%;
    padding-right: 40px;
}

.services-grid-seciton {
    padding: 130px 0px;
}

.services-grid {
    display: flex;
    gap: 30px;
    align-items: stretch;
    flex-wrap: wrap;
}

.service-card-title-desc h4,
.popup-content-title h4 {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: -0.52px;
    padding-bottom: 18px;
}

.service-card-title-desc {
    padding-bottom: 24px;
    position: relative;
    flex: 1;
}

.service-card-title-desc:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: 0.15;
    background: linear-gradient(90deg, #132D51 0%, rgba(19, 45, 81, 0.00) 100%);
}

.service-card-btn {
    padding-top: 25px;
}

.service-card:hover .view-locations-btn {
    background: transparent;
    color: #188090;
}


.popup-content-desc {
    padding-bottom: 30px;
}

.popup-content-icon-main-title p,
.popup-content-services-list-title p {
    font-weight: 700;
    color: #331B61;
}

.popup-content-icon-main-title {
    padding-bottom: 15px;
}

.popup-content-icon-img img {
    max-width: 40px;
}

.popup-content-icon-box {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 23px;
}


.popup-content-services-list-title {
    padding-bottom: 30px;
}

.popup-content-services-list-wrap li {
    border-radius: 50px;
    border: 1px solid #EEF0F6;
    background: #EEF0F6;
    list-style: none;
    padding: 9.5px 34px;
    font-size: 18px;
    line-height: 28px;
    color: #331B61;
    font-weight: 500;
}

.popup-content-services-list-wrap ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.popup-content-services-list-wrap {
    padding-bottom: 50px;
}

.popup-content-btn-grp {
    padding: 50px 0px;
    border-bottom: 1px solid #331B61;
    position: relative;
    display: flex;
    align-items: center;
    gap: 19px;
    flex-wrap: wrap;
}

.popup-content-btn-grp:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    opacity: 0.15;
    background: linear-gradient(90deg, #132D51 0%, rgba(19, 45, 81, 0.00) 100%);
}

/* For Chrome, Safari, Edge */
.popup-content-wrap::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    /* for horizontal scroll */
}

.popup-content-wrap::-webkit-scrollbar-track {
    background: #EEF0F6;
    border-radius: 8px;
}

.popup-content-wrap::-webkit-scrollbar-thumb {
    background: #331B61;
    border-radius: 8px;
}

.popup-content-wrap::-webkit-scrollbar-thumb:hover {
    background: #331B61;
}

.service-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.popup-content-icon-text a {
    font-weight: 600;
}

.planning-council-section {
    padding: 112px 0px 130px;
}

.planning-council-title {
    text-align: center;
}

.planning-council-title h2 {
    margin-bottom: 25px;
}

.planning-council-text,
.planning-council-img {
    width: 50%;
}

.planning-council-img img {
    max-width: 575px;
    border-radius: 8px;
    background: #D9D9D9;
    width: 100%;
}

.planning-council-content {
    display: flex;
    align-items: center;
    padding-bottom: 50px;
    gap: 50px;
}

.planning-council-boxs {
    padding: 40px 0px 60px;
    display: flex;
    align-items: stretch;
    gap: 20px;
}

.planning-council-box {
    padding: 20px 20px 20px 57px;
    border-radius: 8px;
    background: #EEF0F6;
    width: calc(25% - 10px);
    position: relative;
}

.planning-council-box:hover {
    cursor: pointer;
}

.planning-council-box::before {
    content: '';
    background: url('/cutup/assets/images//right-icon.svg');
    position: absolute;
    left: 20px;
    top: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    width: 22px;
}

.planning-council-text a,
.planning-council-btn-content a {
    text-decoration: underline;
}

.planning-council-btn {
    text-align: center;
}

section.comman-section {
    padding: 112px 0px 430px;
    background-image: url('/cutup/assets/images/privide-img-min.png');
    background-position: center;
}

.comman-section-wrap {
    text-align: center;
}

.sub-desc p {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 20px;
    padding-top: 10px;
}

.comman-content {
    padding: 0px 10px;
}

.comman-content a {
    text-decoration: underline;
}

section.application-section {
    margin-top: -100px;
    padding: 197px 0px 137px;
    background-image: url('/cutup/assets/images/app-bg-img-2.png');
}

.app-image-content {
    display: flex;
    align-items: center;
    gap: 50px;
}

.app-image-content-col {
    width: 50%;
}

.app-image-content-col img {
    border-radius: 8px;
    background: #D9D9D9;
    max-width: 575px;
    width: 100%;
}

.app-image-content-left p {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
}

.app-list-main-boxs.planning-council-boxs {
    padding: 40px 0px 40px;
}

.app-list-main-boxs.planning-council-boxs .app-list-boxs {
    width: 100%;
}

.app-list-main-box.planning-council-box {
    width: 100%;
}

.app-list-boxs-title p {
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
}

.app-list-box-wrap.planning-council-boxs {
    gap: 30px;
    flex-wrap: wrap;
    padding: 40px 0px 40px;
}

.app-list-box.planning-council-box {
    width: calc(33.33% - 20px);
    min-height: 124px;
}

.app-list-boxs-btm-content p {
    color: #fff;
}

.app-list-boxs-btm-content a {
    text-decoration: underline;
}

.app-list-main-box.planning-council-box a {
    text-decoration: underline;
}

section.questions-boxs-section {
    padding: 125px 0px 135px;
}

.questions-boxs {
    display: flex;
    align-items: stretch;
    gap: 50px;
}

.questions-box {
    width: calc(50% - 25px);
    padding: 40px;
    background-color: #EEF0F6;
    border-radius: 8px;
}

.questions-content-icon-img img {
    max-width: 40px;
    width: 40px;
}

.questions-box-title h3 {
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.52px;
    text-transform: uppercase;
}

.questions-content-icon-box {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 14px;
}

.questions-icon-boxs {
    padding-top: 30px;
}

.questions-content-icon-box:last-child {
    padding-bottom: 0px;
}

.questions-content-icon-text a {
    font-weight: 600;
    word-break: break-all;
}

.questions-box-text {
    position: relative;
    padding: 0px 0px 25px 37px;
}

.questions-box-text:before {
    content: '';
    background: url('/cutup/assets/images//right-icon.svg');
    position: absolute;
    left: 0px;
    top: 0px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    width: 22px;
}

section.resources-icon-section {
    padding: 112px 0px 107px;
    background-color: #fff;
}

.resources-icon-img img {
    max-width: 55px;
}

.resources-icons {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 183.7px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    align-items: stretch;
}

.resources-icon {
    padding: 40px 40px 35px;
    width: 33.33%;
    transition: all 0.6s;
}

.resources-icon-title h4 {
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.52px;
    text-transform: uppercase;
}

.resources-icon-title {
    padding-top: 40px;
}

.resources-icon:hover {
    background: linear-gradient(180deg, #FFF 0%, #FAFAFF 100%);
    box-shadow: 0px 76px 250px 0px #EAEAEA;
}

.resources-icon:first-child:hover {
    border-radius: 20px 0px 0px 20px;
}

.resources-icon:last-child:hover {
    border-radius: 0px 20px 20px 0px;
}

.resources-icons-title {
    text-align: center;
}

.resources-icons-title h2 {
    margin-bottom: 25px;
}
.resources-icon:hover .resources-icon-a {
    text-decoration: none;
}
.resources-icon h4{
    transition: all 0.6s;
}
.resources-icon:hover h4{
    color: #188090;
}
.resources-list-section {
    padding: 222px 0px 135px;
    background: url('/cutup/assets/images/ryan-resorces-bg-new.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.resources-list-title h2 {
    margin: 0px;
}

.resources-list-title-btn {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
}
.resources-list-section-year .language-dropdown {
    min-width: 180px;
    text-align: right;
}
button.language-year-btn , button.language-btn{
    border-radius: 50px;
    border: 1px solid #FFF;
    display: inline-flex;
    padding: 10px 28px;
    align-items: center;
    gap: 10px;
    font-family: 'Inter';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    color: #fff;
    background-color: transparent;
    text-transform: capitalize;
}
 button.language-btn:after, button.language-year-btn:after{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M11%201.5L6%206.5L0.999999%201.5%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 8px;
}

button.language-year-btn:hover, button.language-btn:hover {
    color: #fff;
    background-color: #BF1E2E;
    border: 1px solid #BF1E2E;
    text-decoration: none;
}

.resources-list-boxs-wrap.planning-council-boxs {
    padding: 30px 0px 0px;
    gap: 30px;
    flex-wrap: wrap;
}

.resources-list-box.planning-council-box {
    width: calc(33.33% - 20px);
    background: linear-gradient(180deg, #FFF 0%, #FAFAFF 100%);
    min-height: 124px;
}

.resources-list-section.resources-list-section-year {
    background-image: none;
    background-color: #fff;
}

.resources-list-section-year .resources-list-title-btn {
    gap: 100px;
    align-items: center;
}

/* .resources-list-section-year .resources-list-title-btn button.language-year-btn {
    margin-top: 20px;
} */

.resources-list-section-year button.language-year-btn {
    border: 1px solid #187F90;
    background: #FFF;
    color: #187F90;
}

.resources-list-section-year button.language-year-btn:after {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M11%201.5L6%206.5L0.999999%201.5%22%20stroke%3D%22%23187F90%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}

.resources-list-section-year button.language-year-btn:hover {
    color: #fff;
    background-color: #BF1E2E;
    border: 1px solid #BF1E2E;
    text-decoration: none;
}

.resources-list-section-year button.language-year-btn:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M11%201.5L6%206.5L0.999999%201.5%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
}

.resources-list-section-year .resources-list-box.planning-council-box {
    background: #EEF0F6;
    min-height: 152px;
}

section.resources-list-section.resources-list-section-year {
    padding: 117px 0px 130px;
}

.image-left-content-right-section {
    background: url('/cutup/assets/images/ehe-bg-img.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 217px 0px 134px;
    position: relative;
}

.image-left-content-right-row {
    display: flex;
    align-items: center;
}

.image-left-col {
    width: 49%;
}

.content-right-col {
    width: 51%;
}

.image-left-col img {
    position: absolute;
    bottom: 0;
    left: 90px;
    max-width: 800px;
}

.image-content-content ul {
    margin: 0px;
    padding: 0px;
}

.image-content-content ul li {
    list-style: none;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    padding-bottom: 25px;
    color: #fff;
    position: relative;
    padding-left: 37px;
}

.image-content-content ul li a {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    position: relative;

}

.image-content-content ul li:last-child {
    padding-bottom: 0px;
}

.image-content-content ul li:before {
    content: '';
    background: url('/cutup/assets/images//right-icon.svg');
    position: absolute;
    left: 0px;
    top: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    width: 22px;
}

.image-content-content ul li a:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_886_4802)%22%3E%3Cpath%20d%3D%22M11.4915%203.89944L1.83622%2013.7303L0.25%2012.1152L9.90415%202.28438H1.39535V0H13.7351V12.5641H11.4915V3.89944Z%22%20fill%3D%22white%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_886_4802%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: 10px;
}

.image-content-content ul li a:hover:after,
.image-right-content-left-section .image-content-content ul li a:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_886_4802)%22%3E%3Cpath%20d%3D%22M11.4915%203.89944L1.83622%2013.7303L0.25%2012.1152L9.90415%202.28438H1.39535V0H13.7351V12.5641H11.4915V3.89944Z%22%20fill%3D%22%23BF1E2E%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_886_4802%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.image-content-content ul li a:hover {
    text-decoration-color: #BF1E2E;
}

.image-content-title h2 {
    margin-bottom: 25px;
}

section.image-left-content-right-section.image-right-content-left-section {
    background: none;
    padding: 135px 0px 100px;
    background-color: #fff;
}

.image-right-content-left-section .image-content-content ul li {
    color: #2E2E2E;
}

.image-right-content-left-section .image-content-content ul li a:after {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23clip0_886_4802)%22%3E%3Cpath%20d%3D%22M11.4915%203.89944L1.83622%2013.7303L0.25%2012.1152L9.90415%202.28438H1.39535V0H13.7351V12.5641H11.4915V3.89944Z%22%20fill%3D%22%232E2E2E%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_886_4802%22%3E%3Crect%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.image-right-content-left-section .image-left-col img {
    right: 90px;
    left: auto;
    bottom: 0px;
    max-width: 1000px;
}

.image-right-content-left-section .image-left-col {
    order: 1;
}

.image-right-content-left-section .content-right-col {
    width: 47%;
}

.image-right-content-left-section .image-left-col {
    width: 53%;
}

.hiv-section {
    background: url('/cutup/assets/images/hiv-bg-img.png');
    padding: 222px 0px 135px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -80px;
    z-index: 2;
    position: relative;
}

.image-content-content {
    position: relative;
    z-index: 3;
}

.hiv-boxs.planning-council-boxs {
    flex-wrap: wrap;
    gap: 30px;
    padding: 30px 0px 0px;
}

.hiv-box.planning-council-box {
    border-radius: 8px;
    border: 1px solid rgba(24, 48, 81, 0.10);
    background: linear-gradient(180deg, #FFF 0%, #FAFAFF 100%);
    width: calc(33.33% - 20px);
    min-height: 124px;
}

.hiv-title h2 {
    margin: 0px;
    text-align: center;
}

.hiv-box.planning-council-box p {
    font-weight: 700;
}

section.resources-box-section {
    padding: 113px 0px 135px;
    background: url('/cutup/assets/images/affordable-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.resources-box-section-title h2 {
    margin: 0px;
    text-align: center;
}

.resources-main-boxs {
    display: flex;
    align-items: stretch;
    gap: 50px;
    flex-wrap: wrap;
    padding-top: 30px;
}

.resources-main-box {
    width: calc(50% - 25px);
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 4px 183.7px 0px rgba(0, 0, 0, 0.10);
    padding: 10px;
}

.resources-main-box-title {
    padding: 30px 20px 20px;
}

.resources-main-box-title h4 {
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.52px;
    text-transform: uppercase;
}

.resources-main-box:hover .resources-main-box-title h4 {
    COLOR: #BF1E2E;
}

.resources-main-box-title h4 a {
    text-decoration: none;
}

.service-card-title-desc p {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
}

.popup-content-desc p {
    font-family: 'Inter';
    font-weight: 400;
}

.app-list-main-box.planning-council-box p strong {
    font-weight: 700;
}

.app-list-main-box.planning-council-box p:last-child {
    margin-bottom: 20px;
}

.app-list-box.planning-council-box p {
    font-weight: 400;
}


.faq-search {
    display: flex;
    gap: 10px;
    margin-bottom: 50px;
    border-radius: 78px;
    background: #FFF;
    box-shadow: 0px 0px 22px 11px rgba(238, 240, 246, 0.44);
    padding: 10px;
    border: 1px solid #EEF0F6;
}

.faq-search-icon {
    flex: 1;
    padding-left: 70px;
    display: flex;
    align-items: center;
    position: relative;
}

.faq-search-icon:before {
    content: '';
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M30 28.585L22.8788 21.4637C24.8322 19.1881 26.0191 16.2379 26.0191 13.0095C26.0191 5.83628 20.1828 0 13.0095 0C5.83628 0 0 5.83628 0 13.0095C0 20.1828 5.83628 26.0191 13.0095 26.0191C16.2359 26.0191 19.1861 24.8302 21.4637 22.8788L28.585 30L30 28.585ZM13.0115 24.0196C6.94109 24.0196 2.00347 19.08 2.00347 13.0115C2.00347 6.94309 6.94109 2.00347 13.0115 2.00347C19.082 2.00347 24.0196 6.94309 24.0196 13.0115C24.0196 19.08 19.082 24.0196 13.0115 24.0196Z' fill='%23331B61'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 19px;
}

#faqSearch {
    flex: 1;
    padding: 0px;
    background: transparent;
    height: 50px;
    border-left: 1px solid #EEF0F6;
    border-radius: 0px;
    padding-left: 20px;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    color: #331B61;
    font-family: 'Montserrat';
}

#faqSearch::-webkit-input-placeholder {
    color: rgb(51 27 97 / 50%);
}

#faqSearch:-moz-placeholder {
    color: rgb(51 27 97 / 50%);
}

#faqSearch::-moz-placeholder {
    color: rgb(51 27 97 / 50%);
}

#faqSearch:-ms-input-placeholder {
    color: rgb(51 27 97 / 50%);
}

.faq-section {
    padding: 130px 0px 110px;
}

.faq-accordion {
    padding-top: 50px;
    border-top: 1px solid #EEF0F6;
}

#searchBtn {
    text-transform: capitalize;
}

.faq-accordion .faq-item {
    background-color: #EEF0F6;
    border-radius: 8px;
    margin-bottom: 30px;
    overflow: hidden;
}

.faq-accordion .faq-item:last-child {
    margin-bottom: 0px;
}

.faq-question {
    padding: 10px 50px 13px 19px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background 0.3s ease;
    border-radius: 8px;
    color: #331B61;
    font-family: Oswald;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.52px;
    text-transform: uppercase;
    position: relative;
}

.faq-question:after {
    content: '';
    width: 22px;
    height: 20px;
    background: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath d='M15.8027 7.5L10.5351 12.5L5.26743 7.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    right: 22px;
    transition: all 0.6s;
}

.faq-item.active .faq-question::after {
    transform: rotate(180deg);
}

.faq-question span {
    margin-right: 10px;
    background: #e3e5f0;
    color: #001f5b;
    padding: 5px 10px;
    border-radius: 50%;
    font-weight: bold;
}

.faq-answer {
    padding: 43px 0px 28px;
    display: none;
}

.faq-item.active .faq-answer {
    display: block;
}

.faq-item.active .faq-question {
    background-color: #fff;
}

#faqSearch::placeholder {
    color: rgb(51 27 97 / 50%);
    /* opacity: 0.5 !important; */
}

button#searchBtn {
    background: url('data:image/svg+xml;charset=UTF-8,%3Csvg width%3D%2220%22 height%3D%2212%22 viewBox%3D%220 0 20 12%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M0.573397 5.37494H16.8719L13.1221 1.62514L14.0059 0.741272L19.2646 5.99998L14.0059 11.2587L13.1221 10.3748L16.872 6.62494H0.573397V5.37494Z%22 fill%3D%22white%22/%3E%3C/svg%3E');
    background-size: 20px 12px;
    background-color: var(--red);
    background-repeat: no-repeat;
    background-position: right 42px center;
    padding: 23.5px 81.5px 23.5px 42.5px;
    font-family: 'Inter';
    font-weight: 600;
}

button#searchBtn:hover {
    background-color: var(--dark-blue);
    text-decoration: none;
    color: var(--white);
}

.faq-item-wrap {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 5px;
}

.faq-item-nummber {
    width: 60px;
    height: 63px;
    background: #fff;
    border-radius: 8px;
    background: var(--White, #FFF);
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-item-nummber span {
    color: #333;
    text-align: center;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    /* 154.545% */
}

.faq-item-que-ans {
    flex: 1;
}

.faq-answer p {
    font-weight: 400;
}

/*  */
.appointment-form-wrap {
    border-radius: 30px;
    border: 1px solid #331B61;
    background: linear-gradient(180deg, #FFF 80%, rgba(255, 255, 255, 0.10) 100%);
    padding: 60px 50px 80px;
    text-align: center;

}
.appointment-form {
    padding: 130px 0px 107px;
}
.appointment-form-wrap p {
    margin-bottom: 0px;
}
.appointment-form h2 {
    margin-bottom: 25px
}
.appointment-form form {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-top: 40px;
}
.appointment-form .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding-bottom: 20px;
}
.appointment-form .form-row:last-child{
    padding-bottom: 0px;
}
.appointment-form .form-row select, .appointment-form .form-row input {
    padding: 12px 20px;
    width: 100%;
    border-radius: 5px;
    background: #F7F7F7;
    height: 68px;
    color: #565656;
    font-family: "Inter";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    border: none;
    outline: none;
}
.appointment-form .f-filed {
    width: calc(33.33% - 14px);
}

.appointment-form input::-webkit-input-placeholder , .appointment-form select::-webkit-input-placeholder {
    color: #565656;
}

.appointment-form input:-moz-placeholder , .appointment-form select:-moz-placeholder {
    color: #565656;
}

.appointment-form input::-moz-placeholder , .appointment-form select::-moz-placeholder {
    color: #565656;
}

.appointment-form input:-ms-input-placeholder , .appointment-form select:-ms-input-placeholder {
    color: #565656;
}

.form-appointment-footer input {
    text-transform: capitalize;
}
section.image-left-content-right-section.consectetur-section {
    background: url('https://ayokay.work/ryan-white/assets/images/consectetur-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.consectetur-section .image-content-title h2 {
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.08px;
    text-transform: uppercase;
}
.consectetur-section .image-content-content {
    padding-right: 30px;
}
section.post-list-section.get-treat-list-sectioin {
    background: #fff;
}
.post-list-box-title h3 a {
    font-family: inherit;
}
.appointment-form .form-row select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M15 7.5L10 12.5L5 7.5' stroke='%23565656' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 20px;
    padding: 12px 50px 12px 20px;
}
/*  calendar CSS*/
.calendar-section {
    padding: 130px 0px 130px;
}

.resources-list-box.planning-council-box p {
    font-weight: 400;
}
.resources-main-box-title h4 a {
    font-family: inherit;
}
.get-treat-list-sectioin .post-list-box-date-text {
    color: #7B7C7D;
    letter-spacing: unset;
}
.get-treat-list-sectioin .post-list-box-title h3 {
    color: #000;
}
.get-treat-list-sectioin  .post-list-box-btn-text {
    text-transform: uppercase;
}

/* ------------------------- */
  
  .resources-list-box {
    transition: all 0.3s ease;
  }
  
.hidden-language , .hidden-year{
    display: none;
  }

  .language-dropdown {
    position: relative;
  }
  
.language-dropdown-menu , .language-year-dropdown-menu{
    display: none;
    position: absolute;
    top: 45px;
    right: 0;
    background: white;
    color: black;
    list-style: none;
    padding: 10px 0;
    margin: 0;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    z-index: 1;
  }
.language-dropdown-menu li , .language-year-dropdown-menu li{
    padding: 8px 30px;
    list-style: none;
    cursor: pointer;
    text-align: left;
}
  
.language-dropdown-menu li:hover , .language-year-dropdown-menu li:hover{
    background: #f2f2f2;
  }
  
  .app-list-boxs-btm-content {
    padding-top: 14px;
}
.whysing-comman-content{
    padding: 120px 0px 135px;
}
.whysing-comman-content .h-line {
    width: 100%;
    height: 1px;
    background: #000;
    opacity: 0.1;
    margin-bottom: 23px;
    margin-top: 15px;
    display: inline-block;
}
.whysing-comman-content h2 , .whysing-comman-content h3 , .whysing-comman-content h4{
    letter-spacing: -0.8px;
    font-weight: 700;

}
.whysing-comman-content h2 {
    font-size: 40px;
   
}
.whysing-comman-content h3 {
    font-size: 35px;
   
}
.whysing-comman-content h4 {
    font-size: 30px;
  
}
.whysing-comman-content h5 , .whysing-comman-content h6{
    text-transform: unset;
    font-family: Inter;
    color: #2E2E2E;
    font-weight: 600;
}
.whysing-comman-content h5 {
    font-size: 24px;
   
}
.whysing-comman-content h6 {
    font-size: 20px;
   
}
.whysing-comman-content a {
    color: #BF1E2E;
    font-weight: 700;
}
.whysing-comman-content blockquote {
    border-left: 8px solid #fb7381;
    font-style: normal;
    color: #fff;
    background: linear-gradient(85deg, rgba(59, 23, 126, 0.80) 19.7%, rgba(162, 112, 250, 0.80) 110.86%);
    line-height: 1.5;
    font-weight: 600;
}
p.date-text {
    font-weight: 400;
    font-size: 20px;
}

p.date-text strong {
    font-weight: 600;
}
.whysing-comman-content li {
    font-family: var(--inter);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    padding-bottom: 15px;
}
.whysing-comman-content li::marker {
    color: #BF1E2E;
}
.list-sub-title strong {
    font-weight: 700;
}
.whysing-comman-content ul.right-icon li:before {
    content: '';
    background: url('/cutup/assets/images//right-icon.svg');
    position: absolute;
    left: 0px;
    top: 5px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    width: 22px;
}
.whysing-comman-content ul.right-icon {
    margin-left: 0px;
}
.whysing-comman-content ul.right-icon li {
    list-style: none;
    position: relative;
    padding-left: 37px;
    padding-bottom: 15px;
}
.whysing-comman-content ul.right-icon li strong {
    font-weight: 700;
}
.whysing-comman-content .list-sub-title {
    font-weight: 700;
}
section.section-404 {
    padding: 113px 0px 135px;
    text-align: center;
}
.ayokay_link {
    
}
.ayokay_link:hover {
    color: #fff !important;
    text-decoration: underline;
}

.cta-section .cta-title h2 {
	color: #ffffff;
}
.cta-section .cta-content {
	color: #ffffff;
}
section.contact-team-list {
    padding: 100px 0px;
}

.team-info-icon img {
    width: 35px;
    max-width: 35px;
    border: 1px solid #ddd;
    border-radius: 100%;
}

.contact-team-card {
    position: relative;
    padding: 30px;
    transition: 0.3s;
    border-radius: 8px;
    border: 1px solid rgba(24, 48, 81, 0.10);
    background: linear-gradient(180deg, #FFF 0%, #FAFAFF 100%);
    width: calc(33.33% - 20px);
}

.team-name {
    font-size: 26px;
    line-height: 36px;
    letter-spacing: -0.52px;
    color: var(--dark-blue);
    font-weight: 700;
    font-family: var(--secondary-font);
    padding-bottom: 18px;
    text-transform: uppercase;
}

.team-designation {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
       padding-bottom: 18px ;
    flex: 1;
}

.team-info-number a , .team-info-email a {
    display: flex;
    align-items: center;
    gap: 8px;
        font-size: 18px;
    line-height: 1;
    /* color: #188090; */
        word-break: break-all;
            font-weight: 600;
}

.team-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.team-info-number a:hover, .team-info-email a:hover {
    color: #188090;
    text-decoration: none;
}
.contact-team-list-grid {
    display: flex;
    gap: 30px;
    align-items: stretch;
    flex-wrap: wrap;
}
.contact-team-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.resources-list-box-sub-title {
    margin-top: 30px;
    text-transform: capitalize;
    border-bottom: 2px solid #331B61;
    padding-bottom: 15px;
}
.resources-main-box-img a {
    display: inline-block;
}

.resources-main-box-img img {
    border-radius: 10px;
}
section.resources-box-section.resources-box-section-affordable {
    padding-bottom: 0px !important;
}

section.section-404 {
    padding: 113px 0px 135px;
    text-align: center;
}

footer.main-footer.footer-withoutform {
    margin-top: 0px;
    padding-top: 180px;
}

.contact-from-wrap {
    border-radius: 30px;
    background: linear-gradient(180deg, #FFF 80%, rgba(255, 255, 255, 0.10) 100%);
    padding: 102px 74px 101px 79px;
    display: flex;
    align-items: center;
    box-shadow: 1px 1px 10px 1px #0000002b;
}

.contact-inner-banner-section .inner-banner-wrap {
    /* padding-top: 60px; */
}

section.contact-from {
    /* margin-top: -310px; */
    z-index: 3;
    position: relative;
}

.contact-from-left {
    width: 50%;
    padding-right: 41px;
    position: relative;
}

/* .contact-from-left:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: calc(100% + 90px );
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(0, 0, 0, 0.14) 50.5%, rgba(255, 255, 255, 0.00) 100%);
    top: 50%;
    transform: translateY(-50%);
} */
.contact-from-left:after {
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: calc(100% + 90px);
    background: url('../../assets/images/Line-23.png');
    top: 50%;
    transform: translateY(-50%);
}

.contact-from-right {
    width: 50%;
}

.contact-from-title h2 {
    margin-bottom: 5px;
}


.contact-from-right {
    width: 50%;
    padding-left: 47px;
}

.contact-from-left h2 {
    margin-bottom: 5px;
}


.contact-icon-links .footer-icon-links {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    align-items: flex-start;
    padding-left: 0px;
    gap: 0px;
}

.contact-icon-links .footer-icon-link {
    padding: 30px 0px 30px;
    width: 100%;
    position: relative;
}

.contact-icon-links .footer-icon-link .footer-text p,
.contact-icon-links .footer-icon-link .footer-text a {
    color: #000;
}

.contact-icon-links .footer-icon-link:before {
    content: '';
    position: absolute;
    top: 0;
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.14) 0%, rgba(255, 255, 255, 0.00) 100%);
}

.contact-from-desc p {
    font-size: 22px;
    font-weight: 400;
}

.contact-from-desc {
    padding-right: 60px;
    margin-bottom: 39px;
}

.contact-icon-links .footer-icon img {
    border: 1px solid #ddd;
    border-radius: 100%;
}

.form-contact-header input,
.form-contact-header textarea {
    width: 100%;
    border-radius: 5px;
    background: #F7F7F7;
}

.form-contact-header .form-row {
    margin-bottom: 15px;
}

.form-contact-footer input {
    text-transform: capitalize;
}

.form-contact-footer {
    margin-top: 15px;
    display: inline-block;
}

section.map-iframe-section {
    padding: 45px 0px 86px;
    background: url('../../assets/images/affordable-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.map-iframe iframe {
    width: 100%;
    border-radius: 30px;
}

.centered {
    text-align: center;
}