.contact-us-wrapper .mktoFormRow {
    display: flex;
    flex-direction: column;
}
.contact-us-wrapper .mktoHtmlText.mktoHasWidth a{
    color:var(--vg-blue)!important;
    /* text-decoration:none; */
    /* font-size:18px; */
}
.contact-us-wrapper .mktoHtmlText.mktoHasWidth a:hover{
    color: #c1d82f !important;
}
.tel-phone-link a {
    color:#A6A6A6 !important;
      text-decoration:none;
  }

.contact-us-wrapper .mktoFieldWrap input {
    background: transparent;
    background-color: transparent !important;
    border: 1px solid #A6A6A6 !important;
    outline: 0;
    border-radius: 5px !important;
    max-width: 100% !important;
    width: 100% !important;
    min-height: 40px;
    /* color:#A6A6A6; */
    padding:10px !important;
}
.contact-us-wrapper .mktoFieldWrap input.mktoField.mktoEmailField.mktoHasWidth.mktoRequired {
    background: transparent;
    background-color: transparent !important;
    border: 1px solid #A6A6A6 !important;
    outline: 0;
    border-radius: 5px !important;
    max-width: 100% !important;
    width: 100% !important;
    min-height: 40px;
    padding:10px !important;
    /* color:#A6A6A6; */
}
.contact-us-wrapper .mktoFieldWrap input.mktoField.mktoUrlField.mktoHasWidth {
    background: transparent;
    background-color: transparent !important;
    border: 1px solid #A6A6A6 !important;
    outline: 0;
    border-radius: 5px !important;
    max-width: 100% !important;
    width: 100% !important;
    min-height: 40px;
    /* color:#A6A6A6; */
    padding:10px !important;
}
.contact-us-wrapper .mktoFieldWrap select.mktoField.mktoHasWidth.mktoRequired {
    background: transparent;
    background-color: transparent !important;
    border: 1px solid #A6A6A6 !important;
    outline: 0;
    border-radius: 5px !important;
    max-width: 100% !important;
    width: 100% !important;
    min-height:40px;
    /* color:#A6A6A6; */
    padding:10px !important;
}
.contact-us-wrapper .mktoFieldWrap textarea.mktoField.mktoHasWidth {
    background: transparent;
    background-color: transparent !important;
    border: 1px solid #A6A6A6 !important;
    outline: 0;
    border-radius: 5px !important;
    max-width: 100% !important;
    width: 100% !important;
        min-height:40px;
    height:150px !important;
    /* color:#A6A6A6; */
    padding:10px !important;
}
.contact-us-wrapper .mktoFormRow strong{
    font-weight: 400;
}

.contact-us-wrapper  .get_in_touch .mktoForm input[type=text],.contact-us-wrapper  .mktoForm input[type=url],.contact-us-wrapper  .mktoForm input[type=email],.contact-us-wrapper  .mktoForm input[type=tel],.contact-us-wrapper  .mktoForm input[type=number], .contact-us-wrapper  .mktoForm input[type=date], .contact-us-wrapper .mktoForm textarea.mktoField, .contact-us-wrapper .mktoForm select.mktoField
{
    background: transparent;
    background-color: transparent !important;
    border: 1px solid #A6A6A6 !important;
    outline: 0;
    border-radius: 5px !important;
    max-width: 800px;
    width: 100% !important;
    /* color:#A6A6A6; */
    padding:10px !important;

}

.contact-us-wrapper  .mktoForm .mktoAsterix{
    padding:0px ;
}

.contact-us-wrapper  label {
    width:fit-content !important;
    color:#A6A6A6;
    font-weight:400 !important;
    font-size:18px;
    margin-bottom:10px !important;
}

.contact-us-wrapper  .mktoFieldWrap.mktoRequiredField {
    width: 100%;
}

.contact-us-wrapper  .mktoFieldWrap {
    width: 100%;
    /* display: flex; */
    flex-direction: column;
}

.contact-us-wrapper  label#LblEmail_Opt_in_Best_Practices__c {
    font-size:18px;
}
.contact-us-wrapper select {
    padding: 10px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none; /* Firefox-specific */
    background: none !important;
    width: 100% !IMPORTANT;
    position: relative; /* Necessary for positioning the pseudo-element */
    cursor: pointer;
}
.contact-us-wrapper select {
    background: url('/wp-content/uploads/2024/11/dropdown.vl_.png') no-repeat right 15px center !important;
    background-size: 16px 16px; /* Adjust the size if needed */
    appearance: none;
    background-size: 16px !important;
    -webkit-appearance: none; /* Safari-specific */
    -moz-appearance: none; /* Firefox-specific */
}
.privacy-policy-container-main h3 {
    padding-top:10px;
    margin-bottom:6px
}

.contact-us-wrapper .custom-select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%; 
}

.contact-us-wrapper .select-wrapper select {
    width: 100%;
    padding: 10px;
    appearance: none; 
}

.contact-us-wrapper .custom-select-wrapper::after {
    CONTENT: '';
    position: absolute;
    right: 50px;
    bottom: -25px;
    transform: translateY(-50%);
    pointer-events: none;
    color: #666;
    width: 1px;
    height: 50px;
    border-left: 1px solid #A6A6A6;
}

.contact-us-wrapper form {
    max-width: 100%;
    width:100%!important;
}

.contact-us-wrapper input#FirstName {
    width: 100%;
    max-width: 800px;
}

.contact-us-wrapper .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired input {
    min-height: 30px;
    height: 30px !important;
    cursor:pointer;
}

.contact-us-wrapper button.mktoButton {
    background: transparent;
    color: #0B2340;
    margin-top: 10px !important;
}
.contact-us-wrapper .mktoOffset {
    display: none; /* Hide it if unnecessary */
}

.contact-us-wrapper .mktoButton::after {
    content: "";
    position: absolute;
    right: 24px; /* Position the image to the right */
    top: 70%;
    transform: translateY(-50%); /* Vertically center the image */
    width: 23px; /* Set the width of the image */
    height: 16px; /* Set the height of the image */
    background-image: url('/wp-content/uploads/2024/11/Arrow-1.png'); /* Set the image path */
    background-size: contain;
    /* filter: brightness(0) invert(1); */
    /* filter: invert(100%); */
    background-repeat: no-repeat;
}
.contact-us-wrapper .mktoButton{
    cursor: pointer;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    background: transparent;
    padding: 12.5px 53px 12.5px 28px;
    border-radius: 10px;border: 1.5px solid #0b2340;
    margin: 10px 0;
    text-transform: uppercase;
    font-weight: 600;
}
.contact-us-wrapper button.mktoButton:hover{
    background-color:#0b2340 !important;
    color:#fff !important;

}
.contact-us-wrapper .mktoField{
    height:50px !important;
}
.contact-us-wrapper .mktoCheckboxList .mktoField{
    height:100%;
}

.contact-us-wrapper .mktoButton:hover::after {
    filter: brightness(0) invert(1); /* On hover, it will invert the image colors to white */
}

@media(max-width:1024px){
    .contact-us-wrapper .mktoFieldWrap {
        /* display: flex; */
        flex-direction:column;
    }
    .contact-us-wrapper input.mktoField.mktoTextField.mktoHasWidth.mktoRequired{
        width: 100% !important;
    }
    .contact-us-wrapper .mktoFieldDescriptor input.mktoField.mktoTextField.mktoHasWidth.mktoRequired{
        width: 100% !important;
        flex-direction: row;
    }
    .contact-us-wrapper input.mktoField.mktoTextField.mktoHasWidth{
        width: 100% !important;
    }
    .contact-us-wrapper .mktoFieldWrap select.mktoField.mktoHasWidth.mktoRequired {
        width: 100% !important;      
    }
    .contact-us-wrapper .mktoFieldWrap textarea.mktoField.mktoHasWidth {
        width: 100% !important;

    
    }
}

@media(max-width:768px){
    .contact-us-wrapper .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired input {
        width:fit-content !important;
    }
    .contact-us-wrapper .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired {
        width: fit-content;
    }
    .contact-us-wrapper .mktoForm input[type=url],.contact-us-wrapper  .mktoForm input[type=text], .contact-us-wrapper .mktoForm input[type=date], .contact-us-wrapper .mktoForm input[type=tel], .contact-us-wrapper .mktoForm input[type=email],.contact-us-wrapper  .mktoForm input[type=number],.contact-us-wrapper  .mktoForm textarea.mktoField, .contact-us-wrapper .mktoForm select.mktoField{
        padding:10px;
        font-size:14px !important;

    }
    .contact-us-wrapper .mktoForm input[type=url], .contact-us-wrapper .mktoForm input[type=text], .contact-us-wrapper .mktoForm input[type=date], .contact-us-wrapper .mktoForm input[type=tel],.contact-us-wrapper  .mktoForm input[type=email], .contact-us-wrapper .mktoForm input[type=number], .contact-us-wrapper .mktoForm select.mktoField{
        HEIGHT:50PX !important;
    }
        .contact-us-wrapper  label {
        font-size:16px;
    }
    .contact-us-wrapper button.mktoButton {
        margin-top: 20px !important;
    }
    .contact-us-wrapper .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired input {
        height: 30px !important;
    }
    .contact-us-wrapper .mktoForm{
        padding: 0px !important;
    }

    .contact-us-wrapper .mktoFormRow .mktoHtmlText.mktoHasWidth a,.contact-us-wrapper .mktoFormRow .mktoHtmlText.mktoHasWidth strong{
        padding:0px;
    }
    .contact-us-wrapper .mktoButton::after{
        top:72%;
    }
    .contact-us-wrapper .mktoHtmlText.mktoHasWidth a{
        font-size:16px;
    }
    .press-continue-reading-textwrapper .continue-reading-heading{
        font-size:30px;
    }
}




/* Subscribe popup style  */
.subscribe-newsletter-popup-wrapper{
    max-width:990px;
    width:100%;
}
.subscribe-newsletter-popup-wrapper .mktoForm{
    width: 100% !important;
    max-width: 100%;
}
.subscribe-newsletter-popup-wrapper .mktoForm .mktoOffset {
    display: none;
}
.subscribe-newsletter-popup-wrapper input{
    width: 100% !important;
    font-size: 16px !important;
    background: transparent;
    background-color: transparent !important;
    border: 1px solid #A6A6A6 !important;
    outline: 0;
    border-radius: 5px !important;
    width: 100% !important;
    /* color:#A6A6A6; */
    max-width: 100%;
    padding:10px !important;
}
.subscribe-newsletter-popup-wrapper .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired input {
    min-height: 30px;
    height: 30px !important;
    cursor: pointer;
}

.subscribe-newsletter-popup-wrapper .mktoFormRow {
    width: 100%;
}

.subscribe-newsletter-popup-wrapper form {
    width: 100% !important;
}

.subscribe-newsletter-popup-wrapper .mktoFieldWrap.mktoRequiredField {
    width: 100%;
    display: block;
}

.subscribe-newsletter-popup-wrapper .mktoFieldDescriptor.mktoFormCol {
    width: 100%;
}
.subscribe-newsletter-popup-wrapper .mktoFieldWrap textarea.mktoField.mktoHasWidth {
    background: transparent;
    background-color: transparent !important;
    border: 1px solid #A6A6A6 !important;
    outline: 0;
    border-radius: 5px !important;
    max-width: 100% !important;
    width: 100% !important;
        min-height:40px;
    height:150px !important;
    /* color:#A6A6A6; */
    padding:10px !important;
}

.subscribe-newsletter-popup-wrapper .mktoFieldWrap {
    width: 100%;
}

.subscribe-newsletter-popup-wrapper label {
    width: fit-content !important;
    margin-bottom: 10px !important;
    font-weight: 400 !important;
    font-size: 18px;
}

.subscribe-newsletter-popup-wrapper .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired {
    width: 22px !important;
}
 .subscribe-newsletter-popup-wrapper button.mktoButton:hover {
    background-color: #0b2340 !important;
    color: #fff !important;
}
.subscribe-newsletter-popup-wrapper button.mktoButton {
    background: transparent;
    color: #0B2340;
}
.subscribe-newsletter-popup-wrapper .mktoButton::after {
    content: "";
    position: absolute;
    right: 24px;
    top: 64%;
    transform: translateY(-50%);
    width: 23px;
    height: 16px;
    background-image: url(/wp-content/uploads/2024/11/Arrow-1.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.subscribe-newsletter-popup-wrapper .mktoButton {
    cursor: pointer;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    background: transparent;
    padding: 12.5px 53px 12.5px 28px;
    border-radius: 10px;
    border: 1.5px solid #0b2340;
    margin: 10px 0;
    text-transform: uppercase;
    font-weight: 600;
}
.subscribe-newsletter-popup-wrapper .mktoFormRow strong{
    font-weight: 400;
}

.subscribe-newsletter-popup-wrapper select {
     font-size: 16px !important;
 background: transparent;
    background-color: transparent !important;
    border: 1px solid #A6A6A6 !important;
    outline: 0;
    border-radius: 5px !important;
    width: 100% !important;
    /* color:#A6A6A6; */
    padding:10px !important;
    cursor:pointer;
}

.subscribe-newsletter-popup-wrapper .mktoButton:hover::after {
    filter: brightness(0) invert(1);
}

@media(max-width:1024px){
    .subscribe-newsletter-popup-wrapper select {
  width: 100% !important;
 }
    .subscribe-newsletter-popup-wrapper .mktoForm input[type="text"], .subscribe-newsletter-popup-wrapper .mktoForm input[type="url"],.subscribe-newsletter-popup-wrapper  .mktoForm input[type="email"],.subscribe-newsletter-popup-wrapper  .mktoForm input[type="tel"],.subscribe-newsletter-popup-wrapper  .mktoForm input[type="number"],.subscribe-newsletter-popup-wrapper  .mktoForm input[type="date"], .subscribe-newsletter-popup-wrapper .mktoForm textarea.mktoField, .subscribe-newsletter-popup-wrapper .mktoForm select.mktoField{
        width:100% !important;
        height:50px ;
    }
}


/* Portfolio vertical merket style */
/* .vertical-market-portfolios-wrapper .vertical-portfolios-item .vertical-portfolios-logo img{
    filter: grayscale(1);
}
.vertical-market-portfolios-wrapper .vertical-portfolios-item:hover .vertical-portfolios-logo img{
    filter: grayscale(0);
} */
.vg-portfolio-cards img{
    filter: invert(50%) grayscale(50%);
}

.vg-portfolio-cards:hover img{
  filter: none ;
}
.vertical-portfolios-item img{
    filter: invert(50%) grayscale(50%);
}
.vertical-portfolios-item:hover img{
    filter: none ;
}
.vertical-portfolios-item figure{
    padding-top:0px ;
}


@media(max-width:768px){
    .vertical-portfolios-item figure{
        padding-top:13px ;
    }
.search-wrapper input#search-input {
    font-size: 25px !important;
    height: 80px !important;
}
.search-wrapper .vl-search-input-wraper {
    height: 80px !important;
}
.search-wrapper svg#search-clear-icon {
    width: 30px !important;
    height: 30px !important;
}
.search-wrapper input#search-input {
    background-size: 20px !important;
    padding-left: 50px !important;
}
.sub-menu-space .custom-menu-class li {
    margin-bottom: 20px !important;
}
#graph-section nav#bcScrollBtns {
    margin-bottom: 20px;
}
    
}

h1.custom-archive-category-title {
    padding-top: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1360px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    color:#464646;
}
.archive #nav-below.paging-navigation{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1360px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;

}

/* Search top up style */
.search-wrapper input#search-input {
    height: 120px;
    font-size: 48px;
    background-size: 35px;
    padding-left: 71px;
}

.search-wrapper .vl-search-input-wraper {
    height: 120px;
    max-width: 1061px !important;
}

.search-wrapper svg#search-clear-icon {
    width: 48px;
    height: 48px;
    top: 30%;
}
.search-wrapper .search-field-wrapper input[type="text"] {
    padding: 0px 10px 4px 50px;
}
.search-tab-btn{
    font-weight: 500;
}
.custom-menu-class > .menu-item > a {
    padding-left: 5px;
}


.case-studies-grid-wrapper .load-more-btn-wrapper, .ak-grid-wrapper-main .load-more-btn-wrapper{
    margin-top:70px;
}

.press-continue-reading-textwrapper .continue-reading-heading{
    font-size:50px;
}


/* Home page video section button design  */
.cityscape-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
    padding: 12.5px 20px; 
    background-color: rgba(255, 255, 255, 0.9);
    color: #365b66 !important;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    border: 1px solid #fff;
    cursor: pointer;
    z-index: 10;
}
.cityscape-btn path {
    fill: #365b66;
}
.cityscape-btn:hover {
    color: #fff !important;
    border: 1px solid var(--dark-blue) !important;
    background: var(--dark-blue) !important;
}

.cityscape-btn:hover .vg-arrow-icon svg path{
    fill:  #c1d82f !important;
}
.vidyard-player-container-wrapper {
    position: relative;
}

@media (max-width: 500px) {
.cityscape-btn {
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    font-size: 12px ;
}
}