/* */

.my_section_padding {
    padding: 70px 0px;
}

/* Header css  */

.header-part {
    background: #162b45;

}



.header-icon a.btn-1 {
    padding: 12px 22px;
    border: none;
    border-radius: 0;
    font-weight: 600;
    background: #0092b6;
    text-transform: uppercase;
}

.header-icon a.btn-1:hover {
    color: #002e5b;
}

.header-icon ul {
    margin-top: 5px;
}

.header-item {
    padding: 15px 0;
}

.header-item p {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    position: relative;
}

.header-item p i {
    margin-right: 6px;
    color: #ffad18;
}

.header-item p a {
    color: #fff;
}

.header-item p a:hover {
    color: #ffad18;
}

.bg-white {
    background: #f9f9f9 !important;
}

.bg-white .header-item p {
    color: #6f6f6f;
}

.bg-white .header-item p a {
    color: #ffad18;
}

.bg-white .header-item p i {
    color: #ffad18;
}

.bg-white .flat-list.social-icon li a i {
    color: #ffad18;
}

.bg-white .flat-list.social-icon li a i:hover {
    color: #002e5b;
}

.navbar-brand {
    margin-right: 0px;
}
 .navbar {
  height: 110px;
}

@media screen and (max-width: 991px) {
  .header-part {
    visibility: hidden;
    display: none;
  }
}


/* Header css End */


/* ---------------------------------------------
            ==  Navigation Part  ==
            --------------------------------------------- */
/*
.navbar-brand
{
  position: absolute;
  width: 100%;
  right: 0;
  text-align: right;
  margin: auto;
}*/
/*
#navigation {
    padding: 0 0px;
}

#navigation .navbar-brand {
    padding: 5px 0;
    margin-right: 0;
}*/

.navbar-nav{

	padding-left: 50px;
}

#nav-list>ul>li {
    padding: 45px 23px;
}

#nav-list>ul>li {
    padding: 45px 23px;
}

#mid-nav #nav-list>ul>li>a {
    font-size: 14px;
    position: relative;
    padding: 7px 0;
    text-transform: uppercase;
    font-weight: 700;
}

#nav-list>ul>li>a {
    font-size: 16px;
    position: relative;
    padding: 7px 0;
    text-transform: uppercase;
    font-weight: 600;
}

.second-nav-toggler i {
    font-size: 20px;
}

.nav-bg-white {
    background: #fff;
}

.nav-bg-white #nav-list>ul>li>a {
    color: #454c4e;
}

.nav-bg-white #nav-list>ul>li>a::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    background: #0092b6;
    height: 2px;
    width: 0;
    display: inline-block;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
}

.nav-bg-white #nav-list>ul>li.active>a,
.nav-bg-white #nav-list>ul>li:hover>a,
.nav-bg-white #nav-list>ul>li>a.active {
    color: #ff4800;
}

.nav-bg-white #nav-list>ul>li.active>a::after,
.nav-bg-white #nav-list>ul>li:hover>a::after,
.nav-bg-white #nav-list>ul>li>a.active::after {
    width: 100%;
}

.nav-bg-white .second-nav-toggler i {
	color: #002e5b;

}
    


@media screen and (max-width: 44em) {
	.noslider{

		display: none;
	}

	 .navbar {
  height: 72px;
}

.navbar-nav{

	padding-left: 0px;
}

.navbar-brand img{ 
	

 width: 50%;
	}


.navbar-brand p{ 
display: inline-block;
color: #333;
	}




#nav-list>ul>li {
    padding: 10px 10px;
}

#nav-list>ul>li {
    padding: 10px 10px;
}

#mid-nav #nav-list>ul>li>a {
    font-size: 14px;

    padding: 7px 0;
    text-transform: uppercase;
    font-weight: 700;
}

#nav-list>ul>li>a {
    font-size: 16px;

    padding: 7px 0;
    text-transform: uppercase;
    font-weight: 600;
}

.second-nav-toggler i {
    font-size: 20px;
}

.nav-bg-white {
    background: #fff;
}

.nav-bg-white #nav-list>ul>li>a {
    color: #454c4e;
}

.nav-bg-white #nav-list>ul>li>a::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    background: #0092b6;
    height: 2px;
    width: 0;
    display: inline-block;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
}

.nav-bg-white #nav-list>ul>li.active>a,
.nav-bg-white #nav-list>ul>li:hover>a,
.nav-bg-white #nav-list>ul>li>a.active {
    color: #ff4800;
}

.nav-bg-white #nav-list>ul>li.active>a::after,
.nav-bg-white #nav-list>ul>li:hover>a::after,
.nav-bg-white #nav-list>ul>li>a.active::after {
    width: 100%;
}

.nav-bg-white .second-nav-toggler i {
    color: #002e5b;
}

    

}




/*   Owl-carousel Slider*/



 .owl-carousel{
            position: relative;
            display: none;
        }
        .owl-carousel .item{
            height: 560px;
        }
        .owl-carousel .item img{
            width: 100%;
            height: auto;
        }
        /*
        .owl-carousel .item .item-caption{
            position: absolute;
            bottom: 10%;
            left: 5%;
            color: #337ab7;
            font-size: 36px;
            font-weight: bold;
        }*/

       .owl-carousel .item .item-caption{
            position: relative;
            color: #337ab7;
	        margin: auto;
		    position: absolute;
		    text-align: center;
		    top: 50%;
		    width: 100%;

        }



        .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{
            position: absolute;
            top: 45%;
            background: #337ab7;
        }
        .owl-carousel .owl-nav .owl-prev{
            left: 10px;
        }
        .owl-carousel .owl-nav .owl-next{
            right: 10px;
        }
        .owl-carousel .owl-dots{
            position: absolute;
            bottom: 10px;
        }
        .owl-theme .owl-dots .owl-dot span{
            background: #85acce;
        }
        .owl-theme .owl-dots .owl-dot:hover span {
            background: #4f89bb;
        }
        .owl-theme .owl-dots .owl-dot.active span{
            background: #337ab7;
        }



body {
  font-family: 'Monda', sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #666;
  background: #f0f0f0;
}

h1 {
  margin: 0 0 20px 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2em;
  color: #3FABBA;
}

a {
  text-decoration: none;
  color: #3FABBA;
}

.clear {
  clear: both;
}

.animation {
  -webkit-transition: all 0.3s ;
  -moz-transition: all 0.3s ;
  -ms-transition: all 0.3s ;
  -o-transition: all 0.3s ;
  transition: all 0.3s ;
}

.wrapper {
  width: 600px;
  padding: 20px;
  margin: 20px auto;
  background: #fff;
}


.breadCrumbs {
  position: relative;
}

.breadCrumbs li {
  position: relative;
  float: left;
}

.breadCrumbs li a,
.breadCrumbs li p {
  display: block;
  padding: 0 10px 0 30px;
  line-height: 40px;
  color: #fff;
  background: #3fabba;
}

.breadCrumbs li:first-child a {
  padding: 0 10px 0 20px;  
}

.breadCrumbs li a:hover {
  
}

.breadCrumbs li.activePage p,
.breadCrumbs li.activePage a {
  background: #333;
}

.breadCrumbs li:after {
  content: '';
  position: absolute;
  top: 0;
  right: -20px;
  display: block;
  width: 0; 
  height: 0; 
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #3fabba;
  z-index: 10;
}

.breadCrumbs li.activePage:after {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #333;
}

/* GIVE EVERY CHILD A DIFFERENT COLOR */
.breadCrumbs li:nth-child(1) a {
  background: #3fabba;
}

.breadCrumbs li:nth-child(1):after {
  border-left: 20px solid #3fabba;
}


/*  Aboout us old css */

.popup {
            position: relative;
            display: inline-block;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        /* The actual popup */
        
       .popup .popuptext {
            visibility: hidden;
            width: 360px;
            background-color: #555;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            padding: 8px 0;
            position: absolute;
            z-index: 1;
            bottom: 125%;
            left: 50%;
            margin-left: -80px;
        }
        /* Popup arrow */
        
        .popup .popuptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }
        /* Toggle this class - hide and show the popup */
        
        .popup .show {
            visibility: visible;
            -webkit-animation: fadeIn 1s;
            animation: fadeIn 1s;
        }
        /* Add animation (fade in the popup) */
        
        @-webkit-keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        /*  client slider part */
        
        h2 {
            text-align: center;
            padding: 20px;
        }
  

    /*    End of old css**/

     /* My partner css*/

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

.container{

      font-family: 'Poppins', sans-serif !important;
   
}
h2{
    text-align: center;
    padding: 20px;
}
.slick-slide{
    margin: 0 5px;
}
.slick-slide img{
  width: 100%; 
  height: 82px;
}
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block
}
.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-slide img{
    display: block;
}
.slick-initialized .slick-slide{
    display: block;
}
.copy{
    padding-top: 250px;
}


@media(max-width: 991px){

.slick-slide img{
  width: 100%; 
  height: 55px;
}


}

/* --------------------------------------------------
            == Team Part  ==
            --------------------------------------------------- */

.team-slider {
    padding: 50px 0px 0px;
}

.sub-team-3 .team-slider .section-head-3-1 h2::after {
    left: 50%;
    transform: translateX(-50%);
}

.team-item .team-img {
    position: relative;
}

.team-item .team-img img {
    width: 100%;
}

.team-item .team-member-name {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    padding-bottom: 15px;
    background: #162b45;;
}

.team-item .team-member-name h2 {
    padding: 12px 0 0px;
    background: #162b45;;
    font-size: 18px;
    color: #fff;
    font-weight: 400 !important;
    line-height: 33px;
}

.team-item .btn_1 {
    display: inline-block;
    padding: 19.5px 42px;
    background-color: #ff1481;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    width: 100%;
    text-align: center;
}
.team-item .team-member-des {
    padding: 0px 0;
    text-align: center;
    background: #162b45;;
    padding-bottom: 5px;
}

.team-item .team-member-des P {
    max-width: 300px;
    margin: auto;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
}

.team-item .team-social {
    text-align: center;
    padding: 18px 0;
    background: #f0f1f1;
}

.team-item .team-social ul li a i {
    background: #f0f1f1;
    font-size: 20px;
    color: #ffad18;
    margin: 0 10px;
    height: 20px;
    width: 20px;
}

.team-2-part {
    background-position: 100% 20%;
    position: relative;
}

.team-2-part .section-head {
    margin-bottom: 70px;
}

.team-2-part.patten::before {
    position: absolute;
    content: '';
    top: 30%;
    transform: translateY(-50%);
    right: 0;
    background: url(../images/style-pett.html) no-repeat;
    background-size: contain;
    background-position: center;
    width: 289px;
    height: 237px;
}

.team-2-item .team-2-img {
    position: relative;
    box-shadow: 0px 3px 9px 0px rgba(117, 117, 117, 0.35);
    overflow: hidden;
}

.team-2-item {
    margin: 5px 5px 80px 5px;
}

.team-2-item .team-2-img .team-2-social {
    display: flex;
    align-items: center;
    background: #ffad18;
    position: absolute;
    bottom: 0;
    right: -05%;
    height: 100%;
    padding: 0 32px;
    margin: auto;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    opacity: 0;
}

.team-2-item .team-2-img ul {
    visibility: hidden;
}

.team-2-item .team-2-img ul li {
    padding: 10px 0;
}

.team-2-item .team-2-img ul li a i {
    font-size: 24px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    color: #fff;
}

.team-2-item .team-2-img ul li a i:hover {
    color: #002e5b;
}

.team-2-item .team-2-des {
    padding-top: 20px;
}

.team-2-item .team-2-des h4 {
    color: #3d3d3d;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.team-2-item .team-2-des p {
    margin-top: 3px;
}

.team-2-item:hover .team-2-social {
    opacity: 1;
    right: 0;
}

.team-2-item:hover .team-2-social ul {
    visibility: visible;
}

.team-2-item:hover .team-2-des h4 {
    color: #ffad18;
}

@media only screen and (max-width: 1400px) {
    .team-2-part.patten::before {
        top: 10%;
        width: 125px;
    }
}

@media only screen and (max-width: 575px) {
    .team-2-part.patten::before {
        display: none;
    }
}

.pad-bot-30 {
    padding-bottom: 30px!important
}

.sub-team-3 {
    background: #fff;
}

.sub-team-3 .section-head-3-1 p {
    padding-right: 35px;
}

.sub-team-3 .section-head-3-1 h2::after {
    left: 0;
    transform: translateY(0);
}

.sub-team-3 .progressbar-v2 {
    margin-bottom: 50px;
}

.team-3-slider .swiper-wrapper {
    margin-bottom: 10px;
}

.team-3-slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #474747;
    opacity: 0.549;
}

.team-3-slider .swiper-pagination-bullet-active {
    background: #ffad18;
    opacity: 1;
}


/* Contact form css*/

*{
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 font-family: 'Poppins',sans-serif;

}

.contacts{
	position: relative;
	min-height: 100vh;
	padding: 50px 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;

	background-size: cover;

}


.contacts .contents{

	max-width: 800px;
	text-align: center;
}


.contacts .contents h2{

	font-size: 36px;
	font-weight: 500;
	color: #fff;
}

.contacts .contents p{

	font-weight: 300;
	color: #fff;
}

.containers{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 30px;


}

.containers .contactInfos{

	width: 50%;
	display: flex;
	flex-direction: column;

	}

.containers .contactInfos .boxs{

	position: relative;
	padding: 20px 0;
	display: flex;
}	

.containers .contactInfos .boxs .icons{

	min-width: 60px;
	height: 60px;
	background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 22px;



}

.containers .contactInfos .boxs .texts{

display:  flex;
margin-left: 20px;
font-size: 16px;
color: #fff;
flex-direction: column;
font-weight: 300;


}

.containers .contactInfos .boxs .texts h3{

	font-weight: 500;
	color: #00bcd4;
}

.contactForms{

	width: 40%;
	padding:40px;
	color:#fff;
	background: #fff;
}

.contactForms h2{

font-size: 30px;
color: #333;
font-weight: 500;

}

.contactForms .inputBoxs{
position: relative;
width: 100%;
margin-top: 10px;

}

.contactForms .inputBoxs input,.contactForms .inputBoxs textarea{

width: 100%;
padding: 5px 0;
font-size: 16px;
margin: 10px 0;
border:none;
border-bottom: 2px solid #333;
outline: none;
resize: none;


}

.contactForms .inputBoxs span{
position: absolute;
left: 0;
padding: 5px 0 ;
font-size: 16px;
margin: 10px 0;
pointer-events: none;
transition: 0.5s;
color: #666;

}


.contactForms .inputBoxs input:focus ~ span,
.contactForms .inputBoxs input:valid ~ span,
.contactForms .inputBoxs textarea:focus ~ span,
.contactForms .inputBoxs textarea:valid ~ span{
color: #e91e63;
font-size: 12px;
transform: translateY(-20px);

}

.contactForms .inputBoxs input[type="submit"]{
  width: 100px;
  background: #00bcd4;
  color: #fff;
  border: none;
  cursor: pointer;
  padding: 10px;
  font-size: 18px;



}



@media(max-width: 991px){

.contacts{

	padding: 10px;
}



.containers{
    display: flex;
	flex-direction: column;

}

.containers .contactInfos{

	width: 100%;
	display: flex;
	flex-direction: column;
	padding-bottom: 20px;

	}


 .contactForms{

	width: 100%


}

}

/* about us */

.hr {
  display: inline-block;
}
.hr:after {
  content: '';
  display: block;
  border-top: 1px solid #333;
  margin-top: 0.5em;
}

/*covid*/

.skills-text > p {
    padding-right: 30px;
}

.skills-text > h4 {
    padding-right: 30px;
    color: #00ce89
}

.skills-text > p:last-child {
    padding-right: 0;
}


.covidInfos .boxs{

	position: relative;
	padding: 20px 0;
	display: flex;
}	


.covidInfos .boxs .icons{

	min-width: 60px;
	height: 60px;
	background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 22px;



}


.covidInfos .boxs .texts{

display:  flex;
margin-left: 20px;
font-size: 16px;
color: #fff;
flex-direction: column;
font-weight: 300;


}

.covidInfos .boxs .texts h3{

	font-weight: 500;
	color: #00bcd4;
}

.vertical-center {
  position: relative;

  transform: translateY(50%);
}