/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 26 2025 | 16:15:16 */
/* Custom styles */

header {
	position: fixed;
	background-color: white !important;
    z-index: 1;
    width: 100%;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

body {
	opacity: 0;
	transition: opacity 0.4s ease-in-out;
}

.wp-container-3 {
	top: 0px !important;
}


footer {
	margin-top: 0px !important;
}

/* .hero-image img {
	width: 100% !important;
	height: 100dvh !important
} */

.hero-image .wp-block-cover__inner-container {
	max-width: 1280px;
}

.hero-image {
	height: 100vh !important;
	max-height: 1080px;
}

.v-div {
	position: absolute;
    top: -200px;
	right: -600px;
}


.v-div img {
    height: 930px !important;
    width: 100%;
}

.coveralls {
    width: 150px;
    height: 40px;
    background-color: white;
    position: absolute;
    top: 410px;
    left: 72%;
    z-index:999
}

.wp-element-button, .wp-block-button__link, .wp-block-button__link {
    transition: 200ms ease-in-out;
}

.wp-element-button:hover, .wp-block-button__link:hover, .wp-block-button__link:hover {
    background: #FFFFFF !important;
    color: #1F4294;
}

:root :where(.wp-element-button, .wp-block-button__link) {
    background: linear-gradient(90deg,rgb(31,66,148) 0%,rgb(30,117,187) 100%);
    color: white;
}

/* Sectionals */
.section {
    max-width: 1280px;
    margin: auto;
	padding: 40px;
}

.services-head-intro {
    padding-top: 170px;
    padding-bottom: 50px;
	margin-block-start: 0 !important;
}

.partners-section  {
    max-width: 1280px;
    margin: auto !important;
    padding: 100px 40px
}

.slider-btn.is-active .wp-block-button__link {
  background: #FFFFFF !important;
  color: #1F4294;
}

.img-fix img {
	width: 100%;
}

.w-fix {
	width: 100%;
}

/* contact forms */
.cf7-container {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.cf7-sub {
    width: 100% !important;
    display: flex;
    column-gap: 20px;
    padding-top: 20px;
}

.cf7-sub label {
    width: 100%;
}

.cf7-container input, .cf7-container span, .cf7-container textarea {
    display: flex;
	flex-direction: column;
}

.wpcf7 input {
    border-radius: 10px;
    border: 1px solid #1F4294;
    background: #FFF;
    box-shadow: 0px 0px 6px 4px rgba(13, 86, 165, 0.20) inset;
    font-size: 18px;
    color: #1F4294 !important;
    padding: 10px;
}

.wpcf7 input:focus {
    border: 3px solid #1F4294; /* Increase border by 2px (1px -> 3px) */
    padding: 8px; /* Reduce padding by 2px to compensate for thicker border */
    outline: none; /* Remove default browser outline */
}

.wpcf7 textarea {
    font-size: 18px;
    color: #1F4294 !important;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #1F4294;
    background: #FFF;
    box-shadow: 0px 0px 6px 4px rgba(13, 86, 165, 0.20) inset;
    font-family: Metropolis;
}

.wpcf7 textarea:focus {
    border: 3px solid #1F4294; /* Increase border by 2px (1px -> 3px) */
    padding: 13px; /* Reduce padding by 2px to compensate for thicker border */
    outline: none; /* Remove default browser outline */
}

.wpcf7 .wpcf7-submit {
    background: linear-gradient(90deg, rgb(31, 66, 148) 0%, rgb(30, 117, 187) 100%);
    color: white !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        border-radius: 5px;
    border-top-color: var(--wp--preset--color--custom-d-2-e-3-f-1);
    border-top-width: 2px;
    border-top-style: solid;
    border-right-color: var(--wp--preset--color--custom-d-2-e-3-f-1);
    border-right-width: 2px;
    border-right-style: solid;
    border-bottom-color: var(--wp--preset--color--custom-d-2-e-3-f-1);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-left-color: var(--wp--preset--color--custom-d-2-e-3-f-1);
    border-left-width: 2px;
    border-left-style: solid;
    font-family: var(--wp--preset--font-family--metropolis);
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    padding-top: 15px;
    padding-right: var(--wp--preset--spacing--30);
    padding-bottom: 15px;
    padding-left: var(--wp--preset--spacing--30);
    transition: 200ms ease-in-out;
}

.wpcf7 .wpcf7-submit:hover {
    background: #FFFFFF !important;
    color: #1F4294 !important;
    cursor: pointer;
}

/* swiper css */

.swiper {
	height: 570px;
	padding-bottom: 20px !important;
	z-index: 0 !important;
}

.swiper-slide {
	text-align: left;
	font-size: 18px;
	background: #fff;
	display: flex !important;
	justify-content: center;
	align-items: center;
	margin: 0px;
}

.swiper-slide img {
	display: block !important;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-content {
    width: 1280px;
    display: flex !important;
    margin: auto;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    border: 5px solid #D1D8E9;
    border-radius: 15px;
    height: 500px;
	padding: 0px 20px;
}

.swiper-container {
	width: 100%;
}

.swiper-container img {
    height: 300px;
    max-width: 100%;
}

.swiper-button-next {
	right: 5% !important;
}

.swiper-button-prev {
	left: 5% !important;
}

/* Accessibility */

.wp-block-navigation-item {
	color: #1F4294 !important;
}

/* Default: hide outline when using mouse */
body:not(.user-is-tabbing) *:focus {
  outline: none !important;
}

/* Show outline only when user is using keyboard */
body.user-is-tabbing *:focus {
  outline: 2px solid #1F4294; /* or use `revert` for default behavior */
  outline-offset: 2px;
}

/* Media Queries */

/* Menu Breakpoint */

@media screen and (max-width: 767px) {
  /* hamburger button */
  .wp-block-navigation__responsive-container-open  {
    display: block !important;
  }

  /* full menu */
  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
    display: none !important;
  }
}


/* Widths */
@media screen and (min-width: 2000px) {
	.v-div {
		right: -300px;
		top: -110px;
    }
}

@media screen and (max-width: 1400px) {
	.swiper-content {
		width: 80%;
		padding: 0px 30px;
        margin: 20px;
	}
}


@media screen and (max-width: 1280px) {
    .v-div img {
        height: 650px !important;
    }
    
    .v-div {
        right: -300px;
        top: -150px;
    }
}

@media screen and (max-width: 1000px) {
    .v-div img {
        height: 550px !important;
    }
    
    .v-div {
        right: -300px;
        top: -100px;
    }
}

@media screen and (max-width: 920px) {
	.cf7-sub {
        display: block;
    }
}

@media screen and (max-width: 850px) {
    .v-div img {
        height: 490px !important;
    }
    
    .v-div {
        right: -300px;
        top: -100px;
    }
}

@media screen and (max-width: 782px) {
	.img-left-sect, .img-right-sect {
        display: flex !important;
        align-items: center !important;
    }
    
    .img-right-sect {
        flex-direction: column-reverse !important
    }
    
    .img-left-sect img, .img-right-sect img {
        width: 100% !important;
        height: auto !important
    } 
}

@media screen and (max-width: 768px) {
    .v-div {
        display: none;
    }

	.custom-logo {
		width: 200px;
	}
	
	.section {
        flex-direction: column;
    }
    
    .section-odd {
        flex-direction: column-reverse !important;
    }
	
	.services-head-intro {
		padding-top: 150px;
	}
	
	.wp-block-navigation-item {
		font-size: 24px !important;
	}
}

@media screen and (max-width: 475px) {
	.swiper-container img {
		height: 200px;
	}
}

@media screen and (max-width: 425px) {
	.custom-logo {
		width: 150px;
	}
}

/* Heights */
@media screen and (max-height: 700px) {
    .v-div {
        display: none;
    }
    
    .hero-info {
        margin-top: 170px !important
    }
}