/* Header */
#main-header .header-button { 
  background-color: transparent !important;
	font-family: "Hanken Grotesk", Sans-serif;
	font-weight: 500;
	background-image: radial-gradient(at center center, #0166FF 15%, #ffffff 100%) !important; /*#FFFFFF80*/
	border-style: solid !important;
	border-width: 1px 1px 1px 1px !important;
	border-color: #0166FF !important;
	border-radius: 25px 25px 25px 25px !important;
  padding:8px 20px; 
}
#main-header .header-button:hover{
  background-image: radial-gradient(at center center, #ffffff 15%, #6dafff 100%) !important;
  border-color: #0166FF !important;
  color:#0166FF !important; 
}
/* End Header */

/* Custom accordian */
#image1, #image2, #image3, #image4, #image5 { display: none; }
#image1 { display: block; } 
#image1 img, #image2 img, #image3 img, #image4 img, #image5 img
{
  border-radius:0 0 20px 20px; 
  margin: -1.5% 0% 5% 0%;
} 

/* End Custom accordian */
/* About Boxes*/
.abt-box .square_icon_box{
    /*height:80vh;*/
   	height:70vh;
    max-height:580px; 
}
.whtbox_title strong{
  color: #0166FF;
}
/* Popup  */
.sg-popup-content{
    background-image: radial-gradient(at center center, #0166FF 15%, #FFFFFF80 100%);
    padding:0 !important;     
}
.sgpb-popup-close-button-1{  top:10px; }
.sgpb-theme-1-content {
	border-radius:18px; 
	padding-bottom: 0;
	box-shadow: rgba(0, 0, 0, 0.6) 0 0 0 0px !important;
	border-bottom-width: 0px !important;
	border-bottom-color: #fff !important;
}
/* .sgpb-popup-dialog-main-div-theme-wrapper-1 { } */
.popup-bg{            
background-image: radial-gradient(at center center, #0166FF 15%, #FFFFFF80 100%);
padding:1.5% 5%; 
border-radius:18px; 
color:#ffffff;
}
.popup-bg .row{  display:flex; }
.popup-bg .col-7{
    width: 55%;
    padding: 2% 2%;
}
.popup-bg .col-5{
    width:45%; 
    background-color: #ffffff;
    border-radius:15px; 
    overflow-x: hidden;
    color:#3d3b3e;
    padding: 0px 35px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.popup-bg h2{ color :#ffffff; font-size:40px; line-height:48px; }
.popup-bg h3{ font-size:32px; line-height:36px; margin-bottom:20px; }
.popup-bg h4{ font-size:26px; line-height:32px; margin-bottom:20px;  color:#ffffff;  }
.popup-bg p { font-size:24px; line-height:28px; }
.popup-list{ list-style:none; }
.popup-list li{  height:60px; }
.popup-list li i {
    border: solid 1px #ffffff;
    padding: 10px 10px;
    border-radius: 25px;
    color: #ffffff;
    font-size: 25px;
    margin-right:20px;
}

.popup-list li:last-child i{
   padding:10px 13px; 
}

.wpcf7-form-control { border:solid 1px #e2e2e2 !important; }
.wpcf7-form-control.wpcf7-recaptcha { border:solid 0px #e2e2e2 !important;  } 
.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-form-control-wrap input[type="email"] {
  width:95%;  
  margin: 10px 0px;
  border-radius:6px;
}
.wpcf7-form-control-wrap textarea{
  width: 95%;
  height: 90px;
  border-radius:6px; 
  margin: 10px 0px;

}
.wpcf7-submit {
  background-color: transparent !important;
	border-radius: 25px !important; 
  background-image: radial-gradient(at center center, #0166FF 15%, #FFFFFF80 100%) !important;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #0166FF !important;	
}


/* input[type="submit"] */
/*
Button Styling For all Buttons
.elementor-button {
	background-color: transparent;
	font-family: "Hanken Grotesk", Sans-serif;
	font-weight: 500;
	background-image: radial-gradient(at center center, #0166FF 15%, #FFFFFF80 100%);
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #0166FF;
	border-radius: 20px 20px 20px 20px;
}
*/
/********************************************************* Footer ************************************************/
.footer-list{
  list-style: none;
  font-size:16px;
  line-height:24px;
  font-weight:500; 
}
.footer-list strong{
  font-weight: 700;
}
.footer-list i {
  border:   solid 1px #fff;
  padding:  10px 11px;
  border-radius: 25px;
  color: #ffffff;
  font-size: 16px;
  margin-right: 18px;
}
.footer-list li{  margin-bottom:15px; }
.footer-logo{		max-width:250px !important; }
.site-footer-row.site-footer-row-columns-3 { border-bottom: solid 1px #fdfdfd; }
.site-middle-footer-inner-wrap { border-bottom:solid 1px #fdfdfd;  }
.site-footer-middle-section-3 .menu-footer-container{  margin-left:15%;    }
/****************************************************** End Footer ***********************************************/
@media only screen and (min-width:2560px){
 .abt-box .square_icon_box {  height: 60vh;  max-height:580px; }
 /*********************************** Banner Area *******************************/
  .elementor-12 .elementor-element.elementor-element-66dab78 {
        margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 1.5%) -88% !important;
  }
  /*********************************** Footer *************************************/
}
@media only screen and (min-width:1920px){
  .abt-box .square_icon_box {  height: 50vh; max-height:580px;   }
  /*********************************** Banner Area *******************************/
  .elementor-12 .elementor-element.elementor-element-66dab78 {
        margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 1.5%) -88% !important;
  }
  /*********************************** Footer *************************************/
}
@media only screen and (min-width:1440px){
  .abt-box .square_icon_box {  height: 75vh; max-height:580px;   } 
  /*********************************** Banner Area *******************************/
  .elementor-12 .elementor-element.elementor-element-66dab78 {
        margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 1.5%) -66% !important;
  }
  /*********************************** Footer *************************************/
}
@media only screen and (min-width:1024px) and (max-width:1280px) { 
 #image1 img, #image2 img, #image3 img, #image4 img, #image5 img {
  	border-radius: 0 0 20px 20px;
  	margin: -3% 0% 5% 0%;
  }
  /*********************************** Banner Area *******************************/
  .elementor-12 .elementor-element.elementor-element-66dab78 {
    margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 1.5%) -66% !important;
  }
}

@media only screen and (min-width:1024px) and (max-width:1280px) and (orientation: landscape) { 
  /*********************************** Banner Area *******************************/
  .elementor-12 .elementor-element.elementor-element-66dab78 {
    margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 1.5%) -60% !important;
    /* margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 1.5%) -88% !important; */
  }
}
/* @media only screen and (min-width:764px) and (max-width:1023px){ */
@media only screen and (min-width:871px) and (max-width:1023px){
    .abt-box .square_icon_box {  height: 45vh; max-height:580px;   }
    #image1 img, #image2 img, #image3 img, #image4 img, #image5 img {
      border-radius:0 0 20px 20px; 
      margin: 0% 0% 5% 0%;
    }
    /***************************** Banner Area ***************************/
    .bright-container {  width:65% !important; }  
    .elementor-12 .elementor-element.elementor-element-66dab78 {
      /* margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 2.5%) -60% !important; */
      margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 2.5%) -15% !important;
    }
    
    /******************************** Footer ********************************/
    /* .site-footer-middle-section-3 .menu-footer-container {  margin-left: 4%; } */
    .site-footer-middle-section-3 .menu-footer-container {  margin-left: 5%; }
  } 
@media only screen and (min-width:736px) and (max-width:870px){
    .abt-box .square_icon_box {  height: 45vh; max-height:580px;   }
    #image1 img, #image2 img, #image3 img, #image4 img, #image5 img {
      border-radius:0 0 20px 20px; 
      margin: 0% 0% 5% 0%;
    }
    /***************************** Banner Area ***************************/
    .bright-container {  width: 65% !important; }  
    .elementor-12 .elementor-element.elementor-element-66dab78 {
      /* margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 2.5%) -60% !important; */
      margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 2.5%) -15% !important;
    }
    
    /******************************** Footer ********************************/
    /* .site-footer-middle-section-3 .menu-footer-container {  margin-left: 4%; } */
    .site-footer-middle-section-3 .menu-footer-container {  margin-left: 5%; }
} 

@media only screen and (min-width: 871px) and (max-width:1023px) and (orientation: landscape) {
  /*********************************** Banner Area *******************************/
  /* .banner-container{  min-height:60vh !important} */
  .bright-container {  width:65% !important; }  
  .elementor-12 .elementor-element.elementor-element-66dab78 {
    /* margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 1.5%) -88% !important; */
    /* margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 8.2%) -60% !important;     */
    margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 2.4%) -60% !important;  
    padding: 0px 0px 0px 0px;
  }
}
@media only screen and (min-width: 800px) and (max-width:870px) and (orientation: landscape) {  
  /*********************************** Banner Area *******************************/
  /* .banner-container{  min-height:60vh !important} */
  .bright-container {  width:65% !important; }   /*width:65% !important;*/
  .elementor-12 .elementor-element.elementor-element-66dab78 {
    /* margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 1.5%) -88% !important; */
    margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 1.5%) -60% !important;    
    padding: 0px 0px 0px 0px;
  }
}
@media only screen and (min-width: 736px) and (max-width:799px) and (orientation: landscape)
{
/* .banner-container{  min-height:60vh !important} */
  .bright-container {  width:50% !important; }   /*width:65% !important;*/
  .elementor-12 .elementor-element.elementor-element-66dab78 {
    /* margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 1.5%) -88% !important; */
    margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 1.5%) -60% !important;    
    padding: 0px 0px 0px 0px;
  }
}

/* @media only screen and (min-width:640px) and (max-width:763px){
 
} */
@media only screen and (min-width:590px) and  (max-width:735px) {
 /******************************************** Banner ****************************************/ 
  .bright-container { width:65% !important; }
  .elementor-12 .elementor-element.elementor-element-66dab78 {
    margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 2%) -64% !important;
	  padding: 0px 0px 0px 0px;
  }
  /* icon list */
  .elementor-12 .elementor-element.elementor-element-f68bb47 {
    /* margin: -3% 55% calc(var(--kit-widget-spacing, 0px) + 0%) 0% !important; */
    margin: -5% 30% 0% 4% !important;
  }
  .elementor-12 .elementor-element.elementor-element-0091dee {
    /* margin: 0% 55% calc(var(--kit-widget-spacing, 0px) + 0%) 0% !important; */
    margin: 0% 30% 0% 4% !important;    
  }
  
}
/*(orientation: landscape)*/
@media only screen and (min-width:480px) and (max-width:640px){
/************************************* Popup ****************************************/
  .popup-bg .row    { flex-direction: column; }
  .popup-bg .col-7  { width: 90%;  padding: 2% 2%; }
  .popup-bg .col-5  { width: 75%;  }
  .popup-bg h2 {
    color: #ffffff;
    font-size: 34px;
    line-height: 38px;
    text-align: center;
  }
  .popup-bg h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    color: #ffffff;
    text-align: center;
  }
  .popup-bg p {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
  }
  .wpcf7-form p { text-align: left; font-size:18px; line-height:22px; }
  .wpcf7-form-control-wrap input[type="text"], 
  .wpcf7-form-control-wrap input[type="tel"], 
  .wpcf7-form-control-wrap input[type="email"] {
    width: 95%;
    margin: 8px 0px;
    border-radius: 6px;
  }
  .popup-list li {  height: 50px; }
  .popup-list li i {
    border: solid 1px #ffffff;
    padding: 8px 8px;
    border-radius: 25px;
    color: #ffffff;
    font-size: 16px;
    margin-right: 12px;
  }
  .popup-list li:last-child i {  padding: 8px 10px;  }
  /******************************************  End Popup **************************************/
  /* Footer */
  .site-footer-middle-section-3 .menu-footer-container { 	margin-left: 9%;  }
  .site-footer-middle-section-3 .footer-widget-area-inner { margin-top:-5%;  }
  .footer-list i {
    border: solid 1px #fff;
    padding: 10px 11px;
    border-radius: 25px;
    color: #ffffff;
    font-size: 14px;
    margin-right: 14px;
   }
  /******************************************** Banner ****************************************/
   /* icon list */
  .elementor-12 .elementor-element.elementor-element-f68bb47 {
    /* margin: -3% 55% calc(var(--kit-widget-spacing, 0px) + 0%) 0% !important; */
    margin: -5% 30% 0% 4% !important;
  }
  .elementor-12 .elementor-element.elementor-element-0091dee {
    /* margin: 0% 55% calc(var(--kit-widget-spacing, 0px) + 0%) 0% !important; */
    margin: 0% 30% 0% 4% !important;
    
  }

}
	
@media only screen and (min-width:420px) and (max-width:480px){
/*****************************  Banner Area ***************************************/
 .btn-ai{ 
 	margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 7.8%) -88% !important;
  /* margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 2.8%) -88% !important; */
	padding: 0px 0px 0px 0px; 
 }
 .elementor-12 .elementor-element.elementor-element-66dab78 {
	/* margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 7.8%) -88% !important; */
  margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 2%) -88% !important;
	padding: 0px 0px 0px 0px;
}
 /*********************************************************************************/
	.abt-box .square_icon_box{  	height:60vh; max-height:580px;   }
  #image1 img, #image2 img, #image3 img, #image4 img, #image5 img {
    border-radius: 0 0 20px 20px;
    margin: 0% 0% 5% 0%;
  }
/******************************** Popup *******************************/
  .popup-bg .row { flex-direction: column; }
  .popup-bg .col-7 { width: 90%;  padding: 2% 2%; }
  .popup-bg .col-5 { width: 75%;  }
  .popup-bg h2 {
    color: #ffffff;
    font-size: 34px;
    line-height: 38px;
    text-align: center;
  }
  .popup-bg h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    color: #ffffff;
    text-align: center;
  }
  .popup-bg p {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
  }
  .wpcf7-form p { text-align: left; font-size:18px; line-height:22px; }
  .wpcf7-form-control-wrap input[type="text"], 
  .wpcf7-form-control-wrap input[type="tel"], 
  .wpcf7-form-control-wrap input[type="email"] {
    width: 95%;
    margin: 8px 0px;
    border-radius: 6px;
  }
  .popup-list li {  height: 50px; }
  .popup-list li i {
    border: solid 1px #ffffff;
    padding: 8px 8px;
    border-radius: 25px;
    color: #ffffff;
    font-size: 16px;
    margin-right: 12px;
  }
  .popup-list li:last-child i {  padding: 8px 10px;  }
 /*************************************** POPUP ************************************/
 /*************************************** Footer ***********************************/
  .footer-logo {	max-width: 210px !important; }
  .site-footer-middle-section-3 .menu-footer-container    { 	margin-left:11%; /*9%*/ }
  .site-footer-middle-section-3 .footer-widget-area-inner {   margin-top:-5%;  }
  .footer-list i {
      border: solid 1px #fff;
      padding: 10px 11px;
      border-radius: 25px;
      color: #ffffff;
      font-size: 14px;
      margin-right: 14px;
   }
}
@media only screen and (min-width:320px) and (max-width:480px) and  (orientation: landscape) {
/*****************************  Banner Area ***************************************/
  .elementor-12 .elementor-element.elementor-element-66dab78 {
    margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0% !important;
    padding: 0px 0px 0px 0px;
  }
/*********************************************************************************/
}

@media only screen and (min-width:320px) and (max-width:419px){
/*****************************  Banner Area ***************************************/
  .btn-ai{ 
    margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 7.8%) -64% !important;
    /* margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 2.8%) -64% !important; */
    padding: 0px 0px 0px 0px; 
  }
  .elementor-12 .elementor-element.elementor-element-66dab78 {
    margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0% !important;
    /* margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 7.8%) -64% !important; */
    /* margin: 0% 0% calc(var(--kit-widget-spacing, 0px) + 2.8%) -64% !important; */
    padding: 0px 0px 0px 0px;
  }
 /*********************************************************************************/
	.abt-box .square_icon_box{  	height:60vh; max-height:580px;   }
  #image1 img, #image2 img, #image3 img, #image4 img, #image5 img {
    border-radius: 0 0 20px 20px;
    margin: 0% 0% 5% 0%;
  }
  /******************************** Popup *******************************/
  .popup-bg .row { flex-direction: column; }
  .popup-bg .col-7 { width: 90%;  padding: 2% 2%; }
  .popup-bg .col-5 { width: 75%;  }
  .popup-bg h2 {
    color: #ffffff;
    font-size: 34px;
    line-height: 38px;
    text-align: center;
  }
  .popup-bg h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    color: #ffffff;
    text-align: center;
  }
  .popup-bg p {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
  }
  .wpcf7-form p { text-align: left; font-size:18px; line-height:22px; }
  .wpcf7-form-control-wrap input[type="text"], 
  .wpcf7-form-control-wrap input[type="tel"], 
  .wpcf7-form-control-wrap input[type="email"] {
    width: 95%;
    margin: 8px 0px;
    border-radius: 6px;
  }
  .popup-list li {  height: 50px; }
  .popup-list li i {
    border: solid 1px #ffffff;
    padding: 8px 8px;
    border-radius: 25px;
    color: #ffffff;
    font-size: 16px;
    margin-right: 12px;
  }
  .popup-list li:last-child i {  padding: 8px 10px;  }
 /*************************************** POPUP ************************************/
 /*************************************** Footer ***********************************/
  .footer-logo {	max-width: 210px !important; }
  .site-footer-middle-section-3 .menu-footer-container    { 	margin-left:9%; /*9%*/ }
  .site-footer-middle-section-3 .footer-widget-area-inner {   margin-top:-5%;  }
  .footer-list i {
      border: solid 1px #fff;
      padding: 10px 11px;
      border-radius: 25px;
      color: #ffffff;
      font-size: 14px;
      margin-right: 14px;
   }

}

/**************************************FOOTER *****************************************/