.h1 {
    font-size: 4.77rem;
}

.contact-us-page {
    z-index: 1;
}

.opening-panel {
    padding: 9.7rem 0 0;
}

.container .footer-container .section.talk {
    display: none;
}

.container .section.opening-panel {
    max-height: unset;
    height: auto;
}

.container .section.opening-panel {
    /* opacity: .2; */
}

.contact-us-page .section .row.banner-row {
    padding: 3.2rem 0 calc(5rem + 5%);
    max-width: 1264px;
    display: flex;
    align-items: center;
}

.contact-us-page .section.opening-panel:before {
    content: '' !important;
    display: block;
    position: absolute;
    top: 19.5%;
    right: 10.16rem;
    transform: translateY(-50%);
    background: top right / contain no-repeat url('/static/main/images/contact-us-opbg.svg');
    z-index: -1;
    width: 70%;
    max-width: 650px;
    max-height: 650px;
    height: 90%;
}

.container .section .row.banner-row {
    padding: 3.2rem 0 calc(5rem + 5%);
    max-width: 1264px;
    display: flex;
    align-items: center;

}

.container .opening-panel .row .col1 {
    width: 48.5%;
    float: left;
}

.container .opening-panel .row .col2 {}

.container .section.opening-panel .opening-heading {
    color: #231F20;
    font-size: 3.77rem;
    line-height: 1.15;
    letter-spacing: 0;
    /* max-width: 90%; */
}

.container .section.opening-panel h1 span {
    display: inline-block;
    color: #275d2b;
}

.opening-panel.animated h1 span {
    opacity: 1;
}

.opening-panel h1 span {
    transition: .7s ease-in-out;
    transition-delay: .8s;
}



.contact-us-page .section.opening-panel select {
    background-color: #FFFFFF !important;
    border-bottom: 2px solid #275d2b;
}

.form-check-input:checked {
    background-color: #275d2b;
    border-color: #275d2b;
}

.form-check-input:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(82, 125, 85, .50);
    ;
}

.container .section.opening-panel .contact-info {
    color: #707070;
    text-align: left;
    padding: calc(0.3rem + 3%) 0;
    font-family: 'TomatoGrotesk-Medium', sans-serif;
    font-weight: 500;
}

.container .section.opening-panel .contact-info p {
    text-align: left;
    line-height: 1.25;
    margin-bottom: 0;
    max-width: 100%;
}

.container .section.opening-panel .contact-info a {
    color: #231F20;
    /* font-weight: 700; */
    text-align: left;
    font-size: 1.67rem;
    display: inline-block;
    margin-bottom: 1rem;
    transition: all .3s ease-in;
}

.container .section.opening-panel .contact-info a:hover {
    color: #918F8F;
}

.container .section.opening-panel .contact-info .loc-text p {
    font-size: 1.335rem;
    margin-bottom: 1.6rem !important;
}

.container .section.opening-panel .contact-info .email-text a:last-child {
    margin-bottom: calc(0.5rem + 2.5%);
}

.container .section.opening-panel .contact-info .phone-text {
    margin-bottom: 2rem;
}

.contact-us-page .section.opening-panel .contact-info .phone-text p {
    margin-bottom: .3rem;
}

.contact-us-page .section.opening-panel .contact-info .soc-text {
    margin-bottom: .5rem;
}

.contact-us-page .section.opening-panel .contact-info .social-links__icon svg {
    fill: #231F20;
    height: 31px !important;
    transition: all .3s ease-in;
}

.contact-us-page .section.opening-panel .contact-info .social-links__link {
    margin-right: 0.85em !important;

}

.contact-us-page .section.opening-panel .contact-info .social-links__link:hover svg {
    fill: #918F8F;
}

.contact-us-page .section.opening-panel .contact-info .row-fluid-wrapper>.row-fluid:after,
.contact-us-page .section.opening-panel .contact-info .row-fluid-wrapper>.row-fluid:before {
    content: none;
}

.contact-us-page .section.opening-panel .contact-info p:last-child {
    margin-bottom: 0;
}

.contact-us-page .section.opening-panel .contact-info .social-links {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-end;
}

.contact-us-page .section.opening-panel .contact-info .social-links>a {
    line-height: 1;
    margin-right: 1em;
}

.contact-us-page .section.opening-panel .contact-info .social-links .social-links__icon {
    background: transparent;
}

.contact-us-page .section.opening-panel .contact-info .social-links .social-links__icon svg {
    transform: none;
    height: 36px;
    position: static;
}

.contact-us-page .section.opening-panel .heading-row>.row-fluid-wrapper {
    margin-bottom: 5%;
}


.contact-us-page .section.opening-panel .contact-email,
.contact-us-page .section.opening-panel .contact-number {
    display: inline-block;
    color: #1BC9CC;
    font-size: 2rem;
    font-weight: 900;
    margin-bottom: 6rem;
    transition: all .2s ease-in;
}

.contact-us-page .section.opening-panel .contact-email:hover,
.contact-us-page .section.opening-panel .contact-number:hover {
    opacity: .8;
}

.contact-us-page .section.opening-panel .contact-email {
    margin-bottom: 2rem;
}

.contact-us-page .section.opening-panel .contact-number {
    color: #307AA5;
}

.contact-us-page .section.opening-panel .form-col .hs-form-field {
    margin-bottom: 1.2rem;
}

.contact-us-page .section.opening-panel .form-col input:not(input[type=submit]):not(input[type=checkbox]):not(input[type=file]):not(input[type=date]),
textarea {
    background: #FFFFFF !important;
    border: 1px solid #EEEDE9;
    height: 3rem;
    font-size: 1rem;
}

.contact-us-page .section.opening-panel .form-col textarea {
    min-height: 8.5rem;
    margin-bottom: 0;
}

.contact-us-page .section.opening-panel .form-col form>.hs-form-field .inputs-list,
.page .no-list.hs-error-msgs.inputs-list {
    bottom: -2.1rem;

}

.contact-us-page .section.opening-panel .form-col form>.hs-form-field.hs_i_agree_my_information_can_be_used_to_contact_me_regarding_my_enquiry .inputs-list,
.contact-us-page .section.opening-panel .form-col form>.hs_i_would_like_to_receive_occasional_technology_updates_from_auxilion_ .inputs-list {
    display: block;
    position: static;
}

.contact-us-page .section.opening-panel .form-col form .hs-form-booleancheckbox-display input[type="checkbox"]+span:before {
    background: center / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/check-emp.svg),
        center / auto no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/check.svg);
    transition: all .2s ease-out;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    margin-right: 1.2rem;

}

.contact-us-page .section.opening-panel .form-col form .hs-form-booleancheckbox-display input[type="checkbox"]+span:hover:before {
    background-size: 0, auto !important;
}

.contact-us-page .section.opening-panel .form-col form .hs-form-booleancheckbox-display input[type="checkbox"]:checked+span:before {
    background-size: 0, auto !important;
}

.contact-us-page .section.opening-panel .form-col form .hs-form-booleancheckbox {
    margin: 0 0 1rem;
}

.contact-us-page .section.opening-panel .form-col form .hs-form-booleancheckbox .hs-form-required {
    display: none;
}

.contact-us-page .section.opening-panel .form-col form .hs-form-booleancheckbox-display>span {
    font-size: 1rem;
    line-height: 1.65;
}

.contact-us-page .section.opening-panel .form-col form .hs_submit.hs-submit {
    display: flex;
    align-items: center;
    padding: .9rem 0;
}

.contact-us-page .section.opening-panel .form-col form .hs_submit.hs-submit:after {
    content: '';
    display: block;
    width: 10px;
    height: 13px;
    position: relative;
    top: 2px;
    left: -.5rem;
    cursor: pointer;
    background: center / contain no-repeat url(/hubfs/514553/Codec%202022/Codec_Website_Assets/arr-blue.svg);
}

.contact-us-page .section.opening-panel .form-col form .hs_submit .actions:after {
    bottom: 2px;
    border: 1px solid #1922fb;
}

.contact-us-page .section.opening-panel .form-col form .hs_submit.hs-submit input[type=submit] {
    position: relative;
    z-index: 5;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: 0px auto;
    font-weight: 500;
    padding: 0 0 0 0.5rem;
    transition: .5s ease-in-out;
    color: var(--text-color);
    cursor: pointer;
    text-decoration: none;
}

.contact-us-page .our-offices-section {
    padding: calc(3.5rem + 8.4%) 0 calc(3.5rem + 6.4%);
    z-index: 10;
}


.contact-us-page .our-offices-section .row:after {
    content: '';
    display: block;
    position: absolute;
    top: 2.2rem;
    left: -11rem;
    width: 44%;
    max-width: 678px;
    z-index: -1;
    background: top left / contain no-repeat url(/static/main/images/contact-offices-bg.svg);
    height: 100%;
}

.contact-us-page .our-offices-section .svg-graph {}

.contact-us-page .our-offices-section .svg-graph svg {}

.contact-us-page .svg-graph svg .country_dot {
    cursor: pointer;
    transition: all .3s ease-in;
}

.contact-us-page .svg-graph svg .country_dot:hover {
    fill: #1922FB;
    opacity: .5;
    r: 7px;
    r: 7;

}

.contact-us-page .svg-graph svg circle[data-active_dot] {
    transition: all .3s ease-in-out;
    fill: #1922FB;
    r: 10px;
    r: 10;

}

.contact-us-page .our-offices-section h2 {
    margin-bottom: 3.3rem;
    font-size: 3.1rem;
    line-height: 1.19;
}

.contact-us-page.page .sign-up-section {
    padding: calc(3.5rem + 7%) 0 8rem;
    z-index: 3;
}

form .form-label {
    color: #948F8A;
    display: block;
    font-size: 1rem;
    padding-top: 0;
    margin-bottom: .30rem;
    margin-top: 1rem;
    text-align: left;
    width: auto;
    line-height: 1.1;
    font-weight: 600;
}

@media screen and (min-width: 1280px) {
    .row-fluid [class*=span] {
        box-sizing: border-box;
        display: block;
        float: left;
        min-height: 28px;
    }
}

@media screen and (min-width: 768px) {
    .contact-us-page .opening-panel .row .col1 {
        width: 48.5%;
    }

    .contact-us-page .our-offices-section .col1 {
        width: 43.5%;
        float: left;
    }

    .contact-us-page .our-offices-section .col2 {
        width: 43.5%;
        margin-left: 0;
        float: left;
        /* padding-top: calc(2rem + 6.8%); */
    }

    .contact-us-page .opening-panel .row .col2 {
        width: 49.2%;
        margin-left: 2.3%;
        padding-top: 10%;
        float: left;
    }

    .contact-us-page .our-offices-section:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 44%;
        max-width: 45vw;
        z-index: -3;
        background: #E3E0DA;
        height: 100%;
    }
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
    margin-top: 1rem;
}

.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(82, 125, 85, .50);
}

.form-select:focus {
    box-shadow: 0 0 0 0.25rem rgba(82, 125, 85, .50);
}

.contact-us-page .section.opening-panel .form-col input:not(input[type=submit]):not(input[type=checkbox]):not(input[type=file]):not(input[type=date]),
textarea {
    background: #FFFFFF !important;
    border: 1px solid #EEEDE9;
    height: 3rem;
    font-size: 1rem;
    margin: 0.5 rem;
}

form {
    display: block;
}

.contact-us-page .section.opening-panel .form-col form .hs-form-booleancheckbox-display>span {
    font-size: 1rem;
    line-height: 1.65;
}

form .hs-form-booleancheckbox-display>span {
    display: inline-flex !important;
    flex-flow: row nowrap;
    align-items: center;
    cursor: pointer;
}

.link-primary {
    color: var(--primary-color);
    font-size: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 2;
    transition: all 0.37s ease-in-out;
    font-weight: 500;
}


.accordion {
    display: flex;
    flex-direction: column;
}

/* Style for each accordion item */
.accordion-item {
    border: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
    overflow: hidden;
}

/* Style for the accordion item title */
.accordion-item-title {
    padding: 10px;
    cursor: pointer;
    background: transparent;
    border: unset;
    color: var(--text-color) !important;
}

.accordion-item-title .item-text {
    font-size: 25px;
    font-weight: 500;
}

.accordion-item {
    background: transparent;
}

/* Style for the accordion item content */
.accordion-item-content {
    padding: 10px;
   /* display: none; */
}

/* Show the content when the accordion item is active */
.accordion-item.active .accordion-item-content {
    display: block;
}

.toggle-icon {
    order: 1;
}

.loc-address p {
    font-size: 0.9rem;
    line-height: 1.4;
    margin-bottom: 0;
}

.item-text {
    order: 0;
}

.row-fluid {
    width: 100%;
}

.loc-office-pos {
    font-size: 1rem;
    font-family: TomatoGrotesk-Medium, sans-serif;
    font-weight: 500;
    display: inline-block;
    color: #948f8a;
    line-height: inherit;
}

.active svg .pluss {
    opacity: 0
}

.svg-graph {
    position: relative;
    left: 0.9rem;
    max-width: 55vw;
    width: 173%;
    text-align: right;
    height: 500px;
}
.iti  {
    width: 100%;  /* Adjust width if needed */
}
.iti__country-list {
    width: 600px;
}

#map {
    height: 500px;
}

@media (max-width: 1320px) {

    .container .section.opening-panel h1,
    .container .section.opening-panel .opening-heading {
        font-size: 3.55em;
    }
}

@media (max-width: 1280px) {
    .container .section.opening-panel .contact-info a {
        font-size: 1.9rem;
    }
}
@media (max-width: 1024px) {
    .container .section.opening-panel h1, .container .section.opening-panel .opening-heading {
        font-size: 3.25em;
    }
}
@media (max-width: 980px) {

    .container .section.opening-panel h1,
    .container .section.opening-panel .opening-heading {
        font-size: 50px;
    }

    .contact-us-heading{
        margin-top: 28px !important;
    }
}

@media (max-width: 767px) {

    .container .section.opening-panel h1,
    .container .section.opening-panel .opening-heading {
        font-size: 35px;
    }

    .container .section.opening-panel .contact-info .loc-text p {
        margin-bottom: 0px !important;
    }

    .opening-panel {
        padding: 4.7rem 0 0;
    }

    .container .opening-panel .row .col1 {
        width: 100%;
    }
    .svg-graph{
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .container .section.opening-panel .contact-info a {
        font-size: 17px;
    }
    
}
@media only screen and (max-width: 900px) and  (max-height: 1000px){
    .send-message-link{
     padding-top: 22px !important;
    }


    .contact-us-header{
        padding: 0px !important;
    }
    contact-us-page .our-offices-section {
        padding: calc(3.5rem + 8.4%) 0 calc(4px + 4.4%) !important;
    }

    .contact-us-page .our-offices-section {
        padding-top: calc(6.5rem + 8.4%) ;
        margin-bottom: 26px;
        padding-bottom: 0px;
    }
    }

    .send-message-link{
        padding-top: 2.6rem !important;         
     }