@font-face {
    font-family: 'Open Sans';
    src: url('../font-new/OpenSans-Italic.eot');
    src: url('../font-new/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../font-new/OpenSans-Italic.woff2') format('woff2'),
        url('../font-new/OpenSans-Italic.woff') format('woff'),
        url('../font-new/OpenSans-Italic.ttf') format('truetype'),
        url('../font-new/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../font-new/OpenSans-ExtraBold.eot');
    src: url('../font-new/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../font-new/OpenSans-ExtraBold.woff2') format('woff2'),
        url('../font-new/OpenSans-ExtraBold.woff') format('woff'),
        url('../font-new/OpenSans-ExtraBold.ttf') format('truetype'),
        url('../font-new/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../font-new/OpenSans-Bold.eot');
    src: url('../font-new/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font-new/OpenSans-Bold.woff2') format('woff2'),
        url('../font-new/OpenSans-Bold.woff') format('woff'),
        url('../font-new/OpenSans-Bold.ttf') format('truetype'),
        url('../font-new/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../font-new/OpenSans-Light.eot');
    src: url('../font-new/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../font-new/OpenSans-Light.woff2') format('woff2'),
        url('../font-new/OpenSans-Light.woff') format('woff'),
        url('../font-new/OpenSans-Light.ttf') format('truetype'),
        url('../font-new/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../font-new/OpenSans-LightItalic.eot');
    src: url('../font-new/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../font-new/OpenSans-LightItalic.woff2') format('woff2'),
        url('../font-new/OpenSans-LightItalic.woff') format('woff'),
        url('../font-new/OpenSans-LightItalic.ttf') format('truetype'),
        url('../font-new/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../font-new/OpenSans-SemiBold.eot');
    src: url('../font-new/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../font-new/OpenSans-SemiBold.woff2') format('woff2'),
        url('../font-new/OpenSans-SemiBold.woff') format('woff'),
        url('../font-new/OpenSans-SemiBold.ttf') format('truetype'),
        url('../font-new/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../font-new/OpenSans-Regular.eot');
    src: url('../font-new/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font-new/OpenSans-Regular.woff2') format('woff2'),
        url('../font-new/OpenSans-Regular.woff') format('woff'),
        url('../font-new/OpenSans-Regular.ttf') format('truetype'),
        url('../font-new/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.font-normal {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}

.font-bold {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: bold !important;

}

.font-extrabold {
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
}

.font-light {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.font-italic {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}

.font-semibold {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}



/* Hero start */

.site_hero_section
{
    position: relative;
    background-image: url('https://devmontdigital.co/clixifix/wp-content/uploads/2025/06/Group-1-300x163.jpg');
    background-size: cover;
    background-position: center top;
    padding-top: 70px;
    padding-bottom: 33px;
    color: #fff;
}

.site_hero_section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  z-index: 0;
  pointer-events: none;
}


.site_hero_title
{
 color: #fff;   
}

.site_hero_subtext
{
    font-size: 32px;
    color: #fff;
    margin-bottom: 50px;
}

.site_hero_buttons
{
    margin-bottom: 30px;
}

.site_hero_buttons .bttn 
{  
    text-transform: uppercase;
    position: relative;
    min-width: 220px;
}

.page-id-21661 .site_hero_buttons {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    gap: 20px;
}

.page-id-21661 .site_hero_buttons .bttn.hollow
{
    background-color: #f0870a;
    border-color: #f0870a;

}

.page-id-21661 .site_hero_buttons .bttn.hollow:hover,
.page-id-21661 .site_hero_buttons .bttn.hollow:focus
{
    background-color: #1b96ac;
    border-color: #1b96ac;
    color: #fff;
}

/* Hero end */


/* Trusted start  */

.site_trusted_section
{
    padding-top: 60px;
    padding-bottom: 60px;
}

.site_section_title
{
    font-size: 32px;
}

.site_section_subtitle
{
    font-size: 19px;
}

.site_trusted_button
{
    margin-top: 80px;
    margin-bottom: 55px;
}

.site_trusted_logos {
        margin-top: 30px;
    display: flex;
    align-items: end;
    gap: 30px;
    justify-content: center;
}

.site_trusted_logos img {
    height: 70px;
    object-fit:contain
}

/* Trusted end */

/* Problem start */

.site_problem_section
{
    background-color: #f2f2f2;
    padding-top: 60px;
    padding-bottom: 60px;
}

.site_list_item
{
    /* padding-left: 30px !important; */
}

.site_list_item li
{
    padding-left: 32px !important;
}

.site_list_item li::before
{
    content: "" !important;
    display: block;
    background-size: cover;
    background-position: center;
    width: 22px;
    height: 22px;
    position: absolute !important;
    left: 0px !important;
    top: 5px !important;
}

.site_list_item li {
    margin-bottom: 15px !important;
}

.site_list_cross_icon li::before
{
    background-image: url('../images/icons/close-icon.png');
}

.site_list_check_icon li::before
{
    background-image: url('../images/icons/check-icon.png');
}


/* Problem end */


/* Solution start */

.site_solution_section
{
    padding-top: 60px;
    
}

.site_solution_image {
    width: 95%;
    margin-top: -180px;
}

.page-id-21661 .site_solution_image {
    margin-top: -160px;
}

/* Solution end */


/* Counter start */

.site_counter_section
{
    background-color: #1796ae;
    padding-top: 60px;
    padding-bottom: 60px;
}

.site_counter_box
{
    text-align: center;
}

.site_counter_icon
{
    opacity: .5;
}

.site_counter_title {
    font-size: 80px;
}

/* Counter end */


/* Request bespoke start */

.site_request_section
{
    padding-top: 60px;
    padding-bottom: 60px;
        overflow-x: hidden;
}

.laptop_outside_image
{
        margin-right: calc((100vw - 1140px) / -2);
        text-align: right;
}

.laptop_outside_image img
{
    width: 75%;
}

.site_request_form
{
    position: unset;
}

.site_request_section .container
{
    position: relative;
}

.site_request_form form *
{
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}

.site_request_form form {
    padding-bottom: 65px;
}

.site_request_form .forminator-input
{
    border-radius: 0px;
    border: solid 1px #cbcbcb;
    margin-bottom: 10px;
}

.site_request_form ::placeholder
{

    color: #000;
    opacity: 1; /* Firefox */
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.site_request_form .forminator-error-message {

    text-align: left;
    margin-bottom: 12px;
}

.site_request_form .forminator-field-checkbox
{
    border-top: solid 3px #cbcbcb;
    padding: 15px !important;
    margin: 0 15px;
    border-left: solid 1px #cbcbcb;
    border-right: solid 1px #cbcbcb;
    border-bottom: solid 3px #cbcbcb;
    margin-bottom: 10px !important;
}

.site_request_form .forminator-field-checkbox > div > span
{
    display: block;
    margin-bottom: 15px;
}

.site_request_form .forminator-field-checkbox > div label
{

    margin-right: 15px;
        float: left;
        width: 31%;
}

.site_request_form .forminator-field-checkbox > div label input[type=checkbox]
{
    margin-right: 10px;
    width: 20px;
    height: 20px;
    border-radius: 0px;
    background-color: transparent;
}

.site_request_form .forminator-field-checkbox > div label input[type=checkbox]:checked
{
    background-color: #F0870A;
}

.site_request_form input[type=checkbox]:not(.switch):after
{
    left: 5px;
    top: 1px;
}

.site_request_form .forminator-button {
    width: 100%;
    text-align: center;
    font-weight: 700;
    margin-top: 10px !important;
}

.site_request_form .forminator-row-last
{
    position: absolute;
    width: 100%;
        z-index: 1;
        bottom: 0px;
}

/* Request bespoke end */


/* Powerfull start */

.site_powerfull_section
{
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #f2f2f2;
}

.site_accordion_title
{
    position: relative;
        font-size: 20px;
        cursor: pointer;
        text-transform: uppercase;
            margin-top: 5px;
}

.site_accordion_title::before
{
    content: "";
    display: block;
    position: absolute;
    left: -40px;
    top: 5px;
    width: 20px;
    height: 18px;
    background-image: url('../images/icons/accordion-arrow.png');
    background-size: cover;
    background-repeat: no-repeat;
    transform: rotate(270deg);
    transition: all 0.3s ease-in-out;
}

.site_accordion_active::before
{
    transform: rotate(120deg);
    top: 0px;
}


.site_accordion_item {
    background-color: #fff;
    padding: 20px 30px 20px 65px;
    box-shadow: 0px 0px 10px #8a8a8a;
    margin-bottom: 20px;
}


/* Powerfull end */

/* Next step start */

.site_nextstep_section
{
    padding-top: 60px;
    padding-bottom: 60px;
    
}

.site_icon_box_title
{
    font-size: 24px;
}

.site_icon_box {
    background-color: #fff;
    padding: 30px 65px;
    box-shadow: 0px 0px 10px #8a8a8a;
}

.site_icon_box .bttn {
    font-size: 14px;
}

/* Next step end */

/* Denbury start */

.site_denbury_content
{
    background-color: #1796ae;
    padding: 50px;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.site_denbury_title
{
    font-size: 32px;
    margin-bottom: 30px;
    line-height: 1.5em;
}

.site_denbury_subtitle
{
    font-size: 28px;
}

.site_denbury_image
{
    width: 100%;
}

/* Denbury end */


/* Hero section 2 start */

.site_hero_section_2
{
    background-color: #1796ae;
    padding-top: 60px;
}

.site_hero_2_title
{
    font-size: 70px;
}

.site_hero_2_subtext {
    font-size: 30px;
}

.site_hero_2_subtitle
{
       font-size: 32px; 
}

.site_hero_2_subcontent {
    font-size: 20px;
    line-height: 1.7em;
}

.sub_button {
    padding-top: 20px;
}

/* Hero section 2 end */


/* Utiliy classes start */

.text-capitalize
{
    text-transform: capitalize !important  ;
}

.text-white
{
    color: #fff !important;
}

.m-0
{
    margin: 0px !important;
}

.ms-0 {
    margin-left: 0!important
}

.me-0 {
    margin-right: 0!important
}

.me-3
{
    margin-right: 1rem !important;
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.px-0
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.text-center
{
    text-align: center !important;
}

.text-primary
{
    color: #1796ae !important;
}

/* Utiliy classes end */

.video_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.site_hero_video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25); /* dark transparent overlay */
    z-index: 2;
}

.site_hero_section .container {
    position: relative;
    z-index: 3;
}

.essential_row{
    text-align: center;
}
.essential_row .essential_box{ 
    padding: 0px 100px;
}
.essential_row  p{
    font-size: 20px;
    padding: 0px 15px;
}
.essential_button a {
    width: 100%;
    font-size: 20px;
    letter-spacing: 1px;
}

.consent_form_one {
    padding-top: 15px !important;
}
.consent_form_two {
    padding-top: 15px !important;
}
.consent_form_one .forminator-checkbox__wrapper input{
    width: 20px;
    height: 20px;
    border-radius: 0 !important;
    margin: 0 !important;
}

.consent_form_one .forminator-checkbox__wrapper {
    align-items: baseline;
}

.consent_form_two .forminator-checkbox__wrapper {
    align-items: baseline;
}

.consent_form_two .forminator-checkbox__wrapper input{
    width: 20px;
    height: 20px;
    border-radius: 0 !important;
    margin: 0 !important;

}


@media(min-width:1921px)
{

    .site_hero_section {
    
        padding: 20rem 0 15rem !important;
    }

}

@media(min-width:2400px)
{


    .laptop_outside_image img {
        width: 60%;
    }
}


@media(max-width:2250px)
{
    .laptop_outside_image img {
        width: 85%;
    }
}

@media(max-width:1920px)
{
    .laptop_outside_image img {
        width: 90%; 
    }
}



@media(max-width:1770px)
{
    .laptop_outside_image img {
        width: 100%; 
    }
}


@media(max-width:1570px)
{

    .site_denbury_title
    {
            font-size: 28px;
    }

    .site_denbury_title br
    {
        display: none;
    }

    .site_denbury_subtitle {
        font-size: 24px;
    }
}

@media(max-width:1350px)
{
    .site_denbury_title br{
        display: none;

    }

        .site_denbury_title {
        font-size: 22px;
    }
}

@media(max-width:1260px)
{
        .site_denbury_title {
        font-size: 24px;
    }
    .site_denbury_subtitle {
        font-size: 20px;
    }
}

@media(max-width:1299px)
{
    .site_solution_image {
        width: 100%;
        margin-top: -100px;
    }

    .site_essential_section .site_section_title br{
        display: none;
    }

    .essential_row  .essential_box{
        padding: 0px 50px;
    }
    

    .site_solution_section .row .col-md-6 .site_list_item
    {
        padding-bottom: 40px;
    }

    .laptop_outside_image {
        margin-right: calc((100vw - 1075px) / -2);      
    }
}

@media(max-width:1199px)
{
    .site_request_form .forminator-field-checkbox > div label {

    width: 45%;
    }

    .laptop_outside_image img {
    width: 100%;
}

    .laptop_outside_image {
        margin-right: calc((100vw - 900px) / -2);
    }
    .site_icon_box {
        padding: 30px;
    }
}

@media(max-width:1140px)
{
    .site_denbury_section .col-lg-7,
    .site_denbury_section .col-lg-5
    {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

@media (max-width:991px){
    .consent_form_two{
        padding-bottom: 30px !important;
    }
    .essential_row .essential_box {
        padding: 0px 20px 40px !important;
    }
    .site_icon_box {
        padding: 30px 65px;
    }
    .sub_button {
        padding-bottom: 50px;
    }
    .site_counter_title{
        font-size:50px;
    }
    .site_hero_section .col-md-8{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .site_hero_title {
        font-size: 50px;
    }
    .site_hero_subtext {
        font-size: 25px;
    }
    .site_trusted_section p br{
        display: none;
    }
    .site_trusted_button {
        margin-top: 55px;
        margin-bottom: 55px;
    }
    .site_trusted_logos{
        flex-wrap: wrap;
    }

    .site_request_form .forminator-field-checkbox > div label {
    
        float: none;
        width: 100%;
        display: block;
    }

    .site_request_form .forminator-row-last
    {
        position: relative;
        margin: 0px !important;

    }

    .site_request_form .forminator-row-last .forminator-col
    {
        padding: 0px !important
    }

    .site_request_form form {
        padding-bottom: 40px;
    }

    .laptop_inside_image img
    {
        width: 100% !important;
    }

    .laptop_outside_image img 
    {
        width: 100%;
    }

    .laptop_outside_image
    {
        margin: 0px;
    }

    .site_solution_image {
        margin-top: 0px;
    }

    .site_solution_section .row
    {
        align-items: end;
        flex-direction: column-reverse;
    }

    .site_counter_section .row .col-lg-4 .site_counter_box
    {
        
               margin-top: 40px;
    }

    .site_nextstep_section .row .col-lg-4:not(:last-child) .site_icon_box
    {
        margin-bottom: 20px;
    }

    .site_problem_section .row .col-lg-6:not(:last-child)
    {
        padding-bottom: 40px;
    }

    .site_hero_2_title br{
        display: none;
    }

        .site_hero_2_title {
    font-size: 50px;
    }

    .site_hero_2_subtitle {
        margin-top: 40px;
    }

    .page-id-21661 .site_solution_image {
        margin-top: 0px;
    }

    .site_section_subtitle p br,
    .site_section_subtitle br,
    .site_section_title br
    { 
        display:none 
    } 
}

@media(max-width:782px)
{
    .site_request_form .forminator-field-checkbox
    {
            margin: 0px;
    }
}

@media (max-width:768px){
    .essential_row p {
        font-size: 16px;
        margin-bottom: 20px !important;
    }
    .site_section_title {
        font-size: 25px;
        margin-bottom: 20px !important;
    }
    .site_trusted_section p,
    .site_problem_section p,
    .site_solution_section p,
    .site_counter_section p,
    .site_request_section p,
    .site_nextstep_section p,
    .site_powerfull_section p,
    .site_hero_section_2 p
    {
        font-size: 16px;
    }

    .site_list_item li
    {
        font-size: 14px !important;
    }
    

    .site_list_item li::before
    {
        width: 18px;
        height: 18px;
        top: 5px !important;
    }

    .site_accordion_title {
        font-size: 18px;
    }
    .site_accordion_item {
        padding: 20px 20px 20px 55px;
    }
    .site_accordion_item p.font-light {
        font-size: 16px;
    }
    .site_accordion_item:last-child {
        margin-bottom: 0;
    }
    .site_hero_section::before {
        
    }

    .site_nextstep_section .row.mb-5
    {
            margin-bottom: 20px !important;
    }
}

@media (max-width:767px){
    
    .site_counter_title {
        padding-top: 10px;
    }
    
}

@media (max-width:575px){
    .site_counter_title {
        font-size: 40px;
    }
    .site_counter_text {
        font-size: 16px;
    }
    .site_hero_subtext {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .site_hero_title {
        font-size: 40px;
    }


    .site_denbury_content
    {
        padding: 30px;
    }

        .site_denbury_title {
        font-size: 18px;
    }

        .site_denbury_subtitle {
        font-size: 16px;
    }

    .site_icon_box {
    padding: 30px 30px;
    }

    .site_problem_section p br
    {
        display: none;
    }

        .site_hero_2_title {
        font-size: 40px;
    }

    .site_hero_2_subtext {
        font-size: 18px;
    }
}

@media (max-width:490px){

    .site_hero_buttons .bttn {
        font-size: 14px !important;
        width: 100%;
    }

    .site_hero_buttons a:first-child {
        margin-bottom: 20px !important;
    }

    .page-id-21661 .site_hero_buttons {
    gap: 0px;
    flex-flow: column;
}

    .site_trusted_button {
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .site_trusted_button a.bttn{
        font-size: 14px !important;
        width: 100%;
    }
    .site_trusted_button a:first-child {
        margin-bottom: 20px !important;
    }
}

@media (max-width:430px)
{

    .site_hero_2_title {
        font-size: 30px;
    }

    .site_hero_title {
        font-size: 30px;
    }
    .site_hero_subtext {
        font-size: 18px;
    }
    .site_trusted_logos {
        gap: 20px;
    }
    .site_trusted_logos a {
        width: 46%;
        display: block;
    }
    .site_trusted_logos a img {
        height: 50px;
    }
}


@media(max-width:373px)
{
    .site_icon_box .bttn {
    font-size: 12px;
}
p.site_hero_subtext br {
    display: none;
}

}