/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.18.2
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
    --color-black: #000000;
    --color-white: #ffffff;
    --text-color-primary: #4f4f4f;
    --text-color-secondary: #828282;
    --text-color-third: #333;
    --text-color-fourth: #232735;
    --text-color-fifth: #2a2e31;
    --color-grey: #cccccc;
    --FontAwesome: 'Font Awesome 5 Free';
    --font-html-size: 62.5%;
}

html {
    font-size: var(--font-html-size);

  scroll-behavior: smooth;

}
body {
    font-size: 1.6rem !important;
}


.slider [data-animate], [data-animate] {
    transition: filter .7s, transform .8s, opacity .3s ease-in;
}

.icon-envelop:before {
    content:'\f0e0';
    font-family:var(--FontAwesome);
    font-weight:bold;
}


.dark,
.dark p,
.dark td {
    color: var(--color-white);
}

.rank-math-breadcrumb a {
    color:var(--fs-color-primary);
}

.swal2-popup {
    font-size: 1em !important;
}

.col-child-left > .col-inner {
    margin-left: 0 !important;
    margin-right: auto !important;
}
.col-child-right > .col-inner {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.col-child-center > .col-inner {
    margin-left: auto !important;
    margin-right: auto !important;
}

.flickity-prev-next-button {
    width: 5rem;
    height: 5rem;
    top: 36%;
}

.flickity-prev-next-button.previous:after {
    content: '\f30a';
    font-family: var(--FontAwesome);
    font-weight: bold;
    color: var(--color-white);
    z-index: 10;
    position: relative;
    font-size: 2rem;
}

.flickity-prev-next-button.next:after {
    content: '\f30b';
    font-family: var(--FontAwesome);
    font-weight: bold;
    color: var(--color-white);
    z-index: 10;
    position: relative;
    font-size: 2rem;
}

.flickity-prev-next-button .flickity-button-icon .arrow {
    fill: transparent !important;
    display: none;
}

.slider-nav-circle .flickity-prev-next-button .flickity-button-icon {
    background-color: #59930c80;
    border: none !important;
    padding: 30%;
}

.section-heading-title {
    font-size: 5.6rem;
    white-space: normal;
}

.section-heading-title.smaller {
    font-size: 4.8rem;
}

.section-heading-title .highlight {
    color: var(--fs-color-primary);
    padding-bottom: 1rem;
}

.banner .section-heading-title {
    margin-bottom: 3rem;
}

.banner .section-heading-title .highlight {
    color: var(--color-white);
}

.section-heading-title.has-line .highlight {
    background: url(/wp-content/uploads/2024/06/Hero-text-line.png) no-repeat bottom left / 100% auto;
}

.box-blog-post:not(.box-vertical) {
    box-shadow: 0 1rem 2.4rem 0 rgba(0, 0, 0, 0.1);
    padding: 2rem;
    border-radius: 1.6rem;
    background-color:var(--color-white);
}

.box-blog-post.box-vertical {
    box-shadow: none;
    padding: 0rem;
}

.box-blog-post .recruiment-detail-wrapper span {
    color: var(--fs-color-alert);
    font-size: 1.6rem;
    padding:0 1.5rem;
    border-right:2px solid var(--fs-color-alert);
}

.box-blog-post .recruiment-detail-wrapper span:first-child {
   padding-left:0;
}


.box-blog-post .recruiment-detail-wrapper span:last-child {
    border:none;
}

.box-blog-post .box-image {
    margin-bottom: 2.4rem;
    border-radius: 1.6rem;
    overflow: hidden;
}

.box-blog-post:hover .box-image img {
    transform: scale(1.05);
}
.box-blog-post .box-text {
    padding: 0;
}

.box-blog-post .post-title a {
    font-size: 2rem;
    white-space: pre-wrap;
    margin-bottom: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
        min-height: 5.2rem;
}

.box-blog-post .post-title + .is-divider {
    display: none;
}

.box-blog-post .from_the_blog_excerpt {
    color: var(--text-color-secondary);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
        min-height: 6.9rem;
}

.box-blog-post .button {
    text-transform: capitalize;
    font-size: 1.6rem;
    margin: 0;
}

/*.box-blog-post .button::after {*/
/*    content: '\f30b';*/
/*    font-family: var(--FontAwesome);*/
/*}*/

.box-blog-post.box-vertical .button::after {
    content: unset;
}

.video-guide-row .video-main-col  > .col-inner {
    padding: 0 1.5rem;

}
.video-guide-row .video-main-col .video {
    box-shadow: 0 1.4rem 2.6rem 0rem rgb(35 23 5 / 28%);
}

.video-guide-row .video-thumbnails-col {
    margin-top: 5rem;
    box-shadow: 0 -0.4rem 2.4rem -0.4rem rgb(70 75 78 / 20%);
}

.video-guide-row .video-thumbnails-col > .col-inner {
    padding: 1rem 0;
}

.video-guide-row .video-thumbnails-col .flickity-slider > .img {
    max-width: 16.67%;
    padding: 1.2rem;
    opacity: 1;
}

.video-guide-row .loader-wrapper {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.8);
}

.loader {
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top: 10px solid #3498db;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.main-menu-overlay + .mfp-wrap .mfp-content {
	background-color: hsla(0, 0%, 100%, 1);
}

.mobile-sidebar .nav-sidebar .menu-item a {
	    text-transform: initial;
    font-size: 1.4rem;
    color: var(--fs-color-secondary);
}
.mobile-sidebar .nav-sidebar  .pll-switcher-select{
	    border-radius: .4rem;
    border-color: #f5f5f5;
}

.mobile-sidebar .nav-sidebar .menu-item a + .toggle {
	    opacity: 1;
}

.mobile-sidebar .nav-sidebar .icon-angle-down {
    font-size: 1.6rem;

}


.img .open-video .overlay-icon {
background-color: rgb(255 255 255 / 18%);
    height: 7rem;
    line-height: 7rem;
    opacity: 1;
    border: none;
    width: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img .open-video .overlay-icon .icon-play {
    height: 5rem;
    line-height: 5rem;
    width: 5rem;
    background: rgb(255 255 255 / 50%);
    border-radius: 50%;
    top:0;
}

.why-section .why-row .col > .col-inner {
    padding:2rem;
    border-radius:1.2rem;
    transition:all 0.3s
}

.why-section .why-row .col > .col-inner:hover {
    background-color: rgb(102 166 16 / 10%);
}

/*************** HEADER ***************/

#header .header-contact-block .icon-box {
    width: max-content;
}
#header .header-contact-block .icon-box .icon-box-img .icon-inner {
    background-color: #66a6101a;
    border-color: #66a6101a;
}

#header .header-contact-block .icon-box:hover .icon-box-img .icon-inner {
    background-color: var(--fs-color-primary);
    border-color: var(--fs-color-primary);
}

#header .header-contact-block .icon-box .icon-box-text {
    align-self: center;
}

#header .header-contact-block .icon-box .icon-box-text p {
    color: var(--text-color-secondary);
    margin-bottom: 0;
    line-height: 1.2;
}
#header .header-contact-block .icon-box .icon-box-text h4 {
    color: var(--fs-color-primary);
    margin-bottom: 0;
}

#header #wide-nav .nav > .menu-item {
    margin: 0 2.5rem;
}
#header #wide-nav .nav > .menu-item > a {
    font-size: 1.8rem;
    color: var(--color-white);
       border-bottom:.3rem solid transparent;
}


#header #wide-nav .nav > .menu-item.active > a,
#header #wide-nav .nav > .menu-item:hover > a {
    border-color: var(--color-white);
}

.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
    color: hsla(0, 0%, 40%, 1);
    transition: all .1s;
    font-weight:500;
}

.nav-dropdown-simple .nav-column li>a:hover, .nav-dropdown.nav-dropdown-simple>li>a:hover {

}


.nav-dropdown-bold .nav-column li>a:hover, .nav-dropdown-bold.dark .nav-column li>a:hover, .nav-dropdown.nav-dropdown-bold.dark>li>a:hover, .nav-dropdown.nav-dropdown-bold>li>a:hover {
    background-color: rgb(102 166 16 / 10%) !important;
   color: var(--fs-color-primary) !important;
}

.has-dropdown .icon-angle-down {

    opacity: 1;
}

#header .pll-switcher-select {
    color: #fff;
    background: transparent;
    border: none;
    box-shadow: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position: 105% 50%;
    padding: 0.5rem 2rem 0.5rem 1rem;
    font-size: 1.8rem;
}

#header .pll-switcher-select option {
    color: var(--text-color-primary);
}

#header #wide-nav .button {
    border-radius: 10rem;
    font-size: 1.8rem;
    color: var(--fs-color-primary);
    font-weight: bold;
    background-color: var(--color-white);
    padding: 0.8rem 3.2rem;
    min-height: auto;
    text-transform: initial;
}
/*************** END HEADER ***************/

/*************** FOOTER ***************/
#footer h3 {
    margin-bottom: 2rem;
}
#footer .contact-info-col strong {
    font-size: 2rem;
}

#footer .contact-info-col {
    font-weight: bold;
}
#footer .icon-box-container > .col > .col-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 2rem;
    row-gap: 1.2rem;
}

#footer .icon-box-container .icon-box {
    width: fit-content;
    min-width: 15rem;
}

#footer .icon-box-container .icon-box.w-full {
    width: 100%;
}

#footer .icon-box-container .icon-box .icon-box-text {
    padding-left: 1rem;
    font-weight: bold;
}

.follow-icons .button.icon {
    height: 3.8rem;
    width: 3.8rem;
    line-height: 3.8rem;
    overflow: hidden;
    margin-left: 0.6rem;
    margin-right: 0.6rem;
}

.follow-icons .button.icon svg {
    height: 3.8rem;
    width: 3.8rem;
}

.follow-icons .button.icon.email {
    color: #ff0000 !important;
}

#footer .absolute-footer {
    padding: 0;
    font-size: 1em;
}
#footer .absolute-footer .container {
    background-color: var(--fs-color-primary);
    color: var(--color-white);
    border-radius: 2rem 2rem 0 0;
    padding: 1.2rem 2rem;
}

#footer .absolute-footer .footer-primary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 100%;
}

#footer .absolute-footer .container .footer-nav {
    color: var(--color-white);
    opacity: 1;
    font-size: 1em;
}

#footer .absolute-footer .container .footer-nav .menu-item {
    margin: 0 2.5rem;
}
#footer .absolute-footer .container .footer-nav .menu-item a {
    text-transform: initial;
}
/*************** END FOOTER ***************/

/*************** HOME PAGE ***************/
.hero-section {
    border-radius: 0 0 4rem 4rem;
    overflow: hidden;
}

.hero-section .section-heading-title {
    line-height: 1.3;
}

.hero-section .banner h2 {
    font-size: 7.2rem;
    text-transform:uppercase;
}

.hero-section .banner h4 {
    font-size: 5.4rem;
    margin: 0 0 1rem
}


 .hero-section  .banner .section-heading-title .highlight {
    color:  var(--fs-color-primary);
        display: inline-block;
}


.hero-section .banner h3 {
    font-size: 6.4rem;
    line-height: 1.25;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 3rem;
}
/*.hero-section .banner h2 span ,*/
/*.hero-section .banner h3 span ,*/
/*.hero-section .banner h4 span {*/
/*    color: var(--fs-color-primary);*/
/*    background: url(/wp-content/uploads/2024/06/Hero-text-line.png) no-repeat bottom left / 100% auto;*/
/*    padding-bottom: 1rem;*/
/*}*/



.hero-section .banner .text-box-content {
    color: var(--text-color-third);
}

.hero-section .banner ul li {
    margin-left: 1.6rem;
    font-size: 2rem;
}

.hero-section .banner ul li {
    margin-left: 1.6rem;
    font-size: 2rem;
}

.why-us-section .section-heading-title.has-line .highlight {

    padding: 0 1.2rem .5rem 2.8rem;
}

.why-us-section .section-heading-title.has-line .highlight {
    background-size: 100% 10px;

}

.why-us-section .why-us-row > .col > .col-inner {
    transition: all 0.3s;
}

.why-us-section .why-us-row > .col:hover > .col-inner {
    background: url(/wp-content/uploads/2024/06/Why-us-item-hover.png) no-repeat center/cover;
    cursor: pointer;
}

.why-us-section .why-us-row > .col:hover * {
    color: var(--color-white);
}

.why-us-section .why-us-row .icon-box h3 {
    font-size: 2.4rem;
    white-space: normal;
}



.feature-services-section:after,
.newspapers-section:after{
    /*content:'';*/
    /*position:absolute;*/
    /*top:0rem;*/
    /*left:50%;*/
    /*transform:translate(-50%, -30%);*/
    /*width:100%;*/
    /*aspect-ratio:10/4.5;*/
    /*background:url(/wp-content/uploads/2024/07/Blur.png) no-repeat center/cover;*/

}

.feature-services-section .section-bg,
.newspapers-section .section-bg {
    overflow: visible;

}

.feature-services-section .section-bg img,
.newspapers-section .section-bg img {
    object-position: 50% 0%;
    object-fit: contain;
        height: auto;

    transform: translateY(-35%);
}

.feature-services-section .feature-services-nav-row {
        position: relative;
}

.feature-services-section .feature-services-nav-row:after {
    position: absolute;
    content: '';
    width: 100%;
    background-color: #d3d4d8;
    height: 1px;
    top: 3.3rem;


}

.feature-services-section .feature-services-nav-row  .nav-inner-row {
    flex-wrap: nowrap;
    overflow: auto;
    justify-content: start;
    scrollbar-width: thin;
    padding-bottom:1rem;
}

.feature-services-section .feature-services-nav-row  .nav-inner-row .col {
    flex: 1;
    min-width: 25rem;
}

.feature-services-section .feature-services-nav-row .nav-inner-row .col.active .icon-box {
    border-bottom: 3px solid var(--fs-color-primary);
}

.feature-services-section .nav-inner-row .col.active .icon-box .icon-box-img .icon-inner,
.feature-services-section .nav-inner-row .col.active .icon-box .icon-box-text h4 {
    color: var(--fs-color-primary) !important;
}

.feature-services-section .feature-services-nav-row .icon-box {
    justify-content: center;
    cursor: pointer;
}
.feature-services-section .feature-services-nav-row .icon-box .icon-box-text {
    flex: 0 0 auto;
}

.feature-services-section .service-item-row {
    margin-bottom: 6rem;
}

.feature-services-section .service-item-row .service-item-content {
    font-size: 1.8rem;
}

.feature-services-section .service-item-row .service-item-content > .col-inner::before {
    content: '\f103';
    font-family: var(--FontAwesome);
    font-weight: bold;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: var(--fs-color-primary);
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;

    position: absolute;
    left: 0;
    top: 3rem;
    z-index: 3;
}

.feature-services-section .service-item-row .service-item-content > .col-inner::after {
    content: '';
    height: calc(100% - 4.5rem);
    width: 2px;
    background: var(--fs-color-primary);
    background: linear-gradient(to bottom, #66a610 0%, rgb(0 0 0 / 25%) 100%);
    display: block;
    position: absolute;
    left: 2rem;
    top: 3rem;
    z-index: 2;
}

.feature-services-section .service-item-row .service-item-content h2 {
    font-size: 4.2rem;
    color: var(--text-color-fifth);
}

.feature-services-section .service-item-row .service-item-content ul li {
    list-style-type: none;
    margin-left: 0;
}

.feature-services-section .service-item-row .service-item-content ul li::before {
    content: '\f00c';
    font-family: var(--FontAwesome);
    font-weight: bold;
    background-color: #59930c80;
    color: var(--fs-color-primary);
    border-radius: 50%;
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1rem;
    text-align: center;
    line-height: 2.4rem;
    margin-right: 1rem;
}
.feature-services-section .service-item-row .service-item-content .button {
    font-size: 2rem;
    margin: 0;
    transition: all 0.3s;
}
.feature-services-section .service-item-row .service-item-content .button .icon-angle-right:before {
    content: '\f30b';
    font-family: var(--FontAwesome);
    font-weight: bold;
    width: 5rem;
    height: 5rem;
    background-color: var(--fs-color-primary);
    color: var(--color-white);
    display: inline-block;
    line-height: 5rem;
    border-radius: 0.8rem;
    font-size: 2rem;
    transition: all 0.3s;
}

.feature-services-section .service-item-row .service-item-content .button:hover .icon-angle-right:before {
    background-color: var(--fs-color-secondary);
    color: var(--color-white);
}

.feature-services-section .service-item-row .service-item-image img {
    border-radius: 3.2rem;
}

.partners-section .section-heading-title .highlight + span {
    display: block;
}

.partners-section .slider {
    padding-bottom: 8rem;
}


.slider .flickity-page-dots .dot {
    border: none;
    background-color: var(--color-white);
    opacity: 1;
    width: 1rem;
    height: 1rem;
    position: relative;
    margin: 0 1.5rem;
}

.slider .flickity-page-dots .dot .slider.slider-nav-dark .flickity-page-dots .dot {
    background-color: #bdbdbd;
}

.slider .flickity-page-dots .dot.is-selected {
    background-color: var(--fs-color-primary);
    position: relative;
}

.slider .flickity-page-dots .dot.is-selected::after {
    content: '';
    width: 3rem;
    height: 3rem;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid var(--fs-color-primary);
    position: absolute;
    top: -1rem;
    left: -1rem;
}

.testimonials-section .section-bg img {
    object-fit: contain;
}

.testimonials-section .testimonials-row .slider {
    padding-bottom: 3rem;
}
.testimonials-section .testimonials-row .flickity-slider .row {
    padding: 3rem;
}

.testimonials-section .testimonials-row .flickity-slider .testimonial-box {
    border: 1px solid #d3d4d8;
    border-radius: 1.6rem;
    box-shadow: 0 1rem 2.4rem rgb(0 0 0 / 10%);
    padding: 3rem 5rem;
    position: relative;
    background-color: var(--color-white);
}

.testimonials-section .testimonials-row .flickity-slider .testimonial-box .icon-box-img {
    width: 80px;
    position: absolute;
    bottom: 3rem;
    left: 5rem;
}

.testimonials-section .testimonials-row .testimonial-box .icon-box-text {
    padding: 0;
}

.testimonials-section .testimonials-row .testimonial-box .testimonial-text {
    margin-bottom: 2.4rem;
}

.testimonials-section .testimonials-row .testimonial-box .testimonial-meta {
    height: 8rem;
    padding: 0 0 0 10rem;
}
.testimonials-section .testimonials-row .testimonial-box .testimonial-name {
    font-size: 2.4rem;
    width: 100%;
    display: block;
}

.testimonials-section .testimonials-row .testimonial-box .testimonial-name-divider {
    display: none;
}
.testimonials-section .testimonials-row .testimonial-box .testimonial-company {
    font-size: 1.8rem;
    color: #9d9ba6;
}

.testimonials-section .testimonials-row .testimonial-box .testimonial-company span {
    position: relative;
    padding-left: 1.6rem;
}

.testimonials-section .testimonials-row .testimonial-box .testimonial-company span::before {
    content: '\f111';
    font-family: var(--FontAwesome);
    font-weight: bold;
    position: absolute;
    font-size: 1.2rem;
    scale: 0.5;
    top: 0;
    left: 0;
}

.newspapers-section {
}

.advise-section form label {
    font-size: 1.6rem;
}

.advise-section form input,
.advise-section form select {
    background-color: transparent !important;
    margin-bottom: 0;
    border-radius: 10rem;
    border-color: #e0e0e0;
    color: var(--color-white) !important;
    height: 5.6rem;
}

.advise-section form input::placeholder {
    color: #94a3b8;
}

.advise-section form select {
    color: #94a3b8;
}
.advise-section form select option {
    color: #333;
}

.advise-section form .button {
    height: 5.6rem;
    border-radius: 10rem;
    min-width: 13rem;
    font-size: 1.6rem;
    text-transform: initial;
}


.wpcf7-form.submitting .button  {
    pointer-events: none;
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, .2);
}

.wpcf7-form.submitting .button:after {
 content:'';
  border: 4px solid #f3f3f3; /* Light grey */
  border-top: 4px solid var(--fs-color-secondary); /* Blue */
  border-radius: 50%;
  display:block;
      position: absolute;
    top: 50%;
    left: 50%;
  width: 28px;
  height: 28px;
  animation: spin 2s linear infinite;
}



@keyframes spin {
  0% { 
      transform: translate(-50%, -50%) rotate(0deg); 
      
  }
  100% { 
      transform: translate(-50%, -50%) rotate(360deg);
  }
}


/*************** END  HOME PAGE ***************/

/*************** PARTNERS PAGE ***************/
.hero-banner h2 {
    font-size: 4.8rem;
    line-height: 1.3;
}

.logo-partners-gallery {
    justify-content: center;
}


.partners-section .flickity-slider > .img {
   opacity:1 !important;
   max-width:20%;
   padding:0 1rem;
   overflow:hidden;

}

.partners-section .flickity-slider > .img .img-inner {

   overflow:hidden;
   border-radius:1.6rem;
   
    background: var(--color-white);
    aspect-ratio: 10 / 7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-partners-slider .flickity-slider > .row {
    opacity:1 !important;
    padding:2rem 1.5rem;
}

.logo-partners-slider .flickity-slider > .row   .img  {
        border-radius: 1.6rem;
    padding:1rem;
    overflow: hidden;
    box-shadow: 0 1rem 2.4rem 0 rgba(0, 0, 0, 0.1);
    background-color:var(--color-white);
    margin-bottom:3rem;
}

.logo-partners-slider .flickity-slider > .row   .img  .img-inner{

    
    aspect-ratio: 10 / 7;
    display: flex;
    align-items: center;
    justify-content: center;
}



.logo-partners-slider .flickity-slider > .row   .img  .img-inner img {
        object-fit: contain;
}


.workspace-section .workspace-row > .col > .col-inner {
    padding: 1rem;
}

.workspace-section .workspace-row > .col > .col-inner .img {
    overflow: hidden;
    border-radius: 1.6rem;

    padding: 0.4rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.3);
}

.workspace-section .workspace-row > .col > .col-inner .img img {
    border-radius: 1.6rem;
}

.workspace-section .workspace-row .text.description {
    position: absolute;
    bottom: 5rem;
    left: 6rem;
    opacity: 0;
    transition: all 0.3s;
     font-size:1.8rem;
}

.workspace-section .workspace-row > .col:hover .text.description {
    opacity: 1;
}
.workspace-section .workspace-row .text.description p,
.workspace-section .workspace-row .text.description h3 {
    margin-bottom: 0;
    color: var(--color-white);
}

.workspace-section .workspace-row .text.description h3 {
    margin-bottom: 0rem;
    font-size:3.2rem;
}

.workspace-section .workspace-row .img {
    margin-bottom: 0;
}

.workspace-section .col-4-5 {
    flex-basis: 37.5%;
    max-width: 37.5%;
}

.workspace-section .col-4-5.left > .col-inner {
    /*padding-left: 0;*/
    /*margin-left: -32%;*/
}


/*.workspace-section  .workspace-row  .col-4-5.left > .col-inner .text.description {*/
/*    left:27rem;*/
/*}*/

.workspace-section .col-4-5.right > .col-inner {
    /*padding-right: 0;*/
    /*margin-right: -32%;*/
}

.testimonials-2-section .slider .flickity-viewport {
    min-height: 60rem;
}

.testimonials-2-section .slider .flickity-slider > .row {
    opacity: 1;
    padding: 0 1rem;
}

.testimonials-2-section .testimonial-box {
    background-color: var(--color-white);
    border-radius: 1.6rem;
    padding: 2rem 3rem;
    margin-bottom: 2rem;
    position: relative;
}

.testimonials-2-section .testimonial-box .icon-box-text {
    padding-left: 0;
}

.testimonials-2-section .testimonial-box .icon-box-img {
    position: absolute;
    bottom: 2rem;
    left: 3rem;
}

.testimonials-2-section .testimonial-box .testimonial-meta {
    padding-left: 6rem;
    min-height: 4.5rem;
}

.testimonials-2-section .testimonial-box .testimonial-meta .testimonial-name {
    font-size: 1.7rem;
    width: 100%;
    display: block;
}

.testimonials-2-section .testimonial-box .testimonial-meta .testimonial-name-divider {
    display: none;
}

.testimonials-2-section .testimonial-box .testimonial-meta .testimonial-company {
    font-size: 1.4rem;
    color: var(--fs-color-primary);
}

.telesale-section .section-heading-title .highlight {
    color: var(--color-white);
    display: block;
    width: max-content;
}

/*************** END PARTNERS PAGE ***************/

/*************** Corporate Culture PAGE ***************/
.core-value-section .slider {
    width: calc(100% - 50rem);
}

.core-value-section .slider .flickity-slider .row {
    background: linear-gradient(to bottom, #efffd9 0%, #efffd9 75%, #fff 100%);
    padding: 2rem 3rem;
}

.core-value-section .slider .flickity-button {
    top: 30%;
}

.core-value-section .slider .flickity-button.previous {
    left: auto;
    right: -42rem;
}

.core-value-section .slider .flickity-button.next {
    right: -50rem;
}

.galleries-section .core-value-row .col .col-inner {
    display: flex;
    flex-wrap: wrap;
}

.galleries-section .core-value-row .img {
    margin-bottom: 0;
    padding: 1rem;
}

.galleries-section .core-value-row .img .img-inner {
    box-shadow: 0 0 1rem 0 rgb(0 0 0 / 10%);
    border-radius: 1.6rem;
}

.galleries-section .core-value-row .img img {
    border-radius: 1.6rem;
    padding: 0.4rem;
}

.galleries-section .core-value-row .img  .caption{
    height: 40%;
    display: flex;
    align-items: end;
    padding: 1rem 2rem;
    font-size: 3.2rem;
    background: linear-gradient(to top, black, #0000);
    line-height:1.3;
}

/*************** END Corporate Culture PAGE ***************/

/*************** VOICE BRANDNAME PAGE ***************/
.features-section .icon-box {
    padding: 1.5rem 2.5rem;
    transition: all 0.3s;
    cursor: pointer;
    border-radius: 0.8rem;
}

.features-section .icon-box:hover {
    background-color: var(--color-white);
}

.features-section .icon-box:hover .icon-box-text p {
    color: #35593f;
}

.features-section .icon-box:hover .icon-box-img .icon-inner,
.features-section .icon-box:hover .icon-box-text h3 {
    color: var(--fs-color-primary);
}

.features-section .icon-box .icon-box-text {
    font-size: 1.8rem;
}

.features-section .icon-box h3 {
    font-size: 2.4rem;
    margin-bottom: 0;
}

.recommend-section .icon-box {
    padding: 3rem;
    border-radius: 1.6rem;
    background-color: var(--color-white);
    margin-bottom: 2rem;
    transition:all 0.3s;
}

.recommend-section .icon-box h3 {
    font-size: 2.4rem;
    color: #35593f;
}


.recommend-section .icon-box:hover {
    background-color:rgb(102 167 17 / 10%);;
}

.step-section .step-row .step-number {
    font-size: 4.2rem;
    width: 10rem;
    height: 10rem;
    border-radius: 2rem 2rem 2rem 0;
    background-color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-section .step-row .step-number p {
    color: var(--fs-color-primary);
    margin: 0;
}

.step-section .step-row .step-content {
    font-size: 2rem;
    margin-top: 2rem;
}

.step-section .step-row .step-content p {
    margin: 0;
}

.step-section .step-row > .col:nth-child(odd):after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: url(/wp-content/uploads/2024/07/Arc-2.png) no-repeat top left/contain;
    top: 0;
    width: calc(100% - 14rem);
    left: calc(50% + 7rem);
}

.step-section .step-row > .col:nth-child(even):after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    background: url(/wp-content/uploads/2024/07/Arc-1.png) no-repeat top left/contain;
    top: 6rem;
    width: calc(100% - 14rem);
    left: calc(50% + 7rem);
}

.step-section .step-row > .col:last-child:after {
    content: unset;
}

/*************** END VOICE BRANDNAME PAGE ***************/

/*************** 1800 1900 PAGE ***************/
.differents-section .table-col > .col-inner {
    border-radius: 1.6rem;
    overflow: hidden;
    box-shadow: 0 0 2rem 0 hsl(0deg 0% 0% / 20%);
    overflow:auto;
    scrollbar-width: thin;
}

.differents-section .table-col > .col-inner table {
    border-color: #ffffff00;
    margin: 0;
    border-top: none;
        min-width: 549px;
}


table tbody td {
    color: rgba(27, 37, 52, 1);
    font-size:1.6rem;
}

.differents-section .table-col table tbody td {
    padding: 1rem 2rem;
    vertical-align: top;
}

.differents-section .table-col table tbody td p {
    margin: 0 0 1rem 0;
}

.differents-section .table-col table tbody tr:first-child td {
    background-color: var(--fs-color-primary);
    color: var(--color-white);
    font-size: 2rem;
    font-weight: bold;
}

.differents-section .table-col table tbody tr td:first-child {
    width: 13% !important;
    font-weight: bold;
}

.differents-section .table-col table tbody tr td:nth-child(2) {
    width: 47% !important;
}

.differents-section .table-col table tbody tr td:nth-child(2) {
    width: 40% !important;
}
/*************** END 1800 1900 PAGE ***************/

/*************** SMS BRANDNAME PAGE ***************/
.sms-differents-section .section-heading-title .highlight {
    width: 100%;
    display: block;
}

.sms-differents-section .table-col > .col-inner {
    border-radius: 1.6rem;
    overflow: hidden;
    box-shadow: 0 0 2rem 0 hsl(0deg 0% 0% / 20%);
}

.sms-differents-section .table-col > .col-inner table {
    border-color: #ffffff00;
    margin: 0;
    border-top: none;
}

table tbody td {
    color: rgba(27, 37, 52, 1);
}

.sms-differents-section .table-col table tbody td {
    padding: 2rem;
    vertical-align: top;
    text-align: center;
}

.sms-differents-section .table-col table tbody td p {
    margin: 0 0 1rem 0;
}

.sms-differents-section .table-col table tbody tr:first-child td {
    background-color: var(--fs-color-primary) !important;
    color: var(--color-white);
    font-size: 2rem;
    font-weight: bold;
    padding: 1rem 2rem;
}

.sms-differents-section .table-col table tbody tr td:first-child {
    background-color: rgb(102 166 16 / 5%);
}

/*************** END  SMS BRANDNAME PAGE ***************/

/*************** CONTACT PAGE ***************/
.contact-section .form-col {
    margin: 1rem 0;
}
.contact-section .form-col > .col-inner {
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1);
}

.contact-section .form-col form label {
    font-size: 1.6rem;
}

.contact-section .form-col form input,
.contact-section .form-col form select {
    height: 5.6rem;
    border-radius: 10rem;
    box-shadow: none;
    padding: 0 2.4rem;
}

.contact-section .form-col form .button {
    font-size: 1.8rem;
    text-transform: initial;
    border-radius: 10rem;
    padding: 0 4rem;
    display: block;
    margin: 0 auto;
}

/*form .button {*/
/*    pointer-events: none;*/
/*}*/

/*form .button.active {*/
/*    pointer-events: initial;*/
/*}*/

.contact-section .info-col > .col-inner {
    overflow: hidden;
}

.contact-section .info-col .icon-box h3 {
    font-size: 2.4rem;
}

.contact-section .info-col .icon-box .icon-box-text p {
    margin-bottom: 0.5rem;
}

.contact-section .info-col .icon-box .icon-box-text .label {
    display: inline-block;
    min-width: 6rem;
}

.recruitment-section .recruitment-posts .box-blog-post{
    padding: 2rem 3rem;
    background-color: var(--color-white);
    border-radius:1.2rem;
}

.recruitment-section .recruitment-posts .box-blog-post .box-image {
    display:none;
}

.recruitment-section .recruitment-posts .box-blog-post .box-text .post-title a  {
    font-size:2.4rem;
        min-height: 3rem;
            -webkit-line-clamp: 1
}
/*************** END CONTACT PAGE ***************/

/*************** BLOG ARCHIVE PAGE ***************/
.blog-archive {
    padding-top: 0;
}

.blog-archive .archive-page-header {
    min-height: 30rem;
    display: flex;
    align-items: center;
    background: rgb(102 166 16 / 5%);
    margin-bottom: 3rem;
}

.blog-archive .archive-page-header h1.page-title {
    font-size: 4.8rem;
    text-transform: initial;
}

.blog-archive .featured-posts .flickity-slider .post-item {
    padding: 3rem !important;
    border-radius: 1.6rem;
    background: url(/wp-content/uploads/2024/07/Feature-posts-bg.jpg) no-repeat center/cover;
    overflow: hidden;
    margin-bottom: 5rem;
}

.blog-archive .featured-posts .flickity-slider .post-item:after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(15, 46, 43, 0.8);
    z-index: 1;
}

.blog-archive .featured-posts .box-blog-post {
    z-index: 10;
}

.blog-archive .featured-posts .box-blog-post .box-text-inner {
    display: flex;
    flex-wrap: wrap;
}

.blog-archive .featured-posts .flickity-page-dots .dot {
    background-color: rgba(189, 189, 189, 1);
}

.blog-archive .featured-posts .post-meta {
    opacity: 1;
    order: -1;
    font-size: 1em;
}

.blog-archive .featured-posts .post-title a {
    font-size: 3.2rem;
}

.blog-archive .featured-posts .is-divider {
    display: none;
}

.blog-archive .featured-posts .from_the_blog_excerpt {
    color: rgba(255, 255, 255, 0.7);
}

.blog-archive .featured-posts .button {
    margin-top: 2rem;
    font-size: 1.8rem;
    border-radius: 10rem;
    padding: 0.4rem 3rem;
}

/*************** END BLOG ARCHIVE PAGE ***************/

/*************** END BLOG SINGLE PAGE ***************/
.blog-single {
    padding-top: 0;
}
.blog-single > .row {
    padding-top: 3rem;
}

.blog-single .entry-header .entry-header-text {
    padding-bottom: 0;
}

.blog-single .entry-header .entry-title {
    font-size: 3.2rem;
    white-space: pre-wrap;
}

.blog-single .entry-header .entry-image img {
    border-radius: 1.6rem;
    width: 100%;
    margin-bottom: 2rem;
}

.blog-single .entry-header .entry-image time {
    color: rgba(130, 130, 130, 1);
}

.blog-single .entry-content {
    font-size: 1.8rem;
}

.blog-single .meta-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:1.5rem;
    flex-wrap:wrap;
    padding: 2rem 0;
    border-top: 1px solid rgba(217, 217, 217, 1);
}

.blog-single .meta-container .entry-meta a {
    background-color: rgba(242, 242, 242, 1);
    padding: 1rem;
    border-radius: 0.8rem;
    display: inline-block;
    margin: 0 .4rem .4rem 0;
}

.blog-single .meta-container .blog-share {
    display: flex;
    align-items: center;
}

.blog-single .meta-container .blog-share .label {
    font-size: 1.4rem;
    text-transform: uppercase;
}

.blog-single .meta-container .blog-share .icon.plain {
    font-size: 2rem;
}

.social-icons .icon.plain.facebook {
    color: rgba(47, 128, 237, 1);
}

.social-icons .icon.plain.x {
    color: var(--color-black);
}

.social-icons .icon.plain.email {
    color: rgba(246, 21, 21, 1);
}

.social-icons .icon.plain.email i {
    font-size: 2.3rem;
}



.social-icons .icon.plain.linkedin  {
    color: #0a66c2
}


.post-sidebar  .widget {
        border-radius: 1.6rem;
    border: 1px solid rgba(31, 43, 108, 0.2);
    overflow:hidden;
}
.post-sidebar .widget-title {
    font-size: 3.2rem;
    font-weight: bold;
    text-transform: initial;
    color: rgba(51, 51, 51, 1);
    display: block;

    padding: 1rem 2rem;
}
.post-sidebar .widget-title .ez-toc-title {
    font-size: 100% !important;
    font-weight: bold !important;
}

.post-sidebar .widget-title .ez-toc-title:after {
    content: '\f078';
    font-family: var(--FontAwesome);
    font-weight: bold;
    right: 2rem;
    position: absolute;
    font-size: 1.6rem;
        color: #757575;
    top: 2rem;
    transform: rotate(180deg);
    transition: all 0.3s
}

.post-sidebar .widget-title.unactive .ez-toc-title:after {
    transform: rotate(0deg);
}

.post-sidebar .widget .ez-toc-title-container {
    display: table;
    width: 100%;
}

.post-sidebar .widget .ez-toc-list {
    padding: 0;
}

.post-sidebar .widget .ez-toc-list li {
    padding: 1rem;
    background-color: rgba(240, 241, 243, 1);
}

.post-sidebar .widget .ez-toc-list li.active {
    background-color: rgba(102, 166, 16, 0.2) !important;
}

.post-sidebar .widget-title + .is-divider {
    display: none;
}

.post-sidebar .widget.ez-toc .ez-toc-widget-container {

}


.post-sidebar .recent-blog-posts-li {
   padding: 0rem 2rem;
}


.post-sidebar .widget_categories .widget-title {
    border-radius: 1.6rem;
    padding: 1rem 2rem;
}

.post-sidebar .widget_categories .cat-item {
    padding: 1rem 2rem;
    background-color: rgba(240, 241, 243, 1);
}

.post-sidebar .widget_categories .cat-item {
    padding: 1rem 2rem;
    background-color: rgba(240, 241, 243, 1);
    border-color: #fff;
}

.post-sidebar .widget_categories .cat-item  a{
   text-transform: uppercase;
}

.post-sidebar .widget_categories .cat-item:hover {
    background-color: var(--fs-color-primary);
}

.post-sidebar .widget_categories .cat-item:hover a {
    color: var(--color-white);
}

.post-sidebar .recent-blog-posts-li .badge {
    height: 6rem;
    width: 6rem;
}

.post-sidebar .recent-blog-posts-li .badge .badge-inner {
    border-radius: .5rem ;
}

.post-sidebar .recent-blog-posts-li time {
    font-size: 1.3rem;
    color: var(--text-color-secondary);
}

.post-sidebar .recent-blog-posts-li a {
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*************** END BLOG SINGLE PAGE ***************/

/*************** GUIDE PAGE ***************/
.download-file-section .icon-box .icon-box-img {
    background: #66A6101A;
    width: 100% !important;
    padding: 2rem ;
    border-radius: 1.6rem;
}

.download-file-section .icon-box .icon {
    max-width: 7.6rem;
}

.download-file-section .icon-box .icon-box-text {
    text-align:left;
}

.download-file-section .icon-box a{
    text-decoration: underline;
    text-underline-offset: .4rem;
}
/*************** END GUIDE PAGE ***************/

@media only screen and (min-width: 1800px) {
    /*************** ADD TABLET CSS HERE  ***************/
    .video-guide-row .flickity-button.previous {
        right: calc(100% + 5rem);
        left: auto;
    }
    .video-guide-row .flickity-button.next {
        left: calc(100% + 5rem);
        right: auto;
    }
}


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

    #header #wide-nav .nav > .menu-item > a {
        font-size: 1.6rem;
        color: var(--color-white);
    }

    #header #wide-nav .button {
        font-size: 1.6rem;
        padding: 0.6rem 2.4rem;
    }
    #header .pll-switcher-select {
        font-size: 1.6rem;
    }
    
    .galleries-section .core-value-row .img  .caption{
        font-size: 2.4rem;
    }
}


@media only screen and (max-width: 1312px) {
    #header #wide-nav .nav > .menu-item {
        margin: 0 2rem;
    }

}


@media only screen and (max-width: 1200px) {
    .hero-section .banner h2 {
        font-size: 3.6rem;
    }
    .hero-section .banner h3 {
        font-size: 3.2rem;
            margin-bottom: 1.2rem;
    }
    .hero-section .banner h4 {
        font-size: 2rem;
    }

    .hero-section .banner ul li {
        font-size: 1.4rem;
    }
    
    .hero-section .banner .button {
        font-size: 1.4rem;
    }

    .core-value-section .slider {
        width: calc(100% - 30rem);
    }

    .core-value-section .slider .flickity-button.previous {
        left: auto;
        right: -22rem;
    }

    .core-value-section .slider .flickity-button.next {
        right: -30rem;
    }
    
    .workspace-section .workspace-row .text.description {
            left: 3rem;
    }
    
    .workspace-section .workspace-row .text.description h3 {
        font-size:2.4rem;
    }
        
    .galleries-section .core-value-row .img  .caption{
        font-size: 2rem;
    }
}

@media only screen and (max-width: 1200px) {
        #header #wide-nav .nav > .menu-item {
        margin: 0 1.2rem;
    }
    
}


@media only screen and (max-width: 1080px) {
    #header #wide-nav .nav > .menu-item {
        margin: 0 1rem;
    }
    #header #wide-nav .nav > .menu-item > a {
        font-size: 1.4rem;
        color: var(--color-white);
    }

    #header #wide-nav .button {
        font-size: 1.3rem;
        padding: 0.4rem 1.6rem;
    }
    #header .pll-switcher-select {
        font-size: 1.3rem;
    }

    .testimonials-2-section .slider .flickity-slider > .row {
        max-width: 33.34% !important;
    }
    
    .galleries-section .core-value-row .img  .caption{
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 960px) {
    #header #wide-nav .nav > .menu-item {
        margin: 0 .8rem;
    }
    #header #wide-nav .nav > .menu-item > a {
        font-size: 1.3rem;
        color: var(--color-white);
    }

}




@media only screen and (max-width: 849px) {
    /*************** ADD TABLET CSS HERE  ***************/
    .select-resize-ghost,
    .select2-container .select2-choice,
    .select2-container .select2-selection,
    input[type='date'],
    input[type='email'],
    input[type='number'],
    input[type='password'],
    input[type='search'],
    input[type='tel'],
    input[type='text'],
    input[type='url'],
    select,
    textarea {
        font-size: 1.6rem;
    }
    
      .workspace-section .workspace-row .text.description {
          font-size:1.5rem;
      }
    
     .workspace-section .workspace-row .text.description h3 {
        font-size:2rem;
    }

    .contact-section .info-col .icon-box h3 {
        font-size: 2rem;
    }

    .section-heading-title {
        font-size: 4.2rem;
        white-space: normal;
    }

    .section-heading-title.smaller,
    .blog-archive .archive-page-header h1.page-title {
        font-size: 3.6rem;
    }

    .download-file-section .icon-box .icon {
        max-width: 6.2rem;
    }

    .testimonials-section .testimonials-row .testimonial-box .testimonial-meta {
        height: 6rem;
        padding: 0px 0 0 8rem;
    }
    .testimonials-section .testimonials-row .testimonial-box .testimonial-name {
        font-size: 2rem;
    }

    .testimonials-section .testimonials-row .flickity-slider .testimonial-box .icon-box-img {
        width: 6rem !important;
    }

    .testimonials-section .testimonials-row .testimonial-box .testimonial-company {
        font-size: 1.4rem;
        color: #9d9ba6;
    }
    .testimonials-section .section-bg img {
        display: none;
    }


    .testimonials-2-section .slider .flickity-slider > .row {
        max-width: 50% !important;
    }


    .video-guide-row .video-thumbnails-col .flickity-slider > .img {
        max-width: 25%;
    }
    .recommend-section .icon-box h3 {
        font-size: 2rem;
    }

    .step-section .step-row .step-number {
        font-size: 2.4rem;
        width: 6rem;
        height: 6rem;
        border-radius: 1.2rem 1.2rem 1.2rem 0;
    }

    .step-section .step-row .step-content {
        font-size: 1.6rem;
        margin-top: 2rem;
    }
    .recommend-section .icon-box {
        box-shadow: 0 0 1rem 0 #eee;
    }

    .core-value-section .slider {
        width: calc(100% - 15rem);
    }

    .core-value-section .slider .flickity-button.previous {
        left: auto;
        right: -7rem;
    }

    .core-value-section .slider .flickity-button.next {
        right: -15rem;
    }

    .blog-single .entry-header .entry-title {
        font-size: 2.8rem;
    }

    .blog-single .entry-content {
        font-size: 1.6rem;
    }

    .post-sidebar .widget-title {
        font-size: 2.8rem;
    }

    .feature-services-section .service-item-row .service-item-content h2 {
        font-size: 2.8rem;
    }

    .feature-services-section .service-item-row .service-item-content > .col-inner::before {
        top: 1rem;
    }
    
    .galleries-section .core-value-row .img  .caption{
        font-size: 1.5rem;
    }
    
    
    .partners-section .flickity-slider > .img,
    .logo-partners-slider .flickity-slider > .row {
        max-width:33.34% !important;
    }
}

@media only screen and (max-width: 549px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .section-heading-title {
        font-size: 2.8rem;
        white-space: normal;
    }

    .post-sidebar .widget-title {
        font-size: 2.4rem;
    }

    .feature-services-section .service-item-row .service-item-content h2 {
        font-size: 2.4rem;
    }
    .section-heading-title.smaller,
    .blog-archive .archive-page-header h1.page-title {
        font-size: 2.4rem;
    }

    .download-file-section .icon-box .icon {
        max-width: 5rem;
    }
    
    .hero-section .banner{
        min-height:20rem !important;
    }
    

    
    .hero-section .banner .section-heading-title .highlight {
        padding-bottom: .2rem;
    }

    .hero-section .banner h2 {
        font-size: 1.6rem;
    }
    .hero-section .banner h3 {
        font-size: 1.4rem;
    }
    .hero-section .banner h4 {
        font-size: 1.4rem;
    }
    .hero-section .banner ul li {
        font-size: 1rem;
    }
    
        .hero-section .banner .button {
        font-size: 1.2rem;
    }

    .is-xlarge {
        font-size: 1.6rem;
    }

    .advise-section form input, .advise-section form select {
        height: 4rem;
    }
    .advise-section form .button {
        height: 4rem;
    }

    .testimonials-section .testimonials-row .flickity-slider .row {
        padding: 0;
    }

    .testimonials-section .testimonials-row .flickity-slider .testimonial-box .icon-box-img {
        bottom: 2rem;
        left: 2rem;
    }

    .testimonials-section .testimonials-row .flickity-slider .testimonial-box {
        padding: 2rem ;
    }
    .testimonials-section .testimonials-row .testimonial-box .testimonial-text {
        font-size: 1.4rem;
    }

    .testimonials-section .testimonials-row .testimonial-box .testimonial-name {
        font-size: 1.8rem;
    }
    .workspace-section .col-4-5 {
        flex-basis: 100%;
        max-width:  100%;
    }


    .testimonials-2-section .slider .flickity-slider > .row {
        max-width: 80% !important;
    }

    .video-guide-row .video-thumbnails-col .flickity-slider > .img {
        max-width: 33.34%;
    }

    .recommend-section .icon-box h3 {
        font-size: 1.6rem;
    }


    .step-section .step-row .step-number {
        font-size: 2rem;
        width: 6rem;
        height: 6rem;
    }

    .step-section .step-row .step-content {
        font-size: 1.4rem;
        margin-top: 2rem;
    }
    .step-section .step-row > .col > .col-inner {
        margin-bottom: 2rem;
    }
    .step-section .step-row > .col:nth-child(even):after,
    .step-section .step-row > .col:nth-child(odd):after {
        content: unset;
    }

    .core-value-section .slider {
        width: calc(100%);
    }

    .core-value-section .slider .flickity-button.previous {
        left: auto;
        right: -7rem;
    }

    .core-value-section .slider .flickity-button.next {
        right: -15rem;
    }

    .blog-archive .featured-posts .box-blog-post .image-cover {
        padding-top: 56.25% !important; 
    }

    .blog-archive .featured-posts .box-blog-post .box-text  {
        padding: 0 !important;
    }

    .blog-archive .featured-posts .post-title a {
        font-size: 1.8rem;
    }

    .blog-archive .featured-posts .button {
        margin-top: 2rem;
        font-size: 1.4rem;
        border-radius: 10rem;
        padding: 0rem 2rem;
    }

    .blog-single .entry-header .entry-title {
        font-size: 2.4rem;
    }
    
    .slider .flickity-page-dots .dot {
        border: none;
        background-color: var(--color-white);
        opacity: 1;
        width: 1rem;
        height: 1rem;
        position: relative;
        margin: 0 .8rem;
    }
    
    .slider .flickity-page-dots .dot.is-selected::after {
        content: '';
        width: 2rem;
        height: 2rem;
        display: inline-block;
        border-radius: 50%;
        border: 1px solid var(--fs-color-primary);
        position: absolute;
        top: -.5rem;
        left: -.5rem;
    }
    
    .recommend-section .recommend-icon-box-wrapper > .col > .col-inner {
        display: flex;
        align-items: stretch;
        gap: 2rem;
    }
    
    .recommend-section .recommend-icon-box-wrapper > .col > .col-inner .gap-element {
        display: none !important;
    }
    
    .recommend-section .recommend-icon-box-wrapper > .col > .col-inner .icon-box{
        flex:1;
                margin-bottom: 0;
                        padding: 2rem;
    }
    
        .recommend-section .icon-box h3 {
        font-size: 1.4rem;
    }
    
    .blog-single .meta-container .entry-meta a {
        font-size: 1.4rem;
            padding: .4rem .8rem;
    border-radius: 0.4rem;
    }
    
    .img .open-video .overlay-icon {
        background-color: rgb(255 255 255 / 18%);
        height:  6rem;
        line-height: 6rem;
        opacity: 1;
        border: none;
        width: 6rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .img .open-video .overlay-icon .icon-play {
        height: 4rem;
        line-height: 4rem;
        width: 4rem;
        background: rgb(255 255 255 / 50%);
        border-radius: 50%;
        top:0;
    }
    
    .galleries-section .core-value-row .img  .caption{
        font-size: 1.4rem;
    }
    
       .galleries-section  .slider-wrapper .flickity-prev-next-button {
        display: block;
        opacity: 1;
            top: 43.5%;
    }
    .partners-section .flickity-slider > .img, 
        .logo-partners-slider .flickity-slider > .row {
        max-width:50% !important;
    }
    
}

@media only screen and (max-width: 400px) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .video-guide-row .video-thumbnails-col .flickity-slider > .img {
        max-width: 40%;
    }
}