/*  GLOBAL | site-wide */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* Chrome, Safari, Edge, Opera  - remove spinners on numbers*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox - remove spinners on numbers */
input[type=number] {
  -moz-appearance: textfield;
}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, form, blockquote, th, td {
    margin: 0;
    padding: 0;
	list-style-type: none; /* Remove bullets */
}

body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
	font-family:"Lato" ,sans-serif ;
	font-size: clamp(0.8rem, 20px, 1.2rem);
	background-color: #ffffff;
}


.row img {
    height: auto;
    max-width: 100%;
}

a {
    text-decoration: none;
    line-height: inherit;
	color:inherit;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

button{
	cursor: pointer;
}

.fixed-area{
	position: fixed;
    top: 350px;
    text-align: center;
    z-index: 10000;
	transform: rotate(-90deg);
    right: -75px;
}

.remote-support-btn{
	line-height: 47px;
    display: block;
    color: #fff;
	font-size: clamp(0.8rem, 20px, 1.2rem);
	background: #172371;
	width: 197px;
 
}

.btns{
	display: flex;
	gap:30px
}

.btns .btn1{
	 width: unset;
}

.services-carousel.small-screen-only{
	display: none;
}

/*  ROOT VARIABLES  */
:root {
	--h1-font-family:"Lato",sans-serif;
	--h1-font-size:clamp(1.75rem, 1vw + 1.8rem, 56px);
	--h1-font-weight:400;
	--h2-font-family:"Lato" ,sans-serif;	
	--h2-font-size:clamp(1.25rem, 1vw + 1.3rem, 48px);
	--h2-font-weight:400;
	--h5-font-family:"Lato" ,sans-serif;
	font-size: clamp(0.8rem, 20px, 1.2rem);
	--h5-font-weight:700;
	--special-font-family:"Montserrat", sans-serif;
	--heading-color:#142B7A;
	--button-icon-color:#0248B1;
	--background-blue: #015FBA;
}

/* Custom heading */
h1, .xlarge-heading.w-text-value, .xlarge-heading{
	font-family:var(--h1-font-family);
	font-size:var(--h1-font-size);
	font-weight:var(--h1-font-weight);
	line-height:1;
	color:#273660;
}

h2, .large-heading .w-text-value,.large-heading{
	font-family:var(--h2-font-family);
	font-size:var(--h2-font-size);
	font-weight:var(--h2-font-weight);
	line-height:1;
	color:#142B7A;
}

.small-heading .w-text-value,.small-heading{
	font-family:var(--h5-font-family);
	font-size:var(--h5-font-size);
	font-weight:var(--h5-font-weight);
	line-height:1;
	color:#0248B1;
}

.accreditations{
	padding-top: 100px;
	background: #EFF5FF;
}

.accreditations-heading{
	font-family:var(--h5-font-family);
	font-size:18px;
	font-weight:var(--h5-font-weight);
	color:#0248B1;
}

/* blue text blue border button */
.btn1{
	width: 185px;
	padding:1.0em 2.6em;
	text-transform: uppercase;
	text-align: center;
	background-color: transparent;
	border:2px solid var(--button-icon-color);
	color:var(--button-icon-color) ;
	font-size: 14px;
	font-weight: 700;
	border-radius: 24.5px;
	cursor: pointer;
	transition: all ease-in-out 200ms;
}

.btn1:hover{
    background: var(--button-icon-color);
    border-color: var(--button-icon-color);
    color: #ffffff;
}

/* white text white border button */
.btn2{
	width: 185px;
	padding:1.0em 2.6em;
	text-transform: uppercase;
	text-align: center;
	background-color: transparent;
	border:2px solid #ffffff;
	color:#ffffff;
	font-size: 14px;
	font-weight: 700;
	border-radius: 24.5px;
	cursor: pointer;
	transition: all ease-in-out 200ms;
}

.btn2:hover{
    background: var(--button-icon-color);
    border-color: var(--button-icon-color);
}

.buttonWrapper {
	padding-top: 67px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
  }
  .btn-link {
	height: 104px;
	padding: 0 49px;
	border-radius: 70px;
	font-size: 25px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
	position: relative;
  }
  .btn-fill {
	background: #8330c2;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	transform: translateZ(0);
	border-radius: inherit;
	transition: background 0.3s;
  }
  
  .btn-title {
	position: relative;
	top: -1px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	transform: translateZ(0);
  }
  .btn-content {
	font-weight: 500;
	color: white;
  }
  .btn-ripple {
	display: none;
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	border-radius: inherit;
  }
  .btn-ripple.v1 {
	background: #933bd7;
  }
  .btn-ripple.v2 {
	background: #9e4cdc;
  }
  

.btn3{
	width: 185px;
	padding:1.0em 2.6em;
	text-transform: uppercase;
	text-align: center;
	background-color: transparent;
	border:2px solid transparent;
	color:#ffffff;
	font-size: 14px;
	font-weight: 700;
	border-radius: 24.5px;
	cursor: pointer;
	transition: all ease-in-out 200ms;
}

.btn3:hover{
	border:2px solid #ffffff;
    border-color:#ffffff;
}

.blue-divider{
	width: 100%;
	display: flex;
	height: 95px;
	margin-bottom: 40px;
}
.blue-divider div{
	width: 100%;
}
.blue-divider .col-1{
	border-right: 1px solid var(--button-icon-color);
}

/* --------- 1.1 Input/Field Elements ---------- */

.form-title p{
	font-size:48px;
	text-align: center;
	color:#ffffff;
}

.form-container{
	max-width: 876px;
	margin: 0 auto;
	padding-top: 120px;
}

.form-container form,
.form-container form .form-fields {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.form-container form .form-row{
	width: 100%;
	display: flex;
	gap: 2rem;
	justify-content: space-between;
}

.form-container form .btn2{
	width: 150px;
	margin: 30px auto;
}

form label{
	display: none;
}

input, textarea {
	font-family: var(--h1-font-family);
    border: 1px solid transparent;
    border-bottom: 1px solid #ffffff;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
	background-color: transparent;
}

input::placeholder, 
textarea::placeholder{
	color: #ffffff;
	font-size: clamp(0.8rem, 20px, 1.2rem);
}

input {
	width: 100%;
    height: 56px;
    margin: 3px 0;
    outline: none;
    line-height: normal;
	color: #ffffff;
	font-size: clamp(0.8rem, 20px, 1.2rem);
}

textarea{
	width: 100%;
	line-height: normal;
	color: #ffffff;
	font-size: clamp(0.8rem, 20px, 1.2rem);
}

input[type="submit"] {
    cursor: pointer;
	font-size: 14px !important;
}

input[type="submit"]:focus {
	font-size: 14px !important;
}

input:focus, textarea:focus {
	background-color: transparent;
	color: #ffffff;
	font-size: clamp(0.8rem, 20px, 1.2rem);
}

*:focus {
    outline: none;
}


p.form-submitted{
	width: 100%;
	height: 100%;
	font-size: clamp(0.8rem, 20px, 1.2rem);
	padding: 10px;
	text-align: center;
	color:#ffffff;
	font-weight: 700;
}

.form-submitted.success{
	background:rgba(75, 182, 67, 0.578);
}

.form-submitted.error{
	background:rgba(253, 104, 104, 0.705);
}


.contact-form input.btn1{
	border-bottom:2px solid var(--background-blue) !important;
}

/* HEADER + NAV  */
nav{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999;
	background-color: transparent;
	transition: all ease-in-out 300ms;
}

nav.sticky {
	position: fixed;
	background-color: #000;
}

nav .nav-links{
	max-width:1628px;
	height: 140px;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	align-items: center;
}

nav ul{
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

nav ul.right-links{
	justify-content: space-evenly !important;
}

nav li{
	font-size: clamp(0.8rem, 20px, 1.2rem);
	font-weight: 700;
	color: #ffffff;
}

nav li a{
	padding-bottom: 10px;
	border-bottom: 2px solid transparent;
	transition: all ease-in-out 300ms;
}

nav li a:hover{
	border-bottom: 2px solid #ffffff;
	
}
nav .menu-btn,
nav .mobile-nav{
	display: none;
}

/* a[aria-current]{
	border-bottom: 2px solid #ffffff;
} */

/*  MAIN  */
main{
	margin: 0 auto;
}

main.homepage .hero-banner{
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	background-image: linear-gradient(rgba(12, 3, 51, 0.3), rgba(12, 3, 51, 0.3));
}

.video-background{
	height: 100%;
	overflow: hidden;
}

.hero-video{
	width: 100%;
	height: inherit;
	object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}	


/* t&c page */
.page-container{
	max-width: 1628px;
	margin: 70px auto;
	padding: 0 30px;
}



/* SERVICES */

.services{
	width: 100%;
	height: 100%;
}

.services-container{
	max-width: 1628px;
	margin: 70px auto;
}

.services-container .large-heading{
	margin-bottom: 50px;
	padding: 0 30px;
}

.services-container .small-heading{
	width: 100%;
	text-transform: uppercase;
}

.services-grid-item {	
	width: 30%;
	height: 412px;
	display:flex ;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	gap: 18px;
	position: relative;
}


.services-container.services-1 .small-heading,
.services-container.services-2 .small-heading{
	padding-bottom: 22px;
	border-bottom: 1px solid var(--button-icon-color);
}

.services-container.services-2{
	background: rgb(131 131 131 / 10%);
	padding-top: 30px;
	padding-bottom: 30px;
}

.item-grids{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.service-image{
	position: relative;
	width:100%;
	height: 400px;
	overflow: hidden;
}

.service-image img{
	display: block; 
	width:100%;
	height: 400px;
	object-fit: cover;
	transition: all ease-in-out 200ms;
}

.service-image img.more-right-side{
	object-position: 80%;
}

.link-wrapper{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 !important;
    z-index: 10;
}

.see-more{
	display: none;
	width: 100%; 
    height: 100%; 
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; 

	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.see-more img{
	width: 50px;
	height: 46px;
	object-fit: contain;	
}

.services-grid-item:hover img{
	scale: 1.1;
}

.image-overlay {
	display: block;
    width: 100%; 
    height: 100%; 
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; 
    background-color: rgba(8, 55, 125, 0.82);
    opacity: 0; 
}


.services-grid-item .image-overlay a{
	width: 100%;
	height: 100%;
	display: block;

}

.services-grid-item:hover .image-overlay {
    opacity: 1; 
}
.services-grid-item:hover .see-more{
	display: flex;
	gap:20px
}

/* OUR MISSION */
.mission-container{
	max-width: 1628px;
	margin: 0 auto;
	padding: 30px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:25px
}

.mission-container p{
	max-width: 753px;
	text-align: center;
	margin: 0 30px;
}

/* positioned columns */

.about-us-container{
	max-width: 1628px;
	margin: 0 auto;
	padding: 80px 0;
}
.our-policy{
	padding-bottom: 70px;
}
.our-policy-container{
	max-width: 1628px;
	margin: 0 auto 100px;
	padding: 80px 0;
}

.about-us-container .wrapper,
.our-policy-container .wrapper{
	max-width: 1395px;
	height: 564px;
	display: flex;
	border: 1px solid var(--button-icon-color);
	position: relative;
	margin: 0 auto;
}

.about-us-image1{
	width: 1002px;
	position:absolute;
	left: -7%;
	top:-105px
}

.about-us-image2{
	display: none;
}

.about-us-container .wrapper .col-2{
	width: 783px;
	background-color: var(--background-blue);
	position: absolute;
	right: 50px;
	top:43px
}

.about-us-content,
.our-policy-content{
	max-width: 514px;
	min-height: 564px;
	margin: auto;
	color:#ffffff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap:20px
}

.about-us-content .large-heading,
.our-policy-content .large-heading {
	color:#ffffff
}

.about-us-content .btn2{
	margin-top: 20px;
}

.our-policy-container .wrapper .col-1{
	width: 818px;
	background-color: var(--background-blue);
	position: absolute;
	left: -7%;
	top:-43px;
	z-index: 1;
}

/* .our-policy-image1{
	width: 1002px;
	height: 668px;
	position:absolute;
	right:  50px;
	top:30px;
	z-index: 0;
	object-fit: cover;
} */
.our-policy-image1{
	width: 1002px;
	height: 668px;
	position:absolute;
	right:  50px;
	top:30px;
	z-index: 0;
	object-fit: cover;
	object-position: left;
}

.our-policy-image2{
	width: 1002px;
	height: 668px;
	position:absolute;
	right:  50px;
	top:30px;
	z-index: 2;
}


/* CLOUD SERVICES */
.cloud-services .large-heading{
	text-align: center;
}

.cloud-services .small-heading{
	margin-top: 30px;
	text-align: center;
	text-transform: uppercase;
	/* transition: all linear 200ms; */
}

.cloud-services-grid-item{
	width: 23%;
    min-height: 567px;
    background: #F6F6F6;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    position: relative;
	border: 1px solid #C6C6C6;
	padding: 30px;
	gap:10px
}



.service-icon{
	width: 113px;
    height: 113px;
    background: var(--button-icon-color);
    padding: 32px;
    border-radius: 50%;
}

.service-icon img{
	width: 47px;
	height: 47px;
	margin: auto;
}

.cloud-services-grid-item .service-image{
	position: absolute;
	bottom:0;
    z-index: -1;
    width: 100%;
    height: 100%;
	transition: all 200ms;
}

.cloud-services-grid-item .service-image img{
	width: 100%;
    height: 100%;
	object-fit: cover;
}

.cloud-services-grid-item .service-excerpt{
	max-width: 294px;
	border: none;
	text-align: center;
	/* transition: all linear 200ms; */
}

.cloud-services-grid-item:hover .service-image{
	z-index: 1;
}
.cloud-services-grid-item:hover .service-excerpt,
.cloud-services-grid-item:hover .small-heading{
	color:#ffffff;
	z-index: 2;
}
.cloud-services-grid-item:hover .image-overlay {
    opacity: 1; 
}


/* SUB PAGE HERO BANNER */
/* main.sub-page .hero-banner{
	width: 100vw;
	height: 684px;
	overflow: hidden;
} */

main.sub-page .hero-banner{
	width: 100vw;
	height: 362px;
	overflow: hidden;
}


.hero-banner img{
	width: 100%;
	height: inherit;
	object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
}

/* .hero-banner .image-overlay {
    content: '';
	width: 100%;
	height: 684px;
	margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; 
    background:linear-gradient(to bottom right,#000000,rgba(255,255,255,0.15));
    opacity: 1; 
} */

.hero-banner .image-overlay {
    content: '';
	width: 100%;
	height: 362px;
	margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; 
    background:linear-gradient(to bottom right,#000000,rgba(255,255,255,0.15));
    opacity: 1; 
}

.heading-wrapper{
	max-width: 1628px;
	margin: 0 auto;
	height: 100%;
    display: flex;
    align-items: end;
	padding: 0 30px;
}

.hero-banner .xlarge-heading{
	height: 80px;
	color: #ffffff;
	margin-bottom: 15px;
}

/* ABOUT US PAGE */
@media only screen and (min-width: 1350px){
	.about-us-intro-section {
		padding-top: 150px;

	}
}

/* .sub-page .about-us-image1{
	left: -5%;
	top:-125px;
} */
/* 
.sub-page .company-values .cloud-services-grid-item{
    min-height: unset !important;
} */

.new-about-us-wrapper{
	display: flex;
	column-gap: 60px;
	row-gap: 30px;
	align-items: center;
	padding: 0 30px;
}

.new-about-us-wrapper .col{
	flex:1
}

.new-about-us-wrapper .col-1{
	position: relative;
	z-index: 1;
}

.new-about-us-wrapper img{
	max-width: 100%;
}

.new-about-us-wrapper .col-1::after{
	content: "";
	width: 100%;
	height: 100%;
	background: #0248B1;
	position: absolute;
	left: 20px;
	bottom: 20px;
	z-index: -1;
	display: block;
}

.about-us-info{
	max-width: 530px;
	display: flex;
	flex-direction: column;
	margin:0 auto;
}

.about-us-info > *{
	margin-bottom: 20px;
}

.about-us-info h2 span{
	font-weight: 600;
}

.accreditations-container{
	max-width: 1628px;
	margin: 0 auto;
	padding: 0 30px;
}

.accreditations-container .large-heading{
	text-align: center;
	margin-bottom: 35px;
}

.accreditations-container .desc{
	max-width: 1100px;
	text-align: center;
	margin: 0 auto 50px;
}

.accreditations-content-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	column-gap: 60px;
	padding: 50px 0 200px;
}

.accreditations-content-container .col{
	width: 30%;
	max-width: 487px;
}

.accreditations-content-item .small-heading{
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom:16px;
}

.accreditations-content-item ul{
	padding-bottom:16px;
	border-bottom: 1px solid var(--button-icon-color);
	margin-bottom: 16px;
	list-style-position: inside;
}

.accreditations-content-item li{
	font-size: 16px;
	list-style-type:disc;
}


.accreditations-2 .wrapper{
	display: flex;
	flex-wrap: wrap;
	gap: 60px;
	margin-top: -100px;
}

.accreditations-2 .container{
	max-width: 1628px;
	margin: 0 auto;
    padding: 0 30px 100px 30px;
}

.accreditations-2 .col{
	background: #0248B1;
	flex:1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: start;
	padding: 30px 50px;
	gap:20px

}

.accreditations-2 img{
	width: 166px;
	height: 166px;
}

.accreditations-2 h5,
.accreditations-2 p{
	color:#ffffff;
	font-size: clamp(0.8rem, 20px, 1.2rem);
}


/* SERVICES PAGE */
.middle-banner{
	width: 100vw;
	display: inline-block;
}

.parallax-image{
	width: 100%;
	height: 500px;
	object-fit: cover;
	margin-bottom: 50px;
	background-image: url("../images/AdobeStock_781120356-min-scaled.jpeg");
	 background-attachment: fixed;
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: cover;
}

/* ATCLOUD AU PAGE */
.cloud-services #item-list{
	display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

/* CONTACT US PAGE */
.contact-us-container{
	max-width: 1628px;
	margin: 0 auto;
}

.contact-video{
	width: 100vw;
	/* height: 684px; */
	height: 362px;

    position: absolute;
    left: 0;
    z-index: -1;
	object-fit: cover;
}

.contact-us-container .wrapper{
	display: flex;
	justify-content: space-between;
	column-gap: 30px;
	padding: 100px 0;
}

.contact-us-container .wrapper .col{
	width: 50%;
}

.contact-us-container .wrapper .col-1{
	color:#ffffff;
	background-color: var(--background-blue);
	padding: 50px 80px;
}

.contact-us-content{
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.contact-us-content .large-heading{
	margin-bottom: 30px;
}

.social-icons{
	margin-top: 20px;
	display: flex;
	column-gap: 10px;
}
.social-icons svg path{
	fill:#ffffff
}

.contact-us-container .wrapper .col-1 .large-heading{
	color: #ffffff;
}

.contact-us-container .form-title p{
	text-align: left;
	color: var(--background-blue);
}

.contact-us-container .form-container{
	padding-top: 50px;
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.contact-us-container .form-fields{
	row-gap: 20px;
}

.contact-us-container input, 
.contact-us-container textarea {
    border-bottom: 1px solid var(--background-blue);
	background-color: transparent;
	color: var(--background-blue);
	font-size: clamp(0.8rem, 20px, 1.2rem);
}

.contact-us-container input::placeholder, 
.contact-us-container textarea::placeholder,
.contact-us-container input:focus, 
.contact-us-container textarea:focus {
		background-color: transparent;
	color: var(--background-blue);
}

form .btn1{
	margin-top: 30px;
}

footer.contact-us-page {
	background: hsla(226, 72%, 8%, 0.9);
}

.middle-banner .i4ewOd-pzNkMb-haAclf{ display: none !important; }
.middle-banner{
    overflow: hidden;
}
.middle-banner iframe {
    margin-top: -80px;
	pointer-events: none;
}

/*  FOOTER  */
footer{
	padding: 0 30px;
	position: relative;
	width: 100vw;
	height: max-content;
	overflow: hidden;
	background: linear-gradient(rgba(13, 27, 73, 0.5), rgba(12, 25, 71, 0.9));
	background-repeat: no-repeat;
}

.footer-video{
	width: 100vw;
	height: 100%;
    position: absolute;
    left: 0;
    z-index: -1;
	object-fit: cover;
}	

footer .info-area{
	color: #ffffff;
	max-width: 1628px;
	margin: 150px auto 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.address-col{
	width: 15%;
}

footer p{
	margin:5px 0 25px 0
}

.copy-right{
	background-color: #0D142D;
	padding: 15px;
}
.copy-right p{
	color: #ffffff;
	max-width: 1628px;
	margin: 0 auto;
	text-align: center;
	font-family: var(--special-font-family);
	font-size: 16px;
	font-weight: 300;
}


/*  MEDIA QUERIES  */
@media only screen and (max-width: 1440px) {
	nav .desktop-logo img{
		height: 70px;
	}

	.about-us-container .wrapper, 
	.our-policy-container .wrapper {
		max-width: 1195px;
		height: auto;
		min-height: 500px;
	}

	.about-us-image1 {
		width: 800px;
		left: -5%;
	}

	.sub-page .about-us-image1 {
		left: -200px;
	}

	.about-us-container .wrapper .col-2 {
		width: 620px;
        padding: 0 50px 0 100px;
	}

	.about-us-content{
		max-width: 514px;
		height: auto;
		min-height: 500px;
        padding: 30px 0;
	}

	 .our-policy-content {
		max-width: 514px;
		min-height: auto;
        padding: 30px 0;
	}

	.our-policy-container .wrapper .col-1 {
		width: 750px;
		left: -50px;
		top: -100px;
	}

	.our-policy-image1,
	.our-policy-image2 {
		width: 802px;
		height: auto;
		right: -50px;
		top: 30px;
	}

}

/*  MEDIA QUERIES  */
@media only screen and (max-width: 1350px) {
	.about-us-container .wrapper,
	.our-policy-container .wrapper
	{
		border:none;
	}

	.about-us-container .wrapper .col,
	.our-policy-container .wrapper .col{
		width: 50%;
		margin: 0 auto;
	}

	.about-us-image1{
		display: none;
	}

	.about-us-image2{
		display:inherit;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 20%;
	}

	.about-us-container .wrapper .col-2,
	.our-policy-container .wrapper .col-1{
		padding: 30px;
		height: auto;
		position: static
	}

	/* .our-policy-image1{
		width: 100%;
		height: 100%;
		position: static;
		object-fit: cover;
	} */

	.our-policy-image1{
		width: 100%;
		height: 100%;
		position: static;
		object-fit: cover;
		object-position: 30%;
	}

	.our-policy-image2{
		display: none;
	}

	.accreditations-content-container .col{
		width: 100%;
	}

	
	.our-policy-content{
		min-height: unset;
		height: 100%;
	}

}

@media only screen and (max-width: 1220px) {
	nav .desktop-logo img{
		height:50px;
	}

}

@media only screen and (max-width: 1150px) {
	nav .nav-links{
		display: none;
	}

	nav ul{
		flex-direction: column;
	}

	nav .mobile-logo img{
		height: 50px;
	}

	nav .menu-btn{
		position: absolute;
		display:block;
		top:15px;
		right: 40px;
	}

	nav .menu-btn >*{
        width: 30px;
        height: 1px;
		background-color: #ffffff;
		margin: 9px 0;
		transition: 0.4s;
	}

	
	.change .bar1 {
		transform: translate(0, 11px) rotate(-45deg);
	}
	
	.change .bar2 {opacity: 0;}
	
	.change .bar3 {
		transform: translate(0, -11px) rotate(45deg);
	}

	nav .mobile-nav{
		display: flex;
		flex-direction: column;
		width: 100%;
		background: #000;
		padding: 15px;
	}

	nav .mobile-links{
		display: none;	
		transition: all ease 500ms;
	}

	nav .mobile-links.change{
		display:flex;
	}

	nav .mobile-nav ul li{
		width: 100%;
		padding: 14px 0;
		transition: all ease 200ms;
	}

	.about-us-container,
	.our-policy-container  {
		padding: 50px 30px;
	}

	.our-policy-container {
		margin-bottom: 0;
	}

	.our-policy-container .wrapper{
		flex-wrap: wrap-reverse;
		height: 100%;
	}
	.cloud-services-grid-item {
		width: 45%;
	}

}


@media only screen and (max-width: 900px) {
	section.our-mission,
	section.our-policy{
		padding: 0 30px;
	}

	.services-container .large-heading{
		padding-left: 30px;
	}

	.about-us-container,
	.our-policy-container{
		padding: 30px 0;
	}

	.about-us-container .wrapper{
		flex-direction: column;
		height: 100%;
	}

	.about-us-container .wrapper .col,
	.our-policy-container .wrapper .col{
		width: 100%;
	}

	.about-us-content,
	.our-policy-content{
		max-width: unset;
		min-height: unset;
		margin: auto;
	}
	
	.our-policy-container{
		margin-bottom: 0;
	}

	.contact-us-container .wrapper{
		flex-wrap: wrap;
		padding: 50px 30px;
	}
	.contact-us-container .wrapper .col{
		width: 100%;
	}

	.contact-us-container .wrapper .col-1{
		padding: 30px;
	}

	.contact-us-container .form-fields{
		row-gap:unset;
	}

	form .btn1{
		margin-left: 30px;
	}
	
	footer .info-area{
		flex-direction: column;
		gap:20px;
		padding: 30px 0;
		margin: 50px auto 0 auto;
	}

	.address-col{
		width: 100%;
	}
	
	.footer-video{
		width: auto;
		height: 100%;
		right: -40%;
	}

	.form-container{
		padding-top: 50px;
	}

	.form-container form .form-row{
		flex-direction: column;
		gap: unset;
	}
	.form-title p{
		font-size:36px;
	}
	
}

@media only screen and (max-width: 768px){
	nav li{
		font-size: 18px;
	}
	main.homepage .hero-banner {
		/*height: 80vh;*/
		height: 374px;
		margin-top: 72px;
		position: relative;
	}

	main.sub-page .hero-banner{
		/*height: 600px;*/
		height: 374px;
		margin-top: 72px;
		position: relative;
	}

	.new-about-us-wrapper{
		margin-top: 50px; 
	}

	/* .services-carousel.desktop-only{
		display: none;
	} */

	.services-carousel.small-screen-only{
		display: flex;
	}
  
	.contact-video{
		height: 100%;
	}

	.hero-banner .image-overlay {
		height: 100%;
	}

	.hero-banner .xlarge-heading{

		margin-bottom: 30px;
	}
	footer .video-background {
		height: 80%;
	}
	
	footer p{
		margin:5px 0 15px 0
	}

	.services-container {
		margin: 50px auto;
	}
	.about-us-container, .our-policy-container {
        padding: 0 0 50px;
    }

	.accreditations-content-container{
		padding: 50px 0 150px;
	}
	
}


@media only screen and (max-width: 600px){
	body {
		font-size: 16px;
	}
	
	nav .mobile-nav{
		padding: 15px;
	}

	nav .mobile-logo img {
        height: 40px;
    }

	nav .menu-btn {
        right: 20px;
	}

	nav li{
		font-size: 16px;
	}

	footer img{
		width: 180px;
	}
	footer .form-container {
        padding-top: 30px;
    }
    .about-us-content, 
	.our-policy-content {
		padding: 0 ;
	}

	.services-container {
		margin: 30px auto;
	}
	.services-container .large-heading {
		margin-bottom: 20px;
	}
	.about-us-container{
		padding-bottom: 30px !important;
	}
	.new-about-us-wrapper{
		flex-direction: column;
	}
	.accreditations {
		padding-top: 70px;
	}	
	.accreditations-content-container{
		padding: 50px 0 130px;
	}

	.accreditations-2 .container{
		padding: 0 30px 50px 30px;
	}
	.cloud-services #item-list {
		gap: 10px;
	}
	.cloud-services-grid-item {
        width: 90%;
		min-height: unset;
    }
	.cloud-services .small-heading {
		margin-top: 10px;
	}
	.contact-us-content .large-heading {
		margin-bottom: 0;
	}
	.contact-us-container .form-container {
		padding-top: 30px;
	}
}