/*create scss structure*/

:root {

    --amana-black: #000;

    --amana-white: #fff;

    --amana-cultured: #f8f8f8;

    --amana-bright-gray: #eee;

    --amana-metallic-silver: #a4aaad;

    --amana-crayola: #a4b0b8;

    --amana-apple: #81bd41;

    --amana-pale-taupe: #c2947d;

    --amana-babay-blue-eyes: #a6c5ff;

    --amana-saffron: #f8c539;

    --amana-black-gray-gradient: linear-gradient(136deg, #000 0%, #5d6770 100%);

    --amana-white-bright-gray-gradient: linear-gradient(

        180deg,

        #eee 0%,

        rgba(238, 238, 238, 0) 100%

    );

    --amana-black-dark-gray-gradient: linear-gradient(

        132deg,

        #000 0%,

        #5d6770 100%

    );

    --amana-light-gray-gradient: linear-gradient(

        180deg,

        #eee 0%,

        rgba(238, 238, 238, 0) 100%

    );

    --amana-white-gray-gradient: linear-gradient(

        180deg,

        #f8f8f8 0%,

        rgba(248, 248, 248, 0) 100%

    );

    --amana-apple-yellow-gradient: linear-gradient(

        180deg,

        #81bd41 0%,

        #f5c415 100%

    );

    --bai-jamjuree-font: "Bai Jamjuree", sans-serif;

    --pt-sans-font: "PT Sans", sans-serif;

}



.amana-black {

    color: var(--amana-black);

    --current-color: #000;

    --current-color-rgb: rgb(0, 0, 0);

}



.amana-white {

    color: var(--amana-white);

    --current-color: #fff;

    --current-color-rgb: rgb(255, 255, 255);

}



.amana-cultured {

    color: var(--amana-cultured);

    --current-color: #f8f8f8;

    --current-color-rgb: rgb(248, 248, 248);

}



.amana-crayola {

    color: var(--amana-crayola);

    --current-color: #a4b0b8;

    --current-color-rgb: rgb(164, 176, 184);

}



.amana-apple {

    color: var(--amana-apple);

    --current-color: #81bd41;

    --current-color-rgb: rgb(129, 189, 65);

}



.bai-jamjuree-font {

    font-family: var(--bai-jamjuree-font);

}



.pt-sans-font {

    font-family: var(--pt-sans-font);

}



.fw-900 {

    font-weight: 900;

}



.fw-800 {

    font-weight: 800;

}



.fw-700 {

    font-weight: 700;

}



.fw-600 {

    font-weight: 600;

}



.fw-500 {

    font-weight: 500;

}



.fw-400 {

    font-weight: 400;

}



.fw-300 {

    font-weight: 300;

}



.fw-200 {

    font-weight: 200;

}



.fw-100 {

    font-weight: 100;

}

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


/*basic styles*/

html {

    padding: env(safe-area-inset);

    scroll-behavior: smooth;

}



.row_clr {

    margin-left: 0 !important;

    margin-right: 0 !important;

}



* {

    padding: 0;

    margin: 0;

}



.no-pad {

    padding: 0;

}



.tac {

    text-align: center;

}



@media (min-width: 768px) {

    .col-sm-20 {

        width: 20%;

        position: relative;

    }

}

.hid {

    opacity: 0;

}



#__bs_notify__ {

    display: none !important;

}



body {

    font-family: var(--pt-sans-font);

    color: var(--amana-black);

    --current-color: #000;

    --current-color-rgb: rgb(0, 0, 0);

}



.row.amana-row > * {

    width: auto;

    padding: 0;

}



.pen {

    pointer-events: none !important;

}



.cup {

    cursor: pointer;

}



.ttu {

    text-transform: uppercase;

}



.ttc {

    text-transform: capitalize;

}



@media (min-width: 992px) {

    .container {

        max-width: clamp(31.25rem, 81.25vw, 84.375rem);

        padding: 0;

    }

}

@media (max-width: 991px) {

    .container {

        max-width: 100%;

        padding-left: 20px;

        padding-right: 20px;

    }

}

a,

button {

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

    cursor: pointer;

    border: none;

    outline: transparent !important;

    background: none;

    text-decoration: none !important;

    box-shadow: none !important;

}



::-moz-placeholder {

    color: var(--amana-black);

    opacity: 0.5;

    font-weight: 400;

}



::-webkit-input-placeholder {

    color: var(--amana-black);

    opacity: 0.5;

    font-weight: 400;

}



:-ms-input-placeholder {

    color: var(--amana-black);

    opacity: 0.5;

    font-weight: 400;

}



::-ms-input-placeholder {

    color: var(--amana-black);

    opacity: 0.5;

    font-weight: 400;

}



::placeholder {

    color: var(--amana-black);

    opacity: 0.5;

    font-weight: 400;

}



.mb-10 {

    margin-bottom: clamp(0.3125rem, 0.6944444444vw, 0.625rem);

}



.mb-20 {

    margin-bottom: clamp(0.625rem, 1.3888888889vw, 1.25rem);

}



.mb-30 {

    margin-bottom: clamp(0.9375rem, 2.0833333333vw, 1.875rem);

}



.mb-40 {

    margin-bottom: clamp(1.25rem, 2.7777777778vw, 2.5rem);

}



.mb-50 {

    margin-bottom: clamp(1.5625rem, 3.4722222222vw, 3.125rem);

}



.mb-60 {

    margin-bottom: clamp(1.5625rem, 4.1666666667vw, 3.75rem);

}



.mt-10 {

    margin-top: clamp(0.3125rem, 0.6944444444vw, 0.625rem);

}



.mt-20 {

    margin-top: clamp(0.625rem, 1.3888888889vw, 1.25rem);

}



.mt-30 {

    margin-top: clamp(0.9375rem, 2.0833333333vw, 1.875rem);

}



.mt-40 {

    margin-top: clamp(1.25rem, 2.7777777778vw, 2.5rem);

}



.mt-50 {

    margin-top: clamp(1.5625rem, 3.4722222222vw, 3.125rem);

}



.pb-10 {

    padding-bottom: clamp(0.3125rem, 0.6944444444vw, 0.625rem);

}



.pb-20 {

    padding-bottom: clamp(0.625rem, 1.3888888889vw, 1.25rem);

}



.pb-30 {

    padding-bottom: clamp(0.9375rem, 2.0833333333vw, 1.875rem);

}



.pb-40 {

    padding-bottom: clamp(1.25rem, 2.7777777778vw, 2.5rem);

}



.pb-50 {

    padding-bottom: clamp(1.5625rem, 3.4722222222vw, 3.125rem);

}



.pt-10 {

    padding-top: clamp(0.3125rem, 0.6944444444vw, 0.625rem);

}



.pt-20 {

    padding-top: clamp(0.625rem, 1.3888888889vw, 1.25rem);

}



.pt-30 {

    padding-top: clamp(0.9375rem, 2.0833333333vw, 1.875rem);

}



.pt-40 {

    padding-top: clamp(1.25rem, 2.7777777778vw, 2.5rem);

}



.pt-50 {

    padding-top: clamp(1.5625rem, 3.4722222222vw, 3.125rem);

}



.icon-list {

    padding-left: 0;

}

.icon-list li {

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    align-items: flex-start;

    gap: clamp(0.625rem, 1.3888888889vw, 1.25rem);

}

.icon-list li span.icon {

    width: clamp(1.875rem, 3.4722222222vw, 3.125rem);

    display: grid;

    aspect-ratio: 1/1;

    place-items: center;

    position: relative;

    border-radius: 50%;

}

.icon-list li span.icon::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background: var(--amana-white-bright-gray-gradient);

    border-radius: 50%;

    opacity: 0.15;

    z-index: 0;

}

.icon-list li span.icon svg {

    width: clamp(1.125rem, 1.6666666667vw, 1.5rem);

}

.icon-list li span.text {

    margin-top: clamp(0.375rem, 0.8333333333vw, 0.75rem);

}

.icon-list li + li {

    margin-top: clamp(0.625rem, 1.1111111111vw, 1rem);

}

.icon-list.green-icon-list li span.icon::after {

    background: var(--amana-light-gray-gradient);

    opacity: 1;

}

.icon-list.green-icon-list li svg path {

    stroke: var(--amana-apple);

}



.link-list {

    padding-left: 0;

    margin-bottom: 0;

}

.link-list li {

    list-style: none;

}

.row.amana-row > .col-50,

.col-50 {

    flex: 0 0 auto;

    width: 50%;

}



.ovh {

    overflow: hidden;

}



.bdr-20 {

    border-radius: clamp(0.625rem, 1.3888888889vw, 1.25rem);

}



.bdr-40 {

    border-radius: clamp(0.9375rem, 2.7777777778vw, 2.5rem);

}



.fz-80 {

    font-size: clamp(1.875rem, 5.5555555556vw, 5rem);

    line-height: 1.15;

    letter-spacing: -1.2px;

}



.fz-60 {

    font-size: clamp(1.875rem, 4.1666666667vw, 3.75rem);

    line-height: 1.15;

    letter-spacing: -1.2px;

}



.fz-55 {

    font-size: clamp(1.5625rem, 3.8194444444vw, 3.4375rem);

    line-height: 1.15;

    letter-spacing: -1.1px;

}



.fz-40 {

    font-size: clamp(1.375rem, 2.7777777778vw, 2.5rem);

    line-height: 1.4;

    letter-spacing: -0.8px;

}



.fz-28 {

    font-size: clamp(1.25rem, 1.9444444444vw, 1.75rem);

    line-height: 1.2;

    letter-spacing: -0.56px;

}



.fz-24 {

    font-size: clamp(1.125rem, 1.6666666667vw, 1.5rem);

    line-height: 1.5;

    letter-spacing: -0.48px;

}



.fz-20 {

    font-size: clamp(1rem, 1.3888888889vw, 1.25rem);

    line-height: 1.4;

    letter-spacing: -0.4px;

}



.fz-16 {

    font-size: clamp(0.875rem, 1.1111111111vw, 1rem);

    line-height: 1.5;

    letter-spacing: -0.32px;

}



.fz-14 {

    font-size: clamp(0.8rem, 0.9722222222vw, 0.875rem);

    line-height: 1.5;

    letter-spacing: -0.32px;

}



.fz-12 {

    font-size: 0.75rem;

    line-height: 1.2;

    letter-spacing: -0.24px;

}



.button-1 {

    padding: clamp(0.4375em, 0.6944444444vw, 0.625em)

        clamp(0.9375em, 2.0833333333vw, 1.875em);

    text-transform: capitalize;

    border: 0;

    position: relative;

    border-radius: 3px;

    overflow: hidden;

    line-height: 1;

    text-align: center;

}

.button-1 span {

    position: relative;

    z-index: 2;

}

.button-1::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 0;

    transition: all 0.25s linear;

    border: 2px solid transparent;

    border-radius: clamp(1.25rem, 2.7777777778vw, 2.5rem);

}

.button-1::after {

    content: "";

    position: absolute;

    width: 0%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 1;

    transition: all 0.25s linear;

    opacity: 0;

    border: 2px solid transparent;

    border-radius: clamp(1.25rem, 2.7777777778vw, 2.5rem);

    background-color: var(--amana-apple);

}

.button-1:hover::before {

    opacity: 0;

}

.button-1:hover::after {

    width: 100%;

    opacity: 1;

}

.button-1.amana-white::before {

    border-color: var(--amana-white);

}

.button-1.amana-black span {

    color: var(--amana-black);

}

.button-1.amana-black::before {

    border-color: var(--amana-black);

}

.button-1.hover-amana-apple {

    color: var(--amana-white);

}

.button-1.hover-amana-apple::after {

    border-color: var(--amana-apple);

}

.button-1.hover-amana-white:hover span {

    color: var(--amana-white);

}



a.button-1 {

    display: inline-block;

}



.icon-p {

    display: flex;

    align-items: flex-start;

    gap: 10px;

}

.icon-p .icon {

    flex: 0 0 auto;

    width: clamp(1.0625rem, 1.4583333333vw, 1.3125rem);

    display: block;

}

.icon-p .icon img {

    width: 100%;

    display: block;

    transform: translateY(12.5%);

}



.background-apple {

    background-color: var(--amana-apple);

}



.background-cultured {

    background-color: var(--amana-cultured);

}



.hover-color-amana-apple {

    transition: all 0.35s;

}

.hover-color-amana-apple:hover {

    color: var(--amana-apple);

}



.hover-color-amana-white {

    transition: all 0.35s;

}

.hover-color-amana-white:hover {

    color: var(--amana-white);

}



.dot-list {

    padding-left: 15px;

}

.dot-list li + li {

    margin-top: 10px;

}



.custom-scroll {

    /* width */

    /* Track */

    /* Handle */

    /* Handle on hover */

    scrollbar-color: var(--amana-apple) #f1f1f1;

    scrollbar-width: thin;

}

.custom-scroll ::-webkit-scrollbar {

    width: 5px;

}

.custom-scroll ::-webkit-scrollbar-track {

    background: #f1f1f1;

}

.custom-scroll ::-webkit-scrollbar-thumb {

    background: var(--amana-apple);

}

.custom-scroll ::-webkit-scrollbar-thumb:hover {

    background: var(--amana-apple);

}

/* In your CSS file */
.header-padding {
    padding-top: 55px;
}

@media (min-width: 992px) 
{
    .amana-header 
    {
      display: none; 
    }
    
    .offcanvas-header
    {
      position: fixed;
      top: 0 !important; 
      left: 0;
      right: 0;
      margin: auto;
      z-index: 99;
      background-color: var(--amana-white);
      padding: clamp(0.625rem, 1.3888888889vw, 1.25rem);
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
      transition: all 0.35s;
    }
    
    .offcanvas-header .inner .offcanvas-close 
    {
      display: none; 
    }
    
    .offcanvas-trigger 
    {
      display: none; 
    }
  }

@media (max-width: 991px) 
{
    .offcanvas-header 
    {
      display: none;
    }
    .offcanvas-header.active 
    {
      display: block;
    }
  }

 
/* Mobile logo styling */
.mobile-logo {
    display: flex;
}

.mobile-logo img {
    height: 30px; /* Adjust based on your logo aspect ratio */
    width: auto;
    max-height: 100%;
}

/*main styles*/

.amana-header {

    position: fixed;

    background-color: #fff;

    left: 0;

    right: 0;

    margin: auto;

    z-index: 99;

    height: 50px;

    display: flex;

    align-items: center;
}

.amana-header.active {

    background-color: var(--amana-apple);

    padding: clamp(0.625rem, 1.3888888889vw, 1.25rem) 0;

}

.amana-header .inner {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.offcanvas-header .logo {

    position: relative;

    z-index: 2;

}

.offcanvas-header .logo img {

    width: clamp(12rem, 16vw, 13rem); 

}

.amana-header .login a {

    border: 1px solid var(--amana-white);

    border-radius: 20px;

    padding: clamp(0.3125rem, 0.4861111111vw, 0.4375rem)

        clamp(1.25rem, 1.7361111111vw, 1.5625rem);

    line-height: 1;

    color: var(--amana-white);

    transition: all 0.35s;

}

.amana-header .login a:hover {

    background: var(--amana-black);

    color: var(--amana-white);

}

.amana-header .offcanvas-trigger {

    align-items: flex-end;

    flex-direction: column;

    padding-right: 10px;

    position: relative;

    z-index: 2;

    transition: all 0.35s;

    cursor: pointer;

}

.amana-header .offcanvas-trigger .line {

    width: clamp(2.5rem, 4.8611111111vw, 4.375rem);

    height: 2px;

    background-color: var(--amana-black);

    display: block;

    transition: all 0.35s;

}

.amana-header .offcanvas-trigger span {

    height: 2px;

    width: clamp(2.5rem, 4.8611111111vw, 4.375rem);

    background-color: var(--amana-white);

    display: block;

    transition: all 0.35s;

}

.amana-header .offcanvas-trigger span:nth-child(3) {

    width: clamp(1.25rem, 2.7777777778vw, 2.5rem);

}

.amana-header .offcanvas-trigger span + span {

    margin-top: 8px;

}

.amana-header .offcanvas-trigger:hover span {

    width: clamp(1.875rem, 3.4722222222vw, 3.125rem);

}

.amana-header .offcanvas-trigger:hover span:nth-child(3) {

    width: clamp(2.5rem, 4.8611111111vw, 4.375rem);

}



.offcanvas-header {

    position: fixed;

    top: -300px;

    left: 0;

    right: 0;

    margin: auto;

    z-index: 101;

    background-color: var(--amana-white);

    padding: clamp(0.625rem, 1.3888888889vw, 1.25rem);

    transition: top 0.35s;

}

.offcanvas-header.active {

    top: 0;

}

.offcanvas-header .inner {

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

}

.offcanvas-header .inner .offcanvas-close {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: -100px;

    cursor: pointer;

}

.offcanvas-header .inner .nav-outer .nav {

  gap: clamp(1.25rem, 2.4305555556vw, 2.1875rem);

}

.offcanvas-header .inner .nav-outer .nav li a {

    font-size: clamp(0.875rem, 1.1111111111vw, 1rem);

    color: var(--amana-black);

    font-weight: 500;

    transition: all 0.35s;

}

.offcanvas-header .inner .nav-outer .nav li a:hover,

.offcanvas-header .inner .nav-outer .nav li a.active {

    color: var(--amana-apple);

}

.offcanvas-header .inner .login a {

    border: 1px solid var(--amana-black);

    border-radius: 20px;

    padding: clamp(0.3125rem, 0.4861111111vw, 0.4375rem)

        clamp(1.25rem, 1.7361111111vw, 1.5625rem);

    line-height: 1;

    color: var(--amana-black);

    transition: all 0.35s;

}

.offcanvas-header .inner .login a:hover {

    background: var(--amana-apple);

    border-color: var(--amana-apple);

    color: var(--amana-white);

}

.offcanvas-header.landing-page-header .inner .offcanvas-close {

    position: relative;

    left: auto;

    transform: none;

}

.offcanvas-header.landing-page-header .inner a.logo {

    padding: 10px 20px;

    display: block;

    border: 1px solid #000;

    border-radius: 30px;

}

.offcanvas-header.landing-page-header .inner a.logo img {

    height: 30px;

}

.images.row_clr.carousel-cont {
    display:block;
    position:relative;
}

/* New carousel styles */
.carousel-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: transparent;
}

.carousel-slide {
    display: none;
    width: 100%;
    transition: opacity 0.5s ease;
    position: relative;

}

.carousel-slide.active {
    display: block;
    opacity: 1;
}

.carousel-dots {
    position: relative;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
}

.carousel-dots .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 0px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background-color 0.3s;
}

.carousel-dots .dot.active {
    background-color: rgba(255, 255, 255, 0.9);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .carousel-dots {
        bottom: 30px;
    }
    
    .carousel-dots .dot {
        width: 10px;
        height: 10px;
        
    }
}

.home-top-slider {

    padding: clamp(0.625rem, 1.3888888889vw, 1.25rem);

    position: relative;

}

.home-top-slider .images {

    position: absolute;

    z-index: 1;

    width: calc(100% - clamp(1.25rem, 2.7777777778vw, 2.5rem));

    height: calc(100% - clamp(1.25rem, 2.7777777778vw, 2.5rem));

    left: clamp(0.625rem, 1.3888888889vw, 1.25rem);

    top: clamp(0.625rem, 1.3888888889vw, 1.25rem);

}

.home-top-slider .images .img {

    flex: 0 0 auto;

    width: 50%;

    height: 100%;

    transition: width linear 0.35s, border-width linear 0.15s;

    transition-delay: 0s, 0.15s;

    position: relative;

}

.home-top-slider .images .img img {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: right;

    object-position: right;

}

.home-top-slider .images .img.lft-img {

    border-right: 0px solid var(--amana-white);

}

.home-top-slider .images .img.rht-img {

    border-left: 0px solid var(--amana-white);

}

.home-top-slider .images .img.rht-img img {

    -o-object-position: left;

    object-position: left;

}

.home-top-slider .images .img.active {

    width: calc(100% - clamp(5.3125rem, 8.6805555556vw, 7.8125rem));

}

.home-top-slider .images .img.active.lft-img,

.home-top-slider .images .img.active.rht-img {

    border-width: clamp(0.3125rem, 0.6944444444vw, 0.625rem);

}

.home-top-slider .images .img.inactive {

    width: clamp(5.3125rem, 8.6805555556vw, 7.8125rem);

}

.home-top-slider .txt-container {

    min-height: calc(100dvh - clamp(1.25rem, 2.7777777778vw, 2.5rem));

    min-height: calc(100dvh - clamp(1.25rem, 2.7777777778vw, 2.5rem));

    position: relative;

    z-index: 2;

    display: grid;

    place-items: center;

}

.home-top-slider .txt-container::after {

    content: "";

    position: absolute;

    width: clamp(18.75rem, 44.7916666667vw, 40.3125rem);

    height: clamp(11.5625rem, 26.7361111111vw, 24.0625rem);

    border-radius: 50%;

    opacity: 0.4;

    background: var(--amana-black);

    -webkit-filter: blur(80px);

    filter: blur(80px);

    z-index: 0;

}

.home-top-slider .txt-container .line {

    height: calc(100% - clamp(6.25rem, 13.8888888889vw, 12.5rem));

    width: 50%;

    overflow: hidden;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    pointer-events: none;

    transition: all 0.35s;

}

.home-top-slider .txt-container .line.active {

    width: 100%;

}

.home-top-slider .txt-container .line.inactive {

    width: 0%;

}

.home-top-slider .txt-container .line::before {

    position: absolute;

    content: "";

    height: 1.2vh;

    width: 200px;

    top: 0;

    right: 0px;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#729f4f+0,729f4f+40&1+0,0+100 */

    background: linear-gradient(

        to right,

        #81bd41 0%,

        rgba(114, 159, 79, 0.6) 40%,

        rgba(114, 159, 79, 0) 100%

    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.home-top-slider .txt-container .line::after {

    position: absolute;

    content: "";

    height: 1.2vh;

    width: 200px;

    bottom: 0;

    right: 0px;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#729f4f+0,729f4f+40&1+0,0+100 */

    background: linear-gradient(

        to right,

        #81bd41 0%,

        rgba(114, 159, 79, 0.6) 40%,

        rgba(114, 159, 79, 0) 100%

    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.home-top-slider .txt-container .line .inner {

    width: calc(100% - 200px);

    height: 100%;

    overflow: hidden;

}

.home-top-slider .txt-container .line svg {

    height: 100%;

}

.home-top-slider .txt-container .line#life-line {

    left: auto;

    right: 0;

    transform: scaleX(-1) translateY(-50%);

}

.home-top-slider .txt-container .line#life-line::after,

.home-top-slider .txt-container .line#life-line::before {

    background: linear-gradient(

        to right,

        #f5c415 0%,

        rgba(245, 197, 21, 0.6) 40%,

        rgba(245, 197, 21, 0) 100%

    );

}

.home-top-slider .txt-container .txt {

    position: relative;

    z-index: 1;

}

.home-top-slider .txt-container .txt .sh {

    padding: clamp(0.625rem, 1.0416666667vw, 0.9375rem)

        clamp(1.25rem, 1.7361111111vw, 1.5625rem);

    border: 1px solid var(--amana-white);

    border-radius: 40px;

    display: inline-block;

}

.home-top-slider .txt-container .txt .bottom {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: row;

    flex-wrap: nowrap;

    gap: 0 clamp(1.25rem, 2.7777777778vw, 2.5rem);

}

.home-top-slider .txt-container .txt .bottom .l-sec {

    background-color: var(--amana-white);

    display: inline-flex;

    flex-wrap: wrap;

    flex-direction: row;

    align-items: center;

}

.home-top-slider .txt-container .txt .bottom .l-sec .logo {

    padding: clamp(0.625rem, 1.7361111111vw, 1.5625rem)

        clamp(1.25rem, 2.7777777778vw, 2.5rem);

}

.home-top-slider .txt-container .txt .bottom .l-sec .logo img {

    width: clamp(7.5rem, 14.0277777778vw, 12.625rem);

}

.home-top-slider .txt-container .txt .bottom .l-sec .icons .icons-inner {

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    align-items: flex-start;

    gap: clamp(1.25rem, 2.7777777778vw, 2.5rem);

    padding: clamp(0.9375rem, 1.7361111111vw, 1.5625rem)

        clamp(1.25rem, 2.7777777778vw, 2.5rem);

    border-left: 1px solid rgba(0, 0, 0, 0.1);

}

.icons a {

    color: var(--amana-black);

}

.home-top-slider .txt-container .txt .bottom .l-sec .icons .icon img {

    display: block;

    margin: 0 auto 2px;

    height: clamp(1.125rem, 1.6666666667vw, 1.5rem);

}

.home-top-slider

    .txt-container

    .txt

    .bottom

    .l-sec

    .icons#life-icons

    .icons-inner {

    border-left-width: 0;

    border-right: 1px solid rgba(0, 0, 0, 0.1);

}



.about-amana.homepage-about-amana {

    padding-bottom: clamp(3.75rem, 6.9444444444vw, 6.25rem);

}

.about-amana.homepage-about-amana .b-2 {

    margin-top: clamp(0.3125rem, 0.6944444444vw, 0.625rem) !important;

}



.home-awards p {

    text-align: center;

    max-width: 600px;

    margin: clamp(1.875rem, 3.4722222222vw, 3.125rem) auto 0;

}

.home-awards #myTab {

    justify-content: center;

    border: 0;

    gap: 7px;

}

.home-awards #myTab .tab-pane.inactive {

    display: block;

    opacity: 0;

    height: 0;

    overflow: hidden;

}

.home-awards #myTab.nav-tabs .nav-link {

    border: 1px solid var(--amana-black);

    border-radius: 20px;

    padding: clamp(0.3125rem, 0.6944444444vw, 0.625rem)

        clamp(1.25rem, 1.7361111111vw, 1.5625rem);

    line-height: 1;

    color: var(--amana-black);

}

.home-awards #myTab.nav-tabs .nav-link.active {

    background: var(--amana-black);

    color: var(--amana-white);

}

.home-awards .award-slider-outer {

    max-width: 1145px;

    margin: 0 auto;

}

.home-awards .award-slider .swiper-slide .slide-inner,

.home-awards .award-slider .swiper-slide.swiper-slide-visible .slide-inner {

    transition: padding 0.35s;

    text-align: center;

}

.home-awards .award-slider .swiper-slide .slide-inner.num-0,

.home-awards

    .award-slider

    .swiper-slide.swiper-slide-visible

    .slide-inner.num-0 {

    padding-top: 0;

}

.home-awards .award-slider .swiper-slide .slide-inner.num-1,

.home-awards

    .award-slider

    .swiper-slide.swiper-slide-visible

    .slide-inner.num-1 {

    padding-top: clamp(3.125rem, 5.5555555556vw, 5rem);

}

.home-awards .award-slider .swiper-slide .slide-inner.num-2,

.home-awards

    .award-slider

    .swiper-slide.swiper-slide-visible

    .slide-inner.num-2 {

    padding-top: clamp(6.25rem, 9.7222222222vw, 8.75rem);

}

.home-awards .award-slider .swiper-slide .slide-inner.num-3,

.home-awards

    .award-slider

    .swiper-slide.swiper-slide-visible

    .slide-inner.num-3 {

    padding-top: clamp(6.25rem, 9.7222222222vw, 8.75rem);

}

.home-awards .award-slider .swiper-slide .slide-inner.num-4,

.home-awards

    .award-slider

    .swiper-slide.swiper-slide-visible

    .slide-inner.num-4 {

    padding-top: clamp(3.125rem, 5.5555555556vw, 5rem);

}

.home-awards .award-slider .swiper-slide .slide-inner.num-5,

.home-awards

    .award-slider

    .swiper-slide.swiper-slide-visible

    .slide-inner.num-5 {

    padding-top: 0;

}

.home-awards .award-slider .swiper-slide .slide-inner .circle,

.home-awards

    .award-slider

    .swiper-slide.swiper-slide-visible

    .slide-inner

    .circle {

    width: 100%;

    aspect-ratio: 1/1;

    border-radius: 50%;

    margin: 0 auto clamp(-6.25rem, -6.9444444444vw, -4.6875rem);

    position: relative;

}

.home-awards .award-slider .swiper-slide .slide-inner .circle::before,

.home-awards

    .award-slider

    .swiper-slide.swiper-slide-visible

    .slide-inner

    .circle::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-image: url(../images/home/award-bg.svg);

    background-position: center;

    background-size: contain;

    z-index: 0;

    opacity: 1;

    transition: opacity 0.35s;

}

.home-awards .award-slider .swiper-slide .slide-inner .circle::after,

.home-awards

    .award-slider

    .swiper-slide.swiper-slide-visible

    .slide-inner

    .circle::after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-image: url(../images/home/award-hover-bg.svg);

    background-position: center;

    background-size: contain;

    z-index: 0;

    opacity: 0;

    transition: opacity 0.35s;

}

.home-awards .award-slider .swiper-slide .slide-inner img,

.home-awards .award-slider .swiper-slide.swiper-slide-visible .slide-inner img {

    display: block;

    margin: 0 auto;

    position: relative;

    z-index: 2;

    width: 80px;

    height: 150px;

    -o-object-fit: contain;

    object-fit: contain;

    -o-object-position: center bottom;

    object-position: center bottom;

}

.home-awards .award-slider .swiper-slide .slide-inner .name,

.home-awards

    .award-slider

    .swiper-slide.swiper-slide-visible

    .slide-inner

    .name {

    font-size: clamp(0.625rem, 0.8333333333vw, 0.75rem);

    display: block;

    line-height: 1.4;

    margin-top: clamp(0.5rem, 0.8333333333vw, 0.75rem);

}

.home-awards .award-slider .swiper-slide .slide-inner .circle::before,

.home-awards

    .award-slider

    .swiper-slide.swiper-slide-visible:hover

    .slide-inner

    .circle::before {

    opacity: 0;

}

.home-awards .award-slider .swiper-slide .slide-inner .circle::after,

.home-awards

    .award-slider

    .swiper-slide.swiper-slide-visible:hover

    .slide-inner

    .circle::after {

    opacity: 1;

}

.home-awards .award-slider {

    padding-bottom: 60px;

}

.home-awards .swiper-pagination-bullet {

    width: 10px;

    height: 4px;

    display: inline-block;

    border-radius: 2px;

    background: #eeeeee;

    opacity: 1;

    transition: all 0.35s;

}

.home-awards .swiper-pagination-bullet.swiper-pagination-bullet-active {

    width: 40px;

    background: var(--amana-black);

}



.home-middle-section {

    padding: clamp(0.625rem, 1.3888888889vw, 1.25rem) 0

        clamp(3.75rem, 6.9444444444vw, 6.25rem);

    background: linear-gradient(

        180deg,

        rgba(245, 245, 245, 0) 69.54%,

        #f5f5f5 100%

    );

}



.homepage .offers-section.light-yellow-bg.offer-slider-section {

    background-color: var(--amana-white);

    padding: clamp(3.125rem, 6.9444444444vw, 6.25rem) 0 0;

    margin-bottom: -30px;

}



.home-top-slider.full-width-slider .images .img {

    width: 100%;

}

.home-top-slider.full-width-slider .txt-container {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: space-between;

}

.life-home .home-top-slider.full-width-slider .txt-container {

    justify-content: flex-end;

}

.home-top-slider.full-width-slider .txt-container .line {

    width: 75%;

}

.home-top-slider.full-width-slider .txt-container .txt {

    flex: 0 0 auto;

    width: calc(100% - clamp(17.5rem, 25.6944444444vw, 23.125rem));

    padding: 0 20px;

}

.home-top-slider.full-width-slider .txt-container .form-outer {

    flex: 0 0 auto;

    width: clamp(17.5rem, 25.6944444444vw, 23.125rem);

    min-height: calc(100vh - clamp(6.25rem, 16.6666666667vw, 15rem));

    background-color: var(--amana-white);

    border-radius: clamp(2.5rem, 6.9444444444vw, 6.25rem);

    display: grid;

    place-items: center;

    padding: clamp(1.25rem, 2.7777777778vw, 2.5rem);

    z-index: 2;

}

.home-top-slider.full-width-slider .txt-container .form-outer .contact-form {

    width: 100%;

}

.home-top-slider.full-width-slider

    .txt-container

    .form-outer

    .contact-form

    .sh {

    margin: clamp(0.9375rem, 2.0833333333vw, 1.875rem) 0

        clamp(0.625rem, 1.3888888889vw, 1.25rem);

}

.home-top-slider.full-width-slider

    .txt-container

    .form-outer

    .contact-form

    .input-group

    input.form-control {

    border: 0;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    border-radius: 0;

    padding: clamp(0.625rem, 1.0416666667vw, 0.9375rem) 0;

    box-shadow: none;

    outline: transparent;

}

.home-top-slider.full-width-slider

    .txt-container

    .form-outer

    .contact-form

    .input-group

    + .input-group {

    margin-top: clamp(0.3125rem, 0.6944444444vw, 0.625rem);

}

.home-top-slider.full-width-slider

    .txt-container

    .form-outer

    .contact-form

    .btn-outer {

    width: 100%;

    margin-top: 20px;

}

.home-top-slider.full-width-slider .txt-container .form-outer .radio-btns {

    display: inline-flex;

    background: #fff;

    height: auto;

    width: 100%;

    align-items: center;

    justify-content: space-between;

}

.home-top-slider.full-width-slider

    .txt-container

    .form-outer

    .radio-btns

    .option {

    background: #fff;

    height: clamp(2.8125rem, 3.8194444444vw, 3.4375rem);

    width: calc(50% - 5px);

    display: grid;

    place-items: center;

    margin: 0;

    border-radius: 40px !important;

    cursor: pointer;

    padding: 0;

    border: 1px solid var(--amana-black);

    transition: all 0.3s ease;

    text-align: center;

    line-height: 1.2;

    font-size: clamp(0.75rem, 0.9722222222vw, 0.875rem);

}

.home-top-slider.full-width-slider

    .txt-container

    .form-outer

    input[type="radio"] {

    display: none;

}

.home-top-slider.full-width-slider

    .txt-container

    .form-outer

    #option-1:checked:checked

    ~ .option-1,

.home-top-slider.full-width-slider

    .txt-container

    .form-outer

    #option-2:checked:checked

    ~ .option-2 {

    border-color: var(--amana-black);

    background: var(--amana-black);

}

.home-top-slider.full-width-slider

    .txt-container

    .form-outer

    #option-1:checked:checked

    ~ .option-1

    .dot,

.home-top-slider.full-width-slider

    .txt-container

    .form-outer

    #option-2:checked:checked

    ~ .option-2

    .dot {

    background: var(--amana-white);

}

.home-top-slider.full-width-slider

    .txt-container

    .form-outer

    #option-1:checked:checked

    ~ .option-1

    .dot::before,

.home-top-slider.full-width-slider

    .txt-container

    .form-outer

    #option-2:checked:checked

    ~ .option-2

    .dot::before {

    opacity: 1;

    transform: scale(1);

}

.home-top-slider.full-width-slider

    .txt-container

    .form-outer

    #option-1:checked:checked

    ~ .option-1

    span,

.home-top-slider.full-width-slider

    .txt-container

    .form-outer

    #option-2:checked:checked

    ~ .option-2

    span {

    color: var(--amana-white);

}



.general-products {

    padding: clamp(2.5rem, 6.9444444444vw, 6.25rem) 0;

}

.general-products .general-products-inner .text {

    flex: 0 0 auto;

    width: calc(100% - clamp(18.75rem, 25.6944444444vw, 23.125rem));

    padding-right: clamp(3.75rem, 9.7222222222vw, 8.75rem);

}

.general-products .general-products-inner .text .nav-tabs {

    border: 0;

    gap: 6px;

}

.general-products .general-products-inner .text .nav-tabs .nav-link {

    padding: clamp(0.4375rem, 0.6944444444vw, 0.625rem)

        clamp(1.25rem, 1.7361111111vw, 1.5625rem);

    font-size: clamp(0.875rem, 1.1111111111vw, 1rem);

    border: 1px solid var(--amana-black);

    border-radius: 40px;

    color: var(--amana-black);

    background-color: var(--amana-white);

}

.general-products .general-products-inner .text .nav-tabs .nav-link:hover,

.general-products .general-products-inner .text .nav-tabs .nav-link.active {

    background-color: var(--amana-black);

    color: var(--amana-white);

}

.general-products .general-products-inner .text .nav-pills {

    margin-right: clamp(0.9375rem, 2.0833333333vw, 1.875rem);

}

.general-products .general-products-inner .text .nav-pills .nav-link {

    text-align: left;

    background: transparent;

    font-size: clamp(0.9375rem, 1.25vw, 1.125rem);

    color: var(--amana-black);

    opacity: 0.4;

    font-family: var(--bai-jamjuree-font);

    white-space: nowrap;

    padding: 0;

    position: relative;

    line-height: 1;

}

.general-products .general-products-inner .text .nav-pills .nav-link:after {

    content: "";

    position: absolute;

    width: 0;

    height: 100%;

    background-color: var(--amana-apple);

    top: 0;

    left: 0;

}

.general-products .general-products-inner .text .nav-pills .nav-link.active {

    opacity: 1;

    padding-left: clamp(0.75rem, 1.1111111111vw, 1rem);

}

.general-products

    .general-products-inner

    .text

    .nav-pills

    .nav-link.active::after {

    width: clamp(0.125rem, 0.2777777778vw, 0.25rem);

}

.general-products

    .general-products-inner

    .text

    .nav-pills

    .nav-link

    + .nav-link {

    margin-top: clamp(1.25rem, 2.0833333333vw, 1.875rem);

}

.general-products .general-products-inner .images {

    flex: 0 0 auto;

    width: clamp(18.75rem, 25.6944444444vw, 23.125rem);

}

.general-products .general-products-inner .images .img-outer {

    width: clamp(21.875rem, 35.0694444444vw, 31.5625rem);

    height: clamp(25rem, 40.2777777778vw, 36.25rem);

    position: relative;

}

.general-products .general-products-inner .images .img-outer img {

    position: absolute;

    height: 100%;

    width: 100%;

    border-radius: clamp(15.625rem, 21.5277777778vw, 19.375rem);

    top: 0;

    left: 0;

    -o-object-fit: cover;

    object-fit: cover;

    transition: all 0.35s;

    opacity: 0;

}

.general-products .general-products-inner .images .img-outer img.active {

    opacity: 1;

}



.h-about-amana {

    margin-bottom: clamp(3.75rem, 8.3333333333vw, 7.5rem);

}

.h-about-amana .h-about-amana-inner .img {

    flex: 0 0 auto;

    width: 50%;

    position: relative;

}

.h-about-amana .h-about-amana-inner .img::after {

    content: "";

    background: #ccd2de;

    width: calc(100% - (-100vw + 100%) / 2);

    margin-left: calc((-100vw + 100%) / 2);

    position: absolute;

    left: 0;

    top: 0;

    z-index: 0;

    height: 100%;

}

.h-about-amana .h-about-amana-inner .img img {

    width: calc(100% - (-100vw + 100%) / 2);

    margin-left: calc((-100vw + 100%) / 2);

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    z-index: 1;

    -o-object-fit: contain;

    object-fit: contain;

    -o-object-position: center right;

    object-position: center right;

}

.h-about-amana .h-about-amana-inner .txt {

    flex: 0 0 auto;

    width: 50%;

    padding: clamp(3.75rem, 9.7222222222vw, 8.75rem) 0

        clamp(3.75rem, 9.7222222222vw, 8.75rem)

        clamp(3.125rem, 8.3333333333vw, 7.5rem);

}



.home-awards.cat-home-awards {

    margin-bottom: clamp(3.75rem, 8.3333333333vw, 7.5rem);

}



.home-apart {

    padding: clamp(3.125rem, 6.9444444444vw, 6.25rem) 0

        clamp(3.75rem, 9.7222222222vw, 8.75rem);

    background-image: url(../images/home/section-banner.png);

    background-position: center;

    background-size: cover;

    position: relative;

}

.home-apart::after {

    content: "";

    position: absolute;

    width: 100%;

    height: clamp(12.5rem, 24.3055555556vw, 21.875rem);

    top: 0;

    left: 0;

    z-index: 1;

    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);

}

.home-apart .txt {

    width: 100%;

    max-width: clamp(25rem, 39.5833333333vw, 35.625rem);

    position: relative;

    z-index: 2;

}



.page-header {

    background-color: var(--amana-apple);

    text-align: center;

    height: clamp(12.5rem, 29.7222222222vw, 26.75rem);

    padding-top: clamp(6.25rem, 11.4583333333vw, 10.3125rem);

}



.middle-content {

    margin-top: clamp(-4.375rem, -4.8611111111vw, -1.875rem);

}



.contact-details {

    margin-bottom: clamp(2.5rem, 6.25vw, 5.625rem);

}

.contact-details .contact-details-inner {

    padding: clamp(1.875rem, 3.4722222222vw, 3.125rem)

        clamp(1.875rem, 6.25vw, 5.625rem);

    background: var(--amana-black-gray-gradient);

    border-radius: clamp(1.25rem, 2.7777777778vw, 2.5rem);

    align-items: center;

}

.contact-details .contact-details-inner .contact-info .title {

    margin: 0 0 clamp(1.5625rem, 3.8194444444vw, 3.4375rem);

}

.contact-details .contact-details-inner .contact-form-outer {

    padding-left: clamp(1.875rem, 4.8611111111vw, 4.375rem);

    border-left: 1px solid rgba(255, 255, 255, 0.1);

}

.contact-details .contact-details-inner .contact-form-outer .title {

    margin-bottom: clamp(0.625rem, 1.0416666667vw, 0.9375rem);

}

.contact-details

    .contact-details-inner

    .contact-form-outer

    .contact-form

    .input-group

    ::-moz-placeholder {

    color: var(--amana-white);

    opacity: 0.5;

    font-weight: 400;

}

.contact-details

    .contact-details-inner

    .contact-form-outer

    .contact-form

    .input-group

    ::-webkit-input-placeholder {

    color: var(--amana-white);

    opacity: 0.5;

    font-weight: 400;

}

.contact-details

    .contact-details-inner

    .contact-form-outer

    .contact-form

    .input-group

    :-ms-input-placeholder {

    color: var(--amana-white);

    opacity: 0.5;

    font-weight: 400;

}

.contact-details

    .contact-details-inner

    .contact-form-outer

    .contact-form

    .input-group

    ::-ms-input-placeholder {

    color: var(--amana-white);

    opacity: 0.5;

    font-weight: 400;

}

.contact-details

    .contact-details-inner

    .contact-form-outer

    .contact-form

    .input-group

    ::placeholder {

    color: var(--amana-white);

    opacity: 0.5;

    font-weight: 400;

}

.contact-details

    .contact-details-inner

    .contact-form-outer

    .contact-form

    .input-group

    .form-control {

    background-color: transparent;

    border: 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    outline: transparent;

    box-shadow: none;

    border-radius: 0;

    padding-left: 0;

    padding-bottom: clamp(0.625rem, 1.0416666667vw, 0.9375rem);

}

.contact-details

    .contact-details-inner

    .contact-form-outer

    .contact-form

    .input-group

    .form-control:focus {

    color: var(--amana-white);

    --current-color: #fff;

    --current-color-rgb: rgb(255, 255, 255);

}

.contact-details

    .contact-details-inner

    .contact-form-outer

    .contact-form

    .input-group

    + .input-group {

    margin-top: clamp(1.25rem, 2.4305555556vw, 2.1875rem);

}

.contact-details

    .contact-details-inner

    .contact-form-outer

    .contact-form

    .submit-btn {

    margin-top: clamp(1.5625rem, 2.4305555556vw, 2.1875rem);

}



.map-details .map-top {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

}

.map-details .map-top .rht .search-form {

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.map-details .map-top .rht .search-form .input-group {

    width: clamp(6.25rem, 31.25vw, 28.125rem);

    height: clamp(2.5rem, 3.8194444444vw, 3.4375rem);

}

.map-details .map-top .rht .search-form .input-group .form-control {

    border: 0;

    padding-left: 0;

    outline: transparent;

    box-shadow: none;

}

.map-details .map-top .rht .search-form svg {

    width: clamp(1.125rem, 1.6666666667vw, 1.5rem);

}

.map-details .map-bottom {

    margin-top: clamp(1.25rem, 1.7361111111vw, 1.5625rem);

}

.map-details .map-bottom .mb-inner {

    position: relative;

}

.map-details .map-bottom .mb-inner .map-frame {

    height: 80vh;

    min-height: 660px;

    max-height: 1000px;

}

.map-details .map-bottom .mb-inner .map-frame > div {

    width: 100%;

    height: 100%;

    border-radius: 10px;

    background: #d9d9d9;

}

.map-details .map-bottom .mb-inner .branches {

    position: absolute;

    bottom: 10px;

    left: 0px;

    padding: 0 0 0 10px;

    z-index: 2;

    width: 100%;

}

.map-details .map-bottom .mb-inner .branches .branches-inner {

    display: flex;

    flex-wrap: nowrap;

    flex-direction: row;

    gap: 10px;

    overflow-x: scroll;

    overflow-y: hidden;

    transition: all 0.2s;

    will-change: transform;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    cursor: auto;

}

.map-details .map-bottom .mb-inner .branches .branches-inner .branch {

    flex: 0 0 auto;

    width: 260px;

    background-color: var(--amana-white);

    padding: 24px;

    border-radius: 10px;

    display: flex;

    position: relative;

}

.map-details .map-bottom .mb-inner .branches .branches-inner .branch .lft {

    flex: 0 0 auto;

    width: 100%;

    display: flex;

    height: 100%;

    flex-direction: column;

    justify-content: space-between;

}

.map-details .map-bottom .mb-inner .branches .branches-inner .branch .lft .loc {

    font-size: 1.125rem;

    text-transform: capitalize;

    font-family: var(--bai-jamjuree-font);

    font-weight: 500;

    line-height: 1;

    letter-spacing: -0.36px;

    margin-bottom: 7px;

}

.map-details .map-bottom .mb-inner .branches .branches-inner .branch .lft .cat {

    color: var(--amana-black);

    --current-color: #000;

    --current-color-rgb: rgb(0, 0, 0);

    font-family: Bai Jamjuree;

    font-size: 0.75rem;

    font-family: var(--bai-jamjuree-font);

    font-weight: 600;

    line-height: 1;

    letter-spacing: -0.24px;

    text-transform: uppercase;

    opacity: 0.6;

    margin-bottom: 10px;

    display: block;

}

.map-details .map-bottom .mb-inner .branches .branches-inner .branch .lft p {

    color: var(--amana-black);

    --current-color: #000;

    --current-color-rgb: rgb(0, 0, 0);

    font-size: 0.875rem;

    font-weight: 400;

    line-height: 1.375rem; /* 157.143% */

    letter-spacing: -0.28px;

    margin-bottom: 10px;

}

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch

    .lft

    .other {

    cursor: pointer;

}

.map-details .map-bottom .mb-inner .branches .branches-inner .branch .rht {

    flex: 0 0 auto;

    width: 0%;

    height: 0;

    overflow: hidden;

}

.map-details .map-bottom .mb-inner .branches .branches-inner .branch .rht p {

    color: var(--amana-black);

    --current-color: #000;

    --current-color-rgb: rgb(0, 0, 0);

    font-size: 0.875rem;

    font-weight: 400;

    line-height: 1.375rem; /* 157.143% */

    letter-spacing: -0.28px;

    margin-bottom: 10px;

}

.map-details .map-bottom .mb-inner .branches .branches-inner .branch .rht .hrs {

    margin-bottom: 15px;

}

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch

    .rht

    .hrs

    .lt {

    width: 75px;

    display: inline-block;

}

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch:last-child {

    margin-right: 10px;

}

.map-details .map-bottom .mb-inner .branches .branches-inner .branch .close {

    display: none;

    position: absolute;

    top: 20px;

    right: 20px;

    cursor: pointer;

}

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch

    .close

    svg {

    width: 30px;

}

.map-details .map-bottom .mb-inner .branches .branches-inner .branch.active {

    width: 530px;

    gap: 40px;

    background: var(--amana-black-dark-gray-gradient);

}

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch.active

    .lft,

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch.active

    .rht {

    width: calc((100% - 80px) / 2);

}

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch.active

    .lft

    .loc,

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch.active

    .lft

    p,

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch.active

    .rht

    .loc,

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch.active

    .rht

    p {

    color: var(--amana-white);

    --current-color: #fff;

    --current-color-rgb: rgb(255, 255, 255);

}

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch.active

    .lft

    .cat,

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch.active

    .rht

    .cat {

    color: var(--amana-white);

    --current-color: #fff;

    --current-color-rgb: rgb(255, 255, 255);

    opacity: 0.4;

}

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch.active

    .rht {

    height: 100%;

}

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch.active

    .close {

    display: block;

}

.map-details .map-bottom .mb-inner .branches .branches-inner .branch:hover {

    background: var(--amana-black-dark-gray-gradient);

}

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch:hover

    .lft

    .loc,

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch:hover

    .lft

    p,

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch:hover

    .rht

    .loc,

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch:hover

    .rht

    p {

    color: var(--amana-white);

    --current-color: #fff;

    --current-color-rgb: rgb(255, 255, 255);

}

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch:hover

    .lft

    .cat,

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner

    .branch:hover

    .rht

    .cat {

    color: var(--amana-white);

    --current-color: #fff;

    --current-color-rgb: rgb(255, 255, 255);

    opacity: 0.4;

}

.map-details .map-bottom .mb-inner .branches .branches-inner.walk .branch {

    pointer-events: none;

}

.map-details .map-bottom .mb-inner .branches .branches-inner {

    overflow-y: scroll;

    scrollbar-width: none; /* Firefox */

    -ms-overflow-style: none; /* Internet Explorer 10+ */

}

.map-details

    .map-bottom

    .mb-inner

    .branches

    .branches-inner::-webkit-scrollbar {

    /* WebKit */

    width: 0;

    height: 0;

}



.footer {

    padding: clamp(2.5rem, 5.2083333333vw, 4.6875rem) 0;

    background-color: var(--amana-white);

}

.footer .footer-inner {

    justify-content: space-between;

}

.footer .footer-inner .col {

    flex: 0 0 auto;

}

.footer .footer-inner .col.lft {

    width: 30%;

}

.footer .footer-inner .col.lft .logos {

    margin-bottom: clamp(1.875rem, 4.1666666667vw, 3.75rem);

}

.footer .footer-inner .col.lft .logos .f-logo {

    display: block;

    width: clamp(7.5rem, 6.9444444444vw, 6.25rem);

}

.footer .footer-inner .col.lft .logos .f-logo img {

    width: 100%;

}

.footer .footer-inner .col.lft .logos .f-logo + .f-logo {

    margin-top: clamp(1.5625rem, 2.7777777778vw, 2.5rem);

}

.footer .footer-inner .col.lft .open-hrs .title {

    margin-bottom: clamp(0.625rem, 1.0416666667vw, 0.9375rem);

}

.footer .footer-inner .col.lft .hrs {

    margin-bottom: 15px;

}

.footer .footer-inner .col.lft .hrs .lt {

    width: 75px;

    display: inline-block;

}

.footer .footer-inner .col.mid {

    width: 45%;

    padding: 0 clamp(1.25rem, 3.4722222222vw, 3.125rem);

}

.footer .footer-inner .col.mid .link-list {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: clamp(0.625rem, 1.3888888889vw, 1.25rem)

        clamp(1.25rem, 4.8611111111vw, 4.375rem);

}

.footer .footer-inner .col.mid .link-list li {

    max-width: clamp(6.25rem, 10.4166666667vw, 9.375rem);

}

.footer .footer-inner .col.mid .link-list li a {

    color: var(--amana-black);

    --current-color: #000;

    --current-color-rgb: rgb(0, 0, 0);

    transition: all 0.35s;

}

.footer .footer-inner .col.mid .link-list li a:hover {

    color: var(--amana-apple);

    --current-color: #81bd41;

    --current-color-rgb: rgb(129, 189, 65);

}

.footer .footer-inner .col.rht {

    width: 25%;

}

.footer .footer-bottom {

    justify-content: space-between;

    margin-top: clamp(1.875rem, 4.1666666667vw, 3.75rem);

    padding-top: clamp(0.9375rem, 1.3888888889vw, 1.25rem);

    border-top: 1px solid var(--amana-bright-gray);

    align-items: center;

    gap: 15px;

}

.footer .footer-bottom .link-list.list-inline {

    display: flex;

    flex-direction: row;

    gap: 24px;

}

.footer .footer-bottom .link-list.list-inline li a svg {

    width: 20px;

}

.footer .footer-bottom .link-list.list-inline li a svg path {

    transition: all 0.35s;

    stroke: var(--amana-black);

}

.footer .footer-bottom .link-list.list-inline li a:hover svg path {

    stroke: var(--amana-apple);

}



.middle-content.black-box {

    margin-top: clamp(-5rem, -5.5555555556vw, -2.5rem);

    margin-bottom: clamp(2.5rem, 6.9444444444vw, 6.25rem);

}

.middle-content.black-box .bb-inner {

    width: clamp(20rem, 67.3611111111vw, 60.625rem);

    margin: 0 auto;

    border-radius: clamp(1.25rem, 2.7777777778vw, 2.5rem);

    background: var(--amana-black-dark-gray-gradient);

    padding: clamp(1.25rem, 2.7777777778vw, 2.5rem)

        clamp(1.875rem, 6.9444444444vw, 6.25rem);

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.middle-content.black-box .bb-inner .lft .title {

    line-height: 1;

    margin-bottom: clamp(0.3125rem, 0.6944444444vw, 0.625rem);

}



.officer-details {

    background-color: var(--amana-cultured);

    border-radius: clamp(0.625rem, 1.3888888889vw, 1.25rem);

    padding: clamp(1.25rem, 2.7777777778vw, 2.5rem);

}

.officer-details .officer-details-inner {

    display: flex;

    flex-wrap: wrap;

    gap: clamp(0.625rem, 1.3888888889vw, 1.25rem) 10px;

}

.officer-details .officer-details-inner .odi-sec {

    flex: 0 0 auto;

    width: calc(33.3333333333% - 20px);

}

.officer-details .officer-details-inner .odi-sec.fw {

    width: 100%;

}

.officer-details .officer-details-inner .odi-sec .lbl {

    font-size: 10px;

    opacity: 0.7;

    margin-bottom: 0;

}



.complaint-form-outer .complaint-form-box {

    background: var(--amana-black-dark-gray-gradient);

    padding: clamp(1.875rem, 4.1666666667vw, 3.75rem)

        clamp(1.875rem, 6.9444444444vw, 6.25rem);

    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

    margin: clamp(1.25rem, 1.7361111111vw, 1.5625rem) 0

        clamp(2.5rem, 5.5555555556vw, 5rem);

}

.complaint-form-outer .complaint-form-box .title {

    padding: 0 clamp(1.875rem, 6.9444444444vw, 6.25rem);

    text-align: center;

}

.complaint-form-outer .complaint-form-box p {

    padding: 0 clamp(1.875rem, 13.8888888889vw, 12.5rem);

    text-align: center;

    margin-bottom: clamp(1.875rem, 5.5555555556vw, 5rem);

}

.complaint-form-outer .complaint-form {

    display: flex;

    flex-wrap: wrap;

    gap: clamp(1.25rem, 2.7777777778vw, 2.5rem)

        clamp(0.9375rem, 2.0833333333vw, 1.875rem);

}

.complaint-form-outer .complaint-form .input-group {

    flex: 0 0 auto;

    width: calc(50% - clamp(0.9375rem, 2.0833333333vw, 1.875rem));

}

.complaint-form-outer .complaint-form .input-group ::-moz-placeholder {

    color: var(--amana-white);

    opacity: 0.5;

    font-weight: 400;

}

.complaint-form-outer .complaint-form .input-group ::-webkit-input-placeholder {

    color: var(--amana-white);

    opacity: 0.5;

    font-weight: 400;

}

.complaint-form-outer .complaint-form .input-group :-ms-input-placeholder {

    color: var(--amana-white);

    opacity: 0.5;

    font-weight: 400;

}

.complaint-form-outer .complaint-form .input-group ::-ms-input-placeholder {

    color: var(--amana-white);

    opacity: 0.5;

    font-weight: 400;

}

.complaint-form-outer .complaint-form .input-group ::placeholder {

    color: var(--amana-white);

    opacity: 0.5;

    font-weight: 400;

}

.complaint-form-outer .complaint-form .input-group .form-control {

    background-color: transparent;

    border: 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

    outline: transparent;

    box-shadow: none;

    border-radius: 0;

    padding-left: 0;

    padding-bottom: clamp(0.625rem, 1.0416666667vw, 0.9375rem);

    height: 45px;

}

.complaint-form-outer .complaint-form .input-group .form-control:focus {

    color: var(--amana-white);

    --current-color: #fff;

    --current-color-rgb: rgb(255, 255, 255);

}

.complaint-form-outer .complaint-form .input-group.fw {

    width: 100%;

}

.complaint-form-outer .complaint-form .input-group.fw .form-control {

    height: 50px;

}

.complaint-form-outer .complaint-form .input-group.file-upload .drop-zone {

    width: 100%;

    padding: clamp(0.625rem, 1.3888888889vw, 1.25rem)

        clamp(1.25rem, 2.7777777778vw, 2.5rem);

    cursor: pointer;

    border-radius: 10px;

    border: 1px dashed #dadada;

    border-radius: 10px;

}

.complaint-form-outer

    .complaint-form

    .input-group.file-upload

    .drop-zone--over {

    border-style: solid;

}

.complaint-form-outer

    .complaint-form

    .input-group.file-upload

    .drop-zone__input {

    display: none;

}

.complaint-form-outer

    .complaint-form

    .input-group.file-upload

    .drop-zone__thumb {

    width: clamp(1.5625rem, 2.7777777778vw, 2.5rem);

    height: clamp(1.5625rem, 2.7777777778vw, 2.5rem);

    border-radius: clamp(0.3125rem, 0.6944444444vw, 0.625rem);

    overflow: hidden;

    background-color: #cccccc;

    background-size: cover;

    position: relative;

}

.complaint-form-outer

    .complaint-form

    .input-group.file-upload

    .drop-zone__prompt {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}

.complaint-form-outer

    .complaint-form

    .input-group.file-upload

    .drop-zone__prompt

    .lft {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 10px;

}

.complaint-form-outer

    .complaint-form

    .input-group.file-upload

    .drop-zone__prompt

    .rht

    .amana-white {

    opacity: 0.4;

}

.complaint-form-outer .complaint-form .submit-btn {

    margin-top: 0;

}



.full-width-text-sec {

    padding: clamp(2.5rem, 4.8611111111vw, 4.375rem) 0;

}

.full-width-text-sec .inner {

    width: 100%;

    padding: 0 clamp(0rem, 13.8888888889vw, 12.5rem);

}



.side-img-sec {

    padding: clamp(2.5rem, 5.5555555556vw, 5rem) 0;

}

.side-img-sec .inner {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.side-img-sec .inner .txt {

    flex: 0 0 auto;

    width: calc(100% - clamp(18.75rem, 41.6666666667vw, 50rem));

    padding-right: clamp(1.25rem, 8.3333333333vw, 7.5rem);

}

.side-img-sec .inner .img {

    flex: 0 0 auto;

    width: clamp(18.75rem, 41.6666666667vw, 50rem);

    cursor: pointer;

}

.side-img-sec .inner .img img {

    width: 100%;

    transition: all 0.35s;

}

.side-img-sec .inner .img img:hover {

    opacity: 0.75;

}



.amana-modal .modal-dialog {

    max-width: clamp(20rem, 81.25vw, 73.125rem);

}

.amana-modal .modal-dialog .modal-content {

    border: 0;

    border-radius: 0;

    position: relative;

}

.amana-modal .modal-dialog .modal-content .btn-close {

    position: absolute;

    top: clamp(0.625rem, 2.0833333333vw, 1.875rem);

    right: clamp(0.625rem, 2.0833333333vw, 1.875rem);

    z-index: 2;

}

.amana-modal .modal-dialog .modal-content .modal-header {

    padding: clamp(1.25rem, 2.7777777778vw, 2.5rem)

        clamp(1.25rem, 6.9444444444vw, 6.25rem);

    border: 0;

}

.amana-modal .modal-dialog .modal-content .modal-body {

    padding: 0 clamp(1.25rem, 6.9444444444vw, 6.25rem)

        clamp(1.25rem, 2.7777777778vw, 2.5rem);

}



.fast-growing {

    padding: clamp(2.5rem, 6.9444444444vw, 6.25rem) 0

        clamp(0.625rem, 1.7361111111vw, 1.5625rem);

    background-color: var(--amana-white);

}

.fast-growing .black-box {

    padding: clamp(2.5rem, 7.6388888889vw, 6.875rem)

        clamp(1.875rem, 13.8888888889vw, 12.5rem);

    background: var(--amana-black-dark-gray-gradient);

    border-radius: clamp(0.9375rem, 2.7777777778vw, 2.5rem);

    position: relative;

    overflow: hidden;

}

.fast-growing .black-box::after {

    content: "";

    position: absolute;

    width: clamp(6.25rem, 29.8611111111vw, 26.875rem);

    aspect-ratio: 1/1;

    bottom: 0;

    left: 0;

    transform: rotate(0deg) translate(-30%, 30%);

    border-radius: 50%; /*1*/

    border: clamp(0.4375rem, 1.3888888889vw, 1.25rem) solid transparent; /*2*/

    background: var(--amana-apple-yellow-gradient) border-box; /*3*/

    -webkit-mask: linear-gradient(#fff 0 0) padding-box,

        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor; /*5'*/

    mask-composite: exclude; /*5*/

}



.top-image-box .image {

    width: 100%;

    height: clamp(18.75rem, 31.9444444444vw, 28.75rem);

}

.top-image-box .image img {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: center;

    object-position: center;

    transition: all 0.15s linear;

}



.career-info-box {

    margin-top: 10px;

}

.career-info-box .career-info-box-inner {

    padding: clamp(1.875rem, 6.9444444444vw, 6.25rem);

    background: var(--amana-black-dark-gray-gradient);

}



.current-openings {

    margin-bottom: clamp(1.875rem, 4.1666666667vw, 3.75rem);

}

.current-openings .current-openings-inner .career {

    border-bottom: 1px solid #eee;

}

.current-openings .current-openings-inner .career .top .tp {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.current-openings .current-openings-inner .career .top .tp .star {

    margin: 0 clamp(0.625rem, 1.1111111111vw, 1rem);

}

.current-openings .current-openings-inner .career .top .tp .txt {

    opacity: 0.5;

}

.current-openings .current-openings-inner .career .bottom {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}

.current-openings .current-openings-inner .career .bottom .lft {

    flex: 0 0 auto;

    width: calc(100% - clamp(1.875rem, 3.4722222222vw, 3.125rem));

}

.current-openings .current-openings-inner .career .bottom .rht {

    flex: 0 0 auto;

    width: clamp(1.875rem, 3.4722222222vw, 3.125rem);

    aspect-ratio: 1/1;

    display: grid;

    place-items: center;

    background-color: var(--amana-apple);

    border-radius: 50%;

    cursor: pointer;

    transition: transform 0.35s;

}

.current-openings .current-openings-inner .career .bottom .rht svg {

    width: clamp(0.9375rem, 1.6666666667vw, 1.5rem);

}

.current-openings .current-openings-inner .career .bottom .rht:hover {

    transform: rotate(-180deg);

}



.complaint-form-outer.popup-form {

    margin-top: clamp(2.5rem, 6.9444444444vw, 6.25rem);

}

.complaint-form-outer.popup-form .complaint-form-box {

    margin-bottom: clamp(1.25rem, 4.1666666667vw, 3.75rem);

}

.complaint-form-outer.popup-form .complaint-form-box .title {

    padding: 0;

}

.complaint-form-outer.popup-form.apply-form-outer {

    margin-top: clamp(1.25rem, 3.4722222222vw, 3.125rem);

}

.complaint-form-outer.popup-form.apply-form-outer .complaint-form-box {

    margin-bottom: 0;

}



.job-modal {

    /* width */

    /* Track */

    /* Handle */

    /* Handle on hover */

    scrollbar-color: var(--amana-apple) #f1f1f1;

    scrollbar-width: thin;

}

.job-modal .modal-dialog .modal-content .modal-body {

    padding-bottom: clamp(1.25rem, 4.1666666667vw, 3.75rem);

}

.job-modal ::-webkit-scrollbar {

    width: 5px;

}

.job-modal ::-webkit-scrollbar-track {

    background: #f1f1f1;

}

.job-modal ::-webkit-scrollbar-thumb {

    background: var(--amana-apple);

}

.job-modal ::-webkit-scrollbar-thumb:hover {

    background: var(--amana-apple);

}

.job-modal .job-info {

    max-height: 60vh;

    overflow-y: auto;

    padding-right: 10px;

    scroll-behavior: smooth;

}

.job-modal .tws {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: flex-start;

}

.job-modal .tws .title {

    flex: 0 0 auto;

    width: calc(100% - 120px);

    padding-right: clamp(1.25rem, 6.9444444444vw, 6.25rem);

}

.job-modal .tws .button-sec {

    flex: 0 0 auto;

    width: 120px;

    padding-top: 15px;

    text-align: right;

}



.amana-modal .modal-dialog .modal-content .modal-body .container {

    padding: 0;

}

.amana-modal .modal-dialog .modal-content .modal-body .job-modal .job-info {

    max-height: 65vh;

}



.offers-section.offers-outer {

    margin-top: clamp(2.5rem, 6.9444444444vw, 6.25rem);

    margin-bottom: clamp(2.5rem, 6.9444444444vw, 6.25rem);

}

.offers-section.offers-outer .offer-cards-area .card-grid {

    margin: 0 clamp(-1.25rem, -1.3888888889vw, -0.625rem);

    width: calc(100% + clamp(1.25rem, 2.7777777778vw, 2.5rem));

    gap: clamp(1.25rem, 2.7777777778vw, 2.5rem) 0;

}

.offers-section.offers-outer .offer-cards-area .card-grid .card-grid-box {

    flex: 0 0 auto;

    width: 33.3333333333%;

    padding: 0 clamp(0.625rem, 1.3888888889vw, 1.25rem);

    min-width: auto;

}

.offers-section.offers-outer

    .offer-cards-area

    .card-grid

    .card-grid-box

    .offer-card {

    height: 100%;

    min-height: clamp(21.875rem, 28.8194444444vw, 25.9375rem);

    padding: clamp(0.4375rem, 0.6944444444vw, 0.625rem);

    --offer-card-img-height: calc(crz(60, 90, 90) + 10px);

}

.offers-section.offers-outer

    .offer-cards-area

    .card-grid

    .card-grid-box

    .offer-card

    .offer-image

    img {

    width: clamp(3.75rem, 6.25vw, 5.625rem);

    aspect-ratio: 1/1;

    -o-object-fit: contain;

    object-fit: contain;

    -o-object-position: center;

    object-position: center;

    margin: 10px;

}

.offers-section.offers-outer

    .offer-cards-area

    .card-grid

    .card-grid-box

    .offer-card

    .offer-details {

    padding: clamp(1.25rem, 2.0833333333vw, 1.875rem);

    height: calc(100% - (clamp(3.75rem, 6.25vw, 5.625rem) + 10px));

}

.offers-section.offers-outer

    .offer-cards-area

    .card-grid

    .card-grid-box

    .offer-card

    .offer-detail-bottom

    .other

    svg {

    transition: all 0.35s;

}

.offers-section.offers-outer

    .offer-cards-area

    .card-grid

    .card-grid-box

    .offer-card

    .offer-detail-bottom

    .other:hover

    svg {

    transform: translateX(5px);

}



.offer-image {

    background: var(--amana-cultured);

}



.offer-inner-detail-sec .oid-rht .offer-img {

    background-color: transparent;

}



.news-cards-area .card-grid {

    margin: 0 clamp(-1.25rem, -1.3888888889vw, -0.625rem);

    width: calc(100% + clamp(1.25rem, 2.7777777778vw, 2.5rem));

    gap: clamp(1.25rem, 2.7777777778vw, 2.5rem) 0;

}

.news-cards-area .card-grid .card-grid-box {

    flex: 0 0 auto;

    width: 33.3333333333%;

    padding: 0 clamp(0.625rem, 1.3888888889vw, 1.25rem);

    min-width: auto;

}

.news-cards-area .card-grid .card-grid-box .news-card {

    height: 100%;

    min-height: clamp(15rem, 23.9583333333vw, 21.5625rem);

    --news-card-img-height: calc(crz(60, 90, 90) + 10px);

}

.news-cards-area .card-grid .card-grid-box .news-card .news-image img {

    width: clamp(3.75rem, 6.25vw, 5.625rem);

    aspect-ratio: 1/1;

    -o-object-fit: contain;

    object-fit: contain;

    -o-object-position: center;

    object-position: center;

    margin: 10px;

}

.news-cards-area .card-grid .card-grid-box .news-card .news-details {

    padding: clamp(1.25rem, 2.0833333333vw, 1.875rem);

    height: calc(100% - (clamp(3.75rem, 6.25vw, 5.625rem) + 10px));

}

.news-cards-area .card-grid .card-grid-box .news-card .news-bottom .other svg {

    transition: all 0.35s;

}

.news-cards-area

    .card-grid

    .card-grid-box

    .news-card

    .news-bottom

    .other:hover

    svg {

    transform: translateX(5px);

}



.news-title-para {

    -webkit-line-clamp: 3;

    line-height: 1.2;

}



.news-desc-para {

    -webkit-line-clamp: 5;

}



.news-article-outer {

    padding-top: clamp(5rem, 13.8888888889vw, 12.5rem);

}

.news-article-outer .back-btn.arrow svg {

    transition: all 0.35s;

}

.news-article-outer .back-btn.arrow:hover svg {

    transform: translateX(-5px);

}



.products-section {

    margin-bottom: clamp(3.125rem, 6.9444444444vw, 6.25rem);

}

.products-section .products-outer {

    display: flex;

    flex-wrap: wrap;

    width: 100%;

    gap: clamp(1.25rem, 2.7777777778vw, 2.5rem);

    justify-content: space-between;

}

.products-section .products-outer .product {

    flex: 0 0 auto;

    width: calc(50% - clamp(0.625rem, 1.3888888889vw, 1.25rem));

    height: clamp(25rem, 49.3055555556vw, 44.375rem);

    overflow: hidden;

    position: relative;

}

.products-section .products-outer .product .product-image {

    height: 100%;

    width: 100%;

    position: relative;

    overflow: hidden;

}

.products-section .products-outer .product .product-image .image {

    height: 100%;

    width: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: center;

    object-position: center;

    transition: -webkit-filter 0.35s;

    transition: filter 0.35s;

    transition: filter 0.35s, -webkit-filter 0.35s;

}

.products-section .products-outer .product .product-description {

    position: absolute;

    width: calc(100% - clamp(1.875rem, 2.7777777778vw, 2.5rem));

    left: 0;

    right: 0;

    margin: auto;

    bottom: 20px;

}

.products-section

    .products-outer

    .product

    .product-description

    .product-description-info {

    padding: clamp(1.5625rem, 2.7777777778vw, 2.5rem);

    background-color: var(--amana-white);

}

.products-section

    .products-outer

    .product

    .product-description

    .product-description-info

    .product-description-info-top {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    margin-bottom: clamp(0.625rem, 1.3888888889vw, 1.25rem);

}

.products-section

    .products-outer

    .product

    .product-description

    .product-description-info

    .product-description-info-top

    .icon {

    flex: 0 0 auto;

    width: clamp(2.5rem, 4.1666666667vw, 3.75rem);

    height: clamp(2.5rem, 4.1666666667vw, 3.75rem);

    background-color: var(--amana-apple);

    border-radius: 50%;

    display: grid;

    place-items: center;

}

.products-section

    .products-outer

    .product

    .product-description

    .product-description-info

    .product-description-info-top

    .icon

    img {

    width: clamp(1.75rem, 2.3611111111vw, 2.125rem);

}

.products-section

    .products-outer

    .product

    .product-description

    .product-description-info

    .product-description-info-top

    .txt {

    flex: 0 0 auto;

    width: calc(100% - clamp(2.5rem, 4.1666666667vw, 3.75rem));

    padding-left: clamp(0.625rem, 1.1111111111vw, 1rem);

}

.products-section

    .products-outer

    .product

    .product-description

    .product-description-info

    .product-description-info-middle {

    height: clamp(3.125rem, 5vw, 4.5rem);

    overflow-x: hidden;

    overflow-y: auto;

    margin-bottom: clamp(0.9375rem, 1.3888888889vw, 1.25rem);

}

.products-section

    .products-outer

    .product

    .product-description

    .product-description-info

    .product-description-info-bottom {

    display: grid;

    grid-template-columns: repeat(

        4,

        calc((100% - clamp(0.625rem, 1.3888888889vw, 1.25rem) * 3) / 4)

    );

    gap: clamp(0.625rem, 1.3888888889vw, 1.25rem);

}

.products-section

    .products-outer

    .product

    .product-description

    .product-description-info

    .product-description-info-bottom

    .in {

    text-align: center;

}

.products-section

    .products-outer

    .product

    .product-description

    .product-description-info

    .product-description-info-bottom

    .in

    .icon {

    display: block;

    margin: 0 auto;

    height: clamp(1.75rem, 2.3611111111vw, 2.125rem);

    margin-bottom: 10px;

}

.products-section

    .products-outer

    .product

    .product-description

    .product-description-info

    .product-description-info-bottom

    .in

    span.icon {

    font-size: clamp(1.25rem, 1.9444444444vw, 1.75rem);

    letter-spacing: -0.56px;

}

.products-section

    .products-outer

    .product

    .product-description

    .product-description-info

    .product-description-info-bottom

    .in

    .i-des {

    line-height: 1.25;

    display: block;

    opacity: 0.5;

    font-size: clamp(0.625rem, 0.8333333333vw, 0.75rem);

}

.products-section

    .products-outer

    .product

    .product-description

    .available-products-info-outer {

    width: 100%;

    max-height: 0px;

    overflow: hidden;

    transition: all 0.35s;

}

.products-section

    .products-outer

    .product

    .product-description

    .available-products-info-outer

    .available-products-info {

    width: 100%;

    background-color: var(--amana-white);

    padding: clamp(1.25rem, 2.0833333333vw, 1.875rem)

        clamp(1.5625rem, 2.7777777778vw, 2.5rem);

    margin-top: 10px;

}

.products-section

    .products-outer

    .product

    .product-description

    .available-products-info-outer

    .available-products-info

    .title {

    margin-bottom: clamp(0.9375rem, 1.3888888889vw, 1.25rem);

    line-height: 1.2;

}

.products-section

    .products-outer

    .product

    .product-description

    .available-products-info-outer

    .available-products-info

    .inner {

    height: 130px;

    overflow-x: hidden;

    overflow-y: auto;

}

.products-section

    .products-outer

    .product

    .product-description

    .available-products-info-outer

    .available-products-info

    .inner

    .inner-products {

    display: flex;

    flex-wrap: wrap;

    gap: 10px 7px;

}

.products-section .products-outer .product:hover .product-image .image {

    -webkit-filter: blur(clamp(0.9375rem, 1.7361111111vw, 1.5625rem));

    filter: blur(clamp(0.9375rem, 1.7361111111vw, 1.5625rem));

}

.products-section

    .products-outer

    .product:hover

    .available-products-info-outer {

    max-height: 260px;

}

.products-section .products-outer .product.fw {

    width: 100%;

    height: clamp(17.5rem, 26.0416666667vw, 23.4375rem);

}

.products-section .products-outer .product.fw .product-description {

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    width: 100%;

    gap: 0;

    padding: clamp(0.9375rem, 1.3888888889vw, 1.25rem);

    bottom: 0;

    top: 0;

}

.products-section

    .products-outer

    .product.fw

    .product-description

    .product-description-info {

    width: calc(50% - clamp(0.625rem, 1.0416666667vw, 0.9375rem));

}

.products-section

    .products-outer

    .product.fw

    .product-description

    .available-products-info-outer {

    width: auto;

    max-height: unset;

    max-width: 0;

}

.products-section

    .products-outer

    .product.fw

    .product-description

    .available-products-info-outer

    .available-products-info {

    margin-top: 0;

    height: 100%;

}

.products-section

    .products-outer

    .product.fw

    .product-description

    .available-products-info-outer

    .available-products-info

    .inner {

    height: clamp(8.125rem, 15.2777777778vw, 13.75rem);

}

.products-section

    .products-outer

    .product.fw:hover

    .product-description

    .available-products-info-outer {

    max-width: calc(50% - clamp(0.625rem, 1.0416666667vw, 0.9375rem));

    margin-left: clamp(1.25rem, 2.0833333333vw, 1.875rem);

}



.offers-section.light-yellow-bg.offer-slider-section {

    padding: clamp(3.125rem, 10.4166666667vw, 9.375rem) 0

        clamp(4.375rem, 17.3611111111vw, 15.625rem);

}



.products-page .fast-growing {

    padding-top: 0;

    background: transparent;

}

.products-page .fast-growing-life {

    padding-top: 4rem;

    background: transparent;

}

.products-page .fast-growing .black-box {

    margin-top: clamp(-7.8125rem, -8.6805555556vw, -3.125rem);

}



.tbs .sec-footer-rht .tab-button-black::after {

    width: 100%;

}



.policy-plans {

    margin: 0 -10px clamp(1.25rem, 2.7777777778vw, 2.5rem);

    gap: 20px 0;

}

.policy-plans .plan {

    flex: 0 0 auto;

    width: 50%;

    padding: 0 10px;

}

.policy-plans .plan .plan-inner {

    width: 100%;

    border-radius: clamp(0.625rem, 1.3888888889vw, 1.25rem);

    background-color: var(--amana-black);

    padding: clamp(0.625rem, 1.1111111111vw, 1rem)

        clamp(0.9375rem, 1.7361111111vw, 1.5625rem);

}

.policy-plans .plan .plan-inner .top {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    gap: 10px;

    margin-bottom: clamp(0.625rem, 1.1111111111vw, 1rem);

}

.policy-plans .plan .plan-inner .top .amt {

    display: block;

    margin-bottom: 7px;

    line-height: 1;

}

.policy-plans .plan .plan-inner .top .desc {

    opacity: 0.5;

}

.policy-plans .plan .plan-inner .top .no {

    padding: 2px 10px;

    background-color: var(--amana-pale-taupe);

    border-radius: 30px;

}

.policy-plans .plan .plan-inner .bottom {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    gap: 10px;

}

.policy-plans .plan .plan-inner .bottom .view {

    cursor: pointer;

}

.policy-plans .plan:nth-child(4n + 2) .top .no {

    background-color: var(--amana-babay-blue-eyes);

}

.policy-plans .plan:nth-child(4n + 3) .top .no {

    background-color: var(--amana-saffron);

}

.policy-plans .plan:nth-child(4n + 4) .top .no {

    background-color: var(--amana-metallic-silver);

}



.policy-details h2,

.policy-details h3,

.policy-details h4,

.policy-details h5 {

    font-size: clamp(1.125rem, 1.6666666667vw, 1.5rem);

    line-height: 1.5;

    letter-spacing: -0.48px;

    font-family: var(--bai-jamjuree-font);

    margin-bottom: 10px;

    margin-top: 0;

    font-weight: 600;

}

.policy-details p {

    font-size: clamp(0.875rem, 1.1111111111vw, 1rem);

    line-height: 1.5;

    letter-spacing: -0.32px;

    margin-bottom: clamp(0.9375rem, 1.3888888889vw, 1.25rem);

    font-weight: 500;

}

.policy-details ul {

    padding-left: 15px;

}

.policy-details ul li {

    font-size: clamp(0.875rem, 1.1111111111vw, 1rem);

    line-height: 1.5;

    letter-spacing: -0.32px;

    font-weight: 500;

}

.policy-details ul li ul {

    list-style: disc;

    margin-top: 10px;

}

.policy-details ul li + li {

    margin-top: 10px;

}



.motor-benefits {

    margin-top: clamp(-1.875rem, -2.0833333333vw, -0.625rem);

    justify-content: flex-start;

    gap: 30px 50px;

}

.motor-benefits .in {

    flex: 0 0 auto;

    width: calc(50% - 15px);

    padding: clamp(1.25rem, 2.0833333333vw, 1.875rem);

    background-color: var(--amana-cultured);

    border-radius: clamp(0.625rem, 1.3888888889vw, 1.25rem);

}

.motor-benefits .in h4 {

    color: var(--amana-apple);

    --current-color: #81bd41;

    --current-color-rgb: rgb(129, 189, 65);

}

.motor-benefits .in ul {

    margin-bottom: 0;

}



.mid-nav-bar {

    padding: 0;

    background-color: #8ec454;

    position: -webkit-sticky;

    position: sticky;

    top: 0;

    z-index: 99;

}

.mid-nav-bar .mid-nav-inner .mid-nav {

    justify-content: center;

    gap: clamp(1.25rem, 4.1666666667vw, 3.75rem);

}

.mid-nav-bar .mid-nav-inner .mid-nav li a {

    color: var(--amana-white);

    --current-color: #fff;

    --current-color-rgb: rgb(255, 255, 255);

    transition: all 0.35s;

    position: relative;

    padding: clamp(0.625rem, 1.3888888889vw, 1.25rem) 0;

    display: block;

    font-weight: 500;

}

.mid-nav-bar .mid-nav-inner .mid-nav li a::after {

    content: "";

    position: absolute;

    height: 3px;

    width: 0%;

    background-color: var(--amana-black);

    bottom: 0px;

    left: 0;

    transition: width 0.35s;

}

.mid-nav-bar .mid-nav-inner .mid-nav li a.active {

    color: var(--amana-black);

    --current-color: #000;

    --current-color-rgb: rgb(0, 0, 0);

}

.mid-nav-bar .mid-nav-inner .mid-nav li a.active::after {

    width: 100%;

}

.mid-nav-bar .mid-nav-inner .mid-nav li a:hover {

    color: var(--amana-black);

    --current-color: #000;

    --current-color-rgb: rgb(0, 0, 0);

}

.mid-nav-bar .mid-nav-inner .mid-nav li a:hover::after {

    width: 100%;

}



.about-trust {

    padding: clamp(3.125rem, 6.9444444444vw, 6.25rem) 0;

}

.about-trust .trust-inner .img {

    flex: 0 0 auto;

    width: clamp(15.625rem, 34.7222222222vw, 31.25rem);

}

.about-trust .trust-inner .img img {

    width: 100%;

}

.about-trust .trust-inner .txt {

    flex: 0 0 auto;

    width: calc(100% - clamp(15.625rem, 34.7222222222vw, 31.25rem));

    padding-left: clamp(2.5rem, 6.9444444444vw, 6.25rem);

    padding-right: clamp(0rem, 6.9444444444vw, 6.25rem);

}



.vision-mission .vision-mission-inner .in {

    flex: 0 0 auto;

    width: clamp(7.5rem, 12.5vw, 11.25rem);

    padding: 0 5px;

    position: relative;

}

.vision-mission .vision-mission-inner .in .outer {

    overflow: hidden;

}

.vision-mission .vision-mission-inner .in .outer .inner {

    width: 100%;

    background-color: var(--amana-black);

    padding: clamp(1.875rem, 5.5555555556vw, 5rem) 0

        clamp(1.875rem, 5.5555555556vw, 5rem)

        clamp(1.875rem, 6.9444444444vw, 6.25rem);

}

.vision-mission .vision-mission-inner .in .outer .inner .txt {

    width: calc(100% - clamp(6.25rem, 18.0555555556vw, 16.25rem));

    padding: 0;

}

.vision-mission .vision-mission-inner .in .outer .inner .txt .title .icn {

    width: clamp(1.25rem, 1.875vw, 1.6875rem);

}

.vision-mission .vision-mission-inner .in .outer .inner .txt p {

    margin-bottom: 0;

}

.vision-mission .vision-mission-inner .in .outer .inner .icon {

    width: clamp(6.25rem, 18.0555555556vw, 16.25rem);

    aspect-ratio: 1/1;

    padding: 0;

    background-color: var(--amana-white);

    border-radius: 50%;

    display: grid;

    place-items: center;

}

.vision-mission .vision-mission-inner .in .outer .inner .icon img {

    width: clamp(3.125rem, 10.4166666667vw, 9.375rem);

}

.vision-mission .vision-mission-inner .in .gray-box {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-color: #5d6770;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl;

    -webkit-text-orientation: mixed;

    text-orientation: mixed;

    text-align: center;

    display: grid;

    place-items: center;

}

.vision-mission .vision-mission-inner .in .gray-box span {

    transform: scaleX(-1) scaleY(-1);

}

.vision-mission .vision-mission-inner .in.active {

    width: calc(100% - clamp(7.5rem, 12.5vw, 11.25rem));

}

.vision-mission .vision-mission-inner .in.active .outer {

    max-width: 100%;

    max-height: 500px;

}



.values .values-inner {

    padding: clamp(1.25rem, 4.1666666667vw, 3.75rem);

    padding-right: clamp(1.25rem, 2.7777777778vw, 2.5rem);

    background-color: #eee;

    margin-top: 10px;

    align-items: center;

}

.values .values-inner .lft {

    flex: 0 0 auto;

    width: clamp(9.375rem, 20.1388888889vw, 18.125rem);

    padding: 0;

}

.values .values-inner .rht {

    flex: 0 0 auto;

    width: calc(100% - clamp(9.375rem, 20.1388888889vw, 18.125rem));

    padding: 0 0 0 20px;

}

.values .values-inner .rht .in {

    justify-content: space-between;

    gap: 16px 0;

}

.values .values-inner .rht .in .i-wap {

    flex: 0 0 auto;

    width: calc(50% - 8px);

    padding: clamp(0.9375rem, 1.3888888889vw, 1.25rem)

        clamp(1.25rem, 2.0833333333vw, 1.875rem);

    background-color: var(--amana-white);

}

.values .values-inner .rht .in .i-wap .inner {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    align-items: center;

    gap: clamp(0.9375rem, 1.3888888889vw, 1.25rem);

}

.values .values-inner .rht .in .i-wap .inner .icon {

    width: clamp(3.5rem, 4.8611111111vw, 4.375rem);

    aspect-ratio: 1/1;

    border-radius: 50%;

    display: grid;

    place-items: center;

    background-color: rgba(129, 189, 65, 0.2);

    position: relative;

}

.values .values-inner .rht .in .i-wap .inner .icon img {

    position: relative;

    z-index: 2;

    width: clamp(1.25rem, 1.9444444444vw, 1.75rem);

}

.values .values-inner .rht .in .i-wap .inner .icon:after {

    content: "";

    position: absolute;

    width: clamp(2.5rem, 3.6111111111vw, 3.25rem);

    aspect-ratio: 1/1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    border-radius: 50%;

    background-color: var(--amana-apple);

    z-index: 1;

}



.about-amana {

    padding: clamp(1.875rem, 3.4722222222vw, 3.125rem) 0

        clamp(3.75rem, 9.7222222222vw, 8.75rem);

}

.about-amana .about-amana-inner {

    align-items: center;

}

.about-amana .about-amana-inner .lft {

    flex: 0 0 auto;

    width: calc(100% - clamp(21.875rem, 34.7222222222vw, 31.25rem));

    padding-right: clamp(2.5rem, 6.9444444444vw, 6.25rem);

}

.about-amana .about-amana-inner .lft .c-details {

    border: 2px solid var(--amana-black);

    padding: clamp(1.25rem, 2.7777777778vw, 2.5rem);

}

.about-amana .about-amana-inner .lft .c-details .inner {

    justify-content: space-between;

    gap: clamp(0.625rem, 1.3888888889vw, 1.25rem);

    margin-bottom: clamp(0.4375rem, 0.6944444444vw, 0.625rem);

}

.about-amana .about-amana-inner .lft .c-details .inner .txt {

    flex: 0 0 auto;

    width: calc(50% - clamp(0.46875rem, 1.0416666667vw, 0.9375rem));

}

.about-amana .about-amana-inner .lft .c-details .inner .txt .lbl {

    font-size: clamp(0.625rem, 0.8333333333vw, 0.75rem);

    opacity: 0.5;

    display: block;

    margin-bottom: 3px;

}

.about-amana .about-amana-inner .lft .c-details .inner .txt.fw {

    width: 100%;

}

.about-amana .about-amana-inner .lft .tab-button-black {

    margin-top: clamp(1.25rem, 2.0833333333vw, 1.875rem);

    display: inline-block;

}

.about-amana .about-amana-inner .rht {

    flex: 0 0 auto;

    width: clamp(21.875rem, 34.7222222222vw, 31.25rem);

    position: relative;

}

.about-amana .about-amana-inner .rht .img-1 {

    width: calc(100% - 30px);

    float: right;

}

.about-amana .about-amana-inner .rht .img-1 img {

    width: 100%;

}

.about-amana .about-amana-inner .rht .img-2 {

    position: absolute;

    bottom: clamp(-4.375rem, -4.8611111111vw, -1.875rem);

    left: 0;

    width: clamp(9.375rem, 17.3611111111vw, 15.625rem);

    z-index: 2;

    display: grid;

    place-items: center;

    cursor: pointer;

}

.about-amana .about-amana-inner .rht .img-2 img {

    width: 100%;

}

.about-amana .about-amana-inner .rht .img-2 .icon {

    position: absolute;

    width: clamp(3.125rem, 5.2083333333vw, 4.6875rem);

    transition: all 0.35s;

}

.about-amana .about-amana-inner .rht .img-2:hover .icon {

    transform: rotate(180deg);

}



.history .history-inner {

    padding-bottom: clamp(3.125rem, 6.9444444444vw, 6.25rem);

    position: relative;

    justify-content: space-between;

}

.history .history-inner .line {

    position: absolute;

    width: 2px;

    height: 100%;

    left: 50%;

    transform: translateX(-50%);

    top: 0;

    border-left: 2px dashed #eee;

}

.history .history-inner .inner {

    flex: 0 0 auto;

    width: calc(50% - clamp(1.25rem, 2.0833333333vw, 1.875rem));

}

.history .history-inner .inner .in {

    width: 100%;

    display: flex;

    align-items: flex-start;

    flex-direction: column;

    gap: clamp(1.875rem, 4.1666666667vw, 3.75rem) 0;

}

.history .history-inner .inner .box {

    position: relative;

    width: calc(100% - clamp(0.75rem, 1.1111111111vw, 1rem));

    padding: clamp(1.25rem, 2.7777777778vw, 2.5rem);

    background-color: var(--amana-black);

    z-index: 2;

}

.history .history-inner .inner .box::before {

    content: "";

    position: absolute;

    width: clamp(0.5rem, 0.6944444444vw, 0.625rem);

    aspect-ratio: 1/1;

    background-color: var(--amana-apple);

    right: clamp(-3.1875rem, -3.5416666667vw, -2.25rem);

    border-radius: 50%;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1;

}

.history .history-inner .inner .box::after {

    content: "";

    position: absolute;

    width: clamp(1rem, 1.25vw, 1.125rem);

    aspect-ratio: 1/1;

    background-color: rgba(129, 189, 65, 0.2);

    right: clamp(-3.4375rem, -3.8194444444vw, -2.5rem);

    border-radius: 50%;

    top: 50%;

    transform: translateY(-50%);

    z-index: 0;

}

.history .history-inner .inner .box .group .paragraph-1 {

    display: flex;

    flex-wrap: wrap;

}

.history .history-inner .inner .box .group .paragraph-1 .year {

    flex: 0 0 auto;

    width: clamp(3.75rem, 5.2083333333vw, 4.6875rem);

}

.history .history-inner .inner .box .group .paragraph-1 .span {

    flex: 0 0 auto;

    width: calc(100% - clamp(3.75rem, 5.2083333333vw, 4.6875rem));

}

.history .history-inner .inner .box .polygon {

    position: absolute;

    right: clamp(-1rem, -1.1111111111vw, -0.75rem);

    top: 50%;

    transform: translateY(-50%);

    width: clamp(0.75rem, 1.1111111111vw, 1rem);

}

.history .history-inner .inner.right {

    padding-top: clamp(5rem, 8.3333333333vw, 7.5rem);

}

.history .history-inner .inner.right .in {

    align-items: flex-end;

}

.history .history-inner .inner.right .box::before {

    right: auto;

    left: clamp(-3.1875rem, -3.5416666667vw, -2.25rem);

}

.history .history-inner .inner.right .box::after {

    right: auto;

    left: clamp(-3.4375rem, -3.8194444444vw, -2.5rem);

}

.history .history-inner .inner.right .polygon {

    right: auto;

    left: clamp(-1rem, -1.1111111111vw, -0.75rem);

}



.team {

    background: var(--amana-white-gray-gradient);

    padding: clamp(3.75rem, 8.3333333333vw, 7.5rem) 0;

}

.team .team-inner {

    margin: 0 clamp(-1.25rem, -1.3888888889vw, -0.9375rem);

    gap: clamp(1.25rem, 2.7777777778vw, 2.5rem) 0;

}

.team .team-inner .team-member {

    flex: 0 0 auto;

    width: 33.3333333333%;

    padding: 0 clamp(0.9375rem, 1.3888888889vw, 1.25rem);

}

.team .team-inner .team-member .inner .img {

    background-color: var(--amana-white);

    margin-bottom: clamp(0.625rem, 1.0416666667vw, 0.9375rem);

}

.team .team-inner .team-member .inner .img img {

    width: 100%;

    height: clamp(6.25rem, 19.7916666667vw, 17.8125rem);

    -o-object-fit: contain;

    object-fit: contain;

    -o-object-position: center bottom;

    object-position: center bottom;

}



.clientele {

    margin-bottom: clamp(3.75rem, 7.6388888889vw, 6.875rem);

}

.clientele .logos {

    justify-content: center;

    align-items: center;

    gap: clamp(1.25rem, 3.4722222222vw, 3.125rem);

}

.clientele .logos img {

    height: clamp(2.5rem, 5.3472222222vw, 4.8125rem);

    -o-object-fit: contain;

    object-fit: contain;

    -o-object-position: center;

    object-position: center;

}



.about-page .csr-section {

    padding-top: clamp(3.125rem, 5.5555555556vw, 5rem);

}



.modal-csr-info {

    padding: clamp(1.25rem, 2.7777777778vw, 2.5rem);

    border: 1px solid var(--amana-black);

}

.modal-csr-info .inner {

    justify-content: space-between;

    gap: clamp(0.625rem, 1.3888888889vw, 1.25rem);

    margin-bottom: clamp(0.4375rem, 0.6944444444vw, 0.625rem);

}

.modal-csr-info .inner .txt {

    flex: 0 0 auto;

    width: calc(50% - clamp(0.46875rem, 1.0416666667vw, 0.9375rem));

}

.modal-csr-info .inner .txt .lbl {

    font-size: clamp(0.625rem, 0.8333333333vw, 0.75rem);

    opacity: 0.5;

    display: block;

    margin-bottom: 3px;

    text-transform: uppercase;

}

.modal-csr-info .inner .txt .bt {

    display: block;

}

.modal-csr-info .inner .txt.fw {

    width: 100%;

}

.modal-csr-info .modal-csr-info-inner {

    gap: 0 clamp(1.25rem, 2.0833333333vw, 1.875rem);

    max-height: 60vh;

    overflow-y: auto;

    padding-right: 10px;

    scroll-behavior: smooth;

}

.modal-csr-info .modal-csr-info-inner .lft {

    flex: 0 0 auto;

    width: calc(

        clamp(18.75rem, 34.7222222222vw, 31.25rem) -

            clamp(0.625rem, 1.0416666667vw, 0.9375rem)

    );

}

.modal-csr-info .modal-csr-info-inner .rht {

    flex: 0 0 auto;

    width: calc(

        100% - clamp(18.75rem, 34.7222222222vw, 31.25rem) -

            clamp(0.625rem, 1.0416666667vw, 0.9375rem)

    );

}



.video-modal iframe {

    width: 100%;

    height: 410px;

}



.popup-gallery {

    margin: 0 clamp(-0.9375rem, -1.0416666667vw, -0.625rem);

}

.popup-gallery .gallery-item {

    flex: 0 0 auto;

    padding: clamp(0.46875rem, 1.0416666667vw, 0.9375rem);

    position: relative;

}

.popup-gallery .gallery-item img {

    width: 100%;

    height: clamp(12.5rem, 19.7916666667vw, 17.8125rem);

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: center;

    object-position: center;

    border-radius: 5px;

}

.popup-gallery .gallery-item::after {

    content: "";

    position: absolute;

    width: calc(100% - clamp(0.46875rem, 1.0416666667vw, 0.9375rem) * 2);

    height: calc(100% - clamp(0.46875rem, 1.0416666667vw, 0.9375rem) * 2);

    background-color: var(--amana-apple);

    top: clamp(0.46875rem, 1.0416666667vw, 0.9375rem);

    left: clamp(0.46875rem, 1.0416666667vw, 0.9375rem);

    z-index: 2;

    border-radius: 5px;

    opacity: 0;

    transition: all 0.35s;

}

.popup-gallery .gallery-item.w-50 {

    width: 50%;

}

.popup-gallery .gallery-item.w-33 {

    width: 33.3333333333%;

}

.popup-gallery .gallery-item.w-33 img {

    height: clamp(9.375rem, 15.9722222222vw, 14.375rem);

}

.popup-gallery .gallery-item:hover::after {

    opacity: 0.35;

}



.amana-modal.transparent-modal .modal-dialog .modal-content .btn-close {

    top: 0;

    right: -15px;

    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");

}

.amana-modal.transparent-modal .modal-dialog .modal-content .modal-header {

    padding: 0;

}

.amana-modal.transparent-modal .modal-content {

    background-color: transparent;

}

.amana-modal.transparent-modal .modal-content .modal-body {

    padding: 0;

}

.amana-modal.transparent-modal .carousel-indicators {

    bottom: -30px;

    margin-bottom: 0;

}

.amana-modal.transparent-modal .carousel-indicators [data-bs-target] {

    width: 5px;

    height: 5px;

    border-radius: 50%;

}



.goldfund-inquiry-sec,

.product-inquiry-sec {

    margin-top: 5rem;

}

.goldfund-inquiry-sec .notice-box,

.product-inquiry-sec .notice-box {

    background-color: #f7f7f6;

    border-radius: 30px;

    padding: 40px 33px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.goldfund-inquiry-sec .goldfund-inquiry-form,

.product-inquiry-sec .product-inquiry-form {

    margin-left: 3rem;

}

.goldfund-inquiry-sec .black-border,

.product-inquiry-sec .black-border {

    border-radius: 40px;

    border: 1px solid #000;

    background: transparent;

}

.goldfund-inquiry-sec .black-border > div,

.product-inquiry-sec .black-border > div {

    padding: 3.5rem 6rem;

}

.goldfund-inquiry-sec .goldfund-inquiry-form .input-group,

.product-inquiry-sec .product-inquiry-form .input-group {

    margin-bottom: 30px;

}

.goldfund-inquiry-sec .goldfund-inquiry-form .input-group .form-control,

.product-inquiry-sec .product-inquiry-form .input-group .form-control {

    background-color: transparent;

    border: 0;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    outline: transparent;

    box-shadow: none;

    border-radius: 0;

    padding-left: 0;

    padding-bottom: clamp(0.625rem, 1.0416666667vw, 0.9375rem);

}



.due-input-row {

    display: flex;

    flex-direction: row;

    gap: 25px;

}

/* hero banner border - styles ------- start*/

.home-top-slider.full-width-slider .txt-container .line {

    width: 100%;

}

.home-top-slider.full-width-slider .txt-container .line::before,

.home-top-slider.full-width-slider .txt-container .line::after {

    display: none;

}

.home-top-slider.full-width-slider .txt-container .line img {

    height: 100%;

    -o-object-fit: contain;

    object-fit: contain;

    -o-object-position: left center;

    object-position: left center;

}

.home-top-slider.full-width-slider .txt-container .line .inner {

    width: 100%;

}



/* hero banner border - styles ------- end*/

.life-home.products-page .fast-growing .black-box {

    margin-top: clamp(4.8125rem, -8.6805555556vw, -3.125rem);

}

.main-nav li {

    display: flex;

    align-items: center;

}

.video-grid iframe {

    border: 5px solid #81bd41;

    border-radius: 12px;

}



.comp-switch.cc-comp-switch {

    max-width: 600px;

    gap: 15px 0;

}



.fund-values {

    padding: 80px 0;

    border-bottom: 1px solid #e5e5e5;

}

.fund-values .t-p {

}

.fund-values .fv-form {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    gap: 10px 20px;

    margin-top: 40px;

}



.fund-values .fv-form .form-control {

    width: 450px;

    border-radius: 30px;

    border: 1px solid #e5e5e5;

    padding: clamp(0.4375em, 0.6944444444vw, 0.625em)

        clamp(0.9375em, 2.0833333333vw, 1.875em);

    min-height: 40px;

}

.fund-values .fv-form .submit-btn {

    min-height: 40px;

}



.rg-container .t-p {

    margin-top: 40px;

}

.rg-table {

    width: 800px;

    max-width: 100%;

    margin: 10px auto 0;

}

.rg-table + .rg-table {

    margin-top: 40px;

}

.rg-table td.text {

    padding: 15px 20px;

    border: 1px solid #e5e5e5;

}

.rg-table td.text.bt {

    font-weight: 700;

}



/*responsive styles*/

@media (max-width: 1679px) {

    .general-products .general-products-inner .text {

        width: calc(100% - 400px);

    }

    .general-products .general-products-inner .images {

        width: 400px;

    }

    .general-products .general-products-inner .images .img-outer {

        width: 100%;

    }

}

@media (max-width: 1500px) {

    .home-top-slider .txt-container .line {

        height: calc(100% - 160px);

    }

    .home-top-slider .images .img.active {

        width: calc(100% - 80px);

    }

    .home-top-slider .images .img.inactive {

        width: 80px;

    }

    .clientele .logos {

        gap: 20px;

    }



    .goldfund-inquiry-sec .black-border > div,

    .product-inquiry-sec .black-border > div {

        padding: 3.5rem 5rem;

    }

}

@media (max-width: 1199px) {

    .map-details .map-bottom .mb-inner .branches .branches-inner.walk .branch {

        pointer-events: auto;

    }

    .footer .footer-inner .col.mid .link-list {

        gap: 20px;

    }

    .footer .footer-inner .col.mid .link-list li {

        max-width: 100%;

    }

    .footer .footer-bottom .link-list.list-inline li a svg {

        width: 15px;

    }

    .home-awards

        .award-slider

        .swiper-slide.swiper-slide-visible

        .slide-inner

        img {

        width: 60px;

        height: 120px;

    }

    .offcanvas-header .inner .offcanvas-close {

        left: -60px;

    }

    .general-products .general-products-inner .text {

        width: calc(100% - 250px);

    }

    .general-products .general-products-inner .images {

        width: 250px;

    }

    .general-products .general-products-inner .text {

        padding-right: 50px;

    }



    .goldfund-inquiry-sec .black-border > div,

    .product-inquiry-sec .black-border > div {

        padding: 3rem 4rem;

    }

    .goldfund-inquiry-sec .notice-box,

    .product-inquiry-sec .notice-box {

        padding: 40px 20px;

    }

}

@media (max-width: 1023px) {

    .home-awards .award-slider .swiper-slide.swiper-slide-visible .slide-inner {

        padding-top: 0 !important;

    }

    .home-awards

        .award-slider

        .swiper-slide.swiper-slide-visible

        .slide-inner

        img {

        width: 80px;

        height: 150px;

    }

}

@media (max-width: 991px) {

    .products-section .products-outer .product {

        height: auto;

    }

    .products-section .products-outer .product .product-description {

        position: relative;

        width: 100%;

        left: auto;

        right: auto;

        margin: auto;

        bottom: auto;

    }

    .products-section .products-outer .product .product-image {

        height: 300px;

    }

    .products-section .products-outer .product .product-image .image {

        -o-object-position: top center;

        object-position: top center;

    }

    .products-section

        .products-outer

        .product

        .product-description

        .available-products-info-outer {

        max-height: unset;

    }

    .products-section

        .products-outer

        .product

        .product-description

        .product-description-info

        .product-description-info-middle {

        height: auto;

    }

    .products-section

        .products-outer

        .product

        .product-description

        .available-products-info-outer

        .available-products-info

        .inner {

        height: auto;

    }

    .products-section

        .products-outer

        .product

        .product-description

        .available-products-info-outer

        .available-products-info {

        padding-top: 0;

    }

    .products-section .products-outer .product:hover .product-image .image {

        -webkit-filter: none;

        filter: none;

    }

    .products-section .products-outer .product.fw {

        width: 100%;

        height: auto;

    }

    .products-section

        .products-outer

        .product.fw

        .product-description

        .available-products-info-outer {

        max-width: unset;

        width: calc(50% - clamp(0.625rem, 1.0416666667vw, 0.9375rem));

        margin-left: clamp(1.25rem, 2.0833333333vw, 1.875rem);

    }

    .products-section

        .products-outer

        .product.fw

        .product-description

        .available-products-info-outer

        .available-products-info {

        padding-top: clamp(1.25rem, 2.0833333333vw, 1.875rem);

    }

    .products-section

        .products-outer

        .product.fw

        .product-description

        .available-products-info-outer

        .available-products-info

        .inner {

        height: auto;

    }

    .text-icon {

        height: 22px !important;

    }

    .home-top-slider .txt-container {

        height: 600px;

        min-height: unset;

    }

    .home-top-slider .txt-container .line::before,

    .home-top-slider .txt-container .line::after {

        display: none;

    }

    .home-top-slider .txt-container .line .inner {

        width: calc(100% - 80px);

    }

    .home-top-slider .txt-container .line {

        left: 20px;

    }

    .home-top-slider .txt-container .line#life-line {

        right: 20px;

    }

    .offcanvas-header .inner .logo {

        display: none;

    }

    .offcanvas-header .inner .offcanvas-close {

        left: 0;

        position: relative;

        top: auto;

        transform: none;

    }

    .home-top-slider.full-width-slider .txt-container .form-outer {

        min-height: 440px;

        position: relative;

        z-index: 2;

    }



    .goldfund-inquiry-sec .black-border > div,

    .product-inquiry-sec .black-border > div {

        padding: 2rem 3rem;

    }

    .goldfund-inquiry-sec .goldfund-inquiry-form,

    .product-inquiry-sec .product-inquiry-form {

        margin-left: 2rem;

    }

}

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

    .home-top-slider.full-width-slider .txt-container .txt {

        flex: 0 0 auto;

        width: 100%;

        padding: 0 20px;

    }

    .row.amana-row > .col-50,

    .col-50 {

        width: 100%;

    }

    .page-header {

        height: auto;

        padding-top: 60px;

        padding-bottom: 60px;

    }

    .contact-details .contact-details-inner .contact-form-outer {

        padding-left: 0;

        border-left: 0;

        margin-top: 10px;

    }

    .map-details .map-bottom .mb-inner .branches {

        position: relative;

        bottom: auto;

        left: auto;

        padding: 0;

        z-index: 2;

        width: 100%;

        margin-top: 20px;

    }

    .map-details .map-bottom .mb-inner .branches .branches-inner {

        flex-wrap: wrap;

        flex-direction: row;

        gap: 10px;

        overflow-x: hidden;

    }

    .map-details .map-bottom .mb-inner .branches .branches-inner .branch {

        border: 1px solid var(--amana-bright-gray);

    }

    .map-details .map-bottom .mb-inner .map-frame {

        height: 400px;

        min-height: 400px;

        max-height: 1000px;

    }

    .map-details .map-bottom .mb-inner .branches .branches-inner .branch {

        width: calc(50% - 10px);

    }

    .map-details

        .map-bottom

        .mb-inner

        .branches

        .branches-inner

        .branch.active {

        width: 100%;

    }

    .footer .footer-inner .col.lft,

    .footer .footer-inner .col.mid,

    .footer .footer-inner .col.rht {

        width: 100%;

        padding: 0;

    }

    .footer .footer-inner .col.lft .logos {

        margin-bottom: 20px;

        display: flex;

        gap: 20px;

    }

    .footer .footer-inner .col.lft .logos .f-logo + .f-logo {

        margin-top: 0;

    }

    .footer .footer-inner .col.mid {

        margin: 30px 0 30px;

    }

    .button-1 {

        font-size: 16px;

    }

    .middle-content.black-box .bb-inner {

        flex-direction: column;

        gap: 10px;

        text-align: center;

        width: 100%;

    }

    .officer-details .officer-details-inner .odi-sec {

        width: 100%;

    }

    .complaint-form-outer .complaint-form-box p {

        padding: 0 20px;

    }

    .complaint-form-outer .complaint-form .input-group {

        width: 100%;

    }

    .full-width-text-sec .inner {

        padding: 0 20px;

    }

    .side-img-sec .inner .txt {

        width: 100%;

        padding-right: 0;

        text-align: center;

        margin-bottom: 20px;

    }

    .side-img-sec .inner .img {

        width: 100%;

    }

    .offers-section.offers-outer .offer-cards-area .card-grid .card-grid-box {

        width: 50%;

    }

    .lrh {

        margin-bottom: 20px;

    }

    .offers-section .justify-content-end {

        justify-content: flex-start !important;

    }

    .news-cards-area .card-grid .card-grid-box {

        width: 50%;

    }

    .products-section .products-outer .product {

        width: 100%;

    }

    .products-section

        .products-outer

        .product.fw

        .product-description

        .product-description-info {

        width: 100%;

    }

    .products-section

        .products-outer

        .product.fw

        .product-description

        .available-products-info-outer {

        width: 100% !important;

        margin-left: 0 !important;

        max-width: unset !important;

    }

    .products-section .products-outer .product.fw .product-description {

        flex-wrap: wrap;

        padding: 0;

    }

    .products-section

        .products-outer

        .product

        .product-description

        .product-description-info {

        padding: 25px 0 20px;

    }

    .products-section

        .products-outer

        .product

        .product-description

        .product-description-info

        .product-description-info-bottom {

        grid-template-columns: repeat(

            2,

            calc((100% - clamp(0.625rem, 1.3888888889vw, 1.25rem) * 3) / 2)

        );

    }

    .products-section

        .products-outer

        .product

        .product-description

        .product-description-info

        .product-description-info-bottom

        .in

        .icon {

        margin: 0 0 10px;

    }

    .products-section

        .products-outer

        .product

        .product-description

        .product-description-info

        .product-description-info-bottom

        .in {

        text-align: left;

    }

    .products-section

        .products-outer

        .product

        .product-description

        .available-products-info-outer

        .available-products-info {

        padding-left: 0;

        padding-right: 0;

    }

    .motor-benefits .in {

        width: 100%;

    }

    .motor-benefits {

        gap: 20px 0;

    }

    .products-section .products-outer .product .product-image {

        height: 250px;

    }

    .modal-csr-info .modal-csr-info-inner .lft,

    .modal-csr-info .modal-csr-info-inner .rht {

        width: 100%;

    }

    .vision-mission .vision-mission-inner .in {

        width: 100% !important;

        padding: 0;

    }

    .vision-mission .vision-mission-inner .in {

        margin-top: 10px;

    }

    .vision-mission .vision-mission-inner .in .gray-box {

        display: none !important;

    }

    .vision-mission .vision-mission-inner .in .outer {

        display: block !important;

    }

    .vision-mission .vision-mission-inner .in .outer .inner {

        padding: 30px;

        align-items: flex-start;

    }

    .vision-mission .vision-mission-inner .in .outer .inner .txt {

        padding-right: 10px;

    }

    .about-trust .trust-inner {

        flex-direction: column;

    }

    .about-trust .trust-inner .txt {

        width: 100%;

        padding: 0 15px;

    }

    .about-trust .trust-inner .img {

        margin: 0px auto 15px;

    }

    .values .values-inner .lft {

        text-align: center;

        margin-bottom: 10px;

        width: 100%;

    }

    .values .values-inner .rht {

        width: 100%;

        padding: 0;

    }

    .values .values-inner {

        padding: 25px 30px 30px;

    }

    .about-amana .about-amana-inner .lft {

        width: 100%;

        padding-right: 15px;

    }

    .about-amana .about-amana-inner .rht {

        width: 50%;

        position: relative;

        margin: 0 auto;

    }

    .team .team-inner .team-member {

        width: 50%;

        text-align: center;

    }

    .home-top-slider .txt-container .line {

        display: none;

    }

    .home-top-slider .txt-container {

        height: 550px;

        min-height: unset;

    }

    .home-top-slider .txt-container .txt .sh {

        font-size: 12px;

    }

    #general-icons,

    #life-icons {

        display: none !important;

    }

    .home-awards

        .award-slider

        .swiper-slide.swiper-slide-visible

        .slide-inner

        .circle {

        width: 120px;

    }

    .home-awards p {

        margin-bottom: 30px;

    }

    .general-products .general-products-inner .text {

        width: 100%;

        margin-bottom: 30px;

    }

    .general-products .general-products-inner .images {

        width: 100%;

    }

    .general-products .general-products-inner .images .img-outer {

        height: 250px;

    }

    .general-products .general-products-inner .images .img-outer img {

        border-radius: 0;

    }

    .offcanvas-header {

        top: 0;

        left: auto;

        right: -110vw;

        transition: all 0.35s;

        height: 100vh;

        width: 100vw;

        max-width: 100%;

    }

    .offcanvas-header.active {

        top: 0;

        right: 0;

    }

    .offcanvas-header .inner {

        flex-direction: column;

        height: calc(100vh - 150px);

    }

    .offcanvas-header .inner .nav-outer .nav {

        flex-direction: column;

    }

    .offcanvas-header .inner .nav-outer .nav li a {

        font-size: 20px;

    }



    .goldfund-inquiry-sec .goldfund-inquiry-form,

    .product-inquiry-sec .product-inquiry-form {

        margin-left: inherit;

    }

    .goldfund-inquiry-sec .notice-box,

    .product-inquiry-sec .notice-box {

        margin-bottom: 1.5rem;

    }

}

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

    .map-details .map-bottom .mb-inner .branches .branches-inner .branch {

        width: 100%;

        border: 1px solid var(--amana-bright-gray);

    }

    .map-details

        .map-bottom

        .mb-inner

        .branches

        .branches-inner

        .branch.active {

        width: 100%;

        gap: 0px;

        flex-wrap: wrap;

        flex-direction: column;

    }

    .map-details

        .map-bottom

        .mb-inner

        .branches

        .branches-inner

        .branch.active

        .lft

        .other {

        display: none;

    }

    .map-details

        .map-bottom

        .mb-inner

        .branches

        .branches-inner

        .branch.active

        .lft,

    .map-details

        .map-bottom

        .mb-inner

        .branches

        .branches-inner

        .branch.active

        .rht {

        width: 100%;

        height: auto;

    }

    .current-openings .current-openings-inner .career .bottom {

        align-items: flex-start;

    }

    .amana-modal .modal-dialog {

        max-width: 100%;

    }

    .offer-inner-detail-sec .oid-rht img {

        width: 120px;

    }

    .offers-section.offers-outer .offer-cards-area .card-grid .card-grid-box {

        width: 100%;

    }

    .offers-section.offers-outer

        .offer-cards-area

        .card-grid

        .card-grid-box

        .offer-card {

        height: auto;

        min-height: unset;

    }

    .news-cards-area .card-grid .card-grid-box {

        width: 100%;

    }

    .news-cards-area .card-grid .card-grid-box .news-card {

        height: auto;

        min-height: unset;

    }

    .policy-plans {

        gap: 10px 0;

    }

    .policy-plans .plan {

        width: 100%;

    }

    .button-1 svg {

        width: 20px;

    }

    .modal-csr-info .inner .txt {

        width: 100%;

    }

    .vision-mission .vision-mission-inner .in .outer .inner {

        flex-direction: column;

        align-items: center;

        text-align: center;

        gap: 25px;

    }

    .vision-mission .vision-mission-inner .in .outer .inner .txt {

        padding-right: 0;

        width: 100%;

    }

    .vision-mission .vision-mission-inner .in .outer .inner .icon {

        order: -1;

    }

    .about-amana .about-amana-inner .lft .c-details .inner .txt {

        width: 100%;

    }

    .values .values-inner .rht .in .i-wap {

        width: 100%;

    }

    .about-amana .about-amana-inner .rht {

        width: 100%;

        margin: 0 auto 60px;

        order: -1;

    }

    .history .history-inner .line {

        display: none;

    }

    .history .history-inner .inner {

        width: 100%;

    }

    .history .history-inner .inner.right {

        display: none;

    }

    .history .history-inner .inner .box {

        order: var(--order);

        width: 100%;

    }

    .history .history-inner .inner .box .polygon {

        display: none;

    }

    .history .history-inner {

        padding-bottom: 0;

    }

    .team .team-inner .team-member {

        width: 100%;

    }

    .team .team-inner .team-member .inner .img img {

        height: 150px;

    }

    .clientele .logos img {

        height: 50px;

    }

    .expand-mark svg {

        width: 15px;

    }

    .interim-report-section {

        padding: 20px;

    }

    .history .history-inner .inner .box::before,

    .history .history-inner .inner .box::after {

        display: none;

    }

    .team {

        text-align: center;

    }

    .video-modal iframe {

        height: 300px;

    }

    .mid-nav-bar .mid-nav-inner .mid-nav {

        gap: 0px 20px;

    }

    .about-amana.homepage-about-amana .about-amana-inner .rht {

        display: none;

    }

    .about-amana .about-amana-inner .lft a + br {

        display: none;

    }

    .general-products .general-products-inner .text .nav-tabs {

        gap: 8px;

        justify-content: center;

    }

    .general-products .general-products-inner .text h2 {

        text-align: center;

    }

    .general-products .general-products-inner .text {

        padding-right: 0;

    }

    .general-products .general-products-inner .text .nav-pills .nav-link {

        font-size: 14px;

    }

    .h-about-amana .h-about-amana-inner .img {

        width: 100%;

        height: 250px;

        order: 2;

    }

    .h-about-amana .h-about-amana-inner .img::after {

        display: none;

    }

    .h-about-amana .h-about-amana-inner .img img {

        width: 100%;

        margin-left: 0;

        -o-object-fit: cover;

        object-fit: cover;

        -o-object-position: center;

        object-position: center;

    }

    .h-about-amana .h-about-amana-inner .txt {

        width: 100%;

        padding: 10px 0 60px;

    }

    .home-top-slider.full-width-slider .txt-container {

        height: auto;

        min-height: unset;

        padding-top: 100px;

        padding-bottom: 50px;

        justify-content: center;

    }

    .home-top-slider.full-width-slider .txt-container .txt {

        width: 100%;

    }

    .home-apart::after {

        height: 100%;

        background: linear-gradient(

            180deg,

            #fff 25%,

            rgba(255, 255, 255, 0) 100%

        );

    }

    .home-top-slider.full-width-slider .txt-container .form-outer {

        order: 2;

    }



    .goldfund-inquiry-sec .black-border > div,

    .product-inquiry-sec .black-border > div {

        padding: 2rem 2rem;

    }



    .fund-values .fv-form .form-group.ifg {

        flex: 0 0 auto;

        width: calc(100% - 100px);

    }

    .fund-values .fv-form .form-control {

        width: 100%;

    }

    .fund-values .fv-form .btn-fg {

        flex: 0 0 auto;

        width: 90px;

    }

    .rg-table td.text {

        padding: 10px 15px;

    }

    .rg-container .t-p {

        margin-top: 30px;

    }

    .fund-values {

        padding: 40px 0;

    }

    .rg-table + .rg-table {

        margin-top: 25px;

    }

    .fund-values .fv-form {

        gap: 10px 10px;

        margin-top: 30px;

    }

}

/* Telemedicine product video. */
.video-container {
    position: relative;
    padding-top: 30%; 
    width: 60%; 
    overflow: hidden;
    margin: 0 auto;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 5px solid #81bd41; 
    border-radius: 12px; 
}

@media (max-width: 768px) {
    .video-container {
        width: 90%; 
        padding-top: 50%; 
    }
}
/* Telemedicine product video end. */


/* Product policy card styling start. */
.product-card-buy-now-btn {
    position: relative;
    border: 1px solid white;
    border-radius: 20px;
    padding: 5px 15px;
    background: transparent;
    cursor: pointer;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    transition: all 0.5s ease;
    color: white;
    overflow: hidden; 
    z-index: 1; 
}

.product-card-view {
    display: block;
    text-align: right;
    margin-bottom: 8px;
    padding-right: 15px;
    cursor: pointer;
}

.product-card-buy-now-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #81bd41;
    z-index: -1;
    transform: translateX(-100%);
    transition: transform 0.5s ease;
    border-radius: 20px;
}

.product-card-buy-now-btn:hover {
    color: black;
    border-color: black;
}

.product-card-buy-now-btn:hover::before {
    transform: translateX(0);
}
/* Product policy card styling end. */

/* Blog cards styling start */
.blog-cards-area .card-grid {

    margin: 0 clamp(-1.25rem, -1.3888888889vw, -0.625rem);

    width: calc(100% + clamp(1.25rem, 2.7777777778vw, 2.5rem));

    gap: clamp(1.25rem, 2.7777777778vw, 2.5rem) 0;

}

.blog-cards-area .card-grid .card-grid-box {

    flex: 0 0 auto;

    width: 33.3333333333%;

    padding: 0 clamp(0.625rem, 1.3888888889vw, 1.25rem);

    min-width: auto;

}

.blog-cards-area .card-grid .card-grid-box .blog-card {

    height: 100%;

    min-height: clamp(15rem, 23.9583333333vw, 21.5625rem);

    --news-card-img-height: calc(crz(60, 90, 90) + 10px);

}

.blog-cards-area .card-grid .card-grid-box .blog-card .blog-image img {

    width: clamp(3.75rem, 6.25vw, 5.625rem);

    aspect-ratio: 1/1;

    -o-object-fit: contain;

    object-fit: contain;

    -o-object-position: center;

    object-position: center;

    margin: 10px;

}

.blog-cards-area .card-grid .card-grid-box .blog-card .blog-details {

    padding: clamp(1.25rem, 2.0833333333vw, 1.875rem);

    height: calc(100% - (clamp(3.75rem, 6.25vw, 5.625rem) + 10px));

}

.blog-cards-area .card-grid .card-grid-box .blog-card .blog-bottom .other svg {

    transition: all 0.35s;

}

.blog-cards-area

    .card-grid

    .card-grid-box

    .blog-card

    .blog-bottom

    .other:hover

    svg {

    transform: translateX(5px);

}

.blog-article-outer {

    padding-top: clamp(5rem, 13.8888888889vw, 12.5rem);

}

.blog-article-outer .back-btn.arrow svg {

    transition: all 0.35s;

}

.blog-article-outer .back-btn.arrow:hover svg {

    transform: translateX(-5px);

}
/* Blog cards styling end */


/* Investment options page styling start*/
.service-tabs-component {
    margin: 20px auto;
    width: 100%;
}

.service-tabs-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.service-nav-container {
    width: 100%;
}

.service-nav-pills {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.service-nav-btn {
    text-align: center;
    padding: 12px 15px;
    border: none;
    background: none;
    color: #333;
    position: relative;
    white-space: normal;
    overflow: hidden;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.2s ease;
    border-radius: 4px;
    width: 100%;
}

.service-nav-btn:hover {
    color: #81BD41;
    background-color: #f8f8f8;
}

.service-nav-btn.active {
    font-weight: 600;
    background-color: #f0f0f0;
}

.service-nav-btn.active::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #81BD41;
}

.service-content-container {
    width: 100%;
    padding-top: 10px;
}

.service-tab-pane {
    display: none;
}

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

.service-content-heading {
    margin-bottom: 25px;
    color: var(--amana-apple);
}

.service-content-description {
    max-width: 100%;
    line-height: 1.6;
    margin-bottom: 25px;
    color: #555;
}

@media (min-width: 768px) {
    .service-tabs-wrapper {
        flex-direction: row;
        gap: 60px;
        min-height: 400px;
    }
    
    .service-nav-container {
        min-width: 300px;
        max-width: 300px;
    }
    
    .service-content-container {
        flex: 1;
    }
}

.highlight-box.funds-notice-box {
    margin-top: -1rem;
}

.funds-value-container {
    border: 3px solid #81BD41;
    background-color: #f5f5f5;
    border-radius: 1rem;
    padding: 1.5rem;
}

.funds-value-heading {
    color: #81BD41;
    margin-bottom: 1rem;
    text-align: start;
    font-weight: 600;
}

.funds-value-description {
    font-size: 1.125rem;
    margin-bottom: 1rem;
    text-align: start;
}

.funds-download-link {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.download-icon {
    width: 1rem;
    height: 1rem;
    fill: #81BD41;
}

.download-link {
    color: #81BD41;
    text-decoration: none;
    font-size: 1.125rem;
}

.download-link:hover {
    text-decoration: underline;
}

/* Reports Table Container styling start*/
.reports-table-container {
    display: none;
    padding: 20px;
    margin-top: 20px;
}

.reports-table {
    width: 100%;
    border-collapse: collapse;
    border-color: #81BD41;
}

.reports-table-header-row {
    border-bottom: 2px solid #81BD41;
}

.reports-table-header {
    background-color: #f8f9fa;
    text-align: center;
    padding: 12px;
    font-weight: 600;
    border-bottom: 2px solid #81BD41;
}

.reports-table-data-row {
    border-bottom: 1px solid #81BD41;
}

.reports-table-data {
    text-align: center;
    vertical-align: middle;
    padding: 12px;
}

.reports-download-btn {
    background-color: white;
    color: #81BD41;
    border: 1px solid #81BD41;
    padding: 6px 12px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.reports-download-btn:hover {
    background-color: #81BD41;
    color: white;
    border-color: #81BD41;
}

.reports-download-icon {
    width: 16px;
    height: 16px;
    fill: #81BD41;
    transition: fill 0.3s ease;
}

.reports-download-btn:hover .reports-download-icon {
    fill: white;
}

@media (max-width: 768px) {
    .reports-table-container {
        padding: 10px;
    }
    
    .reports-table {
        font-size: 14px;
    }
    
    .reports-table-header,
    .reports-table-data {
        padding: 8px;
    }
    
    .reports-download-btn {
        padding: 4px 8px;
        font-size: 0.8rem;
    }
}

/* Investment Disclaimer Text */
.investment-disclaimer {
    font-size: 16px;
    color: #dc3545;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .investment-disclaimer {
        font-size: 14px;
    }
}

/* Reports Table Container styling end*/

/* Investment options page styling end*/