/*************************8      header css           ****************************************************/

.shrink{background-color:#fff;box-shadow: 0px 25px 20px -20px rgba(0,0,0,0.25);z-index:999;}

.logo {max-height:112px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .logo {max-height:80px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}

.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{padding:5px 0px!important;box-shadow:0px 5px 12px rgba(0,0,0,.5);}

/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .nav-item{margin:0px 10px;font-size:17px;font-weight:400;}
.navbar .nav-item .nav-link{color:#000;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#F320FA;}

/**********                Home page css       *******************************/

.bg {position: relative; background: #000; display: block; z-index: 1; display: flex; justify-content: center; align-items: center;}
.bg:after {
    content: '';
    background: url(../../../../wp-content/uploads/2025/01/bg3.jpg) no-repeat top center;
    opacity: 0.80;
    background-size: cover;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.form-control {line-height: 2.5 !important;}
textarea {height:220px;}

#MainContent img{border-radius:30px;}

.bg-new {
    background: url('../../../../wp-content/uploads/2025/01/bg3.jpg') center top no-repeat;
    background-size: cover;
}

.bg-new2 {
    background: url('../../../../wp-content/uploads/2025/01/bgnew2.jpg') center top no-repeat;
    background-size: cover;
}

/*.ol {
    margin: 0;
    gap: 1rem;
    padding: 0;
    display: flex;
    list-style: none;
    place-items: center;
    flex-direction: column;
}*/

.ol li{
	width: 18rem;
	text-align: center;
	color: #fff;
	border-radius: 3rem;
	background: rgb(77 200 228);
	padding: 15px 15px 15px 15px;
	margin: 20px;
	font-size: 14px;
}

/**************              Footer                 ******************************/

.footer a{color:#fff;}
.footer a.active,.footer a:hover{color:#41C8E5;}

.breadcrumb {
background-color: transparent !important;
padding: 0px !important;
margin-top: 15px;
font-size: 15px;
padding-bottom: 15px !important;
border-bottom: dashed 1px #c2c2c2;
}
.breadcrumb a{ 
color:#f30ef6 !important;
}
.breadcrumb li.active:before{
content: "\00BB";
font-family: "Font Awesome 5 Free";
margin-right: 5px;
margin-left: 5px;
font-weight: 900;
}

#Contact textarea{height: 180px;}

.unstyled {list-style: none;}

i#checkmark, svg#checkmark {
    color: #1bb827;
    font-size: 3em !important;
}

.wrapper-1{
  width:100%;
  height:100vh;
  display: flex;
flex-direction: column;
}
.wrapper-2{
  padding :30px;
  text-align:center;
}

.wrapper-2 p{
  margin:0;
  font-size:1.3em;
  color:#aaa;
  letter-spacing:1px;
}
.wrapper-2 h1{
  font-size:4em;
  letter-spacing:3px;
  color:#5892FF ;
  margin:0;
  margin-bottom:20px;
}
 .wrapper-1{
  height: initial;
  max-width:620px;
  margin:0 auto;
  margin-top:50px;
  box-shadow: 4px 8px 40px 8px rgba(31, 177, 170, 0.2);
} 

  .wrapper-1{
  height: initial;
  max-width:620px;
  margin:0 auto;
  margin-top:50px;
  box-shadow: 4px 8px 40px 8px rgba(31, 177, 170, 0.2);
} 
/********************     Media query       ***************************************/

@media (min-width: 1600px){
	.container {max-width: 1530px;}
	.g-4{--bs-gutter-y:2rem!important;--bs-gutter-x:2rem!important;}

	.display-5{font-size:60px;}
	.display-6{font-size:50px;}
	h1,.h1{font-size:40px;}
	.h2{font-size:35px;}
	h3{font-size:30px;}
	.fs-18{font-size:20px;}
	
	.lh-xxl-lg{line-height:2;}
	
	.logo {max-height:128px;}
	.navbar .nav-item{margin:0px 20px;}
	
	.rounded-40{border-radius:50px;}
	
	.down-arrow::before {left: 25%;border-top: 85px solid #fff;border-right: 110px solid transparent;}
	.circle-block{padding:100px 100px 0px 0px!important;background:url('../images/circles.png') 86% top no-repeat;}
	.mt-xxxl{margin-top:70px;}
}

@media (min-width: 1920px){
	.banner img {height:500px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
	.home-banner img {height:780px;}
	.container {max-width: 1750px;}
	
	.mb-xxxl-4{margin-bottom:27px!important;}
}

@media (min-width: 1400px) and (max-width: 1599.98px){
	.home-banner .display-5{margin-bottom:0px!important;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .nav-item {margin: 0px 7px;}
	.home-banner .display-5{font-size:38px;}
	
	.circle-block{height:100%;}
	.circle-block img{height:100%;-o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
}

@media (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	.logo{max-height:120px;}
	
	.testimonials .gy-5{--bs-gutter-y:4.5rem!important;}
	.down-arrow::before {left:30%;border-top:45px solid #fff;border-right:60px solid transparent;}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	.navbar .nav-item {margin: 0px 4.5px;}
	.home-banner .display-5{font-size: calc(1.425rem + 0.8vw);}
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	.home-banner .display-5{font-size: calc(1.2rem + 0.6vw);}
}

@media (max-width: 575.98px){
	.banner img {height:220px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
	.navbar-brand {display: block;max-width: calc(100% - 90px);}
}

.grecaptcha-badge { visibility: hidden; opacity: 0}