/* Define the Regular Font */
@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/cera_pro_sv/Cera Pro Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* Define the Bold Font */
@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/cera_pro_sv/Cera Pro Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

/* Define the Black Font */
@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/cera_pro_sv/Cera Pro Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

/* Define the Italic Font */
@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/cera_pro_sv/Cera Pro Regular Italic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

/* Define the Black Italic Font */
@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/cera_pro_sv/Cera Pro Black Italic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
}

/* Define the Light Font */
@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/cera_pro_sv/Cera Pro Light.otf') format('opentype');
    font-weight: lighter;
    font-style: normal;
}

/* Define the Medium Font */
@font-face {
    font-family: 'Cera Pro';
    src: url('../fonts/cera_pro_sv/Cera Pro Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.header-section {
    width: 100%;
    height: 153px;
    background: #FFF;
    box-shadow: 0px 12px 22px 0px rgba(0, 0, 0, 0.05);
    display: flex;
}

.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
}

.contact-btn {
    color: var(--Color-primary, #C27D42);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 134px;
    height: 45px;
    flex-shrink: 0;
    border-radius: 1000px;
    border: 1px solid var(--Color-primary, #C27D42);
    cursor: pointer;
}

.nav-section ul {
    list-style: none;
    display: flex;
    justify-content: space-around;
}

.nav-section ul a {
    text-decoration: none;
}
.arr-drpd-main{
    display: flex;
    align-items: center;
}
.dropdown-content-nav{
    display: none;
    width: 300px;
    position: absolute;
    background: white;
    top: 25px;
    z-index: 100;
    border-radius: 5px;
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid #C27D42;
    left: -48px;
}
.dropdown-content-nav ul{
    display: block;
}
.dropdown-content-nav ul a li{
    height: 50px;
    border-bottom: 1px solid #C27D42;
}
.dropdown-content-nav ul a li:hover{
    color: #C27D42;
}
.nav-section ul li:hover .dropdown-content-nav{
    display: block;
}
.nav-section ul li {
    position: relative;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.logo-section {

    text-align: center;
}
.logo-section img{
    width: 150px;
}
.lng-section{
    position: relative;
}
.lng-block{
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.ln-image-section{
    display: flex;
}
.lng-block p{
    position: relative;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex
;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.dropdown_block ul{
    list-style: none;
}
.dropdown_block{
    display: none;
    width: 100px;
    /*height: 100px;*/
    background: white;
    justify-content: center;
    border: 1px solid #F3EBD5;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    padding-bottom: 10px;
    top: 22px;
    left: -15px;
    z-index: 10000000000;
}
.dropdown_block ul li{
    display: flex;
    margin-top: 20px;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
}
.dropdown_block ul li a{
    display: flex;
    gap: 5px;
    text-decoration: none;
}
.dropdown_block ul li div{
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.btns-section {
    width: 10%;
    display: flex;
    justify-content: end;
}

.nav-section {
    width: 60%;
}

.hero-section {
    padding-top: 40px;
    position: relative;
}

.herro-block {
    display: flex;
    width: 100%;
}

.hero-left {
    width: 40%;
    position: relative;
}

.hero-right {
    width: 60%;
}

.hero-right img {
    width: 100%;
}

.tet-hero-block {
    position: absolute;
    left: 29%;
    top: 10%;
    width: 684px;
    height: 317.345px;
    align-items: center;
}

.tet-hero-block h2 {
    color: var(--Black, #000);
    font-family: "Cera Pro", sans-serif;
    font-size: 76px;
    font-style: normal;
    font-weight: 700;
    line-height: 115.7%;
    /* 87.932px */
    letter-spacing: -1.14px;
}

.tet-hero-block h3 {
    color: var(--Color-primary, #C27D42);
    font-family: "Cera Pro", sans-serif;
    font-size: 76px;
    font-style: normal;
    font-weight: 700;
    line-height: 115.7%;
    letter-spacing: -1.14px;
}

.tet-hero-block p {
    margin-top: 24px;
    color: var(--Black, #000);
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 119.7%;
    /* 28.728px */
}

.btn-links-sec a {
    text-decoration: none;
}

.cloud-btn {
    cursor: pointer;
    display: flex;
    width: 229px;
    height: 77px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 20px;
    background: #1F7D6A;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    text-decoration: none;
}

.cloud-btn:hover {
    background-color: white;
    color: #1F7D6A;
    border: 3px solid var(--Color-secondary, #1F7D6A);
}

.cnt-us-btn {
    width: 229px;
    height: 77px;
    flex-shrink: 0;
    border-radius: 20px;
    border: 3px solid var(--Color-secondary, #1F7D6A);
    color: var(--Color-secondary, #1F7D6A);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background-color: white;
    cursor: pointer;
}

.cnt-us-btn:hover {
    background: #1F7D6A;
    color: var(--White, #FFF);
}

.btn-links-sec {
    display: flex;
    gap: 19px;
    margin-top: 80px;
}

.underline-title {
    width: 436px;
    height: 20px;
    flex-shrink: 0;
    opacity: 0.2;
    background: var(--Color-primary, #C27D42);
    position: absolute;
    top: 62px;
}

.herow-sec-vector {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.title-block {
    color: #000;
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    text-transform: uppercase;
    /* 71.344px */
}

.solutions-section {
    background: #EBE6CE;
    position: relative;
}

.title_underlines {
    width: 89px;
    height: 3px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: var(--Color-primary, #C27D42);
    margin: 0 auto;
}

.solution-single-block {
    cursor: pointer;
    width: 886.066px;
    height: 294.137px;
    flex-shrink: 0;
    border-radius: 9.135px;
    background: #FFF;
    box-shadow: 0px 63.029px 104.136px 0px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease-in-out;
}

.solution-single-block:hover {
    transform: scale(1.1);
    /* Slightly increase the size */
}

.solution-single-block:hover .vis-icon {
    display: none;
}

.solution-single-block:hover .not-avil {
    display: block;
}

.solution-block {
    width: 80%;
    margin: 0 auto;
}

.not-avil {
    display: none;
}

.sol-image-sec {
    position: relative;
    width: 352px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.abs-numbers {
    top: -27px;
    left: -30px;
    position: absolute;
    color: var(--Color-primary, #C27D42);
    font-family: "Cera Pro", sans-serif;
    font-size: 113.27px;
    font-style: normal;
    font-weight: 900;
    line-height: 45.2%;
    /* 51.198px */
    letter-spacing: -5.097px;
    opacity: 0.15;
}

.solution-single-block {
    display: flex;
}

.solution-blocks {
    width: 1265px;
    margin: 200px auto;
}

.sol-txt-sec h2 {
    margin-bottom: 15px;
    color: var(--Color-primary, #C27D42);
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
}

.sol-txt-sec p {
    margin-top: 15px;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 21.923px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    width: 467.118px;
    /* 26.308px */
}

.sol-und {
    width: 81.299px;
    height: 2.74px;
    flex-shrink: 0;
    border-radius: 913.47px;
    background: var(--Color-primary, #C27D42);
}

.sol-txt-sec {
    position: relative;
    display: flex;
    align-items: center;
}

.abs-numbers2 {
    top: -27px;
    right: -66px;
    position: absolute;
    color: var(--Color-primary, #C27D42);
    font-family: "Cera Pro", sans-serif;
    font-size: 113.27px;
    font-style: normal;
    font-weight: 900;
    line-height: 45.2%;
    /* 51.198px */
    letter-spacing: -5.097px;
    opacity: 0.15;
}

.second-blc-sol {
    margin-left: 275px;
}

.vector-abs {
    position: absolute;
}

.vector-abs {
    width: 100%;
    bottom: -585px;
    z-index: -1;
}

.location-section {
    padding-top: 436px;
    margin-bottom: 150px;
}

.maps-section {
    position: relative;
    padding-top: 100px;
    width: 61%;
    margin: 0 auto;
}

.usmap {
    position: relative;
}

.oregon {
    position: absolute;
    top: 18%;
    left: 8%;
}

.state_ca {
    position: absolute;
    top: 45%;
    left: 5%;
}

.state_az {
    position: absolute;
    top: 59%;
    left: 19%;
}

.state_ut {
    position: absolute;
    top: 40%;
    left: 21%;
}

.state_ne {
    position: absolute;
    top: 35%;
    left: 43%;
}

.state_mo {
    position: absolute;
    top: 47%;
    left: 56%;
}

.state_tn {
    position: absolute;
    top: 56%;
    left: 68%;
}

.state_ar {
    position: absolute;
    top: 61%;
    left: 57%;
}

.state_al {
    position: absolute;
    top: 67%;
    left: 68%;
}

.state_ga {
    position: absolute;
    top: 66%;
    left: 75%;
}

.state_fl {
    position: absolute;
    top: 83%;
    left: 81%;
}

.state_nc {
    position: absolute;
    top: 54%;
    left: 82%;
}

.state_va {
    position: absolute;
    top: 45%;
    left: 83%;
}

.state_dc {
    position: absolute;
    top: 39%;
    left: 85%;
}

.state_pa {
    position: absolute;
    top: 33%;
    left: 83%;
}

.state_oh {
    position: absolute;
    top: 38%;
    left: 74%;
}

.state_nj {
    position: absolute;
    top: 34%;
    left: 89%;
}

.state_ny {
    position: absolute;
    top: 23%;
    left: 86%;
}

.state_ct {
    position: absolute;
    top: 27%;
    left: 91%;
}

.state_ri {
    position: absolute;
    top: 26%;
    left: 93%;
}

.state_ma {
    position: absolute;
    top: 24%;
    left: 92%;
}

.state_nh {
    position: absolute;
    top: 20%;
    left: 92%;
}

.state_vt {
    position: absolute;
    top: 19%;
    left: 90%;
}

.state_me {
    position: absolute;
    top: 11%;
    left: 95%;
}

.map-location img {
    width: 30px;
}

.map-location {
    display: inline-block;
    cursor: pointer;
    animation: pulse 2s infinite ease-in-out;
}

.map-location:hover {
    z-index: 111;
}


@keyframes pulse {
    0% {
        transform: scale(1);
        /* Start at original size */
        opacity: 1;
    }

    50% {
        transform: scale(1.1);
        /* Grow slightly */
        opacity: 0.8;
        /* Slightly fade */
    }

    100% {
        transform: scale(1);
        /* Return to original size */
        opacity: 1;
    }
}



.map-location::after {
    font-family: "Cera Pro", sans-serif;
    content: attr(id);
    position: absolute;
    bottom: 0px;
    /* Position below the state */
    left: 50%;
    transform: translateX(-50%);
    color: white;
    background-color: black;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 111;
}

/* Hover effect to show state name */
.map-location:hover::after {
    opacity: 1;
    visibility: visible;
    bottom: 40px;
    /* Make it pop out a bit */
}

/* Optional: Add a nice transition effect for the tooltip */
.map-location:hover img {
    transform: scale(1.1);
    /* Slightly increase the state image size on hover */
    transition: transform 0.3s ease-in-out;
}

.eu_map {
    display: none;
}

.changeing-sec ul {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 20px;
}

.changeing-sec ul li {
    color: #000;
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 137.2%;
    cursor: pointer;
    /* 49.392px */
}

.active_country {
    border-bottom: 3px solid #1F7D6A;

}

.countries:hover {
    border-bottom: 3px solid #1F7D6A;
}

.eu_map {
    position: relative;
    text-align: center;
}

.eu_map img {
    width: 58%;
}

.germany {
    position: absolute;
    top: 57%;
    left: 44%;
}

.greece {
    position: absolute;
    left: 59%;
    top: 85%;
}

.savings-section {
    background: #EBE6CE;
    padding-top: 83px;
}

.features {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 20px;
    width: 1265px;
    gap: 45px;
    margin: 50px auto;
}

.feature {
    display: flex;
    gap: 20px;
    width: 40%;
    /* Adjust the width as per the number of features per row */
    margin: 10px;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    transition: transform 0.3s ease-in-out;
}

.feature:hover {
    transform: scale(1.05);
    /* Slight zoom effect on hover */
}

.icon-container1 {
    width: 75px;
    height: 75px;
    align-items: center;
    background-color: #C27D42;
    display: flex;
    border-radius: 50%;
    justify-content: center;
}

.icon-container img {
    width: 40px;
    height: 40px;
    /* Adjust icon size */

}

.description {
    text-align: left;
    color: #000;
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 28.8px */
    letter-spacing: 0.48px;
}

.savings-solution-section {
    position: relative;
}

.vector-m {
    position: absolute;
    width: 100%;
    top: -382px;
    z-index: -1;
}

.glob-left h2 {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 128.3%;
    /* 82.112px */
}

.glob-underline {
    width: 125.803px;
    height: 6px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: var(--Color-primary, #C27D42);
}

.glob-left p {
    color: var(--Black, #000);
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 119.7%;
    margin-top: 64px;
    /* 28.728px */
}

.savings-solution-block {
    width: 1265px;
    margin: 132px auto;
}

.glob-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.glob-sec>div {
    width: 48%;
}

.glob-right {
    display: flex;
    justify-content: end;
}

.glob-btns-section {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 80px;
}

.glob-btns-section .pdf-btn-dwnld {
    width: 609.048px;
    height: 77px;
    flex-shrink: 0;
    border-radius: 1000px;
    border: 5px solid var(--Color-secondary, #1F7D6A);
    color: var(--Color-secondary, #1F7D6A);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    cursor: pointer;
}

.glob-btns-section .pdf-btn-dwnld:hover {
    background: #1F7D6A;
    color: white;
}

.glob-btns-section .cntct-btn-dwnld {
    border: none;
    width: 609.048px;
    height: 77px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
}

.glob-btns-section .cntct-btn-dwnld:hover {
    border: 5px solid var(--Color-secondary, #1F7D6A);
    color: var(--Color-secondary, #1F7D6A);
    background-color: white;
}

.footer-section {
    padding-top: 74px;
    background: #EBE6CE;
    padding-bottom: 100px;
    position: relative;
}

.footer-block {
    margin: 0 auto;
    width: 80%;
    display: flex;
}

.footer-contact {
    margin-top: 20px;
}

.footer-contact p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 31.5px;
    /* 175% */
    letter-spacing: 0.2px;
}

.footer-contact a {
    opacity: 0.8;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 31.5px;
    letter-spacing: 0.2px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.footer-social-sec {
    display: flex;
    gap: 10px;
    margin-top: 100px;
}

.footer-left-side {
    width: 60%;
}
.footer-left-side >a img{
    width: 150px;
}

.footer-right-side {
    width: 40%;
}

.footer-sec-pages-left p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 31.5px;
    /* 143.182% */
    letter-spacing: 0.2px;
}

.footer-sec-pages-left ul {
    list-style: none;
    margin-top: 20px;
}

.footer-sec-pages-left ul li a {
    color: #000;
    font-family: "Cera Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 31.5px;
    /* 175% */
    letter-spacing: 0.2px;
    text-decoration: none;
}

.footer-right-side {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.footer-sec-pages-right p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 31.5px;
    /* 143.182% */
    letter-spacing: 0.2px;
}

.footer-sec-pages-right ul {
    list-style: none;
    margin-top: 20px;
}

.footer-sec-pages-right ul li a {
    color: #000;
    font-family: "Cera Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 31.5px;
    /* 175% */
    letter-spacing: 0.2px;
    text-decoration: none;
}

.copyright-section {
    width: 100%;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F3EBD5;
}

.copyright-section p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 31.5px;
    /* 131.25% */
    letter-spacing: 0.2px;
}

.heroo-sectionn {
    position: relative;
    padding-top: 130px;
    background-image: url('../images/termostat-header.png');
}

.termostat-header {
    position: relative;
    text-align: center;
    width: 100%;
}

.termostat-header h2 {
    text-align: center;
    color: var(--Black, #000);
    font-family: "Cera Pro", sans-serif;
    font-size: 76px;
    font-style: normal;
    font-weight: 700;
    line-height: 115.7%;
    /* 87.932px */
    letter-spacing: -1.14px;
}

.underline-title1 {
    width: 341.479px;
    height: 20px;
    opacity: 0.2;
    background: var(--Color-primary, #C27D42);
    margin: -22px auto;
}

.term-vector {
    width: 100%;
}

.mask-of-term {
    position: absolute;
    bottom: -153px;
    left: 0;
    width: 100%;
    height: 400px;
    background: #EBE6CE;
}

.termos-top-sec {
    width: 100%;
    position: absolute;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

/* .termos-top-sec div {
    width: 50%;
} */

.termos-sec-right {
    width: 40%;
    display: flex;
    justify-content: center;
}

.termos-sec-left {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.termos-sec-left h2 {
    width: 684px;
    height: 265px;
    color: #000;
    font-family: "Cera Pro",sans-serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 71.344px */
    text-transform: uppercase;
    margin-top: 150px;
}

.video-section video {
    border-radius: 9.13px;
    background: #D9D9D9;
    box-shadow: 0px 1px 18.5px 0px rgba(0, 0, 0, 0.23);
    width: 898.784px;
    height: 488.033px;
    flex-shrink: 0;
}

.video-section {
    text-align: center;
    padding-top: 137px;
    background: #EBE6CE;
}

.term-blocks-section {
    background: #EBE6CE;
    padding-top: 100px;
    position: relative;
    height: 440px;
}

.smal-blck-content p {
    color: #000;
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 26.4px */
}

.term-smalblk {
    width: 301.322px;
    height: 266.412px;
    border-radius: 27.56px;
    background: #FFF;
    box-shadow: 0px 63.388px 104.728px 0px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
}

.small-blocks-term {
    position: relative;
    width: 1265px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 19px;
}

.small-icons {
    justify-content: center;
    display: flex;
    margin-bottom: 28px;
}

.big-block-content {
    width: 1265px;
    margin: 26px auto;
    height: 412px;
    flex-shrink: 0;
    padding: 56px 67px;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 25px 120.614px 0px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
}

.big-block-content p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 25.392px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 30.471px */
}

.ps-ab-vec {
    width: 100%;
    position: absolute;
    bottom: -700px;
    z-index: -1;
}
.titles-section{
    width: 1265px;
    margin: 0 auto;
}
.cloud-section-tit {
    padding-top: 539px;
}

.cloud-section-tit .big-block-term {
    margin-top: 70px;
}

.case-st-title {
    width: 744px;
    margin: 0 auto;
}

.case-studio-sec {
    margin-top: 98px;
}

.case-st-title h2 {
    color: var(--Color-primary, #C27D42);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: capitalize;
}

.case-st-title p {
    color: #000;
    text-align: center;
    font-family: "Cera Pro";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-top: 10px;
    /* 26.4px */
}

.case-st-blocks {
    display: flex;
    width: 772px;
    align-items: center;
    align-content: center;
    gap: 27px 24px;
    flex-wrap: wrap;
    margin: 88px auto;
    box-sizing: border-box;
}

.case-st-block-single {
    display: flex;
    box-sizing: border-box;
    width: 374px;
    height: 88px;
    padding: 22px 19px;
    align-items: center;
    gap: 23px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 13px 28px 0px rgba(0, 0, 0, 0.12);
}

.case-st-block-single p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 32.885px */
    text-transform: capitalize;

}

.ritail-section {
    padding-top: 118px;
}

.ritail-section .big-block-term {
    margin-top: 24px;
}

.multi-region-section {
    padding-top: 117px;
}

.multi-region-section .big-block-term {
    margin-top: 44px;
}

.palma-block {
    display: flex;
    width: 100%;
}

.palma-left {
    width: 40%;
}

.palma-right {
    width: 60%;
}

.palma-right img {
    width: 100%;
}

.palma-title {
    width: 659px;
    position: relative;
    margin-left: 221px;
}

.palma-title h2 {
    color: var(--Black, #000);
    font-family: "Cera Pro", sans-serif;
    font-size: 76px;
    font-style: normal;
    font-weight: 700;
    line-height: 115.7%;
    /* 87.932px */
    letter-spacing: -1.14px;
}

.palma-left {
    display: flex;
    align-items: center;
    justify-content: end;
}

.underline-palma {
    width: 341.479px;
    height: 20px;
    flex-shrink: 0;
    opacity: 0.2;
    background: var(--Color-primary, #C27D42);
    position: absolute;
    top: 64px;
}

.under-palma-blocks {
    display: flex;
    width: 1265px;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 59px 46px;
    flex-wrap: wrap;
    margin: 0 auto;
}

.palma-block-single {
    display: flex;
    width: 580px;
    min-height: 482px;
    padding: 33px 48px;
    flex-direction: column;
    align-items: flex-start;
    gap: 29px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
}

.palma-block-single h2 {
    color: var(--Color-primary, #C27D42);
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: uppercase;
}

.palma-block-single p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    width: 478px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 26.4px */
}

.decarbonization-block {
    width: 80%;
    margin: 100px auto;
    align-items: center;
    text-align: center;
}

.term-feature-list {
    width: 1265px;
    margin: 70px auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 41px;
    flex-shrink: 0;
}

.term-feature-list ul{
    width: 1265px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5px 41px;
    flex-shrink: 0;
}

.term-feature-list ul li {
    color: #C27D42;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    width: 612px;
    font-weight: 500;
    line-height: 35.331px;
    /* 160.596% */
    letter-spacing: 0.139px;
}

.bird-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 813px;
    /*overflow: hidden;*/
}

.bird-block-left {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: end;
}
.bird-block-right img{
    width: 100%;
}

.download-bird-sec p a {
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    font-size: 25.392px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 30.471px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;

}

.download-bird-sec p {
    margin-top: 30px;
}

.download-bird-sec a button {
    cursor: pointer;
    border: none;
    width: 449.099px;
    height: 74.842px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 30px;
}

.download-bird-sec a button:hover {
    background-color: white;
    border: 3px solid var(--Color-secondary, #1F7D6A);
    color: var(--Color-secondary, #1F7D6A);
}

.sensor-top-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-sensor-top {
    position: relative;
}

.sensor-vector {
    width: 100%;
    position: absolute;
    top: 167px;
    z-index: -1;
    left: 0;
}
.sensor-top-right img{
    width: 100%;
}

.building-block {
    padding-top: 58px;
    background: #EBE6CE;

}

.buldings-section {
    margin-top: 20px;
    /* height: 1000px; */
    position: relative;
}

.bilding-content {
    display: flex;
    /* height: 500px; */
    align-items: center;
    justify-content: space-between;
}

.building-cotent-left {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.building-cotent-left p {
    display: flex;
    width: 718px;
    flex-direction: column;
    align-items: flex-end;
    gap: 35px;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 26.4px */
    letter-spacing: 0.139px;
}

.building-cotent-right img {
    /* width: 845.589px;
    height: 845.589px; */
    flex-shrink: 0;
    opacity: 0.6;
}

.building-block h2 {
    max-width: 1110px;
    margin: 0 auto;
}

.building-vec2 {
    width: 100%;
    position: absolute;
    bottom: -461px;
    z-index: 0;
}

.surces-block {
    width: 80%;
    margin: 0 auto;
    position: relative;
}

.sources-titele-section h2 {
    color: var(--Color-primary, #C27D42);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: capitalize;
}

.sources-titele-section p {
    width: 883px;
    height: 46px;
    flex-shrink: 0;
    color: #000;
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin: 10px auto;
    /* 26.4px */
}

.source-blocks-serc {
    display: flex;
    width: 1163.213px;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 23px 25px;
    flex-wrap: wrap;
    margin: 78px auto;
}

.source-single-blc {
    width: 569.106px;
    min-height: 235.072px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
    padding: 27px 53px;
    box-sizing: border-box;
}

.source-single-ttl h2 {
    color: var(--Color-primary, #C27D42);
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
}

.source-underline {
    width: 89px;
    height: 3px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: var(--Color-primary, #C27D42);
}

.source-content-single {
    margin-top: 37px;
}

.source-content-single ul li {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 26.4px */
}

.sources-section {
    margin-top: 80px;
}

.detection-block {
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 25px 120.614px 0px rgba(0, 0, 0, 0.12);
    width: 1265px;
    margin: 26px auto;
    padding: 56px 68px;
    box-sizing: border-box;
}

.detection-block p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 25.392px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 30.471px */
}

.detection-block h2 {
    color: var(--Color-primary, #C27D42);
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: capitalize;
    margin: 26px 0px;
}

.detection-block ul {
    margin-top: 30px;
    margin-left: 22px;
}

.detection-block ul li {
    opacity: 0.7;
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    font-size: 25.392px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.block-text-sec span {
    width: 366px;
    height: 60px;
    flex-shrink: 0;
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    font-size: 25.392px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 30.471px */
}

.block-text-sec {
    display: flex;
    gap: 20px;
    margin-top: 45px;
}

.multi-loc-block {
    width: 1265px;
    gap: 42px;
    margin: 87px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.multi-loc-single {
    width: 569.106px;
    min-height: 457.525px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
    padding: 36px 54px;
    box-sizing: border-box;
}

.multi-loc-single h2 {
    color: var(--Color-primary, #C27D42);
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
}

.multi-loc-single p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 26.4px */
    margin-top: 5px;
}

.bultibuton-sec {
    text-align: center;
}

.bultibuton-sec a button {
    width: 449.099px;
    height: 77px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
    border: none;
}

.bultibuton-sec a button:hover {
    border: 3px solid var(--Color-secondary, #1F7D6A);
    color: var(--Color-secondary, #1F7D6A);
    background-color: white;
}

.sustanable .big-block-content {
    height: auto;
}

.water-lake-block {
    width: 80%;
    margin: 78px auto;
}

.water-lake-text h2 {
    color: var(--Color-primary, #C27D42);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: capitalize;
}

.water-lake-text p {
    max-width: 1130px;
    height: 60px;
    flex-shrink: 0;
    margin: 26px auto;
    color: #000;
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 25.392px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 30.471px */
}

.water-sec-list ul {
    max-width: 1130px;
    height: 382px;
    flex-shrink: 0;
    margin: 52px auto;
}

.water-sec-list ul li {
    opacity: 0.7;
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    font-size: 25.392px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.user-int {
    padding-top: 20px;
}

.userinterface-images-section {
    display: flex;
    gap: 56px;
    margin-top: 54px;
}

.us-sec-txt {
    width: 449px;
    height: 270px;
    flex-shrink: 0;
    color: #1F7D6A !important;
    font-family: "Cera Pro", sans-serif;
    font-size: 25.392px !important;
    font-style: normal !important;
    font-weight: 500;
    line-height: 120% !important;
    /* 30.471px */
}

.section-texadn-im {
    display: flex;
    gap: 54px;
}

.section-texadn-im p {
    width: 449px;
    height: 270px;
    flex-shrink: 0;
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    font-size: 25.392px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 30.471px */
}

.user-int-next {
    margin-top: 79px;
}

.wt-lak-detection-content {
    margin-top: 20px;
}

.wt-lak-detection-content img {
    width: 100%;
}

.download-data-sec {
    display: flex;
    gap: 38px;
}

.dwnl-block {
    width: 568px;
    height: 582px;
    flex-shrink: 0;
}

.dwnl-block p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 25.392px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 30.471px */
}

.data-down .big-block-content {
    width: 1265px;
}

.sens-man-btn {
    margin-top: 90px;
    margin-bottom: 90px;
    text-align: center;
}

.sens-man-btn button {
    border: none;
    width: 449.099px;
    height: 74.842px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
}

.sens-man-btn button:hover {
    border: 3px solid var(--Color-secondary, #1F7D6A);
    color: var(--Color-secondary, #1F7D6A);
    background-color: white;
}

.ocupancy-section {
    position: relative;
    background-image: url('../images/shutterstock_1015361422 1.png');
    background-size: cover;
    z-index: -2;
    height: 854px;
    background-position-y: center;
}

.ocupancy-vector {
    width: 100%;
    position: absolute;
    top: 231px;
    z-index: -1;
    left: 0;
}

.ocupancy-top-hed {
    width: 100%;
    height: 67%;
}

.pandemic-section {
    position: relative;

}

.pandmic-block-section {
    width: 80%;
    margin: 82px auto;
}

.pandmic-title-section {
    text-align: center;
    width: 100%;
}

.pandmic-title-section h2 {
    margin: 0 auto;
    max-width: 842.084px;
    flex-shrink: 0;
    color: var(--Color-primary, #C27D42);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: capitalize;
}

.pandemic-content-section {
    margin-top: 54px;
}

.pandemic-first-list li {
    color: #C27D42;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 35.331px;
    /* 160.596% */
    letter-spacing: 0.139px;
}

.pandemic-content-section h3 {
    margin-top: 73px;
    color: var(--Color-primary, #C27D42);
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 500;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: capitalize;
}

.pandemic-content-section h4 {
    color: #C27D42;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    text-transform: capitalize;
}

.pandemic-sec-list {
    margin-top: 20px;
}

.pandemic-sec-list {
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 35.331px;
    /* 160.596% */
    letter-spacing: 0.139px;
}

.top-marg {
    margin-top: 79px;
}

.top-marg .titles-section .title-block {
    width: 1109px;
    margin: 0 auto;
}

.map-pol-block {
    width: 80%;
    margin: 0 auto;
}

.map-pol-section {
    margin-top: 86px;
    margin-bottom: 67px;
}

.map-pol-block img {
    width: 100%;
}

.tit-hat-map {
    margin-top: 20px;
    text-align: center;
}

.space-description {
    max-width: 1102px;
    color: var(--Color-primary, #C27D42);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: capitalize;
    margin: 10px auto;
}

.sc-tp {
    margin-top: 174px;
}

.tp-sp-desc {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 24px */
}

.managment-sc-sing {
    margin-top: 15px;
}

.platform-section11 {
    display: flex;
    align-items: center;
    /* width: 90%; */
    justify-content: space-between;
    margin-top: 100px;
}

.platform-left-sec {
    margin-left: 200px;
}

.platform-block-first {
    width: 729px;
    /* height: 268px; */
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 25px 120.614px 0px rgba(0, 0, 0, 0.12);
    padding: 58px 30px;
    box-sizing: border-box;
}

.platform-block-first p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 25.392px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 30.471px */
}

.platform-block-second {
    margin-top: 28px;
    width: 717px;
    /* height: 235.072px; */
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
    padding: 28px 58px;
    box-sizing: border-box;
}

.platform-block-second h2 {
    color: var(--Color-primary, #C27D42);
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
}

.platform-block-second p {
    margin-top: 27px;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 25.2px */
}

.block-saaas-benefits {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    width: 1178px;
    margin: 88px auto;
    flex-wrap: wrap;
}

.saas-ben-single {
    width: 375.27px;
    height: 266.596px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 43px 17px;
    box-sizing: border-box;
}

.saas-ben-single p {
    color: #000;
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-top: 28px;
    /* 26.4px */
}

.saas-ben-single div {
    text-align: center;
}

.sens-two-single {
    padding: 24px 50px;
    width: 623px;
    min-height: 438px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
}

.sens-two-block {
    width: 80%;
    margin: 47px auto;
    display: flex;
    gap: 19px;
    justify-content: center;
}

.two-title-section h2 {
    width: 356px;
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
}

.two-title-section .two-underline {
    width: 97.383px;
    height: 3.816px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
}

.sens-two-single>p {
    margin-top: 24px;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 25.2px */
}

.tiz-epic-section {
    text-align: center;
    margin-bottom: 20px;
}

.tyco-cameras {
    background-image: url('../images/Essentials-Gen-4-3\ 1.png');
    background-size: cover;
    width: 100%;
    height: 514px;
    flex-shrink: 0;
    aspect-ratio: 1443.75/385.00;
}

.tyco-block-camera {
    height: 100%;
}

.tyco-camera-t h2 {
    color: #FFF;
}

.tico-cloud-video-section {
    background: #EBE6CE;
    padding-top: 67px;
}

.tico-cloud-video-block {
    margin: 0 auto;
    width: 898.783px;
    height: 502.978px;
}

.top-video {
    padding-top: 170px;
    background: #EBE6CE;
    position: relative;
    height: 201px;
}

.video-poz {
    width: 100%;
    position: absolute;
    bottom: -700px;
    z-index: -1;
}

.under-video {
    margin-top: 363px;
}

.tyco-text-sec h2 {
    color: var(--Color-primary, #C27D42);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: capitalize;
}

.tyco-text-sec p {
    color: #000;
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 25.392px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 30.471px */
}

.tyco-text-sec {
    margin-top: 38px;
    margin-bottom: 47px;
}

.sec-txt-bl {
    margin-top: 20px;
}

.new-blc-sc {
    box-shadow: none;
}

.new-sc-img-bl {
    width: 963.179px;
    height: 588px;
    margin: 0 auto;
}

.blc-new-txt-sec-ttl {
    width: 1102px;
    margin: 0 auto;
}

.cyber-prot-block {
    width: 1265px;
    margin: 0 auto;
    display: flow-root;
}

.cyber-single {
    width: 928px;
    /* height: 278px; */
    flex-shrink: 0;
    border-radius: 9.135px;
    background: #FFF;
    box-shadow: 0px 6px 58.4px 0px rgba(0, 0, 0, 0.12);
    padding: 35px 29px;
    box-sizing: border-box;
    display: flex;
    gap: 20px;
    align-items: center;
}

.cyber-description {
    width: 615px;
    /* height: 209px; */
    flex-shrink: 0;
}

.cyber-description h2,
h3 {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 26.4px */
}

.cyber-description h3 {
    margin-top: 20px;
}


.cyber-single img {
    max-width: 216.695px;
    /* height: 99.165px; */
}

.cyber-description p {
    opacity: 0.7;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    margin-top: 20px;
    font-weight: 500;
    line-height: 120%;
}

.second-cyber {
    position: relative;
    float: right;
    margin-top: 36px;
}

.world-saver-block {
    display: flex;
    gap: 43px;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1265px;
    margin: 0 auto;
}

.world-saver-section {
    position: relative;
    padding-bottom: 100px;
}

.world-saver-single {
    width: 569.106px;
    /* height: 434.359px; */
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
    padding: 66px 54px;
    box-sizing: border-box;
}

.world-saver-single h2 {
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
}

.world-saver-single p {
    margin-top: 21px;
    width: 459px;
    height: 265px;
    flex-shrink: 0;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 24px */
}

.lines-top-abs {
    position: absolute;
    z-index: -1;
}

.lines-bottom-abs {
    position: absolute;
    right: 0;
    z-index: -1;
    bottom: 0;
}

.illustra-block {
    width: 1265px;
    margin: 50px auto;
    display: flex;
    justify-content: center;
    gap: 91px;
}

.illustra-single-block {
    width: 450px;
}

.illustra-titel h2 {
    width: 497px;
    min-height: 145px;
    color: var(--Color-primary, #C27D42);
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: capitalize;
}

.illustra_underline {
    width: 96px;
    height: 3px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: var(--Color-primary, #C27D42);
}

.illustra-list {
    margin-top: 38px;
}

.illustra-list li {
    color: #000;
    font-family: "Cera Pro";
    font-size: 25.392px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 30.471px */
}

.under-title h2 {
    width: 824px;
    color: var(--Color-primary, #C27D42);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: capitalize;
    margin: 0 auto;
}

.termostat-things-single {
    padding: 47px 38px;
    margin: 38px auto;
    width: 1184px;
    height: 407px;
    flex-shrink: 0;
    border-radius: 9.135px;
    background: #FFF;
    box-shadow: 0px 6px 58.4px 0px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 34px;

}

.term-things-text {
    width: 806px;
    height: 313px;
    display: flex;
    align-items: center;
}

.term-things-text h2 {
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 26.4px */
}

.term-things-text ul {
    margin-left: 34px;
}

.term-things-text ul li {
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

.term-things-text p {
    margin-top: 20px;
    opacity: 0.7;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.another-tyco-ttl {
    color: var(--Color-primary, #C27D42);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
}

.tyco-prd-single {
    cursor: pointer;
    width: 391px;
    height: 534px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 6px 58.4px 0px rgba(0, 0, 0, 0.12);
    padding: 33px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.tyco-prd-single:hover .sing-prd-content p a {
    display: block;
    cursor: pointer;
}
.sing-prd-content p a{
    display: none;
}
.sing-prd-content a button:hover{
    background: white;
    border: 5px solid #1F7D6A;
    color: #1F7D6A;
}
.sing-prd-content h2 {
    width: 261px;
    flex-shrink: 0;
    color: #1F7D6A;
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin: 36px auto;
    /* 26.4px */
}

.sing-prd-img {
    display: flex;
    justify-content: center;
    height: 274px;
    align-items: center;
}

.sing-prd-content a button {
    cursor: pointer;
    border: none;
    width: 317px;
    height: 74.842px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.sing-prd-content p {
    text-align: center;
    padding: 9px;
}

.tyco-products-block {
    width: 1265px;
    margin: 99px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
}

.sing-prd-content p a {
    color: #1F7D6A;
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 26.4px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;

}

.wrd-sver {
    color: #000;
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-top: 41px;
    /* 26.4px */
}

.wrd-sver-list {
    width: 974px;
    display: flex;
    align-items: center;
    list-style: none;
    margin: 111px auto;
    gap: 43px 112px;
    flex-wrap: wrap;
}

.wrd-sver-list li {

    flex-shrink: 0;
}

.wrd-sver-list li a {
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    font-size: 25.392px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 30.471px */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.main-logos-block {
    width: 822px;
    margin: 112px auto;
    display: flex;
    gap: 70px;
    flex-wrap: wrap;
    justify-content: center;
}

.single-logos-sc {
    width: 366px;
    display: flex;
    align-items: center;
}

.single-logos-sc img {
    width: 100%;
}

.quot-block {
    width: 1031px;

    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 25px 120.614px 0px rgba(0, 0, 0, 0.12);
    padding: 40px 42px;
    box-sizing: border-box;
}

.order-section {
    position: relative;
    display: flex;
    margin-top: 204px;
    z-index: 11;
    justify-content: center;
}

.quot-sec-vc {
    position: absolute;
}

.quot-image img {
    width: 83px;
    height: 83px;
}

.quot-title h2 {
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 26.4px */
}

.single-quot {
    display: inline-flex;
    align-items: center;
    gap: 73px;
    margin: 23px;
}

.quot-count input {
    width: 150px;
    height: 75px;
    flex-shrink: 0;
    border-radius: 9px;
    border: 1px solid #000;
    background: #FFF;
    text-align: center;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 26.4px */
}

.quot-delete {
    cursor: pointer;
}

.quot-underline {
    width: 965px;
    height: 1px;
    flex-shrink: 0;
    stroke-width: 1px;
    stroke: #626262;
    background-color: #626262;
}

.quot-btn-sct a button {
    width: 474px;
    height: 77.416px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}

.quot-btn-sct {
    margin-top: 51px;
    margin-bottom: 29px;
    display: flex;
    justify-content: end;
}

.order-single-block h2 {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 500;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: capitalize;
    margin-bottom: 42px;
}

.input-single {
    position: relative;
    width: 525px;
    height: 69px;
    flex-shrink: 0;
    margin-top: 30px;
}
.text-danger{
    color: red;
    margin: 5px;
    font-family: "Cera Pro", sans-serif;
    font-size: 14px;
}

.input-single label {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: absolute;
    top: 5px;
    left: 27px;
}
.success h1{
    font-family: "Cera Pro", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: green;
    text-align: center;
    margin: 10px;
}
.success p{
    font-family: "Cera Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: black;
    text-align: center;
    margin: 10px;
}
.success a{
    cursor: pointer;
    border: none;
    width: 317px;
    height: 74.842px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    padding: 20px 43px;
    margin: 20px;
    box-sizing: border-box;
}
.input-single input {
    padding: 34px 0px 0px 27px;
    outline: none;
    border: none;
    width: 525px;
    height: 69px;
    flex-shrink: 0;
    border-radius: 12.125px;
    background: #FFF;
    box-sizing: border-box;
}
.success div{
    text-align: center;
    margin: 44px;
}
.tyc_cams_nav{
    position: relative;
}
.top_cameras_products_section{
    display: none;
    width: 500px;
    height: auto;
    background: white;
    position: absolute;
    top: 50px;
    left: 240px;
    border-radius: 20px;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
}
.tyc_cams_nav:hover .top_cameras_products_section{
    display: block;
}
.tp_prds_top_ttl{
    text-align: center;
    margin: 24px;
    border-bottom: 1px solid;
    font-size: 20px;
    color: #C27D42;
    border-bottom: 1px solid #C27D42;

}
.products-blocks{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 20px;
    margin: 20px;
    box-sizing: border-box;
}
.product_btns_section{
    margin: 20px;
    text-align: center;
}
.product_btns_section button{
    width: 200px;
    height: 44.416px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro",sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}
.product_btns_section button:hover{
    background: white;
    color: #1F7D6A;
    border: 3px solid #1F7D6A;
}
.prod_single_blck{
    width: 200px;
    height: auto;
}
.sin_bl_prd_img{
    width: 100%;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.saas-ben-single img{
    width: 80px;
}
.tyc_cams_nav span{
    font-size: 16px;
}
.sin_bl_prd_img img{
    width: 100px;
}
.sin_bl_pr_text h2{
    font-family: "Cera Pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    margin: 12px;

}
.input-single input::placeholder {
    color: #8C8993;
    font-family: "Cera Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.countries-for-order {
    cursor: pointer;
    outline: none;
    border: none;
    width: 525px;
    height: 69px;
    flex-shrink: 0;
    border-radius: 12.125px;
    background: #FFF;
    box-sizing: border-box;
}


/* Стили для кнопки выбора */
.dropdown-btn {
    padding: 34px 0px 0px 27px;
    width: 100%;
    height: 100%;
    font-size: 16px;
    text-align: left;
    background: #FFF;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 12.125px;
    font-family: "Cera Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: none;
}

/* Стили для выпадающего списка */
.countries-for-order {
    position: relative;
}

.dropdown-content {
    display: none;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border-radius: 5px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1;
    color: #8C8993;
    font-family: "Cera Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* Стиль для элементов списка */
.dropdown-content li {
    padding: 10px;
    cursor: pointer;
    list-style: none;
    color: #8C8993;
    font-family: "Cera Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dropdown-content li:hover {
    background-color: #f0f0f0;
}

/* Показать список при клике */
.countries-for-order.active .dropdown-content {
    display: block;
}

.odrer-ifo-sc {
    margin-top: 390px;
    background: #EBE6CE;
}

.order-contact-section {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.input-single textarea {
    width: 525px;
    height: 154px;
    flex-shrink: 0;
    border-radius: 12.125px;
    background: #FFF;
    padding: 34px 0px 0px 27px;
    box-sizing: border-box;
    border: none;
}

/* .diferent-inputs{
    display: none;
} */

.chek-deferent-adresses {
    border-radius: 5px;
    display: flex;
    width: 29px;
    height: 29px;
    flex-shrink: 0;
    background-color: white;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.diferent-section h2 {
    margin: 0;
}

.diferent-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 41px;
}

.order-prs-section {
    position: relative;
    background: #EBE6CE;
    padding-top: 123px;
}

.order-sc-block-prds>h2 {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 500;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: capitalize;
    margin-bottom: 23px;
}

.order-sc-block-prds {
    width: 56%;
    margin: 0 auto;
}

.single-prd-ord {
    width: 1042px;
    height: 69px;
    flex-shrink: 0;
    border-radius: 12.125px;
    background: #FFF;
    display: flex;
    justify-content: space-between;
    padding: 20px 28px;
    box-sizing: border-box;
    margin-top: 16px;
}
.single-prd-ord h2{
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22.885px;
    font-style: normal;
    font-weight: 600;
    line-height: 137.2%;
    text-transform: capitalize;
    gap: 10px;
}

.prd-count p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 25.39px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn-order-sc-prd {
    width: 56%;
    margin: 39px auto;
    text-align: end;
}

.btn-order-sc-prd a button {
    cursor: pointer;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    width: 474px;
    height: 77.416px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
    border: none;
}

.main-ttl-sec-user {
    width: 978px;
    color: var(--Color-primary, #C27D42);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: uppercase;
    margin: 39px auto
}

.user-modif {
    height: 600px;
    background-image: url('../images/mightsssytips_80831_A_futuristic_city_skyline_with_sleek_towering__2a1ed757-56d1-4117-8d72-c0e4aa07a860\ 2.png');
}

.user-mod-cont-inner {
    width: 569.106px;
    height: 434.359px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
    padding: 35px 53px;
    box-sizing: border-box;
}

.user-mod-cont-inner h2 {
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    width: 447.675px;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
}

.usermod-sec-main {
    position: relative;
    top: -100px;
}

.user-mod-block {
    width: 1265px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 43px;
    flex-wrap: wrap;
}

.user-mod-cont-inner p {
    width: 459px;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 24px */
}

.sakura-sec {
    width: 569.106px;
    height: 434.359px;
    position: relative;
}

.sakura-sec img {
    position: absolute;
    bottom: 0;
}

.user-mod-cont-inner h3 {
    width: 423px;
    height: 184px;
    flex-shrink: 0;
    color: #C27D42;
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 38.089px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin: 0 auto;
    /* 45.706px */
}

.user-mod-cont-inner button {
    width: 489.181px;
    height: 102.977px;
    flex-shrink: 0;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 1000px;
    background: #1F7D6A;
    border: none;
    cursor: pointer;
}

.inner-btn-sc {
    text-align: center;
}

.use-cases-top-block {
    display: flex;
    width: 1211px;
    flex-direction: column;
    align-items: center;
    gap: 72px;
    margin: 0 auto;
}

.use-cases-main-section {
    position: relative;
    top: -400px;
}

.single-use-cases-item {
    display: flex;

    height: 88px;
    padding: 22px 19px;
    align-items: center;
    gap: 23px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 13px 28px 0px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
}

.single-use-cases-item p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 32.885px */
    text-transform: capitalize;
}

.use-cases-blc-items {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 27px 24px;
    flex-wrap: wrap;
    position: relative;
    top: -109px;
}

.user-modif2 {
    height: 800px;
}

.platform-sc-us-sigle {
    display: flex;
    width: 623px;
    height: 88px;
    padding: 22px 19px;
    align-items: center;
    gap: 23px;
    flex-shrink: 0;
    padding: 22px 19px;
    box-sizing: border-box;
    gap: 38px 23px;
    align-items: center;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 13px 28px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    position: relative;

}

.platform-sc-us-sigle div:first-child {
    display: flex;
    align-items: center;
    gap: 19px;
    flex-shrink: 0;
    box-sizing: border-box;
}

.platform-sc-block-us {
    width: 1265px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 19px;
    margin: 80px auto;
    flex-wrap: wrap;
}

.with-drpd-arr {
    justify-content: space-between;
}

.platform-sc-us-sigle p {
    max-width: 455px;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 31.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    /* 32.885px */
    text-transform: capitalize;
}

.platf-us-c-icon span {
    font-size: 32px;
}

.platform-dropdown-section {
    display: none;
    position: absolute;
    left: 0;
    padding: 128px 71px 55px 94px;
    justify-content: flex-end;
    align-items: center;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 13px 28px 0px rgba(0, 0, 0, 0.12);
    top: 0;
    z-index: -1;
    box-sizing: border-box;
    width: 623px;

}

.platform-dropdown-section p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;

    /* 32.885px */
    text-transform: capitalize;
}

.line-platform {
    width: 462px;
    height: 1px;
    background: #000;
    margin: 24px 0px;
}

.activ-dr-sc {
    z-index: 3;
}

.us-c-bottom-images-block {
    width: 1265px;
    margin: 0 auto;
    display: flex;
    gap: 37px;
    justify-content: center;
}

.control-sc-innder-block {
    width: 569px;
    height: 434px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 38px 74.8px 0px rgba(0, 0, 0, 0.11);
    display: flex;
    align-items: center;
    justify-content: center;
}

.control-sc-innder-block div h2 {
    width: 423px;
    height: 184px;
    flex-shrink: 0;
    color: #C27D42;
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 38.089px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 45.706px */
}

.us-c-bottom-images-section {
    margin-top: 100px;
}

.control-sc-innder-block div a button {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 489.181px;
    height: 102.977px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
    cursor: pointer;
    border: none;
}

.new-usc-blck {
    margin-bottom: 100px;
    margin-top: -100px;
    flex-direction: row;
    gap: 0;
    justify-content: center;
}

.us-c-bl-items-new {
    margin-left: -48px;
    width: 400px;
}

.block-of-images-state {
    width: 1000px;
    margin: 56px auto;
}

.single-block-of-state {
    margin-top: 56px;

}

.states-img-desc {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 137.2%;
    /* 27.44px */
    text-transform: capitalize;
}

.states-img-desc-blcok {
    margin-top: 32px;
}

.contact-us-btn-sc a button {
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: 489.181px;
    height: 102.977px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
    border: none;
    cursor: pointer;
}

.contact-us-btn-sc {
    text-align: center;
}

.new-solution-sc {
    top: 0;
}

.new-mod-solution-sec {
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-sol-title {
    width: 820px;
    text-align: left !important;
}

.solution-underline {
    position: absolute;
    left: 0;
    bottom: 0;
}

.solution-main-header {
    width: 44%;
}
.top-solution-image-section img{
    width: 100%;
}
.vintilation-image-block {
    width: 912.775px;
    margin: 81px auto;
}

.vintilator-list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    margin-top: 36px;
    gap: 16px;
}

.vintilator-list li {
    max-width: 311px;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 137.2%;
    /* 27.44px */
    text-transform: capitalize;
}

.new-desc-pump {
    width: 399px !important;
    height: 113px !important;
}

.new-single-block-pump {
    height: 313px;
}

.hvac-section-inner {
    display: flex;
    width: 1265px;
    height: 462px;
    /* flex-direction: column; */
    justify-content: center;
    align-items: flex-start;
    gap: 26px;
    flex-shrink: 0;
    margin: 0 auto;
    flex-wrap: wrap;
}

.hvac-inner-single {
    width: 569px;
    height: 218px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
    padding: 49px 50px;
    box-sizing: border-box;
}

.hvac-inner-single p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 26.4px */
}

.hvac-inner-single ul {
    margin-left: 20px;
}

.hvac-inner-single ul li {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 26.4px */
}

.new-hvac {
    margin-top: 300px;
}

.isolated-block {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 44px;
    flex-wrap: wrap;
}

.isolated-single {
    width: 569px;
    height: 313px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
    padding: 35px 53px;
    box-sizing: border-box;
}

.isolated-single h2 {
    width: 447.675px;
    color: var(--Color-primary, #C27D42);
    font-family: "Cera Pro";
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: capitalize;
}

.isolated-single ul {
    margin-top: 42px;
    margin-left: 20px;
}

.isolated-single ul li {
    color: #000;
    font-family: "Cera Pro";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 26.4px */
}

.cart-bilow-block {
    width: 916px;
    margin: 53px auto;
}

.isolated-section {
    margin-top: 25px;
}

.cart-bilow-block p {
    color: var(--Color-primary, #C27D42);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: capitalize;
}

.cart-bilow-block img {
    margin-top: 23px;
}

.monitoring-net-block {
    display: flex;
    width: 1168px;
    justify-content: center;
    align-items: flex-start;
    gap: 26px;
    flex-shrink: 0;
    margin: 90px auto;
    flex-wrap: wrap;
}

.monitoring-single-net {
    width: 569px;
    height: 218px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
    padding: 49px 54px;
    box-sizing: border-box;
}

.mon-sec {
    margin-top: 95px;
}

.monitoring-single-net p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 26.4px */
}

.termos-block-main-img {
    width: 1265px;
    margin: 37px auto;
    position: relative;
}

.new-sing-sl {
    margin-top: 26px;
}

.sol-items-block-new {
    position: absolute;
    top: 9px;
    left: 454px;
}

.extence-map-block {
    width: 1265px;
    height: 622px;
    margin: 83px auto;
    background-image: url('../images/extenc-map.png');
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.extence-mab-contain {

    width: 519px;
    height: 258px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
    padding: 49px 54px;
    box-sizing: border-box;
}

.extence-mab-contain p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 26.4px */
}

.new-sc-fr-svings {
    display: flex;
    gap: 35px;
    justify-content: center;
}

.mini-desc p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 137.2%;
    /* 27.44px */
    text-transform: capitalize;
}

.mini-desc ul {
    margin-left: 20px;
    margin-top: 10px;
}

.mini-desc ul li {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 137.2%;
    /* 27.44px */
    text-transform: capitalize;
}
#check-icon{
    display: none;
}
.newpalmapalma {
    margin-top: 100px;
}

.contactus-single-block {
    width: 1265px;
    margin: 77px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-cnt-us-sc-bl h2 {
    width: 423px;
    height: 184px;
    color: #C27D42;
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 38.089px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin: 0 auto;
    /* 45.706px */
}

.single-cnt-us-sc-bl a button {
    width: 489.181px;
    height: 102.977px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
    border: none;
}

.single-cnt-us-sc-bl a button:hover {
    border: 5px solid var(--Color-secondary, #1F7D6A);
    color: var(--Color-secondary, #1F7D6A);
    background-color: white;
}

.single-cnt-us-sc-bl {
    width: 569px;
    height: 434px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 38px 74.8px 0px rgba(0, 0, 0, 0.11);
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-under-sc {
    position: absolute;
    top: 61px;
    margin: 0;
}

.cnt-us-tp-sc a button {
    width: 449.099px;
    height: 77px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
    border: none;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-top: 29px;
    cursor: pointer;
}

.cnt-us-tp-sc a button:hover {
    border: 5px solid var(--Color-secondary, #1F7D6A);
    color: var(--Color-secondary, #1F7D6A);
    background-color: white;
}

.new-ttl-sc-main {
    width: 641.318px;
}

.cnt-us-tp-sc {
    text-align: left;
}

.newback-heroo-sc {
    background-image: url('../images/Logo_Titanium_V1 4.png');
    background-repeat: no-repeat;
    background-position: right center;
    height: 600px;
    gap: 200px;
}

.our-pil-single {
    width: 965.501px;
    height: 336.699px;
    flex-shrink: 0;
    fill: #FFF;
    filter: drop-shadow(0px 29px 78.976px rgba(0, 0, 0, 0.10));
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 38px 74.8px 0px rgba(0, 0, 0, 0.11);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 63px 55px;
    box-sizing: border-box;
    gap: 45px;
}

.our-pil-single p {
    color: #000;
    font-family: "Cera Pro";
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 26.4px */
    letter-spacing: 0.139px;
    width: 640.236px;
    height: 165.099px;
    flex-shrink: 0;
}

.our-things-block {
    width: 1265px;
    margin: 100px auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 38px;
}

.our-things-single {
    width: 569.106px;
    height: 235.072px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
    padding: 28px 53px;
    box-sizing: border-box;
}

.our-things-single h2 {
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
}

.our-things-underline {
    width: 89px;
    height: 3px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
}

.our-things-single p {
    width: 423.126px;
    height: 79px;
    flex-shrink: 0;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-top: 30px;
    /* 26.4px */
}

.sustan-hero {
    background: none;
    gap: 100px;
    width: 96%;
    margin: 0 auto;
}

.new-sust-desc {
    width: 532.789px;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 26.4px */
    letter-spacing: 0.139px;
    text-align: left;
    margin-top: 42px;
}

.new-sust-small-txt {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    /* 19.2px */
    letter-spacing: 0.139px;
    text-align: left;
    margin-top: 20px;
}

.tit-comitent-block {
    width: 96%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}

.commitent-inner-first-blck {
    width: 680.35px;
    height: 334.437px;
    flex-shrink: 0;
    border-radius: 9.135px;
    background: #FFF;
    box-shadow: 0px 6px 58.4px 0px rgba(0, 0, 0, 0.12);
    padding: 51px 60px;
    box-sizing: border-box;
}

.commitent-inner-first-blck p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 26.4px */
}

.commitent-inner-second-blck {
    width: 680.35px;
    height: 221.115px;
    flex-shrink: 0;
    border-radius: 9.135px;
    background: #FFF;
    box-shadow: 0px 6px 58.4px 0px rgba(0, 0, 0, 0.12);
    padding: 43px 34px;
    box-sizing: border-box;
    margin-top: 21px;
}

.commitent-inner-second-blck p {
    color: var(--Color-primary, #C27D42);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: capitalize;
}

.tit-commitent-text-block {
    width: 1265px;
    margin: 0 auto;
}

.tit-commitent-underline {
    width: 192.822px;
    height: 3px;
    border-radius: 1000px;
    background: #1F7D6A;
    margin-top: 36px;
}

.tit-commitent-text-block h2 {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 26.4px */
    letter-spacing: 0.139px;
}

.tit-commitent-text-block p {
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 35.331px;
    /* 160.596% */
    letter-spacing: 0.139px;
    margin-top: 36px;
}

.tit-commitent-text-block ul {
    margin-top: 36px;
    margin-left: 20px;
}

.tit-commitent-text-section {
    margin-top: 130px;
}

.tit-commitent-text-block ul li {
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 35.331px;
    /* 160.596% */
    letter-spacing: 0.139px;
}

.tp-text-new-sc {
    width: 842.084px;
    margin: 0 auto;
}

.tp-text-new-sc h2 {
    color: var(--Color-primary, #C27D42);
    text-align: center;
    font-family: "Cera Pro", sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%;
    /* 45.118px */
    text-transform: capitalize;
}

.tp-text-new-sc p {
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-align: center;
    /* 26.4px */
}

.our-things-single h3 {
    color: #1F7D6A;
    font-family: "Cera Pro", sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 26.4px */
    margin-top: 30px;
}

.our-things-single ul {
    margin-top: 10px;
    margin-left: 20px;
}

.our-things-single ul li {
    color: #000;
    font-family: "Cera Pro",sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 26.4px */
}
.administrative-top{
    background-image: url("../images/pexels-photo-910411 1.png");
    position: relative;
    background-size: cover;
    z-index: -2;
    height: 854px;
    background-position-y: center;
}
.administrativ-sc-fr{
    flex-wrap: wrap;
    gap: 24px 31px;
    justify-content: center;
    margin-top: 71px;
}
.administrativ-sc-fr .term-smalblk{
    width: 400px;
    height: 351px;
    flex-shrink: 0;
    padding: 31px 33px;
    box-sizing: border-box;
}
.padd-top{
    padding-top: 139px;
    background: #EBE6CE;
    margin-top: 0;
}
.administrative-pill-single{
    width: 1265px;

}
.buletin-new-dw-txt{
    text-decoration: underline;
    text-decoration-color: #C27D42;  /* Specify the color of the underline */
    text-decoration-thickness: 2px;
}
.gap-sc-new{
    gap: 20px;
    flex-wrap: wrap;
}
.administrative-pill-single p{
    width: 946px;
    height: auto;
}
.administrative-pill-block{
    margin-top: 75px;
}
.main-intership-top-block{
    width: 1265px;
    margin: 0 auto;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 51px 42px;
    box-sizing: border-box;
}
.main-intership-top-block-left-side p{
    color: #000;
    font-family: "Cera Pro",sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 26.4px */
    letter-spacing: 0.139px;
    margin-top: 20px;
}
.main-intership-section-top{
    position: relative;
    margin-top: -200px;
}
.inership-center-section-main{
    position: relative;
}
.intership-main-content{
    position: relative;
    padding-top: 160px;
    padding-bottom: 222px;
}
.intership-main-block{
    width: 1265px;
    margin: 0 auto;
    display: flex;
    gap: 47px;
    justify-content: center;
    flex-wrap: wrap;
}
.marg_top_single{
    margin-top: 243px !important;
}
.marg_top_single_minus{
    margin-top: -200px !important;
}
.int-innerr-single{
    width: 609px;
    height: 456.255px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
    padding: 58px 53px;
    box-sizing: border-box;
    margin-top: 43px;
}
.int-innerr-single h2{
    color: var(--Color-primary, #C27D42);
    font-family: "Cera Pro",sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 900;
    line-height: 137.2%; /* 45.118px */
}
.int-innerr-single h3{
    color: var(--Color-primary, #C27D42);
    font-family: "Cera Pro",sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 500;
    line-height: 137.2%;
}
.int-innerr-single p{
    color: #000;
    font-family: "Cera Pro",sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 26.4px */
}
.intership-vector1{
    position: absolute;
    z-index: -1;
    top: 0px;
    width: 100%;
}
.intership-vector2{
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
}
.intership-main-block-right{
    padding-top: 200px;
}
.intership-contact-blc-sc{
    margin-top: 47px;
    width: 609px;
    height: 324.519px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0px 38px 74.8px 0px rgba(0, 0, 0, 0.11);
    padding:36px 43px ;
    box-sizing: border-box;
    display: flex;
    align-items: center;

}
.intershipsc-inner-contaact h3{
    color: #C27D42;
    text-align: center;
    font-family: "Cera Pro",sans-serif;
    font-size: 38.089px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 45.706px */
    width: 452.369px;
    margin: 5px auto;
}
.intershipsc-inner-contaact button{
    margin-top: 20px;
    width: 523.569px;
    height: 77px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro",sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: none;
    cursor: pointer;
}
.intershipsc-inner-contaact button:hover{
    border: 5px solid var(--Color-secondary, #1F7D6A);
    color: var(--Color-secondary, #1F7D6A);
    background-color: white;
}
.new-hero-auth{
    background-image: url("../images/JCI-48affaa2.png");
    justify-content: space-around;
    align-items: start;
}
.auth-sc-mn-new{
    /*margin-top: -100px;*/
    position: relative;
}
.new-sc-sc-auth{
    margin-top: -29px;
}
.new-deeler-sc h2{
    color: #000;
    font-family: "Cera Pro",sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 26.4px */
}
.new-deeler-sc p{
    margin-top: 10px;
}
.single-new-deeler{
    border-radius: 30px;
    background: rgba(223, 223, 223, 0.50);
    height: auto;
}
.sc-diller-desc{
    color: #000;
    text-align: center;
    font-family: "Cera Pro",sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 26.4px */
    letter-spacing: 0.139px;
    margin-top: 40px;
}
.new-deeler-main-sec{
    margin-top: 100px;
}
.lng-section{
    display: flex;
    gap: 23px;
    align-items: center;
}
.mob-menblock span{
    font-size: 30px;
    cursor: pointer;
}
.mob-menu-sec{
    position: relative;
    display: none;
}
.mob-menu-open-sect{
    display: none;
    position: fixed;
    width: 300px;
    height: 100%;
    right: 0;
    top: auto;
    z-index: 10000000;
    background: #EBE6CE;
}
.menu-items-section{
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
}
.menu-items-section ul{
    list-style: none;
}
.menu-items-section ul li a{
    text-decoration: none;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.mobile-dropdown-menu{
    margin-left: 20px;
    margin-top: 19px;
    display: none;
}
.mobile-dropdown-menu ul li a{
    text-decoration: none;
    color: #000;
    font-family: "Cera Pro", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.main-item{
    margin: 10px;
    border-bottom: 1px solid white;
}
.mobile-dropdown-menu li{
    min-height: 30px;
    margin: 10px;
    border-bottom: 1px solid white;
}
.close-sc{
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 8px;
    box-sizing: border-box;
}
.close-sc span{
    cursor: pointer;
}
.main-tyc-diller-sc-btn button{
    width: 449.099px;
    height: 77px;
    flex-shrink: 0;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro",sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    border-radius: 1000px;
    background: #1F7D6A;
    border: none;
    cursor: pointer;
}
.main-tyc-diller-sc-btn{
    text-align: center;
    margin-top: 43px;
}
.maininner-section-deelleeer {
    padding-top: 160px;
    background-image: url("../images/benefits-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
}
.new-benefits-block{
    background: none;
}
.under-benefits-block{
    width: 1265px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    height: 200px;
}
.new-btn-sc-benefits button{
    width: 537.952px;
    height: 77px;
    flex-shrink: 0;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro",sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 1000px;
    background: #1F7D6A;
    cursor: pointer;
    border: none;
}
.new-btn-sc-benefits-contacts button{
    width: 537.952px;
    height: 77px;
    flex-shrink: 0;
    border-radius: 1000px;
    border: 4px solid #1F7D6A;
    color: #1F7D6A;
    text-align: center;
    font-family: "Cera Pro",sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    cursor: pointer;
}
.under-benefits-section{
    margin-top: 74px;
}
.top-reesons-block{
    position: relative;
    width: 1265px;
    margin: 0 auto;
    text-align: center;
}
.top-reesons-section{
    position: relative;
}
.top-rees-image{
    position: absolute;
    bottom: 0;
    width: 50%;
    left: 0;
}
.cnt_us_desc{
    color: var(--Color-primary, #C27D42);
    text-align: center;
    font-family: "Cera Pro",sans-serif;
    font-size: 32.885px;
    font-style: normal;
    font-weight: 700;
    line-height: 137.2%; /* 45.118px */
    text-transform: uppercase;
    margin: 30px auto;
    max-width: 1081px;
}
.contact_us_block{
    max-width: 928px;
    margin: 0 auto;
}
.cnt_us_sml_blck{
    width: 100%;
    border-radius: 9.135px;
    background: #FFF;
    padding: 49px 40px;
    box-sizing: border-box;
}
.cnt_us_sml_blck >p{
    color: #000;
    font-family: "Cera Pro",sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 26.4px */
}
.contact_us_section{
    position: relative;
    background: #EBE6CE !important;
}
.contact_us_section form{
    background: #EBE6CE !important;
}
.form_sc_input_sc input{
    width: 100%;
    height: 69px;
    border-radius: 12.125px;
    background: #FFF;
    border: none;
    padding: 34px 27px 13px 27px;
    box-sizing: border-box;

}
.form_sc_input_sc label{
    color: #000;
    font-family: "Cera Pro",sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: absolute;
    top: 8px;
    left: 27px;
}
.form_sc_input_sc{
    margin-top: 16px;
    text-align: center;
}
.form_sc_input_sc{
    position: relative;
}
.form_sc_input_sc input::placeholder{
    color: #8C8993;
    font-family: "Cera Pro",sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.cnt_us_form_section{
    margin-top: 72px;
}
.form_sc_input_sc textarea{
    border-radius: 12.125px;
    background: #FFF;
    width: 100%;
    height: 156px;
    border: none;
    padding: 35px 28px;
    box-sizing: border-box;
}
.form_sc_input_sc button{
    width: 474px;
    height: 77.416px;
    flex-shrink: 0;
    border-radius: 1000px;
    background: #1F7D6A;
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Cera Pro",sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    margin: 20px auto;
}
.form_sc_input_sc button:hover{
    border: 5px solid #1F7D6A;
    background: white;
    color: #1F7D6A;
}
.upk-container {
    display: flow-root;
    box-sizing: content-box;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    top:-200px;
}
.upk-wixer-grid {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(1, 1fr);
}
.upk-wixer-grid .upk-item {
    display: flex;
    overflow: hidden;
    box-shadow: 5px 5px 22px rgb(0 0 0 / 60%) !important;
}
.upk-wixer-grid .upk-item:hover .upk-img-wrap .upk-img {
    transform: scale(1.1);
}
.upk-wixer-grid .upk-item-box {
    display: flex;
    flex-direction: column;
}
.upk-wixer-grid .upk-img-wrap {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.upk-wixer-grid .upk-img-wrap .upk-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 2s ease;
}
.upk-wixer-grid .upk-img-wrap .upk-category {
    position: absolute;
    top: 0;
    left: 0;
    margin: 30px;
    margin-bottom: 0;
    margin-bottom: 20px;
    display: inherit;
}
.upk-wixer-grid .upk-content {
    width: calc(100% - 20px);
    height: 100%;
    background: #fff;
    position: relative;
    margin-top: -70px;
}
.upk-wixer-grid .upk-content .upk-category {
    display: none;
}
.upk-wixer-grid .upk-title {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s ease;
    padding-bottom: 15px;
    margin: 0;
    line-height: 1.3;
}
.upk-wixer-grid .upk-title a {
    text-decoration: none;
    color: #2B2D42;
    transition: all 0.3s ease;
}
.upk-wixer-grid .upk-title a:hover {
    color: #EF233C;
}
.upk-wixer-grid .upk-meta {
    display: flex;
    align-items: center;
    position: relative;
    color: #8D99AE;
    font-size: 11px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.upk-wixer-grid .upk-meta .upk-author-wrap {
    display: flex;
}
.upk-wixer-grid .upk-meta .upk-author-wrap .upk-by {
    font-weight: 700;
    padding-right: 6px;
}
.upk-wixer-grid .upk-meta .upk-author-wrap .upk-author-name {
    color: #8D99AE;
    font-weight: 500;
    transition: color 0.3s ease;
    text-decoration: none;
}
.upk-wixer-grid .upk-meta .upk-author-wrap .upk-author-name:hover {
    color: #2B2D42;
}
.upk-wixer-grid .upk-meta .upk-separator {
    margin: 0 6px;
    font-weight: bold;
}
.upk-wixer-grid .upk-meta .upk-post-time {
    margin-left: 5px;
}
.upk-wixer-grid .upk-meta .upk-post-time i {
    margin-right: 2px;
}
.upk-wixer-grid .upk-text {
    font-size: 14px;
    line-height: 1.5;
    padding-bottom: 15px;
    color: #8D99AE;
    flex-grow: 1;
}
.upk-wixer-grid .upk-text p {
    margin: 0;
}
.upk-wixer-grid .upk-counter {
    font-size: 16px;
    color: #2B2D42;
    font-weight: 700;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    line-height: 1;
}
.upk-wixer-grid .upk-counter::after {
    content: "";
    width: 20px;
    height: 1px;
    background: #2B2D42;
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
}
.upk-wixer-grid .upk-category {
    display: none;
    margin-bottom: 20px;
}
.upk-wixer-grid .upk-category a {
    text-transform: capitalize;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    background: #EF233C;
    transition: all 0.3s ease;
    text-decoration: none;
    color: #fff;
    padding: 8px 10px;
    line-height: 1;
    display: inline-block;
}
.upk-wixer-grid .upk-category a:hover {
    background: #D90429;
}
.upk-wixer-grid .upk-content-wrap {
    display: flex;
    flex-direction: column;
    padding: 20px;
}
.upk-wixer-grid.upk-style-1 .upk-item:nth-child(n+4) .upk-item-box,
.upk-wixer-grid.upk-style-3 .upk-item .upk-item-box {
    display: flex;
}
.upk-wixer-grid.upk-style-1 .upk-item:nth-child(n+4) .upk-img-wrap,
.upk-wixer-grid.upk-style-3 .upk-item .upk-img-wrap {
    display: none;
}
.upk-wixer-grid.upk-style-1 .upk-item:nth-child(n+4) .upk-img-wrap .upk-category,
.upk-wixer-grid.upk-style-3 .upk-item .upk-img-wrap .upk-category {
    display: none;
}
.upk-wixer-grid.upk-style-1 .upk-item:nth-child(n+4) .upk-content,
.upk-wixer-grid.upk-style-3 .upk-item .upk-content {
    background: #2B2D42;
    margin-top: 0;
    width: calc(100% - 0px);
}
.upk-wixer-grid.upk-style-1 .upk-item:nth-child(n+4) .upk-content .upk-category,
.upk-wixer-grid.upk-style-3 .upk-item .upk-content .upk-category {
    display: inherit;
}
.upk-wixer-grid.upk-style-1 .upk-item:nth-child(n+4) .upk-title a,
.upk-wixer-grid.upk-style-3 .upk-item .upk-title a {
    color: #EDF2F4;
}
.upk-wixer-grid.upk-style-1 .upk-item:nth-child(n+4) .upk-title a:hover,
.upk-wixer-grid.upk-style-3 .upk-item .upk-title a:hover {
    color: #EF233C;
}
.upk-wixer-grid.upk-style-1 .upk-item:nth-child(n+4) .upk-meta .upk-author-wrap .upk-author-name:hover,
.upk-wixer-grid.upk-style-3 .upk-item .upk-meta .upk-author-wrap .upk-author-name:hover {
    color: #fff;
}
.upk-wixer-grid.upk-style-1 .upk-item:nth-child(n+4) .upk-text,
.upk-wixer-grid.upk-style-3 .upk-item .upk-text {
    color: #b3becf;
}
.upk-wixer-grid.upk-style-1 .upk-item:nth-child(n+4) .upk-counter,
.upk-wixer-grid.upk-style-3 .upk-item .upk-counter {
    color: #EDF2F4;
}
.upk-wixer-grid.upk-style-1 .upk-item:nth-child(n+4) .upk-counter::after,
.upk-wixer-grid.upk-style-3 .upk-item .upk-counter::after {
    background: #EDF2F4;
}
.upk-wixer-grid.upk-style-3 .upk-item .upk-content {
    width: calc(100% - 0px);
}
.upk-content--center .upk-wixer-grid .upk-content {
    margin-left: auto;
    margin-right: auto;
}
.upk-content--right .upk-wixer-grid .upk-content {
    margin-left: auto;
}
.upk-global-link-yes .upk-wixer-grid .upk-item:hover {
    cursor: pointer;
}
@media (min-width: 768px) {
    .upk-wixer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 1024px) {
    .upk-wixer-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .upk-wixer-grid .upk-content {
        width: calc(100% - 30px);
    }
    .upk-wixer-grid .upk-content-wrap {
        padding: 30px;
    }
    .upk-wixer-grid .upk-title {
        padding-bottom: 20px;
        font-size: 20px;
    }
    .upk-wixer-grid .upk-meta {
        font-size: 12px;
        margin-bottom: 20px;
    }
    .upk-wixer-grid .upk-text {
        font-size: 15px;
        padding-bottom: 20px;
    }
    .upk-wixer-grid .upk-counter {
        font-size: 22px;
    }
    .upk-wixer-grid .upk-counter::after {
        left: 35px;
    }
    .upk-wixer-grid .upk-category {
        margin-bottom: 24px;
    }
}
.button {
    background: #f00;
    padding: 18px 20px;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 50px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
}

.custom-pagination {
    text-align: center;
    margin-top: 40px;
}

.pagination-list {
    display: inline-flex;
    list-style: none;
    padding: 0;
    gap: 8px;
}

.pagination-list li {
    display: inline;
}

.pagination-list li a,
.pagination-list li span {
    display: inline-block;
    padding: 10px 16px;
    color: white;
    background-color: #EBE6CE;;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s ease;
}

.pagination-list li a:hover {
    background-color: #357ab7;
}

.pagination-list li.active span {
    background-color: #2c3e50;
    cursor: default;
}

.pagination-list li.disabled span {
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
}
.quot-title{
    width: 410px;
}


.cart_items_sec{
    display: none;
}

#cart-indicator {
    position: fixed;
    right: 0;
    bottom: 40px;
    display: flex;
    flex-direction: column;
    text-align: center;
    z-index: 1111111111111;
}
#cart-indicator button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 1);
    border: 3px solid #fff;
    font-weight: bold;
    font-family: helvetica, arial, sans-serif;
    color: #fff;
    padding: 12px 24px 12px 18px;
    border-radius: 50px;
    margin: 0;
    font-size: 1.2rem;
    text-shadow: 1px 1px 5px #000;
    animation-name: button-pulse;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    cursor: pointer;
}

#cart-indicator button::before {
    content: "";
    position: relative;
    top: 0;
    left: 0;
    margin-right: -12px;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 7h-3V6a4 4 0 0 0-8 0v1H5a1 1 0 0 0-1 1v11a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V8a1 1 0 0 0-1-1m-9-1a2 2 0 0 1 4 0v1h-4Zm8 13a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V9h2v1a1 1 0 0 0 2 0V9h4v1a1 1 0 0 0 2 0V9h2Z'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

#cart-indicator .item-count {
    display: inline-block;
    width: auto;
    min-width: 1.25rem;
    aspect-ratio: 1 / 1;
    position: relative;
    /*margin-right: 12px;*/
    top: 0.75rem;
    left: -0.5rem;
    font-size: 0.85rem;
    background-color:green;
    border-radius: 50em;
    padding-top: 1.5%;
}

#cart-indicator button:hover::before {
    animation-name: bag-shake;
    animation-duration: 1s;
    animation-iteration-count: 1;
}

@keyframes button-pulse {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.05);
    }
    50% {
        transform: scale(1.05);
    }
    75% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes bag-shake {
    0% {
        transform: rotate(0deg);
    }
    10% {
        transform: rotate(25deg);
    }
    20% {
        transform: rotate(-25deg);
    }
    30% {
        transform: rotate(25deg);
    }
    40% {
        transform: rotate(-25deg);
    }
    75% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

/* Media query for mobile devices */



@media (min-width: 200px) and (max-width: 1000px) {
    .tet-hero-block h2 {
        color: var(--Black, #000);
        font-family: "Cera Pro", sans-serif;
        font-size: 28px;
    }
    .nav-section{
        display: none;
    }

    .tet-hero-block h3 {
        color: var(--Color-primary, #C27D42);
        font-family: "Cera Pro", sans-serif;
        font-size: 12px;
    }

    .tet-hero-block {
        position: absolute;
        left: 29%;
        top: 10%;
        width: 195px;
    }

    .tet-hero-block p {
        margin-top: 10px;
        color: var(--Black, #000);
        font-family: "Cera Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 119.7%;
    }

    .underline-title {
        width: 100px;
        height: 9px;
        flex-shrink: 0;
        opacity: 0.2;
        background: var(--Color-primary, #C27D42);
        position: absolute;
        top: 22px;
    }

    .btn-links-sec {
        display: flex;
        gap: 19px;
        margin-top: 15px;
    }

    .cnt-us-btn {
        width: 100px;
        height: 40px;
        flex-shrink: 0;
        border-radius: 10px;
        border: 3px solid var(--Color-secondary, #1F7D6A);
        color: var(--Color-secondary, #1F7D6A);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        background-color: white;
        cursor: pointer;
    }

    .cloud-btn {
        cursor: pointer;
        display: flex;
        width: auto;
        min-width: 110px;
        height: 40px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        border-radius: 10px;
        background: #1F7D6A;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border: none;
        text-decoration: none;
        padding: 5px;
        box-sizing: border-box;
    }

    .titles-section {
        width: 90%;
        margin: 0 auto;
    }

    .title-block {
        color: #000;
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: uppercase;
    }

    .solution-blocks {
        width: 100%;
        margin: 100px auto;
    }

    .solution-single-block {
        cursor: pointer;
        width: 100%;
        height: 294.137px;
        flex-shrink: 0;
        border-radius: 9.135px;
        background: #FFF;
        box-shadow: 0px 63.029px 104.136px 0px rgba(0, 0, 0, 0.08);
        transition: transform 0.3s ease-in-out;
    }

    .sol-txt-sec p {
        margin-top: 15px;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 12.923px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        width: 100%;
    }

    .abs-numbers {
        top: -8px;
        left: -21px;
        position: absolute;
        color: var(--Color-primary, #C27D42);
        font-family: "Cera Pro", sans-serif;
        font-size: 53.27px;
        font-style: normal;
        font-weight: 900;
        line-height: 45.2%;
        letter-spacing: -5.097px;
        opacity: 0.15;
    }

    .sol-txt-sec h2 {
        margin-bottom: 15px;
        color: var(--Color-primary, #C27D42);
        font-family: "Cera Pro", sans-serif;
        font-size: 16.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
    }

    .solution-single-block {
        margin-top: 10px;
        cursor: pointer;
        width: 100%;
        height: auto;
        flex-shrink: 0;
        border-radius: 9.135px;
        background: #FFF;
        box-shadow: 0px 63.029px 104.136px 0px rgba(0, 0, 0, 0.08);
        transition: transform 0.3s ease-in-out;
        padding: 10px;
        box-sizing: border-box;
    }

    .sol-image-sec img {
        width: 80px;
    }

    .second-blc-sol {
        margin-left: 0px;
        /* margin-top: 46px; */
    }

    .abs-numbers2 {
        top: -9px;
        right: -17px;
        position: absolute;
        color: var(--Color-primary, #C27D42);
        font-family: "Cera Pro", sans-serif;
        font-size: 53.27px;
        font-style: normal;
        font-weight: 900;
        line-height: 45.2%;
        letter-spacing: -5.097px;
        opacity: 0.15;
    }

    .vector-abs {
        width: 100%;
        bottom: -129px;
        z-index: -1;
    }

    .location-section {
        padding-top: 20px;
        margin-bottom: 150px;
    }
    .mob_menu_top_sc{
        height: 100%;
        overflow: scroll;
    }
    .features {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px;
        width: 100%;
        gap: 3px;
        margin: 50px auto;
    }
    .usermod-sec-main{
        top: 0;
    }
    .req_a_q_mob{
        background: white !important;
        color: #1F7D6A !important;
        border: 3px solid #1F7D6A !important;
    }
    .feature {
        display: flex;
        gap: 20px;
        width: 100%;
        margin: 10px;
        border-radius: 10px;
        padding: 20px;
        text-align: center;
        transition: transform 0.3s ease-in-out;
    }

    .description {
        text-align: left;
        color: #000;
        font-family: Roboto, sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: 0.48px;
    }
    /*.mob-menu-open-sect{*/
    /* */
    /*}*/
    .savings-solution-block {
        width: 100%;
        margin: 132px auto;
    }

    .glob-sec > div {
        width: 100%;
    }

    .glob-left h2 {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 128.3%;
        padding: 10px;
        box-sizing: border-box;
    }

    .glob-sec {
        flex-wrap: wrap;
    }

    .glob-left p {
        color: var(--Black, #000);
        font-family: "Cera Pro", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 119.7%;
        margin-top: 64px;
        padding: 10px;
        box-sizing: border-box;
    }

    .glob-btns-section .pdf-btn-dwnld {
        width: 300px;
        height: 40px;
        flex-shrink: 0;
        border-radius: 22px;
        border: 5px solid var(--Color-secondary, #1F7D6A);
        color: var(--Color-secondary, #1F7D6A);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        cursor: pointer;
    }

    .glob-btns-section .cntct-btn-dwnld {
        border: none;
        width: 300px;
        height: 40px;
        flex-shrink: 0;
        border-radius: 1000px;
        background: #1F7D6A;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        cursor: pointer;
    }

    .footer-block {
        margin: 0 auto;
        width: 80%;
        display: flex;
        flex-wrap: wrap;
    }

    .footer-left-side {
        width: 100%;
    }

    .logo-section img {
        width: 80px;
    }

    .header-section {
        width: 100%;
        height: 83px;
        background: #FFF;
        box-shadow: 0px 12px 22px 0px rgba(0, 0, 0, 0.05);
        display: flex;
    }

    .footer-right-side {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .footer-right-side div {
        width: 100%;
        margin-top: 20px;
    }

    .glob-btns-section {
        justify-content: center;
    }

    .copyright-section {
        width: 100%;
        height: 130px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        background: #F3EBD5;
    }

    .glob-right img {
        width: 69%;
        margin-top: 38px;
    }

    .termos-top-sec {
        width: 100%;
        position: relative;
        bottom: 0;
        display: flex;
        flex-wrap: wrap;
        top: -93px;
        background: #EBE6CE;
    }

    .termos-sec-left {
        width: 90%;
        margin: 0 auto;
    }

    .termostat-header h2 {
        text-align: center;
        color: var(--Black, #000);
        font-family: "Cera Pro", sans-serif;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 115.7%;
        letter-spacing: -1.14px;
    }

    .underline-title1 {
        width: 155.479px;
        height: 10px;
        opacity: 0.2;
        background: var(--Color-primary, #C27D42);
        margin: -10px auto;
    }

    .termos-sec-left h2 {
        width: 100%;
        height: auto;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: uppercase;
        margin-top: -2px;
    }

    .termos-sec-right {
        width: 100%;
    }

    .termos-sec-right img {
        width: 90%;
    }

    .video-section {
        text-align: center;
        padding-top: 96px;
        background: #EBE6CE;
        position: relative;
    }

    .video-section video {
        width: 90%;
        height: auto;
    }

    .small-blocks-term {
        position: relative;
        width: 100%;
    }

    .term-blocks-section {
        height: auto
    }

    .big-block-content {
        width: 90% !important;
        margin: 26px auto;
        height: auto;
        flex-shrink: 0;
        padding: 31px 20px;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 25px 120.614px 0px rgba(0, 0, 0, 0.12);
        box-sizing: border-box;
    }

    .big-block-content p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16.392px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .ps-ab-vec {
        width: 100%;
        position: absolute;
        bottom: -166px;
        z-index: -1;
    }

    .cloud-section-tit {
        padding-top: 48px;
    }

    /*.lng-section {*/
    /*    display: none;*/
    /*}*/

    .btns-section {
        display: none;
    }

    .case-st-title {
        width: 90%;
        margin: 0 auto;
    }

    .case-st-title p {
        color: #000;
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        margin-top: 10px;
    }

    .case-st-title h2 {
        color: var(--Color-primary, #C27D42);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 20.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: capitalize;
    }

    .case-st-blocks {
        display: flex;
        width: 100%;
        justify-content: center;
    }

    .case-st-block-single img {
        width: 30px;
    }

    .case-st-block-single p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: capitalize;
    }

    .case-st-block-single {
        display: flex;
        box-sizing: border-box;
        width: 260px;
        height: 60px;
    }

    .ritail-section {
        padding-top: 0px;
    }

    .palma-block {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    .palma-left {
        width: 100%;
    }

    .palma-right {
        width: 100%;
    }

    .palma-title {
        width: 82%;
        position: relative;
        margin: 20px auto;
    }

    .palma-title h2 {
        color: var(--Black, #000);
        font-family: "Cera Pro", sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 115.7%;
        letter-spacing: -1.14px;
    }

    .underline-palma {
        width: 150.479px;
        height: 10px;
        flex-shrink: 0;
        opacity: 0.2;
        background: var(--Color-primary, #C27D42);
        position: absolute;
        top: 22px;
    }

    .under-palma-blocks {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        gap: 59px 46px;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .palma-block-single {
        display: flex;
        width: 90%;
        min-height: auto;
        padding: 17px 31px;
        flex-direction: column;
        align-items: flex-start;
        gap: 29px;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
        box-sizing: border-box;
    }

    .palma-block-single h2 {
        color: var(--Color-primary, #C27D42);
        font-family: "Cera Pro", sans-serif;
        font-size: 20.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: uppercase;
    }

    .palma-block-single p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        width: auto;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .decarbonization-block img {
        width: 100%;
    }

    .term-feature-list {
        width: 100%;
        margin: 70px auto;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 41px;
        flex-shrink: 0;
    }

    .term-feature-list ul {
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 5px 41px;
        flex-shrink: 0;
    }

    .term-feature-list ul li {
        color: #C27D42;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        width: 100%;
        font-weight: 500;
        line-height: 20.331px;
        letter-spacing: 0.139px;
    }

    .bird-block-left {
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bird-block {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        height: auto;
    }

    .download-bird-sec p a {
        color: #1F7D6A;
        font-family: "Cera Pro", sans-serif;
        font-size: 16.392px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }

    .download-bird-sec a button {
        cursor: pointer;
        border: none;
        width: 300.099px;
        height: 40.842px;
        flex-shrink: 0;
        border-radius: 1000px;
        background: #1F7D6A;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-top: 30px;
    }

    .download-bird-sec {
        text-align: center;
    }

    .footer-sec-pages-left ul li a {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 26.5px;
        letter-spacing: 0.2px;
        text-decoration: none;
    }

    .footer-sec-pages-right ul li a {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 24.5px;
        letter-spacing: 0.2px;
        text-decoration: none;
    }

    .copyright-section p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
    }

    .bilding-content {
        display: flex;
        /* height: 500px; */
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .building-cotent-left {
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .building-cotent-left p {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: flex-end;
        gap: 35px;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0.139px;
        margin-top: 53px;
    }

    .building-cotent-right {
        width: 100%;
    }

    .building-cotent-right img {
        width: 90%;
        float: right;
    }
    .video-poz {
        width: 100%;
        position: absolute;
        bottom: auto;
        z-index: -1;
    }
    .sources-titele-section p {
        width: 90%;
        height: auto;
        flex-shrink: 0;
        color: #000;
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        margin: 10px auto;
    }

    .building-vec2 {
        width: 100%;
        position: absolute;
        bottom: -10%;
        z-index: 0;
    }

    .source-blocks-serc {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        align-content: center;
        gap: 23px 25px;
        flex-wrap: wrap;
        margin: 78px auto;
    }

    .source-single-blc {
        width: 289.106px;
        height: auto;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
        padding: 27px 53px;
        box-sizing: border-box;
    }

    .source-single-ttl h2 {
        color: var(--Color-primary, #C27D42);
        font-family: "Cera Pro", sans-serif;
        font-size: 15.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
    }

    .source-content-single {
        margin-top: 19px;
    }
    .mob-menu-sec{
        display: block;
    }
    .source-content-single ul li {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .detection-block {
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 25px 120.614px 0px rgba(0, 0, 0, 0.12);
        width: 90%;
        margin: 26px auto;
        padding: 31px 27px;
        box-sizing: border-box;
    }

    .detection-block p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16.392px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .detection-block h2 {
        color: var(--Color-primary, #C27D42);
        font-family: "Cera Pro", sans-serif;
        font-size: 20.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: capitalize;
        margin: 26px 0px;
    }

    .detection-block ul li {
        opacity: 0.7;
        color: #1F7D6A;
        font-family: "Cera Pro", sans-serif;
        font-size: 16.392px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }

    .block-text-sec {
        display: flex;
        gap: 20px;
        margin-top: 45px;
        flex-wrap: wrap;
        width: 100%;
    }

    .block-text-sec img {
        width: 100%;
    }

    .multi-loc-block {
        width: 100%;
        gap: 42px;
        margin: 87px auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .multi-loc-single {
        width: 90%;
        height: auto;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
        padding: 36px 26px;
        box-sizing: border-box;
    }

    .multi-loc-single h2 {
        color: var(--Color-primary, #C27D42);
        font-family: "Cera Pro", sans-serif;
        font-size: 18.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
    }

    .bultibuton-sec a button {
        width: 300.099px;
        height: 50px;
        flex-shrink: 0;
        border-radius: 1000px;
        background: #1F7D6A;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        cursor: pointer;
        border: none;
        margin-bottom: 20px;
    }

    .water-lake-text p {
        max-width: 1130px;
        height: auto;
        flex-shrink: 0;
        margin: 26px auto;
        color: #000;
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 25.392px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .water-sec-list ul {
        max-width: 100%;
        height: auto;
        flex-shrink: 0;
        margin: 52px auto;
    }

    .water-sec-list ul li {
        opacity: 0.7;
        color: #1F7D6A;
        font-family: "Cera Pro", sans-serif;
        font-size: 16.392px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }

    .userinterface-images-section {
        display: flex;
        gap: 56px;
        margin-top: 54px;
        flex-wrap: wrap;
    }

    .sens-man-btn button {
        border: none;
        width: 300px;
        height: 40px;
        flex-shrink: 0;
        border-radius: 1000px;
        background: #1F7D6A;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        cursor: pointer;
    }

    .us-sec-txt {
        width: 100%;
        height: auto;
    }

    .section-texadn-im {
        display: flex;
        gap: 54px;
        flex-wrap: wrap;
    }

    .section-texadn-im p {
        width: 100%;
        height: auto;
    }

    .download-data-sec {
        display: flex;
        gap: 38px;
        flex-wrap: wrap;
    }

    .dwnl-block {
        width: 100%;
        height: auto;
        flex-shrink: 0;
    }

    .dwnl-block img {
        width: 100%;
    }

    .sensor-vector {
        display: none;
    }

    .block-text-sec span {
        width: 100%;
        height: auto;
    }

    .top-marg .titles-section .title-block {
        width: 100%;
        margin: 0 auto;
    }

    .ocupancy-section {
        position: relative;
        background-image: url('../images/shutterstock_1015361422 1.png');
        background-size: cover;
        z-index: -2;
        height: 220px;
        background-position-y: center;
    }

    .buldings-section {
        margin-top: 0px;
    }

    .pandmic-title-section h2 {
        margin: 0 auto;
        max-width: 842.084px;
        flex-shrink: 0;
        color: var(--Color-primary, #C27D42);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 21.885px;
    }

    .pandemic-first-list li {
        color: #C27D42;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 23.331px;
        letter-spacing: 0.139px;
    }

    .pandemic-content-section h3 {
        margin-top: 73px;
        color: var(--Color-primary, #C27D42);
        font-family: "Cera Pro", sans-serif;
        font-size: 14.885px;
        font-style: normal;
        font-weight: 500;
        line-height: 137.2%;
        text-transform: capitalize;
    }

    .pandemic-content-section h4 {
        color: #C27D42;
        font-family: "Cera Pro", sans-serif;
        font-size: 16.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: capitalize;
    }

    .pandemic-sec-list {
        color: #1F7D6A;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 30.331px;
        letter-spacing: 0.139px;
    }

    .tit-hat-map img {
        width: 90%;
    }

    .space-description {
        max-width: 1102px;
        color: var(--Color-primary, #C27D42);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: capitalize;
        margin: 10px auto;
    }

    .tp-sp-desc {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .platform-section11 {
        display: flex;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .platform-left-sec {
        margin-left: 0;
    }

    .platform-block-first {
        width: 90%;
        height: auto;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 25px 120.614px 0px rgba(0, 0, 0, 0.12);
        padding: 58px 30px;
        box-sizing: border-box;
        margin: 28px auto;
    }

    .platform-block-second {
        margin: 28px auto;
        width: 90%;
        /* height: 235.072px; */
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
        padding: 28px 22px;
        box-sizing: border-box;
    }

    .platform-right-sec {
        width: 100%;
    }

    .platform-right-sec img {
        width: 100%;
    }

    .block-saaas-benefits {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 26px;
        width: 100%;
        margin: 88px auto;
        flex-wrap: wrap;
    }

    .saas-ben-single {
        width: 90%;
    }

    .sens-two-block {
        width: 90%;
        margin: 47px auto;
        display: flex;
        flex-wrap: wrap;
        gap: 19px;
        justify-content: center;
    }

    .sens-two-single {
        padding: 24px 50px;
        width: 100%;
        height: auto;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
        box-sizing: border-box;
    }

    .sens-two-single > p {
        margin-top: 24px;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .two-title-section h2 {
        width: 100%;
        color: #1F7D6A;
        font-family: "Cera Pro", sans-serif;
        font-size: 19.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
    }

    .tiz-epic-section img {
        width: 90%;
    }

    .platform-block-second p {
        margin-top: 27px;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .platform-block-second h2 {
        color: var(--Color-primary, #C27D42);
        font-family: "Cera Pro", sans-serif;
        font-size: 20.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
    }

    .platform-block-first p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16.392px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .tico-cloud-video-block {
        margin: 0 auto;
        width: 87%;
        height: 299px;
    }

    .tyco-camera-t h2 {
        color: #FFF;
    }

    .tyco-cameras {
        height: 120px;
    }
    .maininner-section-deelleeer{
        background: none;
    }

    .top-video {
        padding-top: 60px;
        background: #EBE6CE;
        position: relative;
        height: auto;
        padding-bottom: 35px;
    }

    .under-video {
        margin-top: 50px;
    }

    .new-sc-img-bl {
        width: 90%;
        height: auto;
        margin: 0 auto;
    }

    .new-sc-img-bl img {
        width: 100%;
    }

    .tyco-text-sec h2 {
        color: var(--Color-primary, #C27D42);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 18.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: capitalize;
        width: 90%;
    }

    .cyber-prot-block {
        width: 100%;
        margin: 0 auto;
        display: flow-root;
    }

    .cyber-single {
        width: 90%;
        /* height: 278px; */
        flex-shrink: 0;
        border-radius: 9.135px;
        background: #FFF;
        box-shadow: 0px 6px 58.4px 0px rgba(0, 0, 0, 0.12);
        padding: 35px 29px;
        box-sizing: border-box;
        display: flex;
        gap: 20px;
        align-items: center;
        flex-wrap: wrap;
        margin: 10px auto;
    }

    .cyber-single img {
        max-width: 100px;
        margin: 5px auto;
        /* height: 99.165px; */
    }

    .cyber-description {
        width: 90%;
        /* height: 209px; */
        flex-shrink: 0;
    }

    .cyber-description h2, h3 {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }

    .cyber-description h2, h3 {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }

    .cyber-description p {
        opacity: 0.7;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        margin-top: 20px;
        font-weight: 500;
        line-height: 120%;
    }

    .second-cyber {
        position: relative;
        float: unset;
        margin-top: 36px;
    }

    .world-saver-block {
        display: flex;
        gap: 43px;
        justify-content: center;
        flex-wrap: wrap;
        max-width: 90%;
        margin: 0 auto;
    }

    .world-saver-single {
        width: 100%;
        /* height: 434.359px; */
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
        padding: 23px 23px;
        box-sizing: border-box;
    }

    .world-saver-single h2 {
        color: #1F7D6A;
        font-family: "Cera Pro", sans-serif;
        font-size: 20.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
    }

    .world-saver-single p {
        margin-top: 21px;
        width: 100%;
        height: auto;
        flex-shrink: 0;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .lines-top-abs svg {
        width: 100%;
    }

    .illustra-block {
        width: 80%;
        margin: 50px auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 91px;
    }

    .illustra-titel h2 {
        width: 90%;
        min-height: auto;
        color: var(--Color-primary, #C27D42);
        font-family: "Cera Pro", sans-serif;
        font-size: 18.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: capitalize;
    }

    .illustra-list li {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16.392px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }

    .under-title h2 {
        width: 90%;
        color: var(--Color-primary, #C27D42);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 18.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: capitalize;
        margin: 0 auto;
    }

    .term-thingsimg {
        width: 100%;
        text-align: center;
    }

    .termostat-things-single {
        padding: 36px 23px;
        margin: 38px auto;
        width: 90%;
        height: auto;
        flex-shrink: 0;
        border-radius: 9.135px;
        background: #FFF;
        box-shadow: 0px 6px 58.4px 0px rgba(0, 0, 0, 0.12);
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 34px;
    }

    .term-things-text {
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
    }

    .term-things-text h2 {
        color: #1F7D6A;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }

    .term-things-text ul li {
        color: #1F7D6A;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }
    .sing-prd-content a button {
        cursor: pointer;
        border: none;
        width: 269px;
        height: 40.842px;
        flex-shrink: 0;
        border-radius: 1000px;
        background: #1F7D6A;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }
    .section-texadn-im img{
        width: 100%;
    }
    .first-user-sec img{
        width: 100%;
    }
    .sing-prd-content p a {
        color: #1F7D6A;
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }

    .term-things-text p {
        margin-top: 20px;
        opacity: 0.7;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }

    .sing-prd-img img {
        width: 70%;
    }

    .tyco-products-block {
        width: 90%;
        margin: 99px auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 32px;
        flex-wrap: wrap;
    }

    .tyco-prd-single {
        width: 100%;
        height: auto;
        flex-shrink: 0;
    }
    .wrd-sver-list {
        width: 90%;
        display: flex;
        align-items: center;
        list-style: none;
        margin: 111px auto;
        gap: 22px 112px;
        flex-wrap: wrap;
    }
    .wrd-sver-list li a {
        color: #1F7D6A;
        font-family: "Cera Pro", sans-serif;
        font-size: 18.392px;
    }
    .main-logos-block {
        width: 70%;
        margin: 12px auto;
        display: flex;
        gap: 70px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .main-ttl-sec-user {
        width: 80%;
        color: var(--Color-primary, #C27D42);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 18.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: uppercase;
        margin: 39px auto;
    }
    .user-mod-block {
        width: 90%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 43px;
        flex-wrap: wrap;
    }
    .user-mod-cont-inner {
        width: 100%;
        height: auto;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
        padding: 35px 17px;
        box-sizing: border-box;
    }
    .user-mod-cont-inner h2 {
        color: #1F7D6A;
        font-family: "Cera Pro", sans-serif;
        width: 100%;
        font-size: 18.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
    }
    .user-mod-cont-inner p {
        margin-top: 20px;
        width: 100%;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }
    .sakura-sec {
        width: 100%;
        height: auto;
        position: relative;
    }
    .sakura-sec img {
        position: relative;
        width: 100%;
        bottom: 0;
    }
    .user-mod-cont-inner button {
        width: 80%;
        height: 44px;
        margin-top: 20px;
        flex-shrink: 0;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border-radius: 1000px;
        background: #1F7D6A;
        border: none;
        cursor: pointer;
    }
    .user-mod-cont-inner h3 {
        width: 100%;
        height: auto;
        flex-shrink: 0;
        color: #C27D42;
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 20.089px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }
    .single-use-cases-item {
        width: 100%;
        display: flex;
        height: 50px;
        padding: 22px 19px;
        align-items: center;
        gap: 23px;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 13px 28px 0px rgba(0, 0, 0, 0.12);
        box-sizing: border-box;
    }
    .single-use-cases-item img{
        width: 30px;
    }
    .use-cases-top-block {
        display: flex;
        width: 90%;
        flex-direction: column;
        align-items: center;
        gap: 72px;
        margin: 0 auto;
    }
    .use-cases-img img{
        width: 100%;
    }
    .single-use-cases-item p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 14.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: capitalize;
    }
    .platform-sc-block-us {
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 19px;
        margin: 80px auto;
        flex-wrap: wrap;
    }
    .platform-sc-us-sigle {
        display: flex;
        width: 100%;
        height: 50px;
        padding: 22px 19px;
        align-items: center;
        gap: 23px;
        flex-shrink: 0;
        padding: 22px 19px;
        box-sizing: border-box;
        gap: 38px 23px;
        align-items: center;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 13px 28px 0px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        position: relative;
    }
    .platform-sc-us-sigle img{
        width: 30px;
    }
    .platform-sc-us-sigle p {
        max-width: 160px;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 12.885px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: capitalize;
    }
    .line-platform
    {
        width: 100%;
        height: 1px;
        background: #000;
        margin: 24px 0px;
    }
    .platform-dropdown-section {
        display: none;
        position: absolute;
        left: 0;
        padding: 85px 17px 55px 29px;
        justify-content: flex-end;
        align-items: center;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 13px 28px 0px rgba(0, 0, 0, 0.12);
        top: 0;
        z-index: -1;
        box-sizing: border-box;
        width: 100%;
    }
    .platf-us-c-icon span {
        font-size: 19px;
    }
    .us-c-bottom-images-block
    {
        width: 90%;
        margin: 0 auto;
        display: flex;
        gap: 37px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .control-single-sec img{
        width: 100%;
    }
    .control-sc-innder-block {
        margin: 0 auto;
        padding: 20px;
        width: 80%;
        box-sizing: border-box;
        height: auto;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 38px 74.8px 0px rgba(0, 0, 0, 0.11);
        display: flex
    ;
        align-items: center;
        justify-content: center;
    }
    .control-sc-innder-block >div {
        text-align: center;
    }
    .control-sc-innder-block div a button {
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        width: 70%;
        height: 44px;
        flex-shrink: 0;
        border-radius: 1000px;
        background: #1F7D6A;
        cursor: pointer;
        border: none;
    }
    .control-sc-innder-block div h2 {
        width: 100%;
        height: 80px;
        flex-shrink: 0;
        color: #C27D42;
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16.089px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }
    .single-block-of-state{
        width: 100%;
    }
    .block-of-images-state {
        width: 100%;
    }
    .single-block-of-state img{
        width: 100%;
    }
    .lst-el-sc{
        font-size: 8px !important;
    }
    .contact-us-btn-sc a button {
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        width: 300px;
        height: 44px;
        flex-shrink: 0;
        border-radius: 1000px;
        background: #1F7D6A;
        border: none;
        cursor: pointer;
    }
    .us-c-bl-items-new {
        width: 100%;
        margin: 0 auto;
    }
    .user-modif2 {
        height: 609px;
    }
    .solution-main-header{
        width: 94%;
    }
    .new-mod-solution-sec {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
    }
    .top-solution-image-section img{
        width: 100%;
    }
    .vintilation-image-block {
        width: 90%;
        margin: 81px auto;
    }
    .vintilation-image-block >img{
        width: 100%;
    }
    .vintilator-list {
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
        list-style: none;
        flex-wrap: wrap;
        gap: 16px;
        margin: 36px auto;
    }
    .hvac-section-inner {
        display: flex;
        width: 90%;
        height: auto;
        /* flex-direction: column; */
        justify-content: center;
        align-items: flex-start;
        gap: 26px;
        flex-shrink: 0;
        margin: 23px auto;
        flex-wrap: wrap;
    }
    .hvac-inner-single {
        width: 100%;
        height: auto;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
        padding: 20px 20px;
        box-sizing: border-box;
    }
    .hvac-inner-single p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }
    .hvac-inner-single ul {
        margin: 20px;
        font-size: 14px;
    }
    .hvac-inner-single ul li {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }
    .hvac-img{
        width: 100%;
    }
    .hvac-img img{
        width: 100%;
    }
    .isolated-single {
        width: 90%;
        height: auto;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
        padding: 35px 26px;
        box-sizing: border-box;
    }
    .isolated-single h2 {
        width: 100%;
        color: var(--Color-primary, #C27D42);
        font-family: "Cera Pro",sans-serif;
        font-size: 18.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: capitalize;
    }
    .cart-bilow-block {
        width: 90%;
        margin: 53px auto;
    }
    .cart-bilow-block img {
        margin-top: 23px;
        width: 100%;
    }
    .monitoring-net-block {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: flex-start;
        gap: 26px;
        flex-shrink: 0;
        margin: 90px auto;
        flex-wrap: wrap;
    }
    .monitoring-single-net {
        width: 100%;
        height: auto;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
        padding: 36px 27px;
        box-sizing: border-box;
    }
    .termos-block-main-img {
        width: 90%;
        margin: 37px auto;
        position: relative;
    }
    .termos-block-main-img > img{
        width: 100%;
    }
    .sol-items-block-new {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }
    .extence-mab-contain {
        width: 100%;
        height: auto;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
        padding: 40px 25px;
        box-sizing: border-box;
    }
    .extence-map-block {
        width: 90%;
        height: auto;
        margin: 83px auto;
        background-image: url('../images/extenc-map.png');
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .new-desc-pump {
        width: 100% !important;
        height: auto !important;
    }
    .new-sc-fr-svings {
        display: flex;
        gap: 35px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .contactus-single-block {
        width: 90%;
        margin: 77px auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .single-cnt-us-sc-bl {
        width: 100%;
        height: 200px;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 38px 74.8px 0px rgba(0, 0, 0, 0.11);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .single-cnt-us-sc-bl h2 {
        width: 70%;
        height: 90px;
        color: #C27D42;
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 18.089px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin: 0 auto;
    }
    .single-cnt-us-sc-bl a button {
        width: 300px;
        height: 44px;
        flex-shrink: 0;
        border-radius: 1000px;
        background: #1F7D6A;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        cursor: pointer;
        border: none;
    }
    .new-sol-title {
        width: 100%;
        text-align: left !important;
    }
    .new-under-sc {
        position: absolute;
        top: 29px;
        margin: 0;
    }
    .cnt-us-tp-sc a button
    {
        width: 200px;
        height: 44px;
        flex-shrink: 0;
        border-radius: 1000px;
        background: #1F7D6A;
        border: none;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: capitalize;
        margin-top: 29px;
        cursor: pointer;
    }
    .footer-right-side {
        width: 100%;
    }
    .our-things-block {
        width: 90%;
        margin: 100px auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 38px;
    }
    .our-things-single {
        width: 100%;
        height: auto;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
        padding: 28px 25px;
        box-sizing: border-box;
    }
    .our-things-single p {
        width: 100%;
        height: auto;
        flex-shrink: 0;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        margin-top: 30px;
    }
    .our-pil-single {
        width: 90%;
        height: auto;
        flex-shrink: 0;
        fill: #FFF;
        filter: drop-shadow(0px 29px 78.976px rgba(0, 0, 0, 0.10));
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 38px 74.8px 0px rgba(0, 0, 0, 0.11);
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 53px 20px;
        box-sizing: border-box;
        flex-wrap: wrap;
        gap: 45px;
    }
    .our-pil-single p {
        color: #000;
        font-family: "Cera Pro",sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0.139px;
        width: 100%;
        height: auto;
        flex-shrink: 0;
    }
    .newback-heroo-sc {
        background-image: url('../images/Logo_Titanium_V1 4.png');
        background-repeat: no-repeat;
        background-position: right center;
        gap: 20px;
    }
    .newback-heroo-sc .top-solution-image-section img{
        width: 100%;
    }
    .newback-heroo-sc .top-solution-image-section{
        width: 90%;
        text-align: center;
    }
    .sustan-hero {
        background: none;
        gap: 200px;
        height: auto;
    }
    .new-sust-desc {
        width: 90%;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0.139px;
        text-align: left;
        margin-top: 42px;
    }
    .tit-comitent-inner{
        width: 90%;
        text-align: center;
        margin: 32px auto;
    }
    .tit-comitent-inner img{
        width: 100%;
    }
    .commitent-inner-first-blck {
        width: 100%;
        height: auto;
        flex-shrink: 0;
        border-radius: 9.135px;
        background: #FFF;
        box-shadow: 0px 6px 58.4px 0px rgba(0, 0, 0, 0.12);
        padding: 51px 20px;
        box-sizing: border-box;
    }
    .commitent-inner-first-blck p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }
    .commitent-inner-second-blck {
        width: 100%;
        height: auto;
        flex-shrink: 0;
        border-radius: 9.135px;
        background: #FFF;
        box-shadow: 0px 6px 58.4px 0px rgba(0, 0, 0, 0.12);
        padding: 43px 23px;
        box-sizing: border-box;
        margin-top: 21px;
    }
    .commitent-inner-second-blck p {
        color: var(--Color-primary, #C27D42);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 20.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: capitalize;
    }
    .tit-commitent-text-block {
        width: 90%;
        margin: 0 auto;
    }
    .tit-commitent-text-block h2 {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0.139px;
    }
    .tit-commitent-text-block p {
        color: #1F7D6A;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24.331px;
        letter-spacing: 0.139px;
        margin-top: 36px;
    }
    .tit-commitent-text-block ul li
    {
        color: #1F7D6A;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 25.331px;
        letter-spacing: 0.139px;
    }
    .tp-text-new-sc {
        width: 90%;
        margin: 0 auto;
    }
    .tp-text-new-sc h2 {
        color: var(--Color-primary, #C27D42);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 20.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: capitalize;
    }
    .tit-comitent-block {
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .administrativ-sc-fr .term-smalblk {
        width: 90%;
        height: 351px;
        flex-shrink: 0;
        padding: 31px 33px;
        box-sizing:border-box;
    }
    .administrative-top {
        background-image: url('../images/pexels-photo-910411 1.png');
        position: relative;
        background-size: cover;
        z-index: -2;
        height: 212px;
        background-position-y: center;
    }
    .main-intership-top-block {
        width: 90%;
        margin: 0 auto;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        padding: 51px 20px;
        flex-wrap: wrap;
        box-sizing: border-box;
    }
    .main-intership-top-block-left-side p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0.139px;
        margin-top: 20px;
    }
    .main-intership-top-block-right-side img{
        width: 100%;
    }
    .intership-main-block {
        width: 90%;
        margin: 0 auto;
        display: flex;
        gap: 47px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .int-innerr-single {
        width: 100%;
        height: auto;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
        padding: 58px 20px;
        box-sizing: border-box;
        margin-top: 43px;
    }
    .int-innerr-single p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        margin-top: 20px;
    }
    .intership-vector1 {
        position: absolute;
        z-index: -1;
        top: 0px;
        width: 100%;
    }
    .intership-vector2 {
        position: absolute;
        z-index: -1;
        bottom: 0;
        right: 0;
        width: 100%;
    }
    .int-innerr-single h3 {
        color: var(--Color-primary, #C27D42);
        font-family: "Cera Pro", sans-serif;
        font-size: 20.885px;
        font-style: normal;
        font-weight: 500;
        line-height: 137.2%;
    }
    .int-innerr-single h2 {
        color: var(--Color-primary, #C27D42);
        font-family: "Cera Pro", sans-serif;
        font-size: 20.885px;
        font-style: normal;
        font-weight: 900;
        line-height: 137.2%;
    }
    .intership-main-block-right {
        width: 100%;
        padding-top: 0px;
    }
    .intership-contact-blc-sc {
        margin-top: 47px;
        width: 100%;
        height: auto;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 38px 74.8px 0px rgba(0, 0, 0, 0.11);
        padding: 36px 21px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .intershipsc-inner-contaact h3 {
        color: #C27D42;
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 20.089px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        width: 100%;
        text-align: center;
    }
    .intershipsc-inner-contaact button {
        margin-top: 20px;
        width: 245px;
        height: 44px;
        flex-shrink: 0;
        border-radius: 1000px;
        background: #1F7D6A;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border: none;
        cursor: pointer;
    }
    .main-tyc-diller-sc-btn button {
        width: 90%;
        height: 44px;
        flex-shrink: 0;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
    }
    .images-auther-sec{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        gap: 50px;
    }
    .images-auther-sec img{
        width: 100%;
    }
    .new-btn-sc-benefits button {
        width: 100%;
        height: 44px;
        flex-shrink: 0;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        border-radius: 1000px;
        background: #1F7D6A;
        cursor: pointer;
        border: none;
        padding: 0px 30px;
        box-sizing: border-box;
    }
    .intershipsc-inner-contaact{
        margin: 0 auto;
    }
    .under-benefits-block {
        width: 90%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 18px;
        height: 200px;
        flex-wrap: wrap;
    }
    .new-btn-sc-benefits-contacts{
        width: 100%;
    }
    .new-btn-sc-benefits-contacts button {
        width: 100%;
        height: 44px;
        flex-shrink: 0;
        border-radius: 1000px;
        border: 4px solid #1F7D6A;
        color: #1F7D6A;
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        cursor: pointer;
    }
    .top-reesons-block {
        position: relative;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .top-reesons-block img{
        width: 100%;
    }
    .map-location img {
       width: 12px;
    }
    .oregon {
        position: absolute;
        top: 16%;
        left: 8%;
    }
    .maps-section {
        position: relative;
        padding-top: 100px;
        width: 300px;
        margin: 0 auto;
    }
    .state_tn {
        position: absolute;
        top: 54%;
        left: 68%;
    }
    .state_ar {
        position: absolute;
        top: 59%;
        left: 56%;
    }
    .state_mo {
        position: absolute;
        top: 45%;
        left: 56%;
    }
    .state_vt {
        position: absolute;
        top: 16%;
        left: 89%;
    }
    .state_nh {
        position: absolute;
        top: 18%;
        left: 92%;
    }
    .state_me {
        position: absolute;
        top: 9%;
        left: 95%;
    }
    .state_oh
    {
        position: absolute;
        top: 36%;
        left: 74%;
    }
    .state_pa {
        position: absolute;
        top: 32%;
        left: 83%;
    }
    .state_nc {
        position: absolute;
        top: 52%;
        left: 82%;
    }
    .state_va {
        position: absolute;
        top: 44%;
        left: 83%;
    }
    .state_dc {
        position: absolute;
        top: 37%;
        left: 85%;
    }
    .state_ma
    {
        position: absolute;
        top: 22%;
        left: 91%;
    }
    .changeing-sec ul li {
        color: #000;
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 137.2%;
        cursor: pointer;
    }
    .cnt_us_desc {
        color: var(--Color-primary, #C27D42);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 12.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: uppercase;
        margin: 30px auto;
        max-width: 1081px;
    }
    .contact_us_block{
        width: 90%;
    }
    .cnt_us_sml_blck >p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }
    .form_sc_input_sc button {
        width: 100%;
        height: 44px;
        flex-shrink: 0;
        border-radius: 1000px;
        background: #1F7D6A;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        border: none;
        cursor: pointer;
        margin: 20px auto;
    }
    .eu_map > img {
        width: 300px;
    }
    .greece {
        position: absolute;
        left: 66%;
        top: 85%;
    }
    .big-block-content iframe{
        width: 100%;
    }
    .hero-section{
        height: 400px;
    }
    .marg_top_single{
        margin-top: 43px !important;
    }
    .marg_top_single_minus{
        margin-top: 0px !important;
    }
    .order-section {
        position: relative;
        display: flex;
        margin-top: 62px;
        z-index: 11;
        justify-content: center;
    }
    .quot-block {
        width: 90%;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 25px 120.614px 0px rgba(0, 0, 0, 0.12);
        padding: 40px 9px;
        box-sizing: border-box;
    }
    .single-quot {
        display: flex;
        align-items: center;
        gap: 23px;
        margin: 23px;
        justify-content: space-between;
    }
    .remove-from-cart svg{
        width: 13px;
    }
    .quot-image img {
        width: 20px;
        height: 20px;
    }
    .quot-title {
        width: 143px;
    }
    .quot-title h2 {
        color: #1F7D6A;
        font-family: "Cera Pro", sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }
    .quot-sec-vc{
        display: none;
    }
    .quot-count input {
        width: 40px;
        height: 40px;
        flex-shrink: 0;
        border-radius: 9px;
        border: 1px solid #000;
        background: #FFF;
        text-align: center;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }
    .quot-underline {
        width: 100%;
        height: 1px;
        flex-shrink: 0;
        stroke-width: 1px;
        stroke: #626262;
        background-color: #626262;
    }
    .quot-btn-sct a button {
        width: 258px;
        height: 40.416px;
        flex-shrink: 0;
        border-radius: 1000px;
        background: #1F7D6A;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro",sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        border: none;
        cursor: pointer;
    }
    .quot-btn-sct {
        margin-top: 51px;
        margin-bottom: 29px;
        display: flex;
        justify-content: center;
    }
    .vector-m{
        display: none;
    }
    .order-contact-section {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        width: 90%;
    }


    .order-single-block h2 {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 18.885px;
        font-style: normal;
        font-weight: 500;
        line-height: 137.2%;
        text-transform: capitalize;
        margin-bottom: 42px;
        margin-top: 50px;
    }
    .input-single input {
        padding: 22px 0px 0px 13px;
        outline: none;
        border: none;
        width: 100%;
        height: 50px;
        flex-shrink: 0;
        border-radius: 12.125px;
        background: #FFF;
        box-sizing: border-box;
    }
    .input-single label {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        position: absolute;
        top: 5px;
        left: 13px;
    }
    .input-single input::placeholder {
        color: #8C8993;
        font-family: "Cera Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    .input-single {
        position: relative;
        width: 100%;
        height: 59px;
        flex-shrink: 0;
        margin-top: 9px;
    }
    .countries-for-order {
        cursor: pointer;
        outline: none;
        border: none;
        width: 100%;
        height: 50px;
        flex-shrink: 0;
        border-radius: 12.125px;
        background: #FFF;
        box-sizing: border-box;
    }
    .dropdown-content li {
        padding: 10px;
        cursor: pointer;
        list-style: none;
        color: #8C8993;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .dropdown-btn {
        padding: 21px 0px 0px 13px;
        width: 100%;
        height: 100%;
        text-align: left;
        background: #FFF;
        box-sizing: border-box;
        cursor: pointer;
        border-radius: 12.125px;
        font-family: "Cera Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        border: none;
    }
    .input-single textarea {
        width: 100%;
        height: 154px;
        flex-shrink: 0;
        border-radius: 12.125px;
        background: #FFF;
        padding: 34px 0px 0px 27px;
        box-sizing: border-box;
        border: none;
    }
    .order-single-block{
        width: 100%;
    }
    .order-sc-block-prds>h2 {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 20.885px;
        font-style: normal;
        font-weight: 500;
        line-height: 137.2%;
        text-transform: capitalize;
        margin-bottom: 23px;
    }
    .order-sc-block-prds {
        width: 90%;
        margin: 0 auto;
    }
    .single-prd-ord {
        width: 100%;
        height: 60px;
        flex-shrink: 0;
        border-radius: 12.125px;
        background: #FFF;
        display: flex;
        justify-content: space-between;
        padding: 7px 12px;
        box-sizing: border-box;
        margin-top: 16px;
        align-items: center;
    }
    .single-prd-ord h2{
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16.885px;
        font-style: normal;
        font-weight: 500;
        line-height: 137.2%;
        text-transform: capitalize;
        gap: 10px;
    }
    .prd-count p{
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16.885px;
        font-style: normal;
        font-weight: 500;
        line-height: 137.2%;
        text-transform: capitalize;
    }
    .btn-order-sc-prd a button {
        cursor: pointer;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        width: 100%;
        height: 50.416px;
        flex-shrink: 0;
        border-radius: 1000px;
        background: #1F7D6A;
        border: none;
    }
    .footer-contact a {
        opacity: 0.8;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
    }
    .text-danger {
        color: red;
        margin: 1px;
        font-family: "Cera Pro", sans-serif;
        font-size: 14px;
    }
    .success h1 {
        font-family: "Cera Pro", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        color: green;
        text-align: center;
        margin: 10px;
    }
    .success p {
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        color: black;
        text-align: center;
        margin: 10px;
    }
    .success a {
        /* display: inline-block; */
        cursor: pointer;
        border: none;
        width: 100%;
        height: 50.842px;
        flex-shrink: 0;
        border-radius: 1000px;
        background: #1F7D6A;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
        text-decoration: none;
        padding: 0;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }
    .upk-container {
        top: -72px;
    }
    .user-modif {
        height: 325px;
    }
}
@media (min-width: 600px) and (max-width: 1200px) {
    .vector-abs {
        width: 100%;
        bottom: -246px;
        z-index: -1;
    }

}
@media (min-width: 1001px) and (max-width: 1200px) {
    .nav-section ul {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        gap: 10px 2px;
        text-align: center;
    }
    .logo-section img {
        width: 100px;
    }
    .btns-section {
        width: 16%;
        display: flex;
        justify-content: end;
    }
    .termos-sec-right img{
        width: 100%;
    }
    .termos-sec-left h2 {
        width: 684px;
        height: 265px;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: uppercase;
        margin-top: 150px;
        text-align: center;
    }
    .big-block-content {
        width: 90%;
        margin: 26px auto;
        height: auto;
        flex-shrink: 0;
        padding: 56px 67px;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 25px 120.614px 0px rgba(0, 0, 0, 0.12);
        box-sizing: border-box;
    }
    .footer-sec-pages-left p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 31.5px;
        letter-spacing: 0.2px;
    }
    .footer-sec-pages-right p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 31.5px;
        letter-spacing: 0.2px;
    }
    .footer-sec-pages-right ul li a {
        color: #000;
        font-family: "Cera Pro",sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 27.5px;
        letter-spacing: 0.2px;
        text-decoration: none;
    }
    .footer-sec-pages-left ul li a {
        color: #000;
        font-family: "Cera Pro",sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 27.5px;
        letter-spacing: 0.2px;
        text-decoration: none;
    }
    .footer-right-side > div{
        width: 50%;
    }
    .footer-right-side {
        display: flex;
        justify-content: space-between;
        gap: 15px;
    }
    .footer-left-side {
        width: 50%;
    }
    .footer-sec-pages-left{
        width: 50%;
    }
    .footer-right-side
    {
        width: 50%;
    }
    .footer-block {
        margin: 0 auto;
        width: 90%;
        display: flex
    ;
    }
    .tet-hero-block {
        position: absolute;
        left: 29%;
        top: 10%;
        width: 568px;
        height: 439.345px;
        align-items: center;
    }
    .tet-hero-block h2 {
        color: var(--Black, #000);
        font-family: "Cera Pro", sans-serif;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 115.7%;
        letter-spacing: -1.14px;
    }
    .tet-hero-block h3 {
        color: var(--Color-primary, #C27D42);
        font-family: "Cera Pro", sans-serif;
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: 115.7%;
        letter-spacing: -1.14px;
    }
    .tet-hero-block p {
        margin-top: 24px;
        color: var(--Black, #000);
        font-family: "Cera Pro", sans-serif;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 119.7%;
    }
    .titles-section {
        width: 90%;
        margin: 0 auto;
    }
    .solution-block {
        width: 90%;
        margin: 0 auto;
    }
    .solution-single-block {
        cursor: pointer;
        width: 600.066px;
        height: 229.137px;
        flex-shrink: 0;
        border-radius: 9.135px;
        background: #FFF;
        box-shadow: 0px 63.029px 104.136px 0px rgba(0, 0, 0, 0.08);
        transition: transform 0.3s ease-in-out;
    }
    .sol-image-sec img{
        width: 100%;
    }
    .sol-txt-sec{
        width: 60%;
    }
    .sol-image-sec {
        position: relative;
        width: 30%;
        display: flex
    ;
        align-items: center;
        justify-content: center;
    }
    .sol-txt-sec h2 {
        width: 100%;
        margin-bottom: 15px;
        color: var(--Color-primary, #C27D42);
        font-family: "Cera Pro", sans-serif;
        font-size: 24.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
    }
    .sol-txt-sec p {
        margin-top: 15px;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 18.923px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        width: 100%;
    }
    .solution-blocks {
        width: 97%;
        margin: 200px auto;
        /* text-align: center; */
    }
    .location-section {
        padding-top: 20px;
        margin-bottom: 150px;
    }
    .features {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        padding: 20px;
        width: 100%;
        gap: 10px;
        margin: 50px auto;
    }
    .description {
        text-align: left;
        color: #000;
        font-family: Roboto, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: 0.48px;
    }
    .glob-left h2 {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 128.3%;
    }
    .savings-solution-block {
        width: 90%;
        margin: 132px auto;
    }
    .glob-left p {
        color: var(--Black, #000);
        font-family: "Cera Pro", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 119.7%;
        margin-top: 64px;
    }
    .glob-btns-section {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 40px;
        margin-top: 80px;
    }
    .underline-title {
        width: 226px;
        height: 15px;
        flex-shrink: 0;
        opacity: 0.2;
        background: var(--Color-primary, #C27D42);
        position: absolute;
        top: 27px;
    }
    .big-block-content p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 18.392px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }
    .title-block {
        color: #000;
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
        text-transform: uppercase;
    }
    .small-blocks-term {
        position: relative;
        width: 90%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 17px;
        margin-top: 20px;
    }
    .ps-ab-vec {
        width: 100%;
        position: absolute;
        bottom: -445px;
        z-index: -1;
    }
    .palma-title h2 {
        color: var(--Black, #000);
        font-family: "Cera Pro", sans-serif;
        font-size: 45px;
        font-style: normal;
        font-weight: 700;
        line-height: 115.7%;
        letter-spacing: -1.14px;
    }
    .main-intership-top-block-left-side p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0.139px;
        margin-top: 20px;
    }
    .intership-main-block {
        width: 100%;
        margin: 0 auto;
        display: flex;
        gap: 47px;
        justify-content: center;
        flex-wrap: wrap;
    }
    .top-reesons-block {
        position: relative;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .under-benefits-block {
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 18px;
        height: auto;
        padding-bottom: 20px;
    }
    .marg_top_single {
        margin-top: 0px !important;
    }
    .marg_top_single_minus {
        margin-top: 0px !important;
    }
    .main-intership-top-block {
        width: 100%;
    }
    .underline-palma {
        width: 193.479px;
        height: 15px;
        flex-shrink: 0;
        opacity: 0.2;
        background: var(--Color-primary, #C27D42);
        position: absolute;
        top: 32px;
    }
    .under-palma-blocks {
        display: flex;
        width: 90%;
        justify-content: center;
        align-items: flex-start;
        align-content: flex-start;
        gap: 59px 46px;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .decarbonization-block img{
        width: 100%;
    }
    .term-feature-list {
        width: 90%;
        margin: 70px auto;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 41px;
        flex-shrink: 0;
    }
    .term-feature-list ul
    {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 5px 41px;
        flex-shrink: 0;
    }
    .download-bird-sec p a {
        color: #1F7D6A;
        font-family: "Cera Pro", sans-serif;
        font-size: 20.392px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }
    .download-bird-sec{
        text-align: center;
    }
    .download-bird-sec a button {
        cursor: pointer;
        border: none;
        width: 419.099px;
        height: 74.842px;
        flex-shrink: 0;
        border-radius: 1000px;
        background: #1F7D6A;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin-top: 30px;
    }
    .termostat-header h2 {
        text-align: center;
        color: var(--Black, #000);
        font-family: "Cera Pro", sans-serif;
        font-size: 54px;
        font-style: normal;
        font-weight: 700;
        line-height: 115.7%;
        letter-spacing: -1.14px;
    }
    .palma-title {
        width: 405px;
        position: relative;
        margin-left: 117px;
    }
    .building-cotent-left p {
        display: flex;
        width: 100%;
        padding: 10px;
        flex-direction: column;
        align-items: flex-end;
        gap: 35px;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: 0.139px;
    }
    .building-cotent-right img{
        width: 100%;
    }
    .source-blocks-serc {
        display: flex
    ;
        width: 90%;
        justify-content: center;
        align-items: center;
        align-content: center;
        gap: 23px 25px;
        flex-wrap: wrap;
        margin: 78px auto;
    }
    .detection-block {
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 25px 120.614px 0px rgba(0, 0, 0, 0.12);
        width: 90%;
        margin: 26px auto;
        padding: 56px 68px;
        box-sizing: border-box;
    }
    .multi-loc-block {
        width: 90%;
        gap: 37px;
        margin: 87px auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .userinterface-images-section {
        display: flex;
        gap: 56px;
        margin-top: 54px;
        flex-wrap: wrap;
    }
    .data-down .big-block-content {
        width: 90%;
    }
    .dwnl-block {
        width: 100%;
        height: auto;
    }
    .download-data-sec {
        display: flex;
        gap: 38px;
        flex-wrap: wrap;
    }
    .tyco-camera-t h2 {
        color: #FFF;
    }
    .tyco-cameras {
        width: 100%;
        height: 325px;
        flex-shrink: 0;
        aspect-ratio: 1443.75 / 385.00;
    }
    .video-poz {
        width: 100%;
        position: absolute;
        bottom: -501px;
        z-index: -1;
    }
    .block-saaas-benefits {
        display: flex
    ;
        align-items: center;
        justify-content: center;
        gap: 26px;
        width: 90%;
        margin: 88px auto;
        flex-wrap: wrap;
    }
    .top-marg .titles-section .title-block {
        width: 100%;
        margin: 0 auto;
    }
    .tit-hat-map{
        width: 90%;
        margin: 10px auto;
    }
    .tit-hat-map img{
        width: 100%;
    }
    .term-blocks-section {
        background: #EBE6CE;
        padding-top: 100px;
        position: relative;
        height: auto;
    }
    .cloud-section-tit {
        padding-top: 100px;
    }
    .ocupancy-section {
        position: relative;
        background-image: url('../images/shutterstock_1015361422 1.png');
        background-size: cover;
        z-index: -2;
        height: 656px;
        background-position-y: center;
    }

    .sens-two-block {
        width: 80%;
        margin: 47px auto;
        display: flex;
        gap: 19px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .tiz-epic-section {
        text-align: center;
        width: 90%;
        margin: 20px auto;
    }
    .tiz-epic-section img{
        width: 100%;
    }
    .platform-section11 {
        display: flex;
        align-items: center;
        /* width: 90%; */
        justify-content: space-between;
        margin-top: 100px;
        flex-wrap: wrap;
        width: 100%;
    }
    .platform-right-sec{
        width: 100%;
        justify-content: end;
        display: flex;
        padding-top: 100px;
    }
    .platform-left-sec {
         margin-left: 0px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .tyco-products-block {
        width: 100%;
        margin: 99px auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 32px;
        flex-wrap: wrap;
    }
    .termostat-things-single {
        padding: 47px 38px;
        margin: 38px auto;
        width: 100%;
        height: 407px;
        flex-shrink: 0;
        border-radius: 9.135px;
        background: #FFF;
        box-shadow: 0px 6px 58.4px 0px rgba(0, 0, 0, 0.12);
        box-sizing: border-box;
        display: flex;
        align-items: center;
        gap: 34px;
    }
    .cyber-prot-block {
        width: 100%;
        margin: 0 auto;
        display: flow-root;
    }
    .blc-new-txt-sec-ttl {
        width: 90%;
        margin: 0 auto;
    }
    .illustra-block {
        width: 90%;
        margin: 50px auto;
        display: flex;
        justify-content: center;
        gap: 91px;
        flex-wrap: wrap;
    }
    .quot-block {
        width: 982px;
    }
    .quot-sec-vc {
        position: absolute;
        top: 284px;
    }
    .order-sc-block-prds {
        width: 80%;
        margin: 0 auto;
    }
    .single-prd-ord {
        width: 100%;
        height: 69px;
        flex-shrink: 0;
        border-radius: 12.125px;
        background: #FFF;
        display: flex;
        justify-content: space-between;
        padding: 20px 28px;
        box-sizing: border-box;
        margin-top: 16px;
    }
    .order-contact-section {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .user-mod-block {
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 43px;
        flex-wrap: wrap;
    }
    .user-mod-cont-inner h2 {
        color: #1F7D6A;
        font-family: "Cera Pro", sans-serif;
        width: 100%;
        font-size: 23.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 137.2%;
    }
    .user-mod-cont-inner p {
        width: 100%;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
    }
    .sakura-sec img {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .sakura-sec {
        width: 400.106px;
        height: 434.359px;
        position: relative;
    }
    .user-mod-cont-inner {
        width: 400px;
        height: 358.359px;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 69px 114px 0px rgba(0, 0, 0, 0.08);
        padding: 35px 19px;
        box-sizing: border-box;
    }
    .user-mod-cont-inner button {
        width: 100%;
        height: 60.977px;
        flex-shrink: 0;
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 20px;
    }
    .user-mod-cont-inner h3 {
        width: 100%;
        height: 184px;
        flex-shrink: 0;
        color: #C27D42;
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 30.089px;
    }
    .use-cases-top-block {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 72px;
        margin: 0 auto;
    }
    .single-use-cases-item p {
        color: #000;
        max-width: 370px;
        font-family: "Cera Pro", sans-serif;
        font-size: 20.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: capitalize;
    }
    .platform-sc-us-sigle {
        display: flex;
        width: 440px;
        height: 88px;
        padding: 22px 19px;
        align-items: center;
        flex-shrink: 0;
        padding: 22px 19px;
        box-sizing: border-box;
        gap: 38px 23px;
        align-items: center;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 13px 28px 0px rgba(0, 0, 0, 0.12);
        cursor: pointer;
        position: relative;
    }
    .platform-sc-block-us {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 19px;
        margin: 80px auto;
        flex-wrap: wrap;
    }
    .platform-sc-us-sigle p {
        max-width: 277px;
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 20.885px !important;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: capitalize;
    }
    .space-description {
        max-width: 92%;
    }
    .termos-block-main-img
    {
        width: 100%;
        margin: 37px auto;
        position: relative;
    }
    .our-things-block {
        width: 100%;
        margin: 100px auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 38px;
    }
    .tit-commitent-text-block {
        width: 90%;
        margin: 0 auto;
    }
    .administrative-pill-single {
        width: 93%;
        height: auto;
    }
    .administrative-pill-single p {
        width: 76%;
        height: auto;
        margin: 10px;
        font-size: 20px;
    }
    .ocupancy-vector {
        width: 100%;
        position: absolute;
        top: 431px;
        z-index: -1;
        left: 0;
    }
    .new-mod-solution-sec {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 23px;
    }
    .platform-dropdown-section {
        display: none;
        position: absolute;
        left: 0;
        padding: 128px 71px 55px 94px;
        justify-content: flex-end;
        align-items: center;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 13px 28px 0px rgba(0, 0, 0, 0.12);
        top: 0;
        z-index: -1;
        box-sizing: border-box;
        width: 100%;
    }
    .control-single-sec img{
        width: 100%;
    }
    .control-sc-innder-block div a button {
        color: var(--White, #FFF);
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 19px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        width: 80%;
        height: 50px;
        flex-shrink: 0;
        border-radius: 1000px;
        background: #1F7D6A;
        cursor: pointer;
        border: none;
    }
    .new-sol-title {
        width: 510px;
        text-align: left !important;
    }
    .control-sc-innder-block {
        width: 400px;
        height: 358px;
        flex-shrink: 0;
        border-radius: 30px;
        background: #FFF;
        box-shadow: 0px 38px 74.8px 0px rgba(0, 0, 0, 0.11);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .hvac-section-inner {
        display: flex;
        width: 100%;
        height: auto;
        /* flex-direction: column; */
        justify-content: center;
        align-items: flex-start;
        gap: 26px;
        flex-shrink: 0;
        margin: 0 auto;
        flex-wrap: wrap;
    }
    .monitoring-net-block {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: flex-start;
        gap: 26px;
        flex-shrink: 0;
        margin: 90px auto;
        flex-wrap: wrap;
    }
    .extence-map-block {
        width: 100%;
    }
    .contactus-single-block {
        width: 100%;
        margin: 77px auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .control-sc-innder-block div h2 {
        width: 90%;
        height: 184px;
        flex-shrink: 0;
        color: #C27D42;
        text-align: center;
        font-family: "Cera Pro", sans-serif;
        font-size: 28.089px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        margin: 0 auto;
    }
    .us-c-bottom-images-block {
        width: 90%;
        margin: 0 auto;
        display: flex;
        gap: 37px;
        justify-content: center;
    }
    .block-of-images-state {
        width: 100%;
        margin: 56px auto;
    }
    .single-block-of-state img{
        width: 100%;
    }
    .lst-el-sc{
        font-size: 20px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1600px) {
    .platform-left-sec {
        margin-left: 100px;
    }
    .order-sc-block-prds {
        width: 80%;
        margin: 0 auto;
    }
    .solution-blocks {
        width: max-content;
        margin: 200px auto;
    }
    .solution-block {
        width: 91%;
        margin: 0 auto;
    }
    .vector-abs {
        width: 100%;
        bottom: -496px;
        z-index: -1;
    }
    .sakura-sec img {
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .titles-section {
        width: 90%;
        margin: 0 auto;
    }
    .single-use-cases-item p {
        color: #000;
        font-family: "Cera Pro", sans-serif;
        font-size: 26.885px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-transform: capitalize;
    }
    .termos-sec-right img{
        width: 100%;
    }

}