:root {
    --primary-color: #1b2754;
    --white-color: #ffffff;
    --white-bg:#f9f9f9;
	--blue-bg:#314590;
    --red-color: #cb2127;
    --black-color: #000000;
    --light-gray-color: #a8a8a8;
    --dark-text-color: #2e2e2e;
    --gray-text-color: #ADADAD;
    --green-color:#07b53b;
    --dark-green-color:#047125;
}

html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    padding: 0;
    margin: 0;
    background-color: var(--white-color);
	font-family: "Source Sans 3", sans-serif;
}

.unset-row > .row {
    all: unset;
}

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

.justify-end-row > .row {
    justify-content: end;
}

a {
    color: var(--primary-color);
    text-decoration: none;
}

a:hover,
a:hover p {
    color:var(--red-color);
}

p , span {
	font-size:18px;
    color:var(--primary-color);
}
.centered {
    display: block;
    margin: auto;
}

/*Anchor link*/
:target {
    display: block;
    position: relative;
    top: -200px;
    visibility: hidden;
}

.section {
    padding: 60px 0;
}

.inner-section {
    padding:50px;
}

.cu-section {
	padding:40px;
}

.blog-section {
    padding:90px 0 60px;
}

.centered-img {
    display:block;
    margin:auto;
}

.sm-img {
	width: 100px;
	height: 100px;
}
/******** Search  ********/
.search-wrapper i {
	color:var(--white-color);
}

/******** Border ********/
.gray-border div.divider.single-border-solid {
    color: #ffffff1a;
}

.dark-gray-border div.divider.single-border-solid {
    color:#ddd !important;
}

.red-border div.divider.single-border-solid {
    color:var(--red-color) !important;
    border-bottom-width:2px;
}


/* Styles all selected text on the page */
::selection {
    color: var(--red-color); /* The color of the text itself */
}

/******** Text  ********/
p {
    font-size: 16px;
    line-height:1.6;
}

.inner-section-title {
    font-size: 30px;
    font-weight: 800;
    /*line-height: 70px;*/
    letter-spacing: 2px;
    color: var(--primary-color);
	text-transform:uppercase;
}

.inner-section-text p {
    font-size: 18px;
    font-weight: 500;
    color: var(--black-color);
}

.inner-section-title.md-title {
    font-size: 30px;
}

.inner-text p {
    font-size: 18px;
    color: var(--gray-text-color);
}

.white-text {
    color: var(--white-color) !important;
}

.dark-blue-text {
    color: var(--primary-color) !important;
}

.inner-subheader-text {
    font-size: 18px;
    font-weight: 400;
}

.red-text {
    color: var(--red-color) !important;
}

.inner-md-subheader {
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
}

.subsection-title {
    font-size:24px;
    font-weight:700;
    color:var(--red-color);
	text-transform:uppercase;
}

.subsection-md-title {
    font-size:22px;
    font-weight:700;
    color:var(--primary-color);
	text-transform:uppercase;
}

.subsection-sm-title {
    font-size:20px;
    font-weight:600;
    color:var(--primary-color);
}

.subsection-title.dark-title {
    color:var(--primary-color);
}

.subsection-sm-title-light {
    font-size: 20px;
    font-weight: 400;
    color:var(--primary-color);
}

.content-text p {
    font-size:16px;
    color:var(--dark-text-color);
	text-align:center;
}

.subsection-text p,
.cu-icon .item a{
    font-size:18px;
    color:var(--dark-text-color);
}

.inner-content-title {
    font-size:30px;
    font-weight:700;
    color:var(--red-color);
}

.uppercase-text {
    text-transform:uppercase;
}
.subheading-text {
	font-size:20px;
	text-transform:uppercase;
	
}
/******** Button *******/
/* Removes shadow for all buttons on focus and active click */
.btn:focus, .btn:active ,
.form-control:focus,
.form-select:focus{
    outline: none !important;
    box-shadow: none !important;
}

.primary-btn{
    font-size: 20px;
}

.primary-btn:hover {
    color:var(--red-color);
}

.main-icon-color {
    font-size: 21px;
    color:var(--red-color);
    margin-right:20px;
}

.secondary-btn {
    font-size:14px;
    background-color: var(--white-color);
    padding: 7px 18px;
    border-radius:25px !important;
	text-align:justify;
}

.tertiary-btn {
    font-size:16px;
	font-weight:600;
    padding: 7px 0;
    color: var(--white-color);
    text-transform: uppercase;
	text-align:justify;
}

.primary-btn:hover,
.secondary-btn:hover,
.tertiary-btn:hover,
.pdf-btn:hover,
.link-btn:hover,
.post-quick-action .socmed-list i:hover {
    color:var(--red-color) !important;
}

.pdf-btn ,
.link-btn{
    color:var(--primary-color);
    padding:0;
    text-align:left;
}

.language-dropdown-wrap {
	position: relative;
	display: inline-block;
	width: 100%;
}

.language-dropdown-wrap .btn_swap_language {
	background-color:transparent;
	border:none;
	color:var(--white-color);
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding:0;
}

.language-dropdown-wrap .btn_swap_language option {
    color: #333333;
    background-color: #ffffff;
}

.language-dropdown-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: var(--white-color);
	font-size: 14px;
	padding:10px 13px;
	margin-left:20px;
}

.submit-btn {
	background-color:var(--primary-color);
	color:var(--white-color);
	border-radius:20px;
	padding:8px 16px;
}

.submit-btn:hover{
	background-color:var(--blue-bg);
	color:var(--white-color);
}

.form-select.country_link {
	width: fit-content;
	min-width:40px;
	padding-right:20px;
	background-image:url("./../../../data/editor/dropdown.png");
	background-position:right center;
	background-color:transparent;
	border:none;
	padding:0;
	color:var(--white-color);
}

.form-select.country_link option {
  color: #000;
  background-color: #fff;
}

/******** Home and Inner Section Hero ********/
.hero-content {
    display: flex;
    align-items: end;
    gap: 30px;
    position: relative;
    z-index: 2;
    padding: 40px;
}

.hero-content h1 {
    font-size: 115px;
    font-weight: 800;
    color: var(--white-color);
    text-transform:uppercase;
}

.hero-content .sm-title {
	font-size:20px;
}

.hero-left.home,
.hero-left.inner-section {
    position: relative;
    overflow: hidden;
}

.hero-left.home {
	display:flex;
	justify-content:center;
	align-items:center;
}

.hero-left.home:before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 80vh;
    right: 0;
    top: 50%;
    background-image: url(./../../../data/editor/home/left-circle-half.png);
    z-index: 1;
    transform: translateY(-50%);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    animation: fadedownRight 1.5s;
}

.hero-right.home {
    position: relative;
    overflow: hidden;
    padding: 300px 0;
	min-height:130vh;
}

.hero-right.home:before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 80vh;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-position: left center;
    background-image: url(./../../../data/editor/home/right-circle-half.png);
    animation: fadeupLeft 1.5s;
    background-repeat: no-repeat;
    background-size: contain;
}

.hero-left.inner-section:before {
    content: '';
    position: absolute;
    width: 100vw;
    height: 80vh;
    right: 0;
    top: 50%;
    background-image: url(./../../../data/editor/home/left-circle-half.png);
    z-index: 1;
    transform: translateY(-50%);
    background-position: right;
    background-repeat: no-repeat;
    animation: fadedownRight 1.5s;
}

.hero-right.inner-section-img {
    position: relative;
    overflow: hidden;
    padding: 250px 0;
}

.hero-right.inner-section-img:before {
    content: '';
    position: absolute;
    width: 100vw;
    height:80vh;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-position: left center;
    background-image: url(./../../../data/editor/home/right-circle-half.png);
    animation: fadeupLeft 1.5s;
    background-repeat: no-repeat;

}

@keyframes fadedownRight {
    from {
        opacity: 0;
        transform: translateY(-70%);
    }
    to {
        opacity: 1;
        transform: translateY(-50%);
    }

}

@keyframes fadeupLeft{
    from {
        opacity: 0;
        transform: translateY(-30%);
    }
    to {
        opacity: 1;
        transform: translateY(-50%);
    }

}

/******** Intro Block ********/
.intro-block {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    color: #101010;
}

.intro-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--dark-text-color);
}

.intro-content span {
    font-size: 18px;
    color: var(--dark-text-color);
}

.side-label-wrap, .side-title {
    position: relative;
    width: 24px;
    padding-top: 95px;
}

.side-label-wrap::before,
.side-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 90px;
    background: var(--red-color);
    transform: translateX(-50%) scaleY(0);
    transform-origin: bottom;
    animation: lineDrawUp 1.2s ease forwards;
}

@keyframes lineDrawUp {
    to {
        transform: translateX(-50%) scaleY(1);
    }
}

.side-label-wrap {
    padding-bottom: 8px;
}

.side-label-text,
.side-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.side-title {
    padding-bottom: 10px;
}

.side-text {
    color: var(--white-color);
}

/******** Carousel ********/
.custom-carousel .owl-nav {
    top: 25%;
}

/*Positioning*/
.item-align-end,
.item-aligned {
    display: flex;
    justify-content: end;
}

.padding-right {
    padding-right: 45px;
}


/******** Bounce Bubble Image ********/
.bounce-bubble-img-wrapper {
    width: 100%;
    position: relative !important;
    max-width: max-content;
    margin: 0 auto;
    overflow: visible;
}

.bounce-bubble-img-wrapper img {
    width: 300px;
    height: auto;
}

.bounce-bubble-img-wrapper.left:before,
.bounce-bubble-img-wrapper.left:after,
.bounce-bubble-img-wrapper.right:before,
.bounce-bubble-img-wrapper.right:after,
.bounce-bubble-img-wrapper.top-left:before,
.bounce-bubble-img-wrapper.top-left:after,
.bounce-bubble-img-wrapper.top-right:before,
.bounce-bubble-img-wrapper.top-right:after{
    animation: bounce-bubble 1.5s;
    opacity: 1;
}

.bounce-bubble-img-wrapper.left:before{
    background-image: url(./../../../data/editor/home/cirlcle-big.png);
    content: '';
    display: block;
    width: 70%;
    height: 100%;
    position: absolute;
    right: -10%;
    background-repeat: no-repeat;
    z-index: 1;
    background-size: contain;
}

.bounce-bubble-img-wrapper.left:after{
    background-image: url(./../../../data/editor/home/circle-small.png);
    content: '';
    display: block;
    width: 40%;
    height: 40%;
    position: absolute;
    bottom: 10%;
    background-size: contain;
    right: 0;
    background-repeat: no-repeat;
    z-index: 1;
}

.bounce-bubble-img-wrapper.right:before,
.bounce-bubble-img-wrapper.top-left:before  {
    background-image: url(./../../../data/editor/home/circle-small.png);
    content: '';
    display: block;
    width: 40%;
    height: 40%;
    position: absolute;
    left: 0;
    background-repeat: no-repeat;
    z-index: 1;
    background-size: contain;
}

.bounce-bubble-img-wrapper.right:after,
.bounce-bubble-img-wrapper.top-left:after{
    background-image: url(./../../../data/editor/home/cirlcle-big.png);
    content: '';
    display: block;
    width: 100%;
    height: 70%;
    position: absolute;
    bottom: 0;
    background-size: contain;
    left: -10%;
    background-repeat: no-repeat;
    z-index: 1;
}

.bounce-bubble-img-wrapper.top-right:before{
    background-image: url(./../../../data/editor/home/circle-small.png);
    content: '';
    display: block;
    width: 40%;
    height: 40%;
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    z-index: 1;
    background-size: contain;
}

.bounce-bubble-img-wrapper.top-right:after{
    background-image: url(./../../../data/editor/home/cirlcle-big.png);
    content: '';
    display: block;
    width: 100%;
    height: 70%;
    position: absolute;
    bottom: 0;
    background-size: contain;
    right: -40%;
    background-repeat: no-repeat;
    z-index: 1;
}


@keyframes bounce-bubble {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    40% {
        transform: scale(1.2);
    }
    60% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/******** Zoom Card ********/
.zoom-card-wrapper {
    width: 320px;
    background: var(--primary-color);
    position: relative;
    overflow: hidden;
}

.zoom-card-image {
    overflow: hidden;
    position: relative;
}

.zoom-card-image img {
    width: 100%;
    display: block;
    transition: transform 0.6s ease;
}

.zoom-card-wrapper:hover .zoom-card-image img {
    cursor: pointer;
    transform: scale(1.12);
}

.zoom-card-content {
    position: relative;
    padding: 26px 22px 48px;
    z-index: 2;
}

.zoom-card-content h3 {
    margin: 0;
    color: var(--white-color);
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
}

.zoom-card-wrapper::before,
.zoom-card-wrapper::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

/* White circle */
.zoom-card-wrapper::before {
    width: 220px;
    height: 220px;
    background: rgba(255, 255, 255, 0.15);
    right: -110px;
    bottom: -20px;
}

/* Red circle */
.zoom-card-wrapper::after {
    width: 170px;
    height: 170px;
    background: rgba(193, 31, 58, 0.45);
    right: -70px;
    bottom: -55px;
}


/******** Post ********/
.post-title {
    font-size: 20px;
    font-weight: 400;
    color: var(--primary-color);
}

.post-lightbox .lightbox-wrapper img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.post-lightbox .lightbox-wrapper {
    overflow: hidden;
}

.post-lightbox .lightbox-wrapper img {
    transition: transform 0.5s cubic-bezier(.22, .61, .36, 1);
}

.post-lightbox .lightbox-wrapper:hover img {
    transform: scale(1.12);
}

.post-quick-action,
.post-quick-action .socmed-list {
    display: flex;
    align-items: center;
    gap: 16px;
}

.post-quick-action .text p {
    margin-bottom: 0;
    color: var(--dark-text-color);
}

.post-quick-action .socmed-list i {
    color: var(--light-gray-color);
}

.home-post .post-latest-title {
    font-size: 18px;
    color: var(--white-color);
}

.home-post .post-latest-card:hover .post-latest-title{
    color:var(--red-color);
}

.home-post .post-latest-desc {
    position: relative;
    background-color: var(--primary-color);
    padding: 20px;
    min-height: 150px;
}

.home-post .post-latest-desc:before {
    content: '';
    width: 40%;
    height: 100px;
    position: absolute;
    right: 0;
    background-image: url(./../../../data/editor/home/half-circle-btm.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-position: right top;
    top: -5px;
    background-size: contain;
}

.home-post .post-latest-card {
    cursor:pointer;
}

.home-post .post-latest-img,
.sc-post .post-latest-img {
    position: relative;
    overflow: hidden;
    height: 240px;
}

.home-post .post-latest-img img,
.sc-post .post-latest-img img  {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .8s cubic-bezier(.22, .61, .36, 1);
}

.home-post .post-latest-card:hover .post-latest-img img ,
.sc-post .post-latest-card:hover .post-latest-img img {
    transform: scale(1.12);
}

.home-post .post-latest-img:before {
    content: '';
    width: 40%;
    height: 100px;
    position: absolute;
    right: 0;
    background-image: url(./../../../data/editor/home/half-circle-top.png);
    display: inline-block;
    background-repeat: no-repeat;
    background-position: right bottom;
    bottom: 0;
    background-size: contain;
    z-index: 1;
}

/**** Resources ****/
.resources .latest-post-wrapper .post-latest-img {
    display:none;
}

.resources .latest-post-wrapper .post-latest-desc {
    background-color:var(--white-color);
    box-shadow: 0 0 5px 1px #0000001f;
}

.resources .latest-post-wrapper .post-latest-desc:before {
    background:none;
}

.resources .latest-post-wrapper .post-latest-title {
    font-size:20px;
    color:var(--primary-color);
}

.resources .post-latest-desc {
    padding:20px;
    min-height:140px;
}

.resources .post-latest-card:hover .post-latest-title {
    color:var(--red-color);
}

/**** Success Stories ****/
.sc-post .post-latest-card {
    align-items:stretch;
}

.sc-post .post-latest-card > [class*="col-"] {
    display: flex;
}

.sc-post .post-latest-img,
.sc-post .post-latest-desc {
    height: 100%;
}

.sc-post .pst-latest-description p{
    font-size:16px;
    color:var(--white-color);
}

.sc-post .post-latest-desc {
    background-color:var(--primary-color);
    padding:30px;
}

.sc-post .post-latest-title {
    font-size:20px;
    color:var(--white-color);
}

.sc-post .post-latest-img {
    overflow:hidden;
}

.sc-post .post-latest-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.sc-post .latest-post-wrapper .row .col-12 {
    margin-bottom:0;
}

.sc-post .post-latest-card > .row {
    margin: 0 20px 20px 0;
}

.sc-post .pst-latest-description {
    margin-top:30px;
}
/******** Footer ********/
.footer-section {
    padding-block: 65px 20px;
    padding-inline: 0;
}

.footer-subheader {
    font-size: 15px;
    color: var(--red-color);
	margin-bottom:24px;
}

.footer-socmed-list {
    display: flex;
	align-items:center;
    gap: 16px;
}

.footer-socmed-list i {
    font-size: 18px;
    color: var(--white-color);
}

.footer-text p,
.sol-footer-nav .footer-listing li a {
    font-size: 16px;
}

.sol-footer-nav .footer-listing li {
    margin-bottom:16px;
}

.sol-footer-nav .footer-listing li a,
.footer-text p {
    color:var(--white-color);
}

.sol-footer-nav .footer-listing li a:hover {
    color:var(--red-color);
}

.footer-logo {
	width:250px;
	height:auto;
}

.footer-weixin-content {
	display:inline-block;
	padding-top:24px;
}

.footer-weixin-content img {
    width: 140px;
    height: auto;
    display: block;
}

/******** Content *******/
.inner-content-img {
    width: 130px;
    height:130px;
    display:block;
    margin:auto;
}

.content-img {
    width:130px;
    height:130px;
}

/******** Subsection *********/
.subsection-list ul ,
.content-list ul,
.content-order-list ol{
    padding-left:1rem;
}

.subsection-list ul li ,
.content-order-list ol li {
    color:var(--black-color);
    margin-bottom:16px;
    line-height:1.6;
}

.content-list ul li{
    color:var(--dark-color-text);
    margin-bottom:25px;
	line-height:1.6;
}

/******** Accordion ********/
.custom-accordion .accordion-item {
    margin-bottom:8px;
    border-color: rgba(0, 0, 0, .08);
}

.custom-accordion .accordion-button {
    font-size:13px;
    color:var(--primary-color);
    padding:0;
}

.custom-accordion .accordion-button i {
    color: rgba(0, 0, 0, .25);
    padding:20px;
    border-right: 1px solid #ddd;
    margin-right:14px;
}

.custom-accordion .accordion-button.collapsed {
    box-shadow: inset 0 4px 3px -2px rgba(0, 0, 0, .04);
}

.custom-accordion .accordion-button.collapsed:hover{
    background-color:var(--white-bg);
}

.custom-accordion .accordion-button.collapsed,
.custom-accordion .accordion-button:not(.collapsed) {
    background-color:var(--white-bg);
    box-shadow: inset 0 4px 3px -2px rgba(0, 0, 0, .04);
}

.custom-accordion .accordion-button:not(.collapsed),
.partners .accordion-button:not(.collapsed) i,
.privacy-policy .accordion-button:not(.collapsed) .accordion-num-text  {
    color:var(--red-color);
}

.custom-accordion .accordion-body .description-text p,
.careers .accordion-body .description-text p ,
.partners .accordion-body .description-text p,
.privacy-policy .accordion-body .description-text p {
    font-size:16px;
    color:var(--dark-color-text);
}

.careers .accordion-item {
    margin-bottom:8px;
    border:1px solid rgba(0,0,0,.02);
}

.careers .accordion-button.collapsed ,
.careers .accordion-button:not(.collapsed) ,
.careers .accordion-body{
    background-color:rgba(0,0,0,.02);
}

.careers .accordion-button i {
    padding:10px;
    margin-right:14px;
    color:var(--red-color);
}

.careers .accordion-button,
.partners .accordion-button {
    font-size:18px;
    font-weight: 400;
    color:var(--primary-color);
}

.careers .accordion-body {
    padding: 16px 40px;
}

/**** Partners ****/
.partners .accordion-item {
    border:1px solid var(--white-color);
}

.partners  .accordion-button i {
    margin-right:14px;
    color:rgba(0,0,0,.25);
}

.partners .accordion-button.collapsed ,
.partners .accordion-button:not(.collapsed),
.partners .accordion-button.collapsed:hover {
    background-color:var(--white-color);
}

.partners .accordion-button:not(.collapsed) {
    color:var(--primary-color);
    box-shadow:none;
}

.partners .accordion-item .accordion-collapse {
    border-left:3px solid var(--red-color);
    border-radius:0;
}

/**** Privacy Policy ****/
.privacy-policy .accordion-item {
    margin-bottom:8px;
    border:none;
}

.privacy-policy .accordion-button.collapsed ,
.privacy-policy .accordion-button:not(.collapsed){
    background:rgba(0,0,0,0.02);
    padding:0;
}

.privacy-policy .accordion-button:not(.collapsed) {
	box-shadow:none;
}

.privacy-policy .accordion-button {
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.privacy-policy .accordion-button::after{
    display: none !important;
    content: none !important;
    background-image: none !important;
}

.privacy-policy .accordion-num-text {
    color:#444;
	font-size:16px;
    font-weight:400;
    display:flex;
    align-items:center;
    gap:20px;
}

.privacy-policy .number_wrapper {
    font-weight:600;
    background-color:#f2f2f2;
    width:70px;
    padding:20px 26px;
}

.privacy-policy .accordion-icon-wrapper {
    padding: 0 20px;
}

.privacy-policy .accordion-button i {
    color:rgba(0,0,0,.25)
}

.privacy-policy .accordion-body {
	padding:20px 90px;
}

.privacy-policy .accordion-body ,
.privacy-policy .accordion-button.collapsed:hover{
    background:rgba(0,0,0,0.02);
}

/******** Contact Us ********/
.cu-icon {
    margin-top:24px;
}

.cu-icon .item {
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:8px
}
.cu-icon .item .phone-icon {
    transform:rotate(90deg);
    background-color:var(--red-color);
    color:var(--white-color);
    padding:5px;
}

.cu-icon .item i {
    background-color:var(--red-color);
    color:var(--white-color);
    padding:5px;
}

.cu-icon-btn {
    background-color:var(--green-color);
    color:var(--white-color);
    border-radius:5px !important;
}

.cu-icon-btn img {
    width:20px;
    height:20px;
    margin-right:6px;
}

.cu-icon-btn:hover {
    background-color:var(--dark-green-color);
    color:var(--white-color);
}

.cu-title {
	font-size:26px;
	font-weight: 600;
}

.cu-field-wrapper > .row > [class*="col-"] {
    margin-bottom:24px;
}

.cu-field-wrapper [class*="_container"] > .col-12:first-child {
    font-weight: 600;
	margin-bottom:16px;
}

.cu-section-padding {
	padding:130px 70px;
}

.cu-field-wrapper textarea.form-control {
	min-height:calc(10em + .75rem + 2px);
}

.contact-button {
	position:fixed;
	right:40px;
	z-index:1;
	bottom:20px;
}

.contact-button:before {
    content: '';
    background-color: #cb2127;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    transition: 0.3s;
    right: 0;
    border-radius: 100%;
}

.contact-button:hover:before {
    transform: translate(15px, 30px);
}

.contact-button:hover a {
	color:var(--red-color);
}

.contact-button a {
    width: 120px;
    height: 120px;
    line-height: 25px;
    font-size: 18px;
	font-weight:600;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 15px;
    box-shadow: 0 0 8px 3px #00000017;
    display: flex;
    color: #1B2754;
    font-family: 'acumin-pro-extra-condensed';
    background: #fff;
    text-transform: uppercase;
    border-radius: 50%;
}

/******** Media Query ********/
@media only screen and (max-width: 991px) {
	.hero-right.home {
		min-height:80vh;
	}
	.search-wrapper {
		padding-bottom:0;
	}
	
	.centered-img-mb{
        display:block;
        margin:auto;
    }
	
    /* TOP RED CIRCLE */
    .hero-left.home::before{
        width: 40%;
        height: 100%;
        left: auto;
        right: 0;
        top:0;
        bottom: auto;
        transform: none;
        background-image: url("./../../../data/editor/home/half-circle-red-top.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right bottom;
        z-index: 1;
        animation: mobileFadeDown 1.5s ease;
    }

    /* BOTTOM WHITE CIRCLE */
    .hero-right.home::before {
        width: 40%;
        height: 100%;
        left: auto;
        right: 0;
        top: auto;
        bottom: 0;
        transform: none;
        background-image: url("./../../../data/editor/home/half-circle-white-top.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top right;
        z-index: 1;
        animation: mobileFadeUp 1.5s ease;
    }

    .hero-content {
		display:block;
		padding:40px;
	}
	
	.side-title {
        width: 100%;
        padding: 0;
        margin: 0 0 25px 0;
        display: flex;
        align-items: center;
        gap: 18px;
    }

    .side-title::before {
        display: none;
    }

    .side-title::after {
        content: "";
        display: block;
        width: 80px;
        height: 2px;
        background: var(--red-color);
        transform: scaleX(0);
        transform-origin: left;
        animation: lineDrawRight 1s ease forwards;
    }

    .side-title .side-text {
        writing-mode: horizontal-tb;
        transform: none;
        color: var(--white-color);
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        white-space: nowrap;
    }
	
    .hero-content h1 {
        font-size:50px;
    }

    .item-align-end {
        justify-content:center;
    }

    .item-aligned {
        justify-content:start;
    }

    .intro-block {
        display: block;
    }

    .side-label-wrap {
        width: 100%;
        padding: 0;
        margin: 0 0 28px 0;
        display: flex;
        align-items: center;
        gap: 18px;
    }

    .side-label-wrap::before {
        display: none;
    }

    .side-label-wrap::after {
        content: "";
        display: block;
        width: 90px;
        height: 2px;
        background: var(--red-color);
        transform: scaleX(0);
        transform-origin: left;
        animation: lineDrawRight 1s ease forwards;
    }

    .side-label-text {
        writing-mode: horizontal-tb;
        transform: none;
        font-size: 16px;
        font-weight: 600;
        line-height: 1;
        color: #101010;
        white-space: nowrap;
    }

    .inner-section-title {
        font-size:28px;
    }

    .subsection-sm-title.mobile {
        text-align:center;
    }
	
	.cu-section-padding  {
		padding:20px;
	}
}

@keyframes lineDrawRight {
    from {
        transform: scaleX(0);
    }
    to {
        transform: scaleX(1);
    }
}

/* TOP circle move downward */
@keyframes mobileFadeDown {
    from {
        opacity: 0;
        transform: translateY(-80px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* BOTTOM circle move upward */
@keyframes mobileFadeUp {
    from {
        opacity: 0;
        transform: translateY(80px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}



@media only screen and (min-width: 767px) {
    .hero-content h1 {
        font-size: 3vw;
    }

}


@media only screen and (max-width: 767px) {
	.cu-title {
		font-size:23px;
	}
	
    .centered-img{
        display:block;
        margin:auto;
    }

    .subsection-sm-title.mobile,
    .content-text.mobile,
    .content-text p,
    .subsection-md-title{
        text-align:center;
    }

    .bounce-bubble-img-wrapper {
        margin-bottom:40px;
    }

    .hero-content h1,
    .inner-section-title{
        font-size:26px;
    }

    .inner-content-img {
        margin:0 0 16px;
    }

    .inner-content-title {
        font-size:23px;
        letter-spacing: 2px;
    }

    .subsection-title.dark-title,
    .subsection-title{
        font-size: 20px;
        letter-spacing: 2px;
    }

    .subsection-text p {
        font-size:13px;
    }

    .padding-right {
        padding:0;
    }

    .inner-md-subheader {
        font-size:23px;
    }

    .inner-section-title.md-title {
        font-size:26px;
    }

    /* TOP RED CIRCLE */
    .hero-left.inner-section::before{
        width: 40%;
        height: 100%;
        left: auto;
        right: 0;
        top:0;
        bottom: auto;
        transform: none;
        background-image: url("./../../../data/editor/home/half-circle-red-top.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right bottom;
        z-index: 1;
        animation: mobileFadeDown 1.5s ease;
    }

    /* BOTTOM WHITE CIRCLE */
    .hero-right.inner-section-img::before {
        width: 40%;
        height: 100%;
        left: auto;
        right: 0;
        top: auto;
        bottom: 0;
        transform: none;
        background-image: url("./../../../data/editor/home/half-circle-white-top.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top right;
        z-index: 1;
        animation: mobileFadeUp 1.5s ease;
    }

}

@media only screen and (max-width: 575px) {
    .hero-content h1{
        font-size:30px;
    }

    .inner-section-title {
		font-size:28px;
	}
	
    .side-title {
        padding-bottom: 14px;
    }

    .intro-content p ,
    .inner-section-text p,
    .careers .accordion-button,
    .custom-accordion .accordion-button,
    .privacy-policy .accordion-num-text {
        font-size:16px;
    }
	
	.tertiary-btn {
		font-size:14px;
	}
}



/* 2026-05-29 add by j */ 
div.language_selection{
    color : white;
	cursor: pointer;
}
/* 2026-05-29 add by j */