:root {
    --transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    /* --blue: #0E1E76; */
    --blue: #124372;
    --blue2: #003651;
    --black-2: #20252B;
    --black: #000000;
    --white: #ffffff;
  
    --fs-xl: clamp(3rem, calc(3vh + 3vw), 8rem);
    --fs-600: clamp(2rem, calc(2vh + 2.5vw), 6rem);
    --fs-500: 3rem;
    --fs-400: 1rem;
  
    --col-padding: calc(5vw + 10px);
    --col-padding-xs: 3.5vw;
}

/* FONTS */

@font-face {
    font-family: "Poppins";
    /* font-weight: 900;
    font-style: italic; */
    src: url('../font/Poppins-SemiBoldItalic.ttf');
}

@font-face {
    font-family: "Inter";
    font-weight: 900;
    font-style: normal;
    src: url('../font/Inter_28pt-Black.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-weight: 100;
    font-style: normal;
    src: url('../font/Montserrat-Thin.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-weight: 200;
    font-style: normal;
    src: url('../font/Montserrat-ExtraLight.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-weight: 300;
    font-style: normal;
    src: url('../font/Montserrat-Light.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-weight: 400;
    font-style: normal;
    src: url('../font/Montserrat-Regular.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-weight: 500;
    font-style: normal;
    src: url('../font/Montserrat-Medium.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-weight: 600;
    font-style: normal;
    src: url('../font/Montserrat-SemiBold.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-weight: 700;
    font-style: normal;
    src: url('../font/Montserrat-Bold.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-weight: 800;
    font-style: normal;
    src: url('../font/Montserrat-ExtraBold.ttf');
}

@font-face {
    font-family: "Montserrat";
    font-weight: 900;
    font-style: normal;
    src: url('../font/Montserrat-Black.ttf');
}

/* GENERAL */
div.module.module-image img {
    width: auto;
    max-width: 100%;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 100%;
}
.container .row {
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
}
.row {
    margin-left: auto;
    margin-right: auto;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    background-image: url('/uploads/home/bckuni.webp');
    /* background-repeat: repeat; */
    /* background-size: cover;
    background-position: center; */
    font-family: 'Montserrat', sans-serif !important;
    letter-spacing: 0.035em;
    font-size: 1.2rem;
    background-color: var(--white);
}

a {
    color: #155bd1;
}
a:hover {
    color: #155bd1;
}
p:last-child {
  margin-bottom: 0;
}

.blue {
    background-color: var(--blue);
}
.h2 {
    /* font-size: 81px; */
    font-size: calc(2vw + 10px);
    line-height: normal;
    font-weight: 600;
    text-transform: uppercase;
    /* border-bottom: 5px solid var(--black); */
    
}

.center-elements {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.pr-20 {
    padding-inline-end: 20px;
}

.pl-90 {
    padding-inline-start: 90px;
}

.line {
    display: block;
    width: 83px;
    height: 3px;
    background-color: var(--blue);
    margin-bottom: 18px;
    margin-top: 4px;
}

/* HEADER */

.page-content-inner {
    margin-top: 90px;
}

.navbar .container {
    max-width: 90vw;
    margin: 0 auto;
    padding: 0;
}

.navbar {
    background-color: var(--blue);
    height: 90px;
  
}

.navbar a {
    color: var(--white) !important;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}

.language-select > a {
    position: relative; 
    text-transform: uppercase;
}

.navbar a:hover {
    color: #1eb4ff !important;
}
.nav-item.active .nav-link  {
    color: #1eb4ff !important;
}
.language-select > a::after {
    content: '\25BC'; 
    font-size: 15px; 
    color: var(--white); 
    position: absolute;
    right: 0; 
    top: 50%;
    transform: translateY(-50%); 
    pointer-events: none; 
}
.language-select a {
    padding: 0 15px 0 0!important;
}

/* .nav-item-services > a::after {
    content: '\25BC'; 
    font-size: 15px; 
    color: var(--white); 
    position: absolute;
    right: -10px; 
    top: 50%;
    transform: translateY(-50%); 
    pointer-events: none; 
} */

.navbar-nav li {
    margin-right: 40px;
}
.navbar-nav li:last-child {
    margin-right: 20px;
}

.dropdown.simple.nav-item.language-select {
    border: 1px solid var(--white);
    padding-inline: 10px;
    border-radius: 12px;
}

.navbar .navbar-brand {
    padding: 0!important;
    
}

.navbar .dropdown ul button, .navbar .dropdown ul a {
    color: var(--blue2) !important;
}

/* 1st section */
.home-slider .slick-slide {
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.home-slider .slick-slide::before {
    content: ""; 
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6); 
    z-index: 1; 
}

.home .main-content.type-page .builder-section .container-fluid:nth-child(1) {
    padding: 0;
}

.slick-dots {
    position: absolute;
    bottom: 50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index: 5;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 4px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 30px;
    height: 4px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    /* background: var(--black); */
    background-color: rgba(255, 255, 255, 0.25); 
    border-radius: 5px;
    /* opacity: .25; */
    opacity: .8;
}

.slick-dots li.slick-active button:before {
    /* opacity: .75; */
    /* opacity: .7; */
    /* background: var(--black); */
    background: #ffffff;
    background-color: rgba(255, 255, 255, 1); 
    border-radius: 5px;
}



.home-slider .slick-slide .slick-slide-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    z-index: 2;
}


.slide-slick-title h4 {
    color: var(--white);
    text-align: center;
    font-size: calc(4vw + 20px);
    font-weight: 600;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-duration: 1s; 
    animation-delay: 0s; 
    animation-timing-function: ease-in-out; 
}


.slide-slick-content p {
    max-width: 70%;
    margin: 0 auto;
    font-size: 18px;
    color: var(--white);
    text-align: center;
    margin-bottom: 40px;

    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-duration: 1s; 
    animation-delay: 0.5s; 
    animation-timing-function: ease-in-out; 
}


  


.slick-slide-inner .btn.slide-btn {
    background-color: var(--blue); 
    display: inline-block;
    padding: 15px 30px;
    border-radius: 12px;
    color: var(--white); 
    font-weight: 600;
    width: auto;
    position: relative;
    z-index: 1;
    border: 1px solid var(--blue2); 
    transition: all 0.3s ease-in-out;
    /* box-shadow: 0 0 0 0.2rem #ffffff; */

    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-duration: 1s; 
    animation-delay: 1s; 
    animation-timing-function: ease-in-out; 
}

.slick-slide-inner .btn.slide-btn:hover {
    color: var(--blue); 
    background-color: transparent; 
    box-shadow: none;
    border: 1px solid var(--white);
    z-index: 1;
}

.slick-slide-inner .btn.slide-btn:before {
    content: "";
    position: absolute;
    border: 3px solid var(--white); 
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 12px; 
    top: 0;
    transform: scale(0.5); 
    opacity: 0; 
    z-index: -1;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.slick-slide-inner .btn.slide-btn:hover:before {
    transform: scale(1); 
    opacity: 1;
}



.col-lg-6.pl-90 {
    position: relative;
  }
  .lordicon-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.1;
    z-index: 0; 
  }
  
  
  .module.module-text {
    position: relative;
    z-index: 1; 
  }
  


/* .slick-slide-inner .btn.slide-btn:hover {
    background-color: transparent;
    border: 1px solid var(--white);
    font-weight: 500;

 
} */


/* about us */

/* .navbar .container {
    max-width: 90vw;
    margin: 0 auto;
    padding: 0;
} */

.about-us-section .container-fluid .row {
    max-width: 90vw;
    margin: 0 auto;
}
.about-us-section .module-fickle {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    z-index: 5;
}

.about-us-section p {
    font-size: 18px;
    max-width: 80%;
}

.highlight {
    color: var(--black-2);
    font-weight: 600;
    font-size: 18px;
}
  
.about-us-section .fickle-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px 12px 12px 0px;
    object-fit: cover;
     min-height: 450px;
    filter: brightness(0.9);
    /* animation: 3s right infinite alternate;  */
}

.about-us-section .fickle-image {
    position: relative; 
}
.about-us-section .module-fickle-basic .fickle-image {
    margin-bottom: 0;
}

.about-us-section .fickle-image::before {
    content: "";
    position: absolute;
    bottom: 73px;
    left: calc(24px - 1.5rem);
    width: 1rem;
    height: 1rem;
    background: url(../icons/border-top.svg);
    background-position: bottom left;
    background-size: cover;
    z-index: 5;
}

.about-us-section .fickle-image::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(227px - 1.5rem);
    width: 1rem;
    height: 1rem;
    background: url(../icons/border-top.svg);
    background-position: bottom left;
    background-size: cover;
}

.about-us-section .fickle-additional-html-code {
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 12px 0 0;
    padding: 12px 12px 0 0;
    /* background-color: var(--white); */
    background-color: #F6F5F8;
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.7)
}

.about-us-section .fickle-additional-html-code button a {
    color: #fff;
}

.about-us-section .fickle-additional-html-code button:hover a {
    color: #000;
}

.about-us-section .fickle-additional-html-code button  {
    background-color: var(--blue); 
    display: inline-block;
    padding: 15px 25px;
    border-radius: 12px;
    color: var(--white); 
    font-weight: 600;
    width: auto;
    position: relative;
    z-index: 1;
    border: 1px solid var(--blue2); 
    transition: all 0.3s ease-in-out;
    /* box-shadow: 0 0 0 0.2rem #ffffff; */
}

.about-us-section .fickle-additional-html-code button:hover {
    color: var(--blue); 
    background-color: transparent; 
    box-shadow: none;
    z-index: 1;
}

.about-us-section .fickle-additional-html-code button:before {
    content: "";
    position: absolute;
    border: 3px solid var(--black); 
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 12px; 
    top: 0;
    transform: scale(0.5); 
    opacity: 0; 
    z-index: -1;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.about-us-section .fickle-additional-html-code button:hover:before {
    transform: scale(1); 
    opacity: 1;
}

.about-us-section .fickle-additional-html-code button:hover {
    border: 1px solid var(--black); 
    color: var(--black);
    background-color: transparent;
}

.about-us-section .fickle-image {
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 1.5s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 1.5s ease;
}

.about-us-section .module-text {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 1.5s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 1.5s ease;
}

.animate .fickle-image, .animate .module-text {
    transform: translateX(0);
    opacity: 1;
}
  
.over p {
    font-size: 48px;
    text-align: center;
    font-family: 'Inter';
    font-weight: 900;
    color: transparent; 
    /* -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);  */
    -webkit-text-stroke: 1px #000000; 
    opacity: 1; 
}

/* count section */
.counters-section .container-fluid .row {
    max-width: 90vw;
    margin: 0 auto;
}
/* .counters-section .counter-wrapper {
    background-color: var(--blue);
    margin: 0 15px;
} */

.counters-section .row {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    margin: 0;
}

.counters-section .counter-wrapper {
    background-color: var(--blue);
    flex: 1;
    margin: 0 10px;
    border-radius: 15px;
    padding: 20px;
    box-sizing: border-box;
}

.counters-section .counter-wrapper:first-child {
    margin-left: 0;
}

.counters-section .counter-wrapper:last-child {
    margin-right: 0;
}

.counters-section .row {
    gap: 20px;
}

.counters-section .counter-wrapper .number-element {
    color: var(--white);
    font-size: 64px;
    font-family: "Poppins", sans-serif;
}

.counters-section .counter-wrapper .module-text p {
    font-size: 24px;
    font-family: "Poppins", sans-serif;
    margin-top: -20px;
    text-align: center;
}

.counters-section .number-wrapper {
    margin-top: -35px;
}

.counters-section .counter-wrapper .number-wrapper .number-element::before {
    content: '+';
}






/* PREMIUM SERVICES */
.premium-services .container-fluid .row {
    max-width: 90vw;
    margin: 0 auto;
}

.premium-services .module-fickle {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
}
  
.project-management,
.project-supervision,
.consultancy {
    padding-top: 20px;
    /* box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) !important; */
    box-shadow: 0px 25px 40px 0px rgba(0, 0, 0, 0.1);
    /* box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); */
    margin-right: 10px;
    border-radius: 12px;
    background-color: var(--white);
    /* height: fit-content; */
}

.environmental-focus .container-fluid .row {
    max-width: 90vw;
    margin: 0 auto;
}

.environmental-focus-col  {
    box-shadow: 0px 25px 40px 0px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    background-color: var(--white);

}

.environmental-focus img {
    border-radius: 12px;
}


.project-management,
.project-supervision {
    margin-top: 60px;
}

/* .premium-services .col-lg-4.consultancy:hover {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    cursor: pointer;
    margin-top: -5px;
} */

.consultancy .fickle-content { 
    margin: 20px 0 10px 0;
}

.project-management .fickle-content,
.project-supervision .fickle-content {
    margin: 0 0 20px 0
}

.fickle-content {
    padding: 20px;
    /* background-color: var(--white); */
    background-color: #F6F5F8;
    /* box-shadow: 0 0 0 0.2rem var(--blue2); */
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) !important;
    border-radius: 12px;
}

.fickle-content h4.fickle-title {
    color: #182822;
    /* margin-top: 10px; */
    font-size: 21px;
    font-weight: 600;
}

.fickle-content p {
    color: #62706B;
}

.premium-services {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; 
}


.premium-services .col-lg-4 {
    flex-basis: calc(33.3333% - 20px); 
    flex-grow: 1;
}

.premium-services .project-management .fickle-image img,
.premium-services .project-supervision .fickle-image img, 
.premium-services .consultancy .fickle-image img {
    display: block;
    width: 100%;
    height: 100vh;
    border-radius: 12px;
    object-fit: cover;
    max-height: 280px;
} 

.premium-services .project-management .module-fickle,
.premium-services .project-supervision .module-fickle {
    display: flex;
    flex-direction: column;
}

.premium-services .project-management .module-fickle .fickle-header,
.premium-services .project-supervision .module-fickle .fickle-header {
    order: 2; 
}

.premium-services .project-management .module-fickle .fickle-content,
.premium-services .project-supervision .module-fickle .fickle-content {
    order: 1; 
}

.fickle-header {
    position: relative;
}

.premium-services .fickle-item.fickle-image {
    position: relative;
}

.premium-services .consultancy .fickle-item.fickle-additional-html-code {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.premium-services .fickle-item.fickle-image img {
    width: 100%; 
    height: auto;
}

.premium-services .project-management .fickle-image::before,
.premium-services .project-supervision .fickle-image::before {
    content: "";
    position: absolute;
    top: 49px;
    right: calc(24px - 1.5rem);
    width: 1rem;
    height: 1rem;
    background: url(../icons/border-bottom.svg);
    transform: rotate(90deg);
    background-position: bottom right;
    background-size: cover;
}

.premium-services .project-management .fickle-image::after,
.premium-services .project-supervision .fickle-image::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(205px - 1.5rem);
    width: 1rem;
    height: 1rem;
    background: url(../icons/border-bottom.svg);
    background-position: bottom left;
    transform: rotate(90deg);
    background-size: cover;
}


.premium-services .consultancy .fickle-image::before {
    content: "";
    position: absolute;
    bottom: 48px;
    right: calc(24px - 1.5rem);
    width: 1rem;
    height: 1rem;
    background: url(../icons/border-top.svg);
    background-position: bottom left;
    background-size: cover;
    transform: rotate(270deg);
    
}

.premium-services .consultancy .fickle-image::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: calc(200px - 1.5rem);
    width: 1rem;
    height: 1rem;
    background: url(../icons/border-top.svg);
    background-position: bottom left;
    background-size: cover;
    transform: rotate(270deg);
}


.premium-services .fickle-additional-html-code {
    border-radius: 0 0 0 10px;
    padding: 0 0 10px 10px;
    background-color: var(--white);
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.7)
}

.premium-services .consultancy .fickle-additional-html-code {
    border-radius: 12px 0 0 0;
    padding: 10px 0 0 10px ;
    background-color: var(--white);
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.7)
}

/* .premium-services .fickle-item.fickle-additional-html-code button {
    background-color: var(--blue);
    color: var(--white);
    border: none;
    padding: 5px 15px;
    border-radius: 8px;
    border: 1px solid var(--blue);
    cursor: pointer;
    transition: background-color 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.premium-services .fickle-item.fickle-additional-html-code button:hover {
    background-color: transparent;
    border: 1px solid var(--black);
    color: var(--black);
} */

.premium-services .fickle-item.fickle-additional-html-code button  {
    background-color: var(--blue); 
    display: inline-block;
    padding: 5px 15px;
    border-radius: 12px;
    color: var(--white); 
    font-weight: 600;
    width: auto;
    position: relative;
    z-index: 1;
    border: 1px solid var(--blue2); 
    transition: all 0.3s ease-in-out;
    /* box-shadow: 0 0 0 0.2rem #ffffff; */
}

.premium-services .fickle-item.fickle-additional-html-code button:hover {
    color: var(--blue); 
    background-color: transparent; 
    box-shadow: none;
    z-index: 1;
}

.premium-services .fickle-item.fickle-additional-html-code button:before {
    content: "";
    position: absolute;
    border: 3px solid var(--black); 
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 12px; 
    top: 0;
    transform: scale(0.5); 
    opacity: 0; 
    z-index: -1;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.premium-services .fickle-item.fickle-additional-html-code button:hover:before {
    transform: scale(1); 
    opacity: 1;
}

.premium-services .fickle-item.fickle-additional-html-code button:hover {
    border: 1px solid var(--black); 
    color: var(--black);
    background-color: transparent;
}

.premium-services .project-management .fickle-item.fickle-additional-html-code,
.premium-services .project-supervision .fickle-item.fickle-additional-html-code  {
    position: absolute;
    top: 0; 
    right: 0;
    z-index: 1;
}

.premium-services .fickle-additional-html-code button:hover {
    background-color: #0B4A9F; 
}

.premium-services .consultancy .module-fickle-basic .fickle-image {
    margin-bottom: 0 !important;
}

.premium-services .fickle-item.fickle-text-content p {
    font-family: "Montserrat";
    font-size: 16px;
    line-height: 25px;
}

h4.fickle-title {
    font-family: "Montserrat";
    /* font-size: 36px; */
    /* font-size: calc(1.4vw + 10px); */
    /* font-weight: bold; */
    font-weight: 500;
}

/* .project-management .fickle-content {
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}

.consultancy .fickle-content {

    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}

.project-supervision .fickle-content {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
}

.animate .project-management .fickle-content {
    transform: translateX(0);
    opacity: 1;
}

.animate .consultancy .fickle-content {
    transform: translateY(0);
    opacity: 1;
}

.animate .project-supervision .fickle-content {
    transform: translateX(0);
    opacity: 1;
} */

/* .animate .fickle-image, .animate .module-text {
    transform: translateX(0);
    opacity: 1;
} */

/* environmental focus */



/* contact */
.contact .container-fluid .row {
    max-width: 100vw;
    margin: 0 auto;
}

.contact-bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
    /* animation: bg_img 3s infinite; */
}

.contact-bg-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.contact .contact-bg-image .module.module-text {
    position: absolute;
    z-index: 5;
    max-width: 70%;
    color: white; 
    padding: 20px;
}


.contact input::placeholder {
    font-size: 18px; 
    font-family: 'Inter', sans-serif; 
}

.contact .form-group.agreement-radio.item-acceptance {
    margin-left: 0;
}

.contact .form-group.btn-section.row .col-12 {
    padding: 0;
}

.contact ::placeholder {
    font-size: 18px; 
    font-family: 'Inter', sans-serif; 
}

.contact div.module.module-image img {
  border-radius: 20px;
  filter: brightness(0.8);
  animation: 3s right infinite alternate;

}
.contact label {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 18px;
}

.contact p {
    font-size: 16px;
    margin-bottom: 10px;
}

.contact .contact-bg-image {
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 1.5s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 1.5s ease;
}

.contact .form {
    transform: translateX(100%);
    opacity: 0;
    transition: transform 1.5s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 1.5s ease;
}

.animate .contact-bg-image,
.animate .form {
    transform: translateX(0);
    opacity: 1;
}

.premium-services .fickle-content {
    transform: translateY(100%);
    opacity: 0; 
    transition: transform 1.5s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 1.5s ease;
}

.premium-services .fickle-content.animate {
    transform: translateY(0); 
    opacity: 1; 
}

.premium-services button a {
    color: #fff;
}

.premium-services button:hover a {
    color: #000;
}
.rounded-img img {
    border-radius: 12px;
}

/* animation */
/* animation: 3s right infinite alternate; */

/* .er_choose_img, .er_about_img {
    animation: b_img 3s infinite;
  }
  @keyframes b_img{
    0%{
      transform: rotateX(0deg) translateY(0px);
      -webkit-transform: rotateX(0deg) translateY(0px);
      -o-transform: rotateX(0deg) translateY(0px);
    }
    50%{
      transform: rotateX(0deg)translateY(15px);
      -webkit-transform: rotateX(0deg)translateY(15px);
      -o-transform: rotateX(0deg)translateY(15px);
    }
    100%{
      transform: rotateX(0deg) translateY(0px);
      -webkit-transform: rotateX(0deg) translateY(0px);
      -o-transform: rotateX(0deg) translateY(0px);
    }
  } */

/* 
  @keyframes jumpThree {
    0%   {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
    40%  {-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
    100% {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
  } */

.contact .container-fluid {
    background-color: #f3f1f2;
}

.center-horizontal {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.form-control {
    border: 2px solid var(--blue2);
    color: #000 !important;
    margin-bottom: 10px;
    border-radius: 12px;
    padding-block: 20px;
}
div.p-0  #w0 {
    margin-bottom: 0;
    margin-top: 5px;
    margin-left: 10px;
}
.form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 50px;
    height: 100%;
    justify-content: center;
}

.form-control:focus {
    color: #000;
    border-color: #000;
    outline: 0;
    box-shadow:none;
}

.form-group.btn-section.row button.btn.btn-primary  {
    background-color: var(--blue); 
    display: inline-block;
    margin-top: 20px;
    padding: 10px 30px;
    border-radius: 12px;
    color: var(--white); 
    font-weight: 600;
    width: auto;
    position: relative;
    z-index: 1;
    border: 1px solid var(--blue2); 
    transition: all 0.3s ease-in-out;
    /* box-shadow: 0 0 0 0.2rem #ffffff; */
}

.form-group.btn-section.row button.btn.btn-primary:hover {
    color: var(--blue); 
    background-color: transparent; 
    box-shadow: none;
    z-index: 1;
}

.form-group.btn-section.row button.btn.btn-primary:before {
    content: "";
    position: absolute;
    border: 3px solid var(--black); 
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 12px; 
    top: 0;
    transform: scale(0.5); 
    opacity: 0; 
    z-index: -1;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.form-group.btn-section.row button.btn.btn-primary:hover:before {
    transform: scale(1); 
    opacity: 1;
}

.form-group.btn-section.row button.btn.btn-primary:hover {
    border: 1px solid var(--black); 
    color: var(--black);
    background-color: transparent;
}

.contact .form-group {
    margin-bottom: 0;
} 


.item-000 label span, 
.item-001 label span, 
.item-002 label span, 
.item-003 label span, 
.item-004 label span, 
.item-005 label span {
    /* display: none; */
    color: #ff0033;
    padding-left: 5px;
    font-weight: 600;
}

.item-000, .item-001 {
    display: inline-block; 
    width: calc(50% - 3px);
}

.item-002, .item-005 {
    width: 100%; 
}

.item-003, .item-004 {
    display: inline-block; 
    width: calc(50% - 3px); 
}

.form-group.agreement-radio.item-acceptance {
    padding-top: 20px;
    padding-bottom: 15px;
    margin-left: 16px;    
}

.h2-contact {
    font-size: calc(2.5vw + 12px);

    font-weight: 800;
}

/* FOOTER */

footer .container-fluid .row {
    max-width: 90vw;
    margin: 0 auto;
}

footer .col-lg-2 ul {
    display: flex;
    flex-direction: column;
    justify-content: start;
}

footer .module.module-text.pt-2 p {
    font-size: 14px;
    max-width: 70%;
    padding-bottom: 0;
}

footer .footer-container > .container-fluid > .row {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr; 
    grid-gap: 10px;
}

footer .nav {
    flex-direction: column;
}

footer h2 {
    font-size: 20px;
    line-height: normal;
    font-weight: 500;
}

footer a {
    color: var(--white);
    padding: 5px 0 !important;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
}

footer .copyright {
    max-width: 90vw;
    margin: 0 auto;
    border-top: 1px solid var(--white);
    padding-block: 20px;
}
footer .copyright p {
   font-size: 14px;
}

.copyright .container-fluid {
    padding-inline: 0;
}

.copyright p.pr-3:last-child {
    padding-right: 0 !important;
}

.module-social ul li a {
    display: inline-block;
    width: 40px;  
    height: 40px;
    text-indent: -9999px; 
    overflow: hidden; 
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; 
}

.s-instagram a {
    background-image: url('/uploads/icons/facebook.svg'); 
}

.s-twitter a {
    background-image: url('/uploads/icons/instagram.svg');
}

.s-pinterest a {
    background-image: url('/uploads/icons/twitter.svg');
}

.s-youtube a {
    background-image: url('/uploads/icons/linkedin.svg');
}

footer .module.module-social  ul {
    display: flex;
    justify-content: start;
    gap: 20px;
    margin-left: -10px;
}

/* SERVICES */

body:not(.home) .page-header {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; 
    height: 70vh; 
    width: 100%;
}

.page-header-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; 
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}

body:not(.home) .page-header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); 
    z-index: 0;
}

.page-content-inner h1 {
    color: var(--white);
    text-align: center;
    font-size: calc(4vw + 20px);
    font-weight: 600;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-delay: 0s;
    text-align: center;
    animation-timing-function: ease-in-out;
    position: relative;
    z-index: 5;
    text-transform: uppercase;
}


/* blog */

.blog-image-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; 
    overflow: hidden;
}

.blog-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    border-radius: 12px 12px 0 0;

}

.blog-category-item  h3 {
    font-size: min(max(18px, calc(1.125rem + ((1vw - 2.8px) * 0.122))), 20px);
    font-weight: 600;
    color: #000;
}

.blog-body {
    padding: 30px 20px;
    background-color: #fff;
    flex-grow: 1;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.blog-item-inner {
    border-radius: 12px;
    box-shadow: 0px 25px 40px 0px rgba(0, 0, 0, 0.1);

}
/* about us */

.about-text {
    box-shadow: 0px 25px 40px 0px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding:  30px;
    margin-top: 30px;
    background-color: #fff;
}



/* services */
.services-text {
    box-shadow: 0px 25px 40px 0px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding:  30px;
    margin-top: 30px;
    background-color: #fff;
}



/* contact */

.contact-us .contact-us-img  {
    border-radius: 12px;
    background-size: cover;
    background-repeat: no-repeat;
}

.contact-us .contact-us-img::before {
    border-radius: 12px;
    background-color: rgba(0, 0, 0, 0.6);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


/* blog post */

.post-header-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* gap: 1.5rem; */
    text-align: left;
    width: 100%;
}

.post-image {
    width: 100%;
    max-height: 80vh;
    overflow: hidden;
    position: relative;
    object-fit: cover;

}

.post-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.post-header-content .page-description {
    padding: 0 0 1rem 0;
    width: 100%;
    margin: 0 auto;
}

.post-title {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.post-date {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 1rem;
}

hr {
    margin: 1rem 0;
    border-color: #000;
}
.main-content.type-posts {
    background-color: #fff;
}