/*
Theme Name: DMN WP STARTER
Description: DMN WP STARTER Child theme for customizations.
Author: DMN Creative
Author URI: mailto:dev@dmncreative.com
Template: oceanwp
Text Domain:  dmnwpstarter
Version: 2.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* Importing fonts */
/* @import "assets/fonts/fonts.css"; */
/* Importing fonts end */

/* Helpers and Init Styles */
:root{
    --site-headings-font: "Nunito";
    --site-body-font: "Nunito";
    --site-main-blue: #005581;
    --site-main-light-blue: #036DAF;
    --site-main-orange: #E67B31;
    --site-main-grey: #EFEFEF;
    --site-main-black: #191919;
    --site-main-white: #ffffff;
    --site-button-padding: clamp(12px, 1.5vw, 15px) clamp(16px, 3vw, 30px) clamp(12px, 1.5vw, 15px) clamp(16px, 3vw, 30px);
    --site-h1-size: clamp(4.5rem, 2.8vw + 1rem, 7.7rem);
    --site-h2-size: clamp(4rem, 2vw + 1rem, 6rem);
    --site-h3-size: clamp(3.5rem, 2.0vw + 0.1rem, 4rem);
    --site-h4-size: clamp(2.5rem, 1vw + 0.8rem, 3rem);
    --site-h5-size: clamp(1.8rem, 1vw + 0.8rem, 2rem);
    --site-h6-size: clamp(1.6rem, 1vw + 0.8rem, 1.8rem);
    --site-span-size: clamp(1.6rem, 1.1vw + 0.05rem, 1.8rem);
    --site-white-btn-arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 19.876 19.876'%3E%3Cpath d='M22.552,11.645,8.321,25.876,5.983,23.538,20.212,9.307H7.671V6H25.859V24.188H22.552Z' transform='translate(-5.983 -6)' fill='%23fff'/%3E%3C/svg%3E");
    --site-blue-btn-arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 19.876 19.876'%3E%3Cpath d='M22.552,11.645,8.321,25.876,5.983,23.538,20.212,9.307H7.671V6H25.859V24.188H22.552Z' transform='translate(-5.983 -6)' fill='%23005581'/%3E%3C/svg%3E");
    --site-white-arrow-up-left: url("/wp-content/uploads/2025/11/White-Arrow-Up-Left.svg");
    --site-black-arrow-up-left: url("/wp-content/uploads/2025/11/Black-Arrow-Up-Left.svg");
    --site-pagination-next: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.053' height='30.053' viewBox='0 0 30.053 30.053'%3E%3Cpath d='M15.027,0A15.027,15.027,0,1,0,30.053,15.027,15.044,15.044,0,0,0,15.027,0Zm0,28.175A13.148,13.148,0,1,1,28.175,15.027,13.163,13.163,0,0,1,15.027,28.175Zm6.3-13.812a.939.939,0,0,1,0,1.328l-4.7,4.7A.939.939,0,0,1,15.3,19.058l3.093-3.093h-9a.939.939,0,0,1,0-1.878h9L15.3,10.995A.939.939,0,0,1,16.63,9.667Z' fill='%23005581'/%3E%3C/svg%3E");
    --site-pagination-prev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.053' height='30.053' viewBox='0 0 30.053 30.053'%3E%3Cpath d='M15.027,0A15.027,15.027,0,1,0,30.053,15.027,15.044,15.044,0,0,0,15.027,0Zm0,28.175A13.148,13.148,0,1,1,28.175,15.027,13.163,13.163,0,0,1,15.027,28.175Zm6.3-13.812a.939.939,0,0,1,0,1.328l-4.7,4.7A.939.939,0,0,1,15.3,19.058l3.093-3.093h-9a.939.939,0,0,1,0-1.878h9L15.3,10.995A.939.939,0,0,1,16.63,9.667Z' transform='translate(30.053 30.053) rotate(180)' fill='%23005581'/%3E%3C/svg%3E");
}

a:focus {
    outline: none !important;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0px;
}

.site-content p, .site-content span:not(.xpro-title-focus), .archive .site p, .archive .site span:not(.xpro-title-focus), .site-footer #footer-inner span:not(.xpro-title-focus) {
    font-size: var(--site-span-size);
}

.site-content h1, .archive .site h1 {
    font-size: var(--site-h1-size);
}

.site-content h2, .archive .site h2 {
    font-size: var(--site-h2-size);
}

.site-content h3, .archive .site h3 {
    font-size: var(--site-h3-size);
}

.site-content h4, .archive .site h4 {
    font-size: var(--site-h4-size);
}

.site-content h5, .archive .site h5 {
    font-size: var(--site-h5-size);
}

.site-content h6, .archive .site h6 {
    font-size: var(--site-h6-size);
}

.site-content .elementor-widget-button .elementor-button-wrapper .elementor-button-text, .site-content a {
    font-size: var(--site-span-size);
}

.oceanwp-pagination .page-numbers a.page-numbers, .oceanwp-pagination .page-numbers span.page-numbers {
    font-size: var(--site-span-size);
}

.cust-boxed-container-left > .e-con-inner {
    margin: 0px 0px 0px auto;
}

.cust-boxed-container-right > .e-con-inner {
    margin: 0px auto 0px 0px;
}

.cust-link-hover-bold a:hover {
    font-weight: 700;
}

.cust-highlight-effect-orange .elementor-heading-title {
    line-height: 1.2em;
}

.cust-highlight-effect-orange .elementor-heading-title mark {
    color: var(--site-main-white);
    background-color: var(--site-main-orange);
    padding: 0px 5px;
}
/* Helpers End */

/* BUTTONS */

.cust-white-arrow-btn .elementor-button .elementor-button-text, .cust-blue-arrow-btn .elementor-button .elementor-button-text {
    display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;

    font-size: var(--site-h5-size);
    font-weight: 700;
}

.cust-white-arrow-btn .elementor-button .elementor-button-text::after {
    content: var(--site-blue-btn-arrow-up);
}

.cust-white-arrow-btn:not(.static) .elementor-button:hover .elementor-button-text::after, .cust-white-arrow-btn:not(.static) .elementor-button:focus .elementor-button-text::after {
    content: var(--site-white-btn-arrow-up);
}

.cust-blue-arrow-btn .elementor-button .elementor-button-text::after {
    content: var(--site-white-btn-arrow-up);
}

.cust-blue-arrow-btn:not(.static) .elementor-button:hover .elementor-button-text::after, .cust-blue-arrow-btn:not(.static) .elementor-button:focus .elementor-button-text::after {
    content: var(--site-blue-btn-arrow-up);
}

/* BUTTONS END */

/* HEADER */

#site-header #site-logo #site-logo-inner .custom-logo:hover {
    opacity: 1;
}

#site-header #site-header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
    max-width: 100%;
}

#site-header #site-header-inner::after {
    display: none;
}

#site-header #site-header-inner #site-navigation-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
    height: 66px;
	padding: 0px 50px;
	background-color: var(--site-main-light-blue);
	border-radius: 40px;
}

#site-header #site-header-inner #site-navigation-wrap .main-menu .menu-item .text-wrap {
    text-transform: uppercase;
}

#site-header #site-header-inner #site-navigation-wrap .main-menu .current-menu-item .text-wrap {
    font-weight: 700;
}

/* HEADER END */

/* HOME PAGE */

.cust-reason-template-box:hover .cust-arrow-container {
    background-image: var(--site-white-arrow-up-left) !important;
}

.cust-reason-template-box-transparent:hover .cust-arrow-container {
    background-image: var(--site-black-arrow-up-left) !important;
}

/* HOME PAGE END */

/* SOLUTIONS PAGE */

.cust-blur-background {
    backdrop-filter: blur(30px);
    --webkit-backdrop-filter: blur(30px);
    background-color: rgba(255, 255, 255, 0.15);
}

/* SOLUTIONS PAGE END */

/* SOLUTIONS SUB PAGES */

.casestudybanner {
    display: flex;
    justify-content: center;
    gap: 50px;
}

.casestudybanner .cust-related-case-study-item {
	border-radius: 20px;
	width: calc(33% - 50px);
	max-width: 400px;
}

.casestudybanner .cust-related-case-study-item > div {
	width: 100%;
	height: 100%;
    display: flex;
    flex-direction: column;
}

.casestudybanner .cust-related-case-study-item > div > div:first-child {
    background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    width: 100%;
    height: 237px;
    border-radius: 20px 20px 0px 0px;
}

.casestudybanner .cust-related-case-study-item > div > div:first-child a {
    display: block;
    width: 100%;
    height: 100%;
}

.casestudybanner .cust-related-case-study-item > div > div:last-child {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-grow: 1;
    text-align: center;
    padding: 35px 25px;
    border-radius: 0px 0px 20px 20px;
    background-color: var(--site-main-blue);
}

.casestudybanner .cust-related-case-study-item > div > div:last-child span, .casestudybanner .cust-related-case-study-item > div > div:last-child a {
    display: flex;
    gap: 10px;
    color: var(--site-main-white);
    font-size: var(--site-h5-size);
}

.casestudybanner .cust-related-case-study-item > div > div:last-child a {
    margin: auto 0px 0px 0px;
}

.casestudybanner .cust-related-case-study-item > div > div:last-child a:hover {
    font-weight: 700;
}

.casestudybanner .cust-related-case-study-item > div > div:last-child a::after {
    content: var(--site-white-btn-arrow-up);
    transform: scale(0.7);
}

/* SOLUTIONS SUB PAGES END */

/* BLOG */

/* Archive */

.cust-blog-main-container {
	width: 1650px;
	max-width: 100%;
	margin: 100px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 50px;
}

.cust-blog-main-container .cust-blog-archive-entry {
    display: flex;
    flex-direction: column;
	margin: 0px;
	width: 485px;
}

.cust-blog-main-container .cust-blog-archive-entry > div:nth-child(1) {
    width: 100%;
    height: 365px;
    border-radius: 20px 20px 0px 0px;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cust-blog-main-container .cust-blog-archive-entry > div:nth-child(1) > a {
    display: block;
    width: 100%;
    height: 100%;
}

.cust-blog-main-container .cust-blog-archive-entry > div:nth-child(2) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
    padding: 30px;
    border-radius: 0px 0px 20px 20px;
    text-align: left;
    background-color: var(--site-main-blue);
}

.cust-blog-main-container .cust-blog-archive-entry > div:nth-child(2) > h5 a {
    color: #fff;
}

.cust-blog-main-container .cust-blog-archive-entry > div:nth-child(2) > span {
    margin: 10px 0px 20px 0px;
    color: #fff;
}

.cust-blog-main-container .cust-blog-archive-entry > div:nth-child(2) .cust-btn-view-blog {
    display: flex;
    gap: 10px;
    background-color: transparent;
    color: #fff;
    font-weight: 400;
    margin: auto 0px 0px 0px;

    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.cust-blog-main-container .cust-blog-archive-entry > div:nth-child(2) .cust-btn-view-blog:hover {
    font-weight: 700;
}

.cust-blog-main-container .cust-blog-archive-entry > div:nth-child(2) .cust-btn-view-blog::after {
    content: var(--site-white-btn-arrow-up);
    transform: scale(0.7);
}

.cust-blog-main-container .oceanwp-pagination {
    width: 100%;
    margin: 0px auto;
    caret-color: transparent;
}

.cust-blog-main-container .oceanwp-pagination > .page-numbers {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    padding: 0px;
}

.cust-blog-main-container .oceanwp-pagination .page-numbers.current {
    font-weight: bold;
}

.cust-blog-main-container .oceanwp-pagination .page-numbers.next, .cust-blog-main-container .oceanwp-pagination .page-numbers.prev {
    min-width: fit-content;
    line-height: 1em;
}

.cust-blog-main-container .oceanwp-pagination .page-numbers.next i::before {
	content: var(--site-pagination-next);
}

.cust-blog-main-container .oceanwp-pagination .page-numbers.prev i::before {
	content: var(--site-pagination-prev);
}

/* Archive End */

/* BLOG END */

/* CASE STUDIES */

/* Archive View */

.cust-case-studies-global-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    margin-bottom: 100px;
}

.cust-case-studies-container {
    display: flex;
	width: calc(80% - 100px);
	max-width: 100%;
	padding: 100px 0px;
}

.cust-case-studies-filters-container {
	display: flex;
	width: 20%;
    padding: 100px 0px;
    max-width: 100%;
    margin-right: 100px;
}

.cust-case-studies-filters-container > div {
    display: flex;
    justify-content: flex-end;
    height: fit-content;
    width: 100%;
    background-color: var(--site-main-blue);
    border-radius: 0px 20px 20px 0px;
}

.cust-case-studies-filters-container .cust-case-studies-filter-content-area {
	display: block;
    padding: 35px 35px 35px 0px;
	width: 264px;
	max-width: 100%;
}

.cust-case-studies-filters-container .cust-case-studies-filter-content-area .cust-case-study-filter {
    display:flex;
    flex-direction: column;
    gap:15px;
}

.cust-case-studies-filters-container .cust-case-studies-filter-content-area h5 {
    color: var(--site-main-white);
    margin-bottom: 20px;
}

.cust-case-studies-filters-container .cust-case-studies-filter-content-area .cust-case-study-filter a {
    color: var(--site-main-white);
    font-size: var(--site-h6-size);
    font-weight: 700;
    opacity: 0.7;
    border-bottom: 1px solid var(--site-main-white);
}

.cust-case-studies-filters-container .cust-case-studies-filter-content-area .cust-case-study-filter a:hover {
    opacity: 1;
}

.cust-case-studies-filters-container .cust-case-studies-filter-content-area .cust-case-study-filter a > small {
    font-size: 14px;
}

.cust-case-studies-filters-container .cust-case-studies-filter-content-area .cust-case-study-filter .study-type-item.current {
    opacity: 1;
}

.cust-case-studies-container .cust-related-work-item {
    border-radius: 20px;
}

.cust-case-studies-container .cust-related-work-item > div {
	width: 100%;
	height: 100%;
    display: flex;
    flex-direction: column;
}

.cust-case-studies-container .cust-related-work-item > div > div:first-child {
    background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    width: 100%;
    height: 237px;
    border-radius: 20px 20px 0px 0px;
}

.cust-case-studies-container .cust-related-work-item > div > div:first-child a {
    display: block;
    width: 100%;
    height: 100%;
}

.cust-case-studies-container .cust-related-work-item > div > div:last-child {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-grow: 1;
    text-align: center;
    padding: 35px 25px;
    border-radius: 0px 0px 20px 20px;
    background-color: var(--site-main-blue);
}

.cust-case-studies-container .cust-related-work-item > div > div:last-child span, .cust-case-studies-container .cust-related-work-item > div > div:last-child a {
    display: flex;
    gap: 10px;
    color: var(--site-main-white);
    font-size: var(--site-h5-size);
}

.cust-case-studies-container .cust-related-work-item > div > div:last-child a {
    margin: auto 0px 0px 0px;
}

.cust-case-studies-container .cust-related-work-item > div > div:last-child a:hover {
    font-weight: 700;
}

.cust-case-studies-container .cust-related-work-item > div > div:last-child a::after {
    content: var(--site-white-btn-arrow-up);
    transform: scale(0.7);
}

.cust-case-studies-container .cust-case-studies-content-area {
    display: grid;
	grid-template-columns: 30% 30% 30%;
	justify-content: center;
    gap: 60px;
    width: 100%;
    height: 100%;
    max-width: 1280px;
}

.cust-case-studies-container .cust-case-studies-content-area > .oceanwp-pagination {
    grid-column: 1 / -1;
}

.cust-case-studies-container .cust-case-studies-content-area > .oceanwp-pagination > .page-numbers {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    padding: 0px;
}

.cust-case-studies-container .cust-case-studies-content-area > .oceanwp-pagination .page-numbers.current {
    font-weight: bold;
}

.cust-case-studies-container .cust-case-studies-content-area > .oceanwp-pagination > .page-numbers {
    padding: 0px;
}

.cust-case-studies-container .cust-case-studies-content-area > .oceanwp-pagination .page-numbers.next, .cust-case-studies-container .cust-case-studies-content-area > .oceanwp-pagination .page-numbers.prev {
    min-width: fit-content;
    line-height: 1em;
}

.cust-case-studies-container .cust-case-studies-content-area > .oceanwp-pagination .page-numbers.next i::before {
	content: var(--site-pagination-next);
}

.cust-case-studies-container .cust-case-studies-content-area > .oceanwp-pagination .page-numbers.prev i::before {
	content: var(--site-pagination-prev);
}

/* Archive View End */

/* Single View */

.cust-case-study-title h1 {
    font-size: var(--site-h2-size);
    color: var(--site-main-blue);
    text-transform: uppercase;
}

.cust-client-name .elementor-shortcode {
    font-size: var(--site-h5-size);
    line-height: 1em;
}

.cust-market-segment .elementor-shortcode {
    font-size: var(--site-h5-size);
    line-height: 1em;
}

.cust-project-description .elementor-shortcode {
    font-size: var(--site-h5-size);
}

.cust-time-frame-ref .elementor-shortcode {
    font-size: var(--site-h5-size);
    line-height: 1em;
}

/* Single View End */

/* CASE STUDIES END */

/* SWIPERS */

/* CASE STUDIES SWIPER */

.casestudyswiper-main-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 560px;
}

.casestudyswiper-main-container .swiper-slide {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 20px;
}

.casestudyswiper-main-container .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.casestudyswiper-main-container .swiper-slide img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.casestudyswiper {
    width: 80%;
    height: 100%;
    overflow: hidden;
    margin: 0px 5px 0px 0px;
    order: 1;
}

.casestudyswiper_thumbs {
    width: calc(20% - 10px);
    height: 100%;
    overflow: hidden;
    margin: 0px 0px 0px 5px;
    order: 2;
}

.casestudyswiper-main-container .casestudyswipernav {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80%;
	gap: 10px;
	margin-top: 10px;
    order: 3;
}

.casestudyswiper-main-container .casestudyswipernav .casestudyswiperprev {
    display: block;
    width: 30px;
    height: 30px;
    background-image: var(--site-pagination-prev);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.casestudyswiper-main-container .casestudyswipernav .casestudyswipernext {
    display: block;
    width: 30px;
    height: 30px;
    background-image: var(--site-pagination-next);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* CASE STUDIES SWIPER END */

/* SWIPERS END */

/* FORMS */

/* Global Changes */

.wpcf7 .wpcf7-form .wpcf7-response-output {
    margin: 0px;
}

.wpcf7 .wpcf7-form.sent .wpcf7-response-output {
    border-color: var(--site-main-green);
}

/* Global Changes End */ 

/* Contact Us Form */

.cust-contact-form-container {
    padding: 0px;
}

.cust-contact-form-container .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

.cust-contact-form-container .row:not(:last-child) {
    margin-bottom: 20px;
}

.cust-contact-form-container .row .wpcf7-textarea {
    height: 140px;
    min-height: 140px;
}

.cust-contact-form-container .row:last-child .col-md-12 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.cust-contact-form-container .row .cust-contact-form-submit {
	background-image: var(--site-blue-btn-arrow-up);
	background-position: 87% center;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-right: 50px;
}

.cust-contact-form-container .row .cust-contact-form-submit:hover {
    background-image: var(--site-white-btn-arrow-up);
}

.cust-contact-form-container .row:last-child .col-md-12 .wpcf7-spinner {
    position: absolute;
    margin: 0px;
}

#wpcf7-f577-p174-o1.wpcf7 .wpcf7-form.invalid .wpcf7-response-output {
    font-size: var(--site-span-size);
    margin-top: 20px;
    border-radius: 20px;
}

#wpcf7-f577-p174-o1.wpcf7 .wpcf7-form.sent .wpcf7-response-output {
    font-size: var(--site-span-size);
    text-align: center;
    border-radius: 20px;
}

.wpcf7 .wpcf7-form.sent .cust-contact-form-container {
    display: none;
}

/* Contact Us Form End */

/* Job Application Form */

.cust-job-application-form-container {
    padding: 0px;
}

.cust-job-application-form-container .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
}

.cust-job-application-form-container .row:not(:last-child) {
    margin-bottom: 20px;
}

.cust-job-application-form-container .row:last-child .col-md-12 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.cust-job-application-form-container .row .col-md-6 select:focus {
    border-color: var(--site-main-blue);
}

.cust-job-application-form-container .row .col-md-6:last-child > span {
    color: var(--site-main-blue);
}

.cust-job-application-form-container .row .col-md-6:last-child .dnd-upload-details .name, .cust-job-application-form-container .row .col-md-6:last-child .dnd-upload-details em, .cust-job-application-form-container .row .col-md-6:last-child .dnd-upload-details .has-error {
    color: var(--site-main-blue);
    font-size: var(--site-span-size);
}

.cust-job-application-form-container .row .col-md-6:last-child .dnd-upload-status .dnd-upload-image {
    border-color: var(--site-main-blue);
}

.cust-job-application-form-container .row .col-md-6:last-child .dnd-icon-remove::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='15' viewBox='0 0 36.903 36.902'%3E%3Cg transform='translate(-914.114 3.536)'%3E%3Cpath d='M6.187,23.745H48.375' transform='translate(930.064 -21.166) rotate(45)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5'/%3E%3Cpath d='M6.187,23.745H48.375' transform='translate(896.484 17.416) rotate(-45)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5'/%3E%3C/g%3E%3C/svg%3E");
    width: 10px;
    height: 15px;
}

.cust-job-application-form-container .row .col-md-6:last-child .codedropz-upload-handler {
    border: 1px solid var(--site-main-blue);
}

.cust-job-application-form-container .row .col-md-6:last-child .codedropz-upload-container .codedropz-upload-inner {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.cust-job-application-form-container .row .col-md-6:last-child .codedropz-upload-container .codedropz-upload-inner h3 {
    font-size: var(--site-span-size);
    color: var(--site-main-blue);
    margin: 0px;
}

.cust-job-application-form-container .row .col-md-6:last-child .codedropz-upload-container .codedropz-upload-inner :is(span, a) {
    color: var(--site-main-blue);
    font-size: var(--site-span-size);
}

.cust-job-application-form-container .row .col-md-6:last-child .codedropz-upload-handler .dnd-upload-counter {
    color: var(--site-main-blue);
    font-size: var(--site-span-size);
}

.cust-job-application-form-container .row .col-md-12 .wpcf7-acceptance .wpcf7-list-item {
    margin: 0px;
}

.cust-job-application-form-container .row .col-md-12 .wpcf7-acceptance .wpcf7-list-item label {
	display: flex;
	align-items: center;
}

.cust-job-application-form-container .row .col-md-12 .wpcf7-acceptance input[type=checkbox] {
	padding: 0px;
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}

.cust-job-application-form-container .row .cust-job-application-form-submit {
	background-image: var(--site-blue-btn-arrow-up);
	background-position: 87% center;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-right: 50px;
}

.cust-job-application-form-container .row .cust-job-application-form-submit:hover {
    background-image: var(--site-white-btn-arrow-up);
}

.cust-job-application-form-container .row:last-child .col-md-12 .wpcf7-spinner {
    position: absolute;
    margin: 0px;
}

#wpcf7-f880-p180-o1.wpcf7 .wpcf7-form.invalid .wpcf7-response-output {
    font-size: var(--site-span-size);
    margin-top: 20px;
    border-radius: 20px;
}

#wpcf7-f880-p180-o1.wpcf7 .wpcf7-form.sent .wpcf7-response-output {
    font-size: var(--site-span-size);
    text-align: center;
    border-radius: 20px;
}

.wpcf7 .wpcf7-form.sent .cust-job-application-form-container {
    display: none;
}

/* Job Application Form End */

/* Zoho Forms */

.cust-zoho-form-container .zf-templateWidth {
	width: 100%;
	max-width: 100%;
	padding: 0px;
}

.cust-zoho-form-container .zf-templateWidth .zf-templateWrapper {
    box-shadow: none;
}

.cust-zoho-form-container .zf-templateWidth .zf-frmDesc {
    color: var(--site-main-blue);
    font-family: var(--site-body-font);
    font-size: var(--site-span-size);
}

.cust-zoho-form-container .zf-templateWidth .zf-subContWrap {
	padding: 50px 0px;
	max-width: 800px;
	margin: 0px auto;
}

.cust-zoho-form-container .zf-templateWidth .zf-subContWrap :is(.zf-nameWrapper, .zf-phwrapper) {
    width: 100%;
}

.cust-zoho-form-container .zf-templateWidth .zf-subContWrap input:hover, .cust-zoho-form-container .zf-templateWidth .zf-subContWrap input:active, .cust-zoho-form-container .zf-templateWidth .zf-subContWrap input:focus {
    border-color: var(--site-main-blue);
}

.cust-zoho-form-container .zf-templateWidth .zf-subContWrap input {
    font-family: var(--site-body-font);
    font-size: var(--site-span-size);
    height: auto;
    min-height: auto;
    width: 100%;
}

.cust-zoho-form-container .zf-templateWidth .zf-subContWrap span > input:not(input[type="checkbox"], input[type="radio"]) {
    width: 100% !important;
}

.cust-zoho-form-container .zf-templateWidth .zf-subContWrap :is(input[name="SingleLine"], input[name="Website1"]) {
    width: 100%;
}

.cust-zoho-form-container .zf-templateWidth .zf-subContWrap input::placeholder, .cust-zoho-form-container .zf-templateWidth .zf-subContWrap select::placeholder {
    font-family: var(--site-body-font);
    font-size: var(--site-span-size);
    font-weight: 700;
    color: var(--site-main-blue);
}

.cust-zoho-form-container .zf-templateWidth .zf-subContWrap :is(input[name="Email"], .zf-form-sBox) {
    width: 100%;
}

.cust-zoho-form-container .zf-templateWidth .zf-subContWrap .zf-form-sBox {
    font-family: var(--site-body-font);
	padding: 23px 40px 23px 40px !important;
	height: auto;
	min-height: auto;
}

.cust-zoho-form-container .zf-templateWidth .zf-subContWrap .zf-checkChoice {
    color: var(--site-main-blue);
}

.cust-zoho-form-container .zf-templateWidth .zf-subContWrap :is(.zf-form-sBox, input[type="checkbox"]:checked) {
    font-family: var(--site-body-font);
    border-color: var(--site-main-blue);
    color: var(--site-main-blue);
    font-size: var(--site-span-size);
}

.cust-zoho-form-container .zf-templateWidth .zf-subContWrap input[type="checkbox"]::before {
    border-color: var(--site-main-blue);
    top: auto;
    left: 7px;
}

.cust-zoho-form-container .zf-templateWidth .zf-subContWrap .zf-addrCont {
    width: 100%;
}

.cust-zoho-form-container .zf-tempFrmWrapper :is(label, .zf-labelName) {
    font-family: var(--site-body-font);
    font-size: var(--site-span-size);
    color: var(--site-main-blue);
    word-break: break-word;
    opacity: 1;
}

.cust-zoho-form-container .zf-tempFrmWrapper p.zf-instruction {
    font-family: var(--site-body-font);
    font-size: var(--site-h6-size);
    color: var(--site-main-blue);
    word-break: break-word;
}

.cust-zoho-form-container .zf-templateWidth .zf-subContWrap > ul > .zf-tempFrmWrapper:not(.zf-small, .zf-medium, .zf-namemedium, .zf-oneColumns, .zf-addrmedium, .zf-date) .zf-tempContDiv {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.cust-zoho-form-container .zf-templateWidth .zf-fmFooter .zf-submitColor {
    font-family: var(--site-body-font);
    font-size: var(--site-span-size);
    text-transform: uppercase;
    font-weight: 700;
    padding: var(--site-button-padding);

    background-image: var(--site-blue-btn-arrow-up);
	background-position: 87% center;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-right: 50px;
}

.cust-zoho-form-container .zf-templateWidth .zf-fmFooter .zf-submitColor:hover {
    background-image: var(--site-white-btn-arrow-up);
}

.cust-zoho-form-container .zf-templateWidth .zf-tempHeadContBdr {
    padding: 0px;
    background: transparent;
    border-bottom: 0px;
}

/* Zoho Forms End */

/* FORMS END */

/* Desktop Styles Only */
@media screen and (min-width: 992px)  {

}

/* Laptop Styles Only */
@media screen and (min-width: 992px) and (max-width: 1690px) {

    /* HEADER */

    #site-header #site-header-inner {
        max-width: 1200px;
    }

    /* HEADER END */

    /* BLOG */

    /* Archive */

    .cust-blog-main-container {
        width: 1200px;
    }

    .cust-blog-main-container .cust-blog-archive-entry {
        margin: 0px;
        width: 350px;
    }

    .cust-blog-main-container .cust-blog-archive-entry > div:nth-child(1) {
        height: 250px;
    }

    /* Archive End */

    /* BLOG END */

    /* CASE STUDIES */

    /* Archive View */

    .cust-case-studies-global-container {
        gap: 0px;
        justify-content: space-between;
    }

    .cust-case-studies-container {
        padding: 100px 10px 100px 0px;
    }

    .cust-case-studies-container .cust-case-studies-content-area {
        gap: 4%;
    }

    /* Archive View End */

    /* CASE STUDIES END */

    /* SWIPERS */

    /* CASE STUDIES SWIPER */

    .casestudyswiper-main-container {
        height: 450px;
    }

    /* CASE STUDIES SWIPER END */

     /* SWIPERS END */
}

/* Mobile Styles */
@media screen and (max-width: 767px) {

    /* BUTTONS */

    .cust-white-arrow-btn .elementor-button .elementor-button-text::after, .cust-blue-arrow-btn .elementor-button .elementor-button-text::after {
        transform: scale(0.7);
    }

    /* BUTTONS END */

    /* HEADER */

    #site-header #site-header-inner #site-navigation-wrap {
        display: none;
    }

    #site-header #site-header-inner .mobile-right {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        padding: 0px 20px;
        background-color: var(--site-main-blue);
        border-radius: 40px;
    }

    #site-header #site-header-inner .mobile-right::after {
        display: none;
    }

    #site-header #site-header-inner .mobile-right .mobile-menu, #site-header #site-header-inner .mobile-right .search-icon-overlay {
        line-height: 50px;
    }

    /* HEADER END */

    /* SOLUTIONS SUB PAGES */

    .casestudybanner {
        flex-wrap: wrap;
    }

    .casestudybanner .cust-related-case-study-item {
        width: 100%;
        flex-grow: 1;
    }

    /* SOLUTIONS SUB PAGES END */

    /* BLOG */

    /* Archive */

    .cust-blog-main-container {
        margin: 50px auto;
        padding: 0px 10px;
        gap: 20px;
    }

    .cust-blog-main-container .cust-blog-archive-entry > div:nth-child(1) {
        height: 250px;
    }

    .cust-blog-main-container .oceanwp-pagination > .page-numbers {
        justify-content: center;
    }

    /* Archive End */

    /* BLOG END */

    /* CASE STUDIES */

    /* Archive View */

    .cust-case-studies-global-container {
        gap: 20px;
        margin-bottom: 50px;
    }

    .cust-case-studies-filters-container {
        width: 300px;
        padding: 50px 0px;
        margin: 0px auto;
    }

    .cust-case-studies-filters-container > div {
        border-radius: 20px;
    }

    .cust-case-studies-container {
        width: 100%;
        padding: 0px 10px;
    }

    .cust-case-studies-container .cust-case-studies-content-area {
        grid-template-columns: 100%;
        gap: 50px;
    }

    /* Archive View End */

    /* CASE STUDIES END */

    /* SWIPERS */

    /* CASE STUDIES SWIPER */

    .casestudyswiper-main-container {
        height: 350px;
    }

    /* CASE STUDIES SWIPER END */

    /* SWIPERS END */

    /* FORMS */

    /* Job Application Form */

    .cust-job-application-form-container .row .col-md-12 .wpcf7-acceptance .wpcf7-list-item label {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        gap: 10px;
    }

    /* Job Application Form End */

    /* Zoho Forms */

    .cust-zoho-form-container .zf-templateWidth .zf-subContWrap > ul {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .cust-zoho-form-container .zf-templateWidth .zf-tempFrmWrapper {
        padding: 0px;
    }

    .cust-zoho-form-container .zf-templateWidth .zf-subContWrap :is(.zf-nameWrapper) {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .cust-zoho-form-container .zf-templateWidth .zf-subContWrap .zf-nameWrapper > span {
        width: 100%;
        margin: 0px;
    }

    .cust-zoho-form-container .zf-templateWidth .zf-subContWrap span > input:not(input[type="checkbox"], input[type="radio"]) {
        padding: 10px 20px;
    }

    .cust-zoho-form-container .zf-templateWidth .zf-subContWrap .zf-form-sBox {
        padding: 10px 20px !important;
    }

    .cust-zoho-form-container .zf-templateWidth .zf-subContWrap input[type="file"] {
        border: 0px;
        padding: 0px;
    }

    .cust-zoho-form-container .zf-templateWidth .zf-tempHeadContBdr {
        padding: 0px;
    }

    /* Zoho Forms End */

    /* FORMS END */
}

/* iPad Styles */
@media screen and (max-width: 850px) and (min-width: 780px)  {

    /* HEADER */

    #site-header #site-header-inner #site-navigation-wrap {
        display: none;
    }

    #site-header #site-header-inner .mobile-right {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        padding: 0px 20px;
        background-color: var(--site-main-light-blue);
        border-radius: 40px;
    }

    #site-header #site-header-inner .mobile-right::after {
        display: none;
    }

    #site-header #site-header-inner .mobile-right .mobile-menu, #site-header #site-header-inner .mobile-right .search-icon-overlay {
        line-height: 50px;
    }

    /* HEADER END */

    /* SOLUTIONS SUB PAGES */

    .casestudybanner {
        flex-wrap: wrap;
    }

    .casestudybanner .cust-related-case-study-item {
        min-width: calc(50% - 50px);
    }

    /* SOLUTIONS SUB PAGES END */

    /* BLOG */

    /* Archive */

    .cust-blog-main-container {
        margin: 50px auto;
    }

    /* Archive End */

    /* BLOG END */

    /* CASE STUDIES */

    /* Archive View */

    .cust-case-studies-global-container {
        gap: 20px;
        margin-bottom: 50px;
    }

    .cust-case-studies-filters-container {
        width: 300px;
        padding: 50px 0px;
        margin: 0px auto;
    }

    .cust-case-studies-filters-container > div {
        border-radius: 20px;
    }

    .cust-case-studies-container {
        width: 100%;
        padding: 0px 10px;
    }

    .cust-case-studies-container .cust-case-studies-content-area {
        grid-template-columns: 48% 48%;
        gap: 25px;
    }

    /* Archive View End */

    /* CASE STUDIES END */
}

/* ANIMATIONS */

/* ANIMATIONS END */