@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
	font-family: 'Raleway', sans-serif;
	background:#EBFEFF !important;
}

h1 {
	font-family: 'Raleway', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 48px;
	line-height: 56px;
	color: #00A9B3;
}

h2 {
	font-family: 'Raleway', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 47px;
	color: #002729;
	padding-bottom: 0;

}

h3 {
	font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
	padding-bottom: 0;
}


h4,
h5,
h6 {
	font-family: 'Raleway', sans-serif;

}

p {
	font-family: 'Raleway', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
}

a {
	font-family: 'Raleway', sans-serif;
}

#message-modal > div > div > div.modal-body > div{
    width:84% !important;
}
@media(max-width:576px){
    .dis{
        display:block !important;
    }
    .one{
        height:auto !important;
        min-height: auto !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(2) > div > div > div > div:nth-child(1) > div > div, #app\ companyadmin\.webapp-page\.publish > div:nth-child(4) > div > div > div > div:nth-child(3) > div > div{
        height: 20px !important;
    }
    .move{
        text-align:center !important;
    }
    .hov3:after, .hov2:after{
        bottom:8px !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div.is-section.is-box.is-bg-dark.is-light-text.is-section-auto > div > div > div > div:nth-child(2) > div.col-md-5 > div{
        max-width:none !important;
    }
    #app\ companyadmin\.webapp-page\.publish > div:nth-child(11) > div > div.is-box-6.is-box.is-dark-text.is-bg-grey > div > div > div > div:nth-child(2) > div > div{
        max-width:330px !important;
    }
    .btn-default.btn.is-btn-primary.send-btn2{
        bottom: 44px !important;
        padding: 15px 20px !important;
    }

}


/***yt video *****/
.iframecontainer {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 43.25%;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.is-video-content{
    max-width: 100% !important;
    width: 96% !important;
    height: auto !important;
    border-radius: 20px !important;
    margin-top: 20px !important;
}
/****yt end****/

/***dots***/
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 7px;
    border-radius: 500px;
    border: 1px solid #002729 !important;
    background: #EBFEFF !important;
}
.slick-dots li.slick-active, .slick-dots li:hover{
    background:#002729 !important;
}
.fa.fa-angle-left{
    color: #002729 !important;
    background: #EBFEFF !important;
    padding: 2px !important;
    border-radius: 50% !important;
    width: 37px !important;
    height: 37px !important;
}
.fa.fa-angle-right{
    padding: 1px 10px !important;
    color: #002729 !important;
    background: #EBFEFF !important;
    border-radius: 50% !important;
    width: 37px !important;
    height: 37px !important;
}
/***dots****/
/***blog****/
.post-description{
    margin-bottom:100px !important;
}

.searchbar {
    border: 1px solid rgba(1, 17, 19, 0.6) !important;
    border-radius: 10px !important;
    background: transparent !important;
    padding-left: 45px;
    width: 300px;
    height: 45px;
}
/****end of blog****/

/***popup****/
.amen{
    z-index:9 !important;
}
.is-overlay .is-overlay-content.content-selectable {
    z-index: 0 !important;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 39, 41, 0.6);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 99999999 !important;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
  z-index: 999999999 !important;
}

.popup {
    margin: 70px auto;
    padding: 60px;
    width: 56%;
    position: relative;
    transition: all 5s ease-in-out;
    background: #EBFEFF;
    border-radius: 12px;
}

.popup h2 {
  margin-top: 0;
  color: #333;
}
.popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 40px;
    font-weight: 300 !important;
    text-decoration: none;
    color: #002729 !important;
    opacity: 1 !important;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  text-align: left;
  overflow: auto;
  height: 500px !important;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}
/*****popup end ****/
.is-success-heading{
    font-size: 31px !important;
    line-height: 40px !important;
}
.hov3:after{
    content: "";
    display: block;
    width: 13px;
    border-top: 3px solid #00A9B3;
    position: absolute;
    bottom: 21px;
    left: 117px;
}
.hov3:hover:after{
    width: 18px !important;
    border-top: 3px solid #002729 !important;
}
.hov3:hover{
    font-weight: 700 !important;
    color: #002729 !important;
    text-decoration:none !important;
}
.hov2:after{
    content: "";
    display: block;
    width: 13px;
    border-top: 3px solid #002729;
    position: absolute;
    bottom: 20px;
    left: 138px;
}
.hov2:hover:after{
    width: 18px !important;
    border-top: 3px solid #00A9B3 !important;
}
.hov2:hover{
    font-weight: 700 !important;
    color: #00A9B3 !important;
    text-decoration:none !important;
}
.hov1:hover{
    background: rgba(0, 39, 41, 0.6) !important;
}
form > div.contact-form-container > div > div:nth-child(7){
    text-align:center !important;
}
.is-btn-ghost2 {
	padding: 12px 20px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 19px !important;
	letter-spacing: 0 !important;
	text-transform:none !important;
}

.btn-default.btn.is-btn-primary.send-btn2{
    position:absolute !important;
    bottom: 45px !important;
    right: 63px !important;
    padding: 15px 20px !important;
    background: #002729;
    border-radius: 0px 8px 8px 0px;
	border: 1px solid #002729 !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 19px !important;
	color: #EBFEFF !important;
}
.btn-default.btn.is-btn-primary.send-btn2:hover{
    color: #00A9B3 !important;
    background: #EBFEFF !important;
    border: 1px solid #002729 !important;
}
.form-control.email-one{
    background:#EBFEFF !important;
    width: 75% !important;
    border-radius: 8px 0px 0px 8px !important;
}
.formbuilder-text.form-group.field-email{
    padding-bottom:0 !important;
}
.form-control {
	border: 1px solid #002729 !important;
	border-radius: 8px !important;
	background:transparent !important;
}
.rendered-form .form-group {
    margin-left: 0px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.rendered-form .form-group>label {
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: #000000;
	margin-left: 10px;
}

.rendered-form .form-control:focus {
	outline: 0;
	box-shadow: none !important;
}

.send-btn {
	padding: 12px 20px !important;
	border: 1px solid #002729 !important;
	border-radius: 8px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 19px !important;
	color: #002729 !important;
}

.send-btn:hover {
	background: #00A9B3 !important;
	border: 1px solid #000000 !important;
	border-radius: 8px;
	color: #EBFEFF !important;
}

.navbar-nav>li>a {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #000000;
}

.navbar-nav>li>a:hover {
	font-weight: 700 !important;
	color: #00A9B3 !important;
}

.footer-text,
.footer-text>a {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: #EBFEFF;
}
.footer{
    background: linear-gradient(94.4deg, #002729 -14.31%, #00595D 119.77%) !important;
}


/***banner****/
.espabtn {
   background:transparent;
}
.espabtn a {
   background:transparent!important;
}

.tabimg {
   padding: 6px;
}
.pull-tab {
   z-index:999999999 !important;
   color: rgb(94, 94, 94);
   position: fixed;
   right: -500px;
   bottom:50px;
   width: 500px;
   height: auto;
   background: #FFFFFF;
   box-shadow: 0px 0px 100px 0px rgb(74 74 74 / 35%);
   padding: 14px 15px 0px 15px;
   border-radius: 3px;
   transition: 0.3s all;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
  
}
@media(max-width: 768px) {
    .pull-tab.tabbed {
        right: -330px !important;
        transition: 0.3s all;
    }
   .pull-tab {
       right: 0px;
       width: 330px;
   }
    .tabimg {
       padding: 22px 0;
    }
    .pull-tab .tab {
       margin-top: -16px!important;
       padding:13px!important;
       font-size:13px!important;
    }
    
}
.pull-tab.tabbed { 
    right: 0px; transition: 0.3s all; 
}
.pull-tab.untabbed {
    right: 0px; transition: 0.3s all; 
}
.pull-tab .tab {
   cursor: pointer;
   color: #0F3B61;
   font-family: manrope, sans-serif !important;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   box-shadow: 0px -20px 50px 0px rgb(74 74 74 / 10%);
   position: absolute;
   left: -70px;
    top: 43%;
    background: #fff;
    text-align: center;
    padding: 10px 7px;
   text-transform: none;
   font-size: 13px;
   letter-spacing: 1px;
   font-weight: 600;
   width: auto;
   height: auto;
   -webkit-transform: rotate(
-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   margin-top: -15px;
}

.is-container.container-fluid-fluid {
	z-index: 1!important;
}