/*
Theme Name:   Twenty Twenty-One Child
Theme URI:    https://diviextended.com/
Description:  A child theme of Twenty Twenty-One WordPress theme.
Author:       Elicus Technologies
Author URI:   https://elicus.com
Template:     twentytwentyone
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/






@import url("../twentytwentyone/style.css");

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
	font-family: 'GothamBold';
	src: url('fonts/GothamBold.eot');
	src: url('fonts/GothamBold.eot') format('embedded-opentype'),
		url('fonts/GothamBold.woff2') format('woff2'),
		url('fonts/GothamBold.woff') format('woff'),
		url('fonts/GothamBold.ttf') format('truetype'),
		url('fonts/GothamBold.svg#GothamBold') format('svg');
}

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');


h1, h2, h3, h4, h5, h5{
	font-family: 'GothamBold';
}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Montserrat", sans-serif;
}
img{
	max-width: 100%;
}
a{
	text-decoration: none;
}
input:focus, button:focus, textarea:focus, a:focus{
	outline: none;
}
ul, ol{
	margin: 0;
	padding:0;
	list-style-type: none;
}



.mobile-menu{
	display:none;
}
.header-main {
	width: 100%;
	background:#00114f;
	background-repeat: repeat;
	position:relative;
/* 	z-index: 1; */
	margin: 0 auto;
/* 	max-width: 1920px; */
}
/* .header-main:after{
	content: "";
	background-image: url(https://ampstrategic.com/wp-content/uploads/2024/08/logo-bg.png);
	background-repeat: repeat;
	height:100px;
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	max-width: 500px;
	z-index: -1;
	height: 126px;
} */
.header-container {
	max-width: 1620px;
	width: 90%;
	margin: 0 auto;
}
.header-outer {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position:relative;
	z-index:2;
}
body:not(.home) .header-outer:before{

	content:"";
	position:absolute;
	top:0;
	left:-287px;
	max-width:100%;
	width:680px;
	height:100%; 
	z-index:-1;
}

body:not(.home) .header-outer:after{
	
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    max-width: 100%;
    width: 100vw;
    height: 100%;
    z-index: -1;
}



.nav-main .main_menu{
	display:flex;
}
.nav-main .main_menu li{
	margin:0px 15px;
}
.nav-main .main_menu li a{
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	font-family: 'GothamBold';
}
.nav-main .main_menu li a:hover{
	color:#00e468;
}
.nav-main .main_menu li:last-child a {
    background: #00e468;
    color: #0a0c00;
    padding: 18px 32px;
}
.nav-main .main_menu li:last-child{
	margin:0;
}
@media (min-width: 1275px){
	.nav-main .main_menu li:last-child a {
		font-size: 19px;
	}
}




.header-logo {
	padding: 10px 0px;
}
/* footer */

.footer-main {
	width: 100%;
	background: #00103b;
	padding:100px 0px 80px 0px;
}
.wrapper{
	max-width:1320px;
	width:90%;
	margin:0 auto;
}
.footer-section1 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer-social{}
.footer-social ul{}
.footer-social ul li{
	text-align:center;
}

.footer-social ul li span{
	font-size: 24px;
	line-height: 27px;
	color: #fff;
	margin: 15px 0px;
	display: inline-block;
}
.footer-social ul li a{
	margin:0px 5px;
	position: relative;
	display: inline-block;
	z-index:1;
	background:#fff;
	width:40px;
	height:40px;
}
.footer-social ul li a:hover{
	background:#25fa72;
}

.footer-section2{
	width: 100%;
	display: flex;
	justify-content: center;
	border-top: 1px solid #303030;
	margin-top: 40px;
	padding-top: 55px;
}
.footer-section2 span{
	font-size:18px;
	color:#fff;
	font-weight: 500;
}

/* footer end */
.inner-banner-main{
	width: 100%;
	display: inline-block;
	background: url(/wp-content/uploads/2024/08/about-banner.png);
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
}
.inner-banner-title{
	font-size:72px;
	color:#fff;
	font-weight:600;
	padding: 100px 0px;
}


.banner-breadcrumb{
	text-align: left;
	color: #080900;
	font-size:20px;
}
.banner-breadcrumb span span{
	display: none;
}
.banner-breadcrumb a{
	color: #080900;
	font-size:20px;
}
.banner-breadcrumb > span{
	max-width: 280px;
	display: flex;
	text-align: center;
	height: 75px;
	align-items: center;
	justify-content: center;
	background: url(https://ampstrategic.com/wp-content/uploads/2024/08/bread-shape.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position:relative;
	color: #00e468;
}
.banner-breadcrumb > span:after{
	content:"";
	background:#00e468;
	height:10px;
	position:absolute;
	top:100%;
	right:-30px;
	width:100vw;
}
.page-id-85 .banner-breadcrumb > span{
	max-width: 350px;
}
.page-id-104 .banner-breadcrumb > span{
	max-width: 330px;
}



.banner-breadcrumb span span{
	margin:0 5px;
}
.banner-breadcrumb span span:first-child{
	margin-left:0;
}
.banner-breadcrumb span span:last-child{
	margin-right:0;
}

/* General styles for inputs and textarea */
.booking-section .wpcf7-textarea,
.booking-section .wpcf7-email,
.booking-section .wpcf7-text,
.booking-section .wpcf7-select {
  background-color: #000A25;
}

/* Hover, Focus, Active, Visited, Focus-within, Focus-visible, Target */
.booking-section .wpcf7-textarea:hover,
.booking-section .wpcf7-email:hover,
.booking-section .wpcf7-text:hover,
.booking-section .wpcf7-select:hover,
.booking-section .wpcf7-textarea:focus,
.booking-section .wpcf7-email:focus,
.booking-section .wpcf7-text:focus,
.booking-section .wpcf7-select:focus,
.booking-section .wpcf7-textarea:active,
.booking-section .wpcf7-email:active,
.booking-section .wpcf7-text:active,
.booking-section .wpcf7-select:active,
.booking-section .wpcf7-textarea:visited,
.booking-section .wpcf7-email:visited,
.booking-section .wpcf7-text:visited,
.booking-section .wpcf7-select:visited,
.booking-section .wpcf7-textarea:focus-within,
.booking-section .wpcf7-email:focus-within,
.booking-section .wpcf7-text:focus-within,
.booking-section .wpcf7-select:focus-within,
.booking-section .wpcf7-textarea:focus-visible,
.booking-section .wpcf7-email:focus-visible,
.booking-section .wpcf7-text:focus-visible,
.booking-section .wpcf7-select:focus-visible,
.booking-section .wpcf7-textarea:target,
.booking-section .wpcf7-email:target,
.booking-section .wpcf7-text:target,
.booking-section .wpcf7-select:target {
  background-color: #000A25 !important;
color:white!important;
}

/* Autofill styles for Chrome/Safari */
.booking-section .wpcf7-textarea:-webkit-autofill,
.booking-section .wpcf7-email:-webkit-autofill,
.booking-section .wpcf7-text:-webkit-autofill,
.booking-section .wpcf7-select:-webkit-autofill {
  background-color: #000A25 !important;
  -webkit-box-shadow: 0 0 0 1000px #000A25 inset !important; 
  box-shadow: 0 0 0 1000px #000A25 inset !important;
  outline:none;
color:white!important;
}

/* Optional: Adjust text color for autofilled inputs */
.booking-section .wpcf7-textarea:-webkit-autofill,
.booking-section .wpcf7-email:-webkit-autofill,
.booking-section .wpcf7-text:-webkit-autofill,
.booking-section .wpcf7-select:-webkit-autofill {
  color: white !important;
}



/* ************************************************************************************************888 */


@media only screen and (max-width: 1700px){
	.header-main:after{
		max-width: 370px;
	}
	.nav-main .main_menu li {
		margin: 0px 8px;
	}
	.nav-main .main_menu li a{
		font-size:14px;
	}
}
@media only screen and (max-width: 1400px){
	.header-logo a.main-logo {
		max-width: 170px;
		width: 100%;
		display: block;
	}
	.header-main:after {
		max-width: 300px;
		height: 92px;
	}
	.nav-main .main_menu li a {
		font-size: 12px;
	}
	.nav-main .main_menu li:last-child a{
		padding: 18px 15px;
	}
}
@media only screen and (max-width: 1410px) and (min-width: 769px){

body:not(.home) .header-outer:before{
		    width: 580px;
	}
}

@media only screen and (max-width: 1200px){
	
	
	
	
	.mobile-menu {
		display: block;
	}
	.mobile-menu svg{
		width:40px;
		height:40px;
		fill:white;
		cursor:pointer;
	}
	.nav-main .main_menu{
		height:0px;
		opacity:0;
		visibility:hidden;
		width: 100%;
		position: absolute;
		top: 110%;
		left: 0;
		flex-wrap: wrap;
		background: #00114f;
		z-index: 99;
		padding-bottom:30px;
		transition: .5s;
	}
	.nav-main .main_menu li{
		width: 100%;
		margin: 8px 30px;
	}
	.nav-main .main_menu li a{
		font-size:16px;
	}
	.nav-main .main_menu li:last-child a {
		padding: 20px 50px;
		display: inline-block;
	}
	.nav-main.show-nav .main_menu{
		height:auto;
		opacity:1;
		visibility:visible;
	}
}

@media only screen and (max-width:768px){
	.dflip-color  .df-app {
    margin: 0 auto;
    width: 100%;
    max-width: 620px;
}
}

@media only screen and (max-width: 600px){
	.footer-section1{
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-logo{
		width: 100%;
		text-align: center;
	}
	.footer-social ul {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 425px){
	/*Small smartphones [325px -> 425px]*/
}



 .cta-button-primary {
	display: inline-flex;
	align-items: center;
	background-color: #25fa72;
	color: #000000;
	padding: 10px 30px;
	text-decoration: none;
	font-weight: 500;
	transition: background-color 0.3s ease;
	margin: 70px 0 0;
}
 .cta-button-primary:hover { background-color: #1ce060; }
.cta-button-primary .cta-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #000000;
	border-radius: 50%;
	margin-right: 8px;
}
.cta-button-primary .cta-line {
	display: inline-block;
	width: 30px;
	height: 2px;
	background-color: #000000;
	margin-left: 10px;
}




@media (max-width: 768px) {
	.cta-button-primary {
		padding: 10px 15px;
		font-size: 16px;
		margin: 40px 0 0;
	}
}