:root{
    --primary-font:'Manrope';
    --secondary-font:'Erode';
    --tertiary-font:'Sora';
    --primary-color:#0DAB76;
    --secondary-color:#266DD3;
    --Dark-color:#343434;
    --light-color:#fff;
    --light-blue-color:#CEEAF6;
    --light-ash-color:#E1E2DC;
    --extra-light-ash-color:#F9F9F9;

    --hs-font-size-16: clamp(14px, 0.833vw, 16px);
    --hs-font-size-17: clamp(14px, 0.885vw, 17px);
    --hs-font-size-18: clamp(14px, 0.938vw, 18px);
    --hs-font-size-20: clamp(14px, 1.042vw, 20px);
    --hs-font-size-22: clamp(15px, 1.146vw, 22px);
    --hs-font-size-24: clamp(17px, 1.250vw, 24px);
    --hs-font-size-26: clamp(18px, 1.354vw, 26px);
    --hs-font-size-28: clamp(20px, 1.458vw, 28px);
    --hs-font-size-30: clamp(21px, 1.563vw, 30px);
    --hs-font-size-34: clamp(20px, 1.771vw, 34px);
    --hs-font-size-38: clamp(23px, 1.979vw, 38px);
    --hs-font-size-48: clamp(29px, 2.500vw, 48px);
    --hs-font-size-52: clamp(31px, 2.708vw, 52px);
    --hs-font-size-58: clamp(35px, 3.021vw, 58px);
    --hs-font-size-80: clamp(40px, 4.167vw, 80px);


}

/* CSS Document */
body{ width:100%; padding:0; margin:0; background:#fff;  font-family: 'Raleway',sans-serif; font-family: var(--primary-font); font-size: var(--hs-font-size-16);}
a{ outline:none; text-decoration:none; display: inline-block;}
ul{ padding:0; margin:0; list-style:none; }
@media screen and (min-width: 1300px) { 
	.container{ max-width:1294px;}
}

h1, h2, h3, h4, h5, h6, p{ padding: 0; margin: 0;}
.wpcf7-submit,
[class^="primary-btn-"]{ background-color: var(--primary-color); color: var(--light-color) !important ; padding: clamp(11px, 0.781vw, 15px) clamp(18px, 1.354vw, 26px); border-radius: 200px; font-family: var(--primary-font); font-weight: 400; text-align: center; transition: 0.2s ease-in-out;}
[class^="primary-btn-"] i{margin-right: clamp(8px, 0.625vw, 12px);}
.primary-btn-border{ background-color: transparent; outline: 1px solid var(--primary-color); color: var(--primary-color) !important;}
.primary-btn-solid-secondary{ background-color: var(--secondary-color);}
.primary-btn-solid-dark{ background-color: var(--Dark-color); color: var(--light-color); font-size: var(--hs-font-size-20); font-weight: 400;}
[class^="primary-btn-"].shadow-1{ box-shadow: 0px 11px 24px 0px rgba(0, 0, 0, 0.1);}
.wpcf7-submit:hover,
[class^="primary-btn-"]:hover{ transform: translateY(-5px); transition: 0.2s ease-in-out; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}


[class^="title-"]{ font-weight: 400; font-family: var(--secondary-font); line-height: 1.05;}
[class^="title-"] strong{ color: var(--primary-color);}
.title-1{ font-size: var(--hs-font-size-58);}
.title-2{ font-size: var(--hs-font-size-52);}

[class^="common-list-"] ul {  display: grid; gap: clamp(14px, 1.042vw, 20px);}
[class^="common-list-"] ul li{ position: relative; padding-left: 24px; display: inline-block;}
[class^="common-list-"] ul li::before{ content: '\f058'; font-family: "Font Awesome 6 Pro"; margin-right: 12px; position: absolute; top: 0; left: 0;}
[class^="common-list-"].grid-2 ul{ grid-template-columns: repeat(2,1fr);}
[class^="common-list-green"] ul li::before{ color: var(--primary-color);}
[class^="common-list-dark"] ul li::before{ color: var(--Dark-color);}
.common-list-2 ul li::before,
.common-list-green-2 ul li::before,
.common-list-dark-2 ul li::before{ font-size: var(--hs-font-size-20);}
.common-list-2 ul li,
.common-list-green-2 ul li,
.common-list-dark-2 ul li{ padding-left: clamp(25px, 2.604vw, 50px);}
.common-list-2 ul li h5,
.common-list-green-2 ul li h5,
.common-list-dark-2 ul li h5{ font-size: var(--hs-font-size-22); padding-bottom: clamp(11px, 0.781vw, 15px); line-height: 1.05; font-family: var(--secondary-font); }

[class^="common-icon-list-"] .icon-wrapper{ background-color: var(--primary-color); display: inline-block; padding: clamp(7px, 0.521vw, 10px); border-radius: 5px;}
[class^="common-icon-list-"] .icon-wrapper .icon{ width: 24px; height: 24px;}
[class^="common-icon-list-"] .icon-wrapper .icon img{ object-fit: contain; height: 100%; width: 100%;}
[class^="common-icon-list-"] span{ font-size: var(--hs-font-size-22); font-family: var(--secondary-font); }
.common-icon-list-1 span{ padding-left: clamp(14px, 1.042vw, 20px); }
.common-icon-list-1 ul .row{ --bs-gutter-y: clamp(20px, 2.083vw, 40px); padding-bottom: clamp(25px, 2.604vw, 50px);}
.common-icon-list-2 span{ display: block; padding-block: 15px; font-weight: 600; line-height: 1.0909;}



.sub-title{ font-size: var(--hs-font-size-18); line-height: 1.05; color: var(--Dark-color); position: relative; padding-left: 24px; display: inline-block;}
.sub-title::before{ content: ''; width: 12px; aspect-ratio: 1/1; position: absolute; left: 0; top: 50%; background-color: var(--secondary-color); border-radius: 50%; transform: translateY(-50%);} 
.sub-title-green{ font-size: var(--hs-font-size-18); line-height: 1.05; color: var(--Dark-color); position: relative; padding-left: clamp(12px, 1.250vw, 24px);}
.sub-title-green::before{ content: ''; width: clamp(8px, 0.625vw, 12px); aspect-ratio: 1/1; position: absolute; left: 0; top: 50%; background-color: var(--primary-color); border-radius: 50%; transform: translateY(-50%);} 
.sub-title-green-live {font-size: var(--hs-font-size-18);line-height: 1.05; position: relative;padding-left: clamp(12px, 1.250vw, 24px); }
.sub-title-green-live .dot {width: clamp(8px, 0.625vw, 12px); aspect-ratio: 1/1;position: absolute;left: 0;top: 50%;background-color: var(--primary-color);border-radius: 50%;transform: translateY(-50%);}
.sub-title-green-live .dot span { position: relative; display: block; width: 100%; height: 100%; }
.sub-title-green-live .dot span::before { content: ""; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border-radius: 50%; background-color: var(--primary-color); transform: translate(-50%, -50%); z-index: -1; animation: pulse 1.5s ease-out infinite; }
@keyframes pulse { 0% { transform: translate(-50%, -50%) scale(1); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(2.5); opacity: 0; } }


.img-fluid-cover{ object-fit: cover; object-position: center; height: 100%; width: 100%;}

.img-fluid{ width: 100%;}


/* barba page transition */
main { transition: opacity 0.5s ease, transform 0.5s ease; opacity: 1; transform: translateY(0); }
main.is-leaving { opacity: 0; transform: translateY(-20px); }
main.is-entering { opacity: 0; transform: translateY(20px); }
main.is-entered {opacity: 1;transform: translateY(0); }
#loader { position: fixed; top:0; left:0; right:0; bottom:0; background: rgba(255,255,255,0.8); display: flex; justify-content: center; align-items: center; z-index: 1000; display: none;}
.spinner { border: 6px solid #f3f3f3;  border-top: 6px solid #007BFF;  border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}