/*google font*/
@import url('https://fonts.googleapis.com/css?family=Poppins:400,700,800,900&display=swap');

*{margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins',sans-serif;
}

body{line-height: normal}
a{text-decoration: none}
ul li{list-style: none}
.tbs-hgs{text-shadow: 2px 1px 1px #e82a6a;
    color: #055453;}
/*top head*/
.hap-header-top-area {
    color: #fff;
    margin: 0 40px;
    padding: 8px 70px;
    max-width: 1145px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    background: linear-gradient(90deg,#055453 0,#f350bc 50%,#055453);}.hap-header-top-area .top-info-cta li {
    font-size: 15px;margin-right: 40px;} ul{margin: 0 !important;}.hap-header-top-area .top-info-cta li a {color:#fff;text-decoration: none}.ul-li ul li {display: inline-block;}.home-6 ul, .hpt-hero-2-social-postion ul li, .sidemenu-social-link ul, .ul-li ul li {list-style: none;}.top-social-area a {color: #fff !important;}
/*top head*/
.navbar{padding: 0 !important}h2{font-size: 35px;
    font-weight: 600;
    margin-bottom: 15px;}
.main h2{font-size: 50px;font-weight: 600;color: #fff;line-height:normal }p{font-size: 16px}
.main{background-image: url(../images/banner1.jpg);background-repeat: no-repeat;background-size: cover}.navbar-light .navbar-nav .nav-link {
    color: #fff !important;
}.navbar-light .navbar-nav .nav-link:hover{color:#F8A501 !important;text-decoration: underline}.hero-p {
    color: #F8A501;
}.hero-img img {
    border-radius: 200px;
}.btn-info {
    color: #fff;
   background: #02DFBF ;
    border: 0;
    padding: 15px;
}

.pos-rel{position: relative}
.bounce-img{position: absolute;    left: 35%;
    top: 34%;
    right: 0;
    z-index: 2;
    text-align: center;animation: movebounce 3s linear infinite;}
.bounce2-img {
    position: absolute;
   left: 15%;
    z-index: 2;
    text-align: center;
  
    bottom:4%;
}
.btn-info:hover {
    color: #fff;
    background-color: #F8A501;
    border-color: #F8A501;
}
.fts-ft1-shape {
    position: absolute;
    right: 0;
    top: 0; animation: 10s linear infinite movebounce;
}
.fts-prnt {
        box-shadow: 0px 0px 1px 1px #0a4a49;
    background-color: transparent;
    background-image: linear-gradient(180deg, #063A41 0%, #063A41 100%);color: #fff;padding: 25px 15px;border-radius: 10px
}.fts-prnt p {
    color: #A7BABA;
    margin-bottom: 0 !important;
}
.high-lights{
padding: 40px;
    border-radius: 10px;
    box-shadow: 0px 4px 8px 0px #283593;}
.inner-service-bgsd-bx {
    background: #055453;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}.inner-service-bgsd-bx h3 {
    font-size: 23px;
    font-weight: 600;
}.inner-service-bgsd-bx ul li {
    font-size: 18px;
    list-style-type: disclosure-closed;
    margin-left: 20px;
}.inner-section h4 {
    font-size: 22px;
    font-weight: 600;
}
.inner-section p {
    word-break: break-all;
}
.servics{background: url(../images/service-bhs.jpg);animation: 10s linear infinite movebounce;}
.service-box {
    box-shadow: 1px 1px 3px #fff;
    padding: 10px;
    text-align: center;
}
.scd-ban{background-image: url(../images/second.webp);background-repeat: no-repeat;background-size: cover;background-position: center;padding: 150px 20px;}
/*----visigs----*/
.visigs-abt{
    background: #055453;
    color: #fff;padding: 50px 100px 50px;border-radius: 5px 0 0 5px
}.img-pos{    position: relative;
    left: 20%;
    z-index: 1;}
/*----visigs----*/
.miss-box {    background: #055453;
    color: #fff;box-shadow: 1px 1px 3px #0f3c76;padding: 10px;border-radius: 5px;}.miss-box h4 {font-size: 20px;
    font-weight: 500;color: #fff;margin-top: 10px;}.miss-box img{width:50px}
/*--------*/

.section-services {
	font-family: "Poppins", sans-serif;
	background: url(../images/service-bhs.jpg);animation: 10s linear infinite movebounce;
	color: #202020;
	
}

.section-services .header-section {
	margin-bottom: 34px;
}

.section-services .header-section .title {
	position: relative;
   
    margin-bottom: 25px;
	font-weight: 600;
    font-size: 35px;
}


.section-services .header-section .description {
	font-size: 18px;
    color: #fff;
}

.section-services .single-service {
    position: relative;
    margin-top: 30px;
    background-color: #fff;
    border-radius: 10px;
    padding: 40px 30px;
    overflow: hidden;
}

.section-services .single-service .content {
	position: relative;
	z-index: 20;
}

.section-services .single-service .circle-before {
    position: absolute;
    top: 0;
    right: 0px;
    transform: translate(40%, -40%);
    width: 150px;
    height: 150px;
    background-color: #055453;
    border: 6px solid #F8A501;
    border-radius: 50%;
    opacity: 0.5;
    z-index: 10;
    transition: all .6s;
}

.section-services .single-service:hover .circle-before {
	width: 100%;
	height: 100%;
	transform: none;
	border: 0;
	border-radius: 0;
	opacity: 1;
}

.section-services .single-service .icon {
	display: inline-block;
	margin-bottom: 26px;
    width: 70px;
    height: 70px;
    background-color: #055453;
    border-radius: 5px;
    line-height: 70px;
    text-align: center;
    color: #F8A501;
    font-size: 30px;
    transition: all .3s;
}

.section-services .single-service:hover .icon {
	background-color: #fff;
	color: #F8A501;
}

.section-services .single-service .title {
    margin-bottom: 18px;
	font-weight: 700;
    font-size: 23px;
    transition: color .3s;
}

.section-services .single-service:hover .title {
	color: #fff;
}

.section-services .single-service .description {
    margin-bottom: 20px;
    font-size: 17px;
    transition: color .3s;
}

.section-services .single-service:hover .description {
	color: #fff;
}

.section-services .single-service a {
	position: relative;
	font-size: 18px;
    color: #055453;
    text-decoration: none;
    font-weight: 500;
    transition: color .3s;
}

.section-services .single-service:hover a {
	color: #fff;
}



.section-services .single-service:hover a:after {
	background-color: #fff;
}

/*--------*/




/*
.card-main {
    padding: 40px;
   
}
*/

.card-0 {
    color: #fff;
    background-image: linear-gradient(180deg, #063A41 0%, #063A41 100%);
    position: relative;
    margin-left: 70px;
    border-radius: 10px;
    min-height: 312px;
}

.carousel-indicators li {
    cursor: pointer;
    border-radius: 50% !important;
    width: 10px;
    height: 10px;
}

.profile {
    color: #fff;
    background-color: transparent;
    position: absolute;
    left: -70px;
    top: 17%;
    border-radius: 8px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 0;
}
.profile h6 {
    color: #F8A501;
}
.profile-pic {
    width: 100px;
    height: 100px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
}

.open-quotes {
    margin-left: 130px;
    margin-top: 100px;
}


.contents {
    margin-left: 150px;
    margin-right: 80px;
}


.close-quotes {
    margin-bottom: 100px;
    margin-right: 60px
}

@media screen and (max-width: 600px) {
    .card-main {
        padding: 50px 10px;
    }

    .card-0 {
        min-height: 432px;
    }

    

    .profile-pic {
        width: 90px;
        height: 90px;
    }

    .open-quotes {
        margin-left: 100px;
    }

    

    .close-quotes {
        margin-right: 30px
    }
}
/*-----Contact Us----*/
input[type=text], select, textarea {
  width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px;  box-sizing: border-box; margin-top: 6px;margin-bottom: 16px; resize: vertical;
}
input[type=submit] { background-color: #04AA6D; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer;}
input[type=submit]:hover {background-color: #45a049;}
/*-----Contact Us----*/
/*----marbanner----*/
.mar-banner{background-image: url(../images/mar-banner.webp);background-repeat: no-repeat;background-size: cover}    background-attachment: fixed;
/*----marbanner----*/




/*----footer----*/
footer{background: #28807B;color: #fff}
.footer-top {
    background: #000;
}footer h3 {
    color: #F8A501;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}footer ul li {
    margin-bottom: 10px;
}
footer i{color:#F8A501;}
footer a{color: #fff}footer a:hover {
    color:#F8A501;
    text-decoration: none;
}.single-contact-info {
    background: #055453;
    color: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
}
/*----footer----*/
.mob-hd {display: block;}.des-hd{display: none}
@media screen and (max-width: 767px){.fts-prnt{flex-direction:column}.mb-mt{margin-top:30px}.hap-header-top-area{display: none} .main h2 { font-size: 30px;} .mob-hd {display: none;}.des-hd{display: block}.mob-cen{text-align: center}.mt-top{margin-top: 20px}.navbar-brand img {
    width: 150px !important;}.card-0{margin-left: 0}.profile {position: static; left: 0; top: 0;}.contents {margin-left: 0; 
        margin-right:0; padding: 10px;}.open-quotes {margin-top: 20px;}.close-quotes{margin-bottom: 20px;}.img-pos{position: static}.visigs-abt {padding: 20px;text-align: center;}footer{text-align:center}.navbar-light .navbar-toggler-icon {
    background-image: url(../images/toogle-mob.png) !important;
}.navbar-light .navbar-toggler{border-color: #fff;}}









@keyframes movebounce{
0% {
    transform: translateY(0px);
}
50% {
    transform: translateY(20px);
}
100% {
    transform: translateY(0px);
}
}
@keyframes choose-2-f-item{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}