@charset "UTF-8";

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
    transition: 0.3s;
    scroll-behavior: smooth;
}

@font-face {
    font-family: Poppins-Medium;
    src: url(../fonts/Poppins-Medium.ttf);
  }
  @font-face {
    font-family: Poppins-Regular;
    src: url(../fonts/Poppins-Regular.ttf);
  }
  @font-face {
    font-family: Sansation_Bold;
    src: url(../fonts/Sansation_Bold.ttf);
  }
  @font-face {
    font-family: Sansation_Regular;
    src: url(../fonts/Sansation_Regular.ttf);
  }


body {
    font-size: 14px;
    color: #1e1e1e;
    font-family: Poppins-Regular;
    transition: 0.3s;
    overflow: hidden;

}

a {
    text-decoration: none !important;
    transition: 0.3s;
}

button {
    transition: 0.3s;
    border: 0px;
    outline: none !important;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
}

.navbar-nav li {
    /*box-shadow:10px 10px 10px #2323;*/
}

    li a {
        display: block;
    }
#top-bar {
    width: 100%;
    overflow: hidden;
    position: relative;
    /* padding: 20px 0px; */
    background-color: #1e1e1e;
}
.top-socil {
    margin-top: 13px;
}
.top-socil ul{
    display: flex;
    justify-content: flex-start;
}
.top-socil ul li:last-child{
    margin-right: 0px;
}
.top-socil ul li a {
    color: #fff;
    height: 22px;
    /*text-align: center;*/
    padding-right: 21px;
    font-size: 14px;
}
.top-socil ul li a:hover {
      color: #fff;
    opacity: 0.5;
}

.top-phn-ml ul {
    display: flex;
    justify-content: flex-start;
}
.top-phn-ml ul li{
    margin-right: 50px;
}
.top-phn-ml ul li:last-child{
    margin-right: 0px;
}
.top-phn-ml ul li a{
    color: #fff;
    font-size: 16px;
    font-family: Roboto-Medium;
}
.top-phn-ml ul li a span{
    color: #ff7430;  
    margin-right: 10px; 
}
.top-cnt-info{
    margin-top: 15px;
}
.top-phn-ml {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
    padding-bottom: 10px;
}
.top-phn-ml select {
    border-radius: 0px;
    outline: none;
    height: 38px;
    background-color: transparent;
    border: 0px;
    border: 1px solid #fff;
    color: #fff;
    padding: 8px 31px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    background-image: url(../images/down.png);
    background-repeat: no-repeat;
    background-position: 84% 14px;
}
header {
    width: 100%;
    position: relative;
    padding-bottom: 0px;
    padding-top: 0px;
    /*background:url(../images/sl_back.png) no-repeat center;*/
}
/*.shape {
    background: url(../images/shape.png) no-repeat center 489px;
    width: 100%;
    height: 100%;
    background-size: contain;
}*/



/*.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    justify-content: flex-end;
}

.navbar-nav li a {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-family: Poppins-Regular;
    padding: 16px 17px 42px 15px;
    position: relative;
    overflow: hidden;
    text-shadow: -1px 1px 3px #56848c;
}
.sticky .navbar-nav li a:hover {
    color: #60ccf4;
    text-shadow: none;
    transition: 0.3s;
}
.sticky .navbar-nav li a.active{
     color: #60ccf4;
}

.navbar-nav li a:hover{
    color: #000;  
}
.navbar-nav li a.active{
    color: #000;  
}
.navbar-nav li a:last-child{
    padding: 16px 0px 20px 34px;
}
.navbar {
    padding: 0px ;
}
.resview {
    max-width: 67%;
    display: none;
    margin-left: auto;
    margin-right: auto;
}
nav{
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: none;
    position: absolute;
    z-index: 9;
    background: transparent;
    left: 0px;
}
.sticky .navbar-nav li a {
    color: #4c4c4c;
    text-shadow: none;
    transition: 0.3s;
}*/
/*start new menu css*/

.navbar-nav {
    display: flex;
    justify-content: flex-end;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 5px;
    padding-left: 5px;
    color: #fff !important;
}

/*=======================================================================================*/
.login-btn{
    background: #114981;
    color: #fff;
    font-size: 16px;
    padding: 8px 27px;
    margin-right: 10px;
}
.login-btn:hover{
    background: #083f77;
}
.colorback{
    /*background-color: red;*/
    background-image: linear-gradient(#00bfff, #ffffff  );
}





.carobox {
    border-top-left-radius: 35px;
    border-bottom-right-radius: 35px;
    background-color: red;
    background-image: linear-gradient(#ffffff, #6dd5fa, #2980b9);
    padding: 10px;
    border: 1px solid #ffffff;
    box-shadow: 0px 2px 5px #dbdbdb;
    margin-top: 40px;
}






.carobox h3{
font-family: Sansation_Bold;
color: #424141;
font-size: 27px;
padding-bottom: 29px;
text-transform: uppercase;
text-align: center;
padding-top: 10px;
}
.event-item {
    border: 1px solid #424141;
    padding: 12px;
    border-radius: 8px;
}
.event-item h5{
    font-size: 14px;
    color: #117686;
    font-family: Sansation_Regular;
}
.event-item p{
    font-size: 12px;
    color: #000;
    font-family: Poppins-Regular;
}
.evndet {
    display: flex;
    margin-bottom: 20px;
}
.evndet ul li {
    padding-right: 24px;
    color: #000;
}
.smbtn {
    font-size: 14px;
    color: #000;
}

.event-item {
    border: 1px solid #424141;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.owl-nav {
    text-align: right;
    margin-top: 20px;
}
.owl-ptnr .owl-nav button{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 33px !important;
    line-height: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0px 8px;
    background-color: #fff !important;
}
.clbtn {
    background-color: #fff;
    display: inline-block;
    padding: 14px 31px;
    border-top-left-radius: 26px;
    border-bottom-right-radius: 26px;
    box-shadow: 5px 5px 5px #2876a5;
    font-size: 15px;
    color: #181515;
    font-family: Poppins-Medium;
    margin-bottom: 26px;
    margin-top: 23px;
    border: 1px solid #b7b6b6;
}
.round {
    background-color: #383838;
    width: 136px;
    height: 136px;
    border-radius: 50%;
    position: relative;
}
.round:before {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 2px dashed #000;
    top: -7px;
    left: -6px;
}
.eventbtn {
    position: absolute;
    bottom: -15px;
    left: -19px;
}
.bd {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 23px;
}
.about {
    padding-top: 75px;
    padding-bottom: 0px;
}
.sigbox {
    padding-left: 35px;
    position: relative;
}
.sigbox:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 374px;
    background-color: #60ccf4;
    z-index: -1;
    border-top-left-radius: 43px;
    left: 11px;
    box-shadow: -4px 12px 10px #e4e4e4;
}

.sigboxx img {
    width: 100%;
    object-fit: cover;
    height: 377px;
    border-top-left-radius: 43px;
    border-bottom-right-radius: 43px;
    margin-top: 13px;
    box-shadow: -4px 12px 10px #e4e4e4;
    float: left;
    padding-right: 10px;
}

.sigboxx {
    padding-left: 35px;
    position: relative;
}
.sigboxx:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 374px;
    background-color: #60ccf4;
    z-index: -1;
    border-top-left-radius: 43px;
    left: 11px;
    box-shadow: -4px 12px 10px #e4e4e4;
}

.fadeinsl {
    padding-left: 120px;
    padding-right: 120px;
    margin-top: 40px;
}

.sltext p {
    font-family: Sansation_Bold;
    color: #fff;
    font-size: 21px;
    padding-top: 60px;
    text-shadow: 1px 1px 7px #000;
    margin: 0px;
}
.sigbox img {
    /*width: 100%;*/
    object-fit: cover;
    height: 377px;
    border-top-left-radius: 43px;
    border-bottom-right-radius: 43px;
    margin-top: 13px;
    box-shadow: -4px 12px 10px #e4e4e4;
    float: left;
    padding-right: 10px;
}
.abtcont h3{
    font-family: Sansation_Bold;
    font-size: 35px;
    color: #2c2b2b;
    padding-bottom: 36px;
    margin:0;
}
.abtcont p {
    line-height: 1.8;
    padding-left: 12px;
    padding-right: 12px;
}

.btnspec {
    background-color: red;
    background-image: linear-gradient(#f3f1f1, #6dd5fa, #2980b9);
    display: inline-block;
    padding: 14px 31px;
    border-top-left-radius: 26px;
    border-bottom-right-radius: 26px;
    box-shadow: 5px 5px 5px #dbdbdb;
    font-size: 15px;
    color: #181515;
    font-family: Poppins-Medium;
    margin-bottom: 26px;
    margin-top: 23px;
    border: 1px solid #fff;
}

.abtheader h3 {
    font-family: Sansation_Bold;
    font-size: 35px;
    color: #2c2b2b;
    padding-bottom: 30px;
    margin: 0;
    text-align: center;
}
.abtheader {
    position: relative;
}

.abtheader h3:before {
    content: "";
    position: absolute;
    width: 189px;
    height: 2px;
    background-color: #2980b9;
    bottom: 13px;
}
.abtheader h3:after {
    content: "";
    position: absolute;
    background: url(../images/cercle.png) no-repeat center;
    width: 35px;
    height: 20px;
    bottom: 4px;
    left: 49%;
}
.firstbaba h3 {
    font-size: 22px;
    color: #2980b9;
    font-family: Poppins-Medium;
}
.sendbaba h3 {
    font-size: 22px;
    color: #2980b9;
    font-family: Poppins-Medium;
   
}
.yul {
    /*margin-top: 90px;*/
}

.sq {
    width: 100%;
    object-fit: cover;
    height: 174px;
    border: 1px dashed #ffc90a;
    padding: 10px;
    border-top-left-radius: 43px;
}
.firstbaba p {
    line-height: 1.8;
    padding-top: 18px;
}
.firstbaba {
    margin-top: 27px;
    margin-bottom: 42px;
}

.sendbaba p {
    line-height: 1.8;
    padding-top: 15px;
}
.sendbaba  {
    margin-top: 27px;
    margin-bottom: 42px;
}
.contribution{
    background-color: transparent;
    padding-top: 30px;
    padding-bottom:30px;

}
.abtheader2 h3 {
    font-family: Sansation_Bold;
    font-size: 35px;
    color: #2c2b2b;
    padding-bottom: 30px;
    margin: 0;
    text-align: center;
}
.abtheader2 {
    position: relative;
}
.wht {
    background-color: #fff;
    padding-top: 85px;
    padding-bottom: 80px;
}
.wht2 {
    background-color: #fff;
    padding-bottom: 30px;
}

.lm {
    padding-left: 20px;
    padding-right: 20px;
}
.abtheader2 h3:before {
    content: "";
    position: absolute;
    width: 432px;
    height: 2px;
    background-color: #fff;
    bottom: 13px;
}
.abtheader2 h3:after {
    content: "";
    position: absolute;
    background: url(../images/bluecercle.png) no-repeat center;
    width: 36px;
    height: 20px;
    bottom: 4px;
    left: 49%;
}

/*.event-item2 {*/
/*    background-color: #f1f1f1;*/
/*    padding: 10px;*/
/*    text-align: center;*/
/*}*/

.event-item2 {
    background-color: #f1f1f1;
    padding: 10px;
    text-align: center;
    margin-top: 5px;
}

.event-item2 h5 {
    font-size: 20px;
    text-align: center;
    font-family: Sansation_Bold;
    color: #2980b9;
    padding-top: 25px;
    padding-bottom: 15px;
    margin: 0;
}
.event-item2 p {
    text-align: left;
    font-size: 12px;
}
.btnspec2 {
    background-color: red;
    background-image: linear-gradient(#f3f1f1, #6dd5fa, #2980b9);
    display: inline-block;
    padding: 11px 37px;
    border-top-left-radius: 21px;
    border-bottom-right-radius: 21px;
    box-shadow: 5px 5px 5px #dbdbdb;
    font-size: 15px;
    color: #181515;
    font-family: Poppins-Medium;
    border: 1px solid #fff;
}
.owl-prftn .owl-nav{
    display:none;
}

.owl-prftn .owl-dots {
    display: flex;
    justify-content: center;
    position: relative;
    width: auto;
    margin: 0 auto;
    margin-top: 25px; 
}

.owl-prftn .owl-dots button {
      width: 15px;
      height: 15px;
      background: #2980b9 !important;
      border-radius: 50%;
      margin-left: 9px;
  }
.owl-prftn .owl-dots button.active {
    background: #383838 !important;
}
.owl-prftn {
    margin-top: 20px;
}
.carousel-indicators li {
    height: auto;
    width: 6.25rem;
    max-width: 6.25rem;
    border: none;
}
.gallery {
    padding-top: 35px;
    padding-bottom: 170px;
    background: url(../images/flower.png) no-repeat right;
}
.sqr {
    width: 100%;
    padding: 10px;
    border: 1px dashed #ffc90a;
    height: 260px;
    object-fit: cover;
}
.mgbox {
    padding-top: 67px;
    padding-left: 50px;
}
.gaptop {
    margin-top: 144px;
}
.viewbtn {
    font-size: 16px;
     font-family: Sansation_Bold;
     color: #383838;
}
.galhed {
    padding-top: 30px;
    font-size: 25px;
    font-family: Sansation_Bold;
    color: #383838;
}
.carousel-indicators {
    bottom: -120px;
}
.crbox {
    background-color: transparent;
    padding: 0px;
    height: 80%;
}
.tophed {
    background-color: #c6e3fd;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    overflow: hidden;
    min-height: 66px;
}
.tophed:before {
    width: 50%;
    height: 66px;
    content: "";
    background-color: #2980b9;
    position: absolute;
    top: 0;
}

.tophed:after {
    width: 100%;
    height: 84px;
    content: "";
    left: 0px;
    position: absolute;
    z-index: 1;
    background: rgba(41, 128, 185);
    transform: rotate(40deg);
}

.subtext{
    font-family: Sansation_Bold;
    color: #fff;
    font-size: 21px;
    text-shadow: 1px 1px 7px #000;
    text-align: right;
}
.subheading {
    text-align: right;
    padding-top: 50px;
    padding-bottom: 15px;
}
.subheading h2 {
    font-family: Sansation_Bold;
    font-size: 46px;
    color: #fff;
    text-shadow: 5px 6px 6px #3a677b;
        text-align: right;
}
.subheading p {
    color: #fff;
    font-size: 18px;
    text-align: right;
}
.subtext {
    font-family: Sansation_Bold;
    color: #fff;
    font-size: 25px;
    text-shadow: 1px 1px 7px #000;
    text-align: right;
    padding-top: 72px;
    line-height: 1.8;
}
.header_subback {
    width: 100%;
    position: relative;
    padding-bottom: 0px;
    padding-top: 0px;
    /*background: url(../images/sl_back.png) no-repeat center -130px;*/
}
.fas.fa-home {
    color: #fff;
}
.subpagehed h5 {
    font-size: 26px;
    font-family: Sansation_Bold;
    color: #2980b9;
    padding-top: 0px;
    padding-bottom: 15px;
}
.mfit {
    border: 2px dashed #ffc90a;
    padding: 5px;
    width: 100%;
    height: 168px;
    object-fit: cover;
}





























 





#sliders{
    width: 100%;
    height: 600px;
    background: #000;
    position: relative;
    overflow: hidden;
}
#sliders .carousel{
    width: 100%;
    height: 100%;
}
#sliders .carousel .carousel-inner{
    width: 100%;
    height: 100%;
}
#sliders .carousel .carousel-inner .carousel-item{
    width: 100%;
    height: 100%;
}
#sliders .carousel .carousel-inner .carousel-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#sliders  .carousel-indicators{
    justify-content: flex-end;
    width: auto;
    display: inline-flex;
    margin: 0px;
    right: 7%;
    bottom: 36px;
    position: absolute;
}
#sliders .carousel-indicators li{
width: 12px;
height: 12px;
border-radius: 100%;
background: #c75116;
border: 0px;
}
#sliders .carousel-indicators li.active{
    width: 12px;
    height: 12px;
    border-radius: 100%;
background: #fff;
}
#sliders .carousel-caption{
    width: 40%;
    top: 0px;
    left: 0px;
    bottom: 0px;
}
#sliders .carousel-caption{
    text-align: left;
    display: flex;
    align-items: center;
    z-index: 1;
    padding-left: 7%;
    padding-right: 4%;
}
#sliders .carousel-caption:before{
    width: 112%;
    height: 150%;
    content: "";
    left: -62px;
    position: absolute;
    z-index: -1;
    background: rgba(17, 74, 130, 0.78);
    transform: rotate(10deg);
}
#sliders .carousel-caption h3{
font-size: 50px;
font-family: Roboto-Bold;
color: #fff;
margin: 0px;
margin-bottom: 20px;
}
#sliders .carousel-caption p{
    font-size:16px;
color: #fff;
font-family: Roboto-Light;
margin-bottom: 20px;
}
.slider-btn{
    background: #ff7430;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
}
.slider-btn:hover{
    background: #c75116;
}
.cmn-hdn h4{
    font-size: 35px;
 color: #333333;
 margin: 0px;
 margin-bottom: 15px;
font-family: Sansation_Bold;
 text-transform: uppercase;
}
.cmn-hdn{
    margin-bottom: 50px;
}
.cmn-hdn p{
    font-size: 13px;
 color: #333333;
 margin: 0px;
}

.src-btn{
    background: #ff7430;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    height: 60px;
    width: 100%;
    text-transform: uppercase;
}
.src-btn:hover{
    background: #c75116;
}
#rcnt-ppty{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 80px;
}
.ppty-item-pic{
    width: 100%;
    height: 300px;
    background: #000;
    position: relative;
    overflow: hidden;
}
.ppty-item-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    transform: scale(1);
}
.ppty-item:hover .ppty-item-pic img{
    transform: scale(1.2);
}
.ppty-item-dtls{
    background: #f5f5f5;
    padding: 15px;
}
.ppty-item-dtls-top{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ccc;
}
.ppty-item-dtls-top-lft{
    width: 70%;
}
.ppty-item-dtls-top-ryt{
    width: 30%;
}
.flp{
    background: #83a14b;
    color: #fff;
    padding: 4px 7px;
    display: inline-block;
}
.ppty-item-dtls-top-lft h5{  width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Roboto-Bold;
font-size: 18px;}
.ppty-item-dtls-top-lft p{
    color: #888888;
    font-size: 14px;
}
.ppty-item-dtls-top-lft p span{
    color: #c75116; 
    margin-right: 10px;
}
.ppty-item-dtls-top-ryt{
    text-align: right;
}
.ppty-item-dtls-ftrs ul{
position: relative;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.ppty-item-dtls-ftrs ul li{
    width: 50%;
    font-size: 14px;
    color: #333333;
    padding: 5px 0px;
}
.ppty-item-dtls-ftrs ul li span{
    margin-right: 10px;
    color: #c75116; 
}
.ppty-item-dtls-top{
    margin-bottom: 10px;
}
.dtls-btn{
    background: #27a6dc;
    color: #fff;
    font-size: 16px;
    position: relative;
    padding: 10px 5px;
}
.rt-btn{
    background: #c75116;
    color: #fff;
    font-size: 16px;
    position: relative;
    padding: 10px 5px; 
}
.rt-btn:before{
    position: absolute;
    width: 50px;
    height: 66px;
    content: "";
    background: #c75116;
    top: 0px;
    left: -17px;
    transform: rotate(32deg);
}
.ppty-btn button{
width: 50%;
}
.ppty-btn{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
}
.rental {
    background: #114981;
    color: #fff;
    padding: 4px 7px;
    display: inline-block;
}
.flp-rental {
    background: #9f4c9a;
    color: #fff;
    padding: 4px 7px;
    display: inline-block;
}
.adns{
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 30px 15px;
    text-align: right;
    background-image: linear-gradient(rgba(63, 81, 181, 0.07058823529411765), rgba(17, 73, 129, 0.6705882352941176));
    font-size: 20px;
}
.adns a{
    color: #fff;
}

#rcnt-ppty{
    background: url(../images/ppt-bk.png);
    background-position: bottom;
    background-repeat: no-repeat;
}
#prft-chs {
    position: relative;
    width: 100%;
    padding: 80px 0px;
    overflow: hidden;
    background: url(../images/back.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover ;
   background-attachment: fixed;
}
#prft-chs:before{
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0px;
    left: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.74);
    
}
#prft-chs .cmn-hdn{
    margin-bottom: 80px;
}
#prft-chs .cmn-hdn h4{
    color: #fff;
    }
    #prft-chs .cmn-hdn p{
        color: #fff;
        }
        .chs-ball{
            position: relative;
            width: 120px;
            height: 120px;
            border-radius: 100%;
            margin: 0 auto;
            background: #ee7032;
            margin-bottom: 20px;

        }
        .chs-dtls{
            text-align: center;
        }
        .chs-dtls h5{
            font-size: 22px;
            color: #fff;
            font-family: Roboto-Bold;
        }
        .chs-dtls p{
            font-size: 14px;
            color: #fff;
            font-family: Roboto-Light;
        }
        .chs-ball span{
            position: absolute;
    top: -15px;
    left: -24px;
        }
        .chs-ball small{
            width: 25px;
    height: 25px;
    background: #27a6dc;
    border-radius: 100%;
    display: block;
    position: absolute;
    bottom: 0px;
    right: -34px;
        }
        #ftrs{
            width: 100%;
    overflow: hidden;
    position: relative;
    padding: 80px 0px;

            background: url(../images/ppt-bk.png);
            background-position: bottom;
            background-repeat: no-repeat;
        }
        .ftrs-tab ul{
            border: 0px;
            display: inline-flex;
            justify-content: center;
            width: auto;
            margin: 0 auto;
            margin-bottom: 30px;
            box-shadow: 0px -1px 10px rgba(204, 204, 204, 0.5);
            overflow: hidden;
        }
        .ftrs-tab ul li a{
            margin: 0px !important;;
         border: 0px !important;
         border-radius: 0px !important;
         padding: 13px 23px;
         color: #27a6dc;
         font-size: 16px;
      
        }
        .ftrs-tab ul li a:hover{
            background: #ee7032 !important;
            color: #fff !important;
        }
        .ftrs-tab ul li a.active{
            background: #ee7032 !important;
            color: #fff !important;
        }
.ftrs-tab{
    text-align: center;
}
#ftrs .ppty-item{
margin-bottom: 30px;
}
#crm-ftr{
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 80px;
    background: url(../images/cm-back.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.cm-item{
    background: #edebe9;
    position: relative;
    padding: 15px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.43137254901960786);
  margin-bottom: 100px;
}
.cm-item-icon{
    width: 90px;
    height: 90px;
    margin: 0 auto;
    text-align: center;
    border-radius: 100%;
    top: -63px;
    background: #edebe9;
    padding: 10px;
    box-shadow: 0px -5px 5px rgba(74, 70, 70, 0.23921568627450981);
    position: absolute;
    left: 32%;
}
.cm-item h5{ font-family: Roboto-Medium;
color: #27a6dc;
text-align: center;
margin-top: 10px;}
.cm-item p{text-align: center;}
#crm-ftr .cmn-hdn {
    margin-bottom: 100px;
}
.cm-rytimg{
    text-align: right;
}
.tstmnl-cntnr{
    width:100%;
    display: flex;
    flex-wrap: wrap;
}
.tstmnl-cntnr-lft{
    width: 50%;
    position: relative;
}
.tstmnl-cntnr-ryt{
    width: 50%;
    position: relative;
}
#tstmnl{
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url(../images/test-back.png);
    background-repeat: no-repeat;
    background-size: cover; 
    z-index: 1;
    background-attachment: fixed;
}
.tstmnl-cntnr-ryt .clnt-pic{
width: 250px;
height: 250px;
border: 8px solid #27a6dc;
border-radius: 100%;
background: #fff;
overflow: hidden;
}
.tstmnl-cntnr-ryt .clnt-pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tstmnl-cntnr-ryt .tst-item{
    display: flex;
   flex-wrap: wrap;
   padding: 120px 0px;
   align-items: center;
}
.clnt-dtls{
    width: 60%;
    padding-left: 20px;
    
}
.clnt-dtls h5{
    font-size: 25px;
  color: #000;
  font-family: Roboto-Bold;
}
.clnt-dtls i{
   color:#f9a11b; 
    font-size: 14px;}
.tstmnl-cntnr-ryt{
    background: #ededed;
}
.clnt-dtls p{
    line-height: 25px;
    color:#333333; 
}
.clnt-dtls p a{
    color:#f9a11b; 
}
.tstmnl-cntnr-ryt:before{
    content: "";
    position: absolute;
    width: 268px;
    height: 135%;
    background: #ededed;
    top: -64px;
    bottom: 0px;
    left: -8%;
    transform: rotate(10deg);
}

.tstmnl-cntnr-ryt::after {
    content: "";
    position: absolute;
    background: url(../images/qurarion.png) no-repeat center top;
    width: 194px;
    height: 132px;
    z-index: 9;
    top: 49px;
    right: 167px;
}




#tstmnl:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(10, 72, 121, 0.6588235294117647);
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
}
#tstmnl .carousel-indicators{
    width: auto;
    margin: 0px;
    display: inline-flex;
    left: auto;
    right: 6%;
    bottom: 37px;
}
#tstmnl .carousel-indicators li{
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #f9a11b;
    border: 0px;
}
.tstmnl-cntnr-lft{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 87px;
    padding-right: 120px;
}
.tstmnl-cntnr-lft h4{
font-size: 44px;
color: #fff;
font-family: Roboto-Bold;
text-align: center;
margin-bottom: 20px;
}
.tstmnl-cntnr-lft p{
    font-size: 16px;
    color: #fff;
 text-align: center;
 margin-bottom: 50px;
    }
    .tstmnl-cntnr-lft img{
        background: rgba(143, 196, 239, 0.4196078431372549);
    padding: 6px;
    }
    #prftn{
        width: 100%;
        position: relative;
        overflow: hidden;
        padding: 80px 0px;
        padding-bottom: 0px;
    }
    .prftn-item{
        position: relative;
    }
    .prftn-item-pic {
    width: 125px;
    height: 125px;
    background: #fff;
    border: 2px solid #27a6dc;
    border-radius: 100%;
    position: absolute;
    left: 25%;
    top: -21%;
    overflow: hidden;
}
    .prftn-item-pic img{
        width: 100%;
        height: 100%;
       object-fit: cover;
    }
    .prftn-item-dtls{
        text-align: center;
        font-family: Roboto-Medium;
        margin-top: 25px;
    }
    .prftn-item {
    background: #f1f1f1;
    border: 1px solid #ccc;
    padding-bottom: 30px;
    padding-top: 54px;
}
    .prftn-item-dtls h5{
        font-size: 20px;
        font-family: Roboto-Bold;
        color: #27a6dc;
    }
    .wl-p{
        font-size: 16px;
        color: #ff7430; 
    }
    .hlt-p{
        background: #27a6dc;
        color: #fff;
        font-size: 16px;
        padding: 2px;
    }
    .hlt-p span{
        background: #ff7430;
        padding: 10px 10px;
        border-radius: 100%;
    }
    .lcn-p span{
        color: #ff7430; 
        margin-right: 8px; 
    }
    .sng-btn{background: #ff7430;
        color: #fff;
        padding: 8px 30px;}
        .sng-btn:hover{
            background: #dc6024;
        }
        #prftn .owl-stage-outer{
            padding: 100px 0px;
            padding-bottom: 70px;
        }
        #prftn .owl-nav{
            position: absolute;
            margin: 0px;
            top: -94px;
            right: 0px;
        }
        #app-dwnld{
            width: 100%;
            position: relative;
            overflow: hidden;
            background: url(../images/app-dwn.png);
            background-repeat: no-repeat;
            padding: 53px 0px;
            background-position: center;
        }
        #app-dwnld h4{
            font-size: 35px;
            color: #27a6dc;
            font-family: Roboto-Bold;
            margin-bottom: 20px;
        }
        #app-dwnld p{
            font-size: 20px;
            color: #000;
        
            margin-bottom: 20px;
        }
        .mrg-ryt{
            margin-right: 30px;
        }
        #prtnr{
            width: 100%;
           padding: 80px 0px;
           overflow: hidden;
        }
        .ptnr-item{
            background: #f6f6f6;
            border: 1px solid #ccc;
            min-height: 147px;

        }
        .ptnr-item img{
            width: 100%;
            height: 100%;
            object-fit: scale-down;
        }
    #prtnr .owl-nav{
        width: 114%;
        position: absolute;
        top: 22%;
        display: flex;
        justify-content: space-between;
        left: -7%;
    
        }
		
		
		.ptnr-item img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.ptnr-item img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
        #sl-rt{
            width: 100%;
            position: relative;
            overflow: hidden;
            background: url(../images/lkng.png);
            background-repeat: no-repeat;
            background-position: center;
            padding: 60px 0px;
            background-size: cover;
        }
        #sl-rt h4{
font-size: 30px;
font-family: Roboto-Bold;
color: #fff;
margin: 0px;
        }
        .sub-btn{
            color: #fff;
    background: #282828;
    font-size: 16px;
    text-transform: uppercase;
    padding: 15px 50px;
        }
        .sub-btn:hover{
            background: #000; 
        }
footer {
    position: relative;
    padding-top: 60px;
    background-color: #232f3e;
}
        
        footer:before{
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: -1;
            background: rgba(0, 0, 0, 0.79);
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
        }
        .ftr-dtls h4{
            font-size: 25px;
            color: #fff;
            border-bottom: 1px solid #fff;
            font-family: Sansation_Regular;
            padding-bottom: 5px;
            position: relative;
            margin-bottom: 15px;
        }
        .ftr-dtls h4:before{
            content: "";
    position: absolute;
    width: 80px;
    height: 1px;
    background: #41cbe1;
    bottom: -1px;
        }
        .ftr-link p{
            color: #fff;
            margin-bottom: 8px;
        }
        .ftr-link span{
            color: #41cbe1;
            margin-right: 8px;
        }
        .ftr-link p a{
            color: #fff;
        }
        .ftr-link ul{
            display: flex;
            width: 100%;
            flex-direction: column;

        }
        .ftr-link ul li{
            width: 100%;
            margin-bottom: 8px;
        }
        .ftr-link ul li a{
            color: #fff;
        }
        .ftr-link ul li a span{
            color: #41cbe1;
            margin-right: 8px;
        }
        .ftr-link ul li a:hover{
            color: #41cbe1; 
        }
        .ftr-link ul li a:hover span{
            color: #fff; 
        }
        .ftr-link-twtr a{
            font-size: 13px;

        }
        .ftr-link-twtr  small{
            color: #27a6dc; 
            padding-left: 8%;
        }
        .ftr-link-twtr a b{
            font-family: Roboto-Bold;
            font-weight: normal;
        }
        .ftr-link-twtr a span{
         color: #27a6dc !important;  

        }
        .ftr-link-twtr p{
            margin-bottom: 0px;
        }
        .ftr-link-twtr a{
            display: flex;
        }
        .ftr-fb-post{
            background: #fff;
            height: 150px;
        }
       .ftr-cpyryt p {
    margin-top: 4px;
    margin-bottom: 0px;
    color: #fff;
    text-align: center;
}
        .ftr-cpyryt{
            text-align: right;
        }
        .ftr-btm{
            border-top: 2px solid rgba(204, 204, 204, 0.31);
            margin-top: 20px;
            padding: 15px 0px;
        }
        .sticky {
    position: fixed;
    width: 100%;
    z-index: 9;
    top: 0px;
    background: #12c4ff;
    height: 107px;
    /* padding: 15px 0px; */
    box-shadow: 0px 0px 5px #ccc;
    z-index: 999;
}

       

        #menu-bar{
            transition: 0.3s;
        }
        #menu-bar nav{
            transition: 0.3s;    
            box-shadow: none;
            z-index: 999;
        }
        .custom-btn{
            background: #27a6dc;
            color: #fff;
            font-size: 14px;
            padding: 8px 20px;
            margin-right: 10px;
			display:none;
          

        }
        .top-scrl{
            position: relative;
        }
		
/* ===========================start style for about us============================*/
#banner {
    width: 100%;
    position: relative;
	overflow:hidden;
}
.bannercontent {
    width: 40%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    position: absolute;
    padding-left: 5%;
}
.bannercontent:before {
    width: 117%;
    height: 150%;
    content: "";
    left: -63px;
    position: absolute;
    background: rgba(17, 74, 130, 0.78);
    transform: rotate(6deg);
}
.breadcam {
    position: relative;
}
.breadcam h2 {
    color: #fff;
    font-size: 45px;
    font-family: Roboto-Bold;
    margin: 0;
    padding-top: 40%;
    text-transform: uppercase;
    padding-bottom: 15px;
}
.fa.fa-home.sl {
    color: #ff7430;
    font-size: 33px;
    padding-right: 12px;
}
.breadcam h5 {
    font-size: 16px;
    font-family: Roboto-Medium;
    color: #fff;
}
.abtcont h4 {
    font-size: 22px;
    font-family: Roboto-Medium;
    line-height: 1.5;
    margin: 0;
    padding-bottom: 25px;
}
#content {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
}
.conbox h5 {
    font-size: 50px;
    font-family: Sansation_Regular;
    color: #000;
}
.subcontbox img {
    float: left;
    /* min-height: 61px; */
    padding-right: 37px;
}
.conbox {
    display: flex;
    flex-direction: column;
    width: 40%;
    padding-top: 70px;
}
.vediobox img {
    width: 100%;
}
.vediobox {
   position:relative;
}

.vediobox:before {
    content: "";
    position: absolute;
    background: rgba(17, 74, 130, 0.78);
    width: 100%;
    z-index: 1;
    height: 100%;
}
.button.box {
    position: fixed;
    position: absolute;
    z-index: 1;
    top: 37%;
    left: 35%;
    /* right: auto; */
}
.blu {
    color: #1e3fe1;
}
#counter{
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url(../images/aboutback.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    background-attachment: fixed;
}
#counter:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(10, 72, 121, 0.6588235294117647);
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
}
.nocountbox img {
    float: left;
    /* min-height: 61px; */
    padding-right: 15px;
}
.countbox {
    display: flex;
    flex-direction: column;
}
.countbox h5 {
    font-family: Roboto-Bold;
    font-size: 35px;
    color: #fff;
}
.countbox h6 {
    font-family: Roboto-Medium;
    font-size: 16px;
    color: #ff7430;
}
.counterbox {
    padding-top: 100px;
    padding-bottom: 100px;
}
.prftn-item2 {
    background: #f1f1f1;
    border: 1px solid #ccc;
    padding-top: 72px;
    padding-bottom: 30px;
}


.prftn-item-pic2 {
    width: 100px;
    height: 100px;
    background: #fff;
    border: 2px solid #ff7430;
    border-radius: 100%;
    position: absolute;
    left: 30%;
    top: -21%;
    overflow: hidden;
}
.prftn-item-dtls2 {
    text-align: center;
}
.prftn-item-dtls2 h5 {
    font-family: Roboto-Medium;
    font-size: 22px;
    color: #14457c;
}
.wl-pnd {
    font-size: 16px;
    color: #ff7430;
    font-family: Roboto-Medium;
}
.prftn-item-dtls2 h6 {
    color: #14457c;
    font-size: 16px;
    font-family: Roboto-Regular;
}
ul.patsocial {
    display: flex;
    justify-content: center;
}
.patsocial li a {
    color: #797979;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.patsocial li a:hover {
    color: #fff;
    background-color:#114981;
}
.patner {
    padding-top: 11px;
}
#work {
    background-color: #f2f2f2;
}

.workbox img {
    width: 100%;
}
#work {
    background-color: #f2f2f2;
    padding-top: 80px;
    padding-bottom: 80px;
}
#contact {
    padding-top: 80px;
    padding-bottom: 80px;
	background:url(../images/dottedback.png) center repeat;
}
.contactback {
    background-color: #fff;
    border: 1px solid #d9d6d6;
}
.contactback h4 {
    font-size: 22px;
    color: #114a82;
    text-align: center;
    font-family: Sansation_Bold;
}
.contactback p {
    color: #282828;
    text-align: center;
    font-size: 14px;
    margin-bottom: 4px;
}
.contactback img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
}
.contactback {
    padding-top: 25px;
    padding-bottom: 25px;
    min-height: 233px;
    margin-bottom: 25px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.event-item.nobd {
    border: none;
}
.org {
    color: #ff7430;
}
.po {
    color: #282828;
}
.po:hover {
    color: #ff7430;
}
.mapbox {
    position: absolute;
    width: 100%;
    left: 29%;
    right: 0;
}
.frombox {
    background-color: #114a82;
    padding: 25px;
}
.frombox {
    background-color: #60ccf4;
    padding: 25px;
    margin-top: 60px;
    margin-bottom: 60px;
}
#fromdetails {
    position: relative;
	overflow:hidden;
}
.frombox h4 {
    color: #fff;
    font-family: Sansation_Bold;
    font-size: 35px;
    margin: 0;
    padding-bottom: 10px;
}
.frombox p {
    color: #fff;
    font-size: 14px;
    margin: 0;
}
.ciz {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #ced1d3;
    border-radius: 0px;
    margin-bottom: 30px;
    padding-bottom: 9px;
    padding-left: 29px;
}
.czi {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #ced1d3;
    border-radius: 0px;
	margin-bottom: 30px;
	padding-left: 29px;
    width: 100%
	}
.element {
    padding-top: 20px;
}

/* ==================end=====================*/


/*=====================carrer page css=========================*/
#carrer {
    position: relative;
    padding-top: 80px;
	
}
.hd {
    color: #2980b9;
    border-bottom: 2px dotted #000;
    padding-bottom: 9px;
    margin: 0;
}
.cback h4 {
    font-size: 24px;
    font-family: Roboto-Medium;
    font-style: italic;
    color: #ff7430;
}
.cback {
    background-color: #114a82;
    padding: 37px 25px;
    margin-top: 35px;
}
.cback p {
    color: #fff;
}
.rowback:before {
    content: "";
    position: absolute;
    background: url(../images/carrer.png) no-repeat left;
    width: 100%;
    /* z-index: 1; */
    height: 100%;
    left: 0;
    top: 19%;
}
.contback h4 {
    font-family: Roboto-Medium;
    font-size: 20px;
    color: #114a82;
	margin:0;
	padding-bottom:20px;
}
#carrercont {
    position: relative;
    padding-top: 98px;
}
.contback {
    border: 1px solid #e6e6e6;
    box-shadow: 1px 6px 8px #f2f2f2;
    padding: 25px 20px;
}
.tabbtn ul li {
    list-style: disc;
    color: #ff7430;
    margin-left: 17px;
    padding-bottom: 15px;
}
.header h2 {
    background-color: #ff7430;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color: #fff;
    font-size: 18px;
    font-family: Roboto-Bold;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    margin-top: 100px;
}
.formcontent select {
    border-radius: 0px;
    outline: none;
    height: 60px;
border: 1px solid #d7d7d7;
    color: #888888;
    padding: 10px 15px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    background-image: url(../images/downwhtarrow.png);
    background-repeat: no-repeat;
    background-position: 97% 22px;
}
.em {
    height: 60px;
    border: 1px solid #d7d7d7;
}
label {
    font-family: Roboto-Medium;
    font-size: 14px;
    color: #000;
}
.rd {
    color: #ff0000;
}
.gap {
    padding: 35px 15px;
}
.gpbotton {
    margin-bottom: 25px;
}
.apply-btn {
    background: #ff7430;
    color: #fff;
    font-size: 17px;
    padding: 16px 46px;
    font-family: Roboto-Regular;
    text-transform: uppercase;
}
.apply-btn:hover{
    background: #c75116;
}
.tabcontern h6 {
    color: #000;
    font-family: Roboto-Bold;
    font-size: 18px;
    padding-top: 20px;
}
.tabcontern h4 {
    font-family: Roboto-Medium;
    font-size: 35px;
    color: #ff7430;
}
.tabcontern p {
    font-family: Roboto-Medium;
    color: #000;
    line-height: 1.5;
    /* margin: 0; */
}
.tabbtn ul li a {
    font-family: Roboto-Medium;
    color: #000;
}
.tabbtn ul li a:hover {
    font-family: Roboto-Medium;
    color: #ff7430;
}
.tabbtn ul li a:active{
    font-family: Roboto-Medium;
    color: #ff7430;
}

/* ==================start blog===================*/



.blogback {
    position: relative;
    border-radius: 10px;
}

.ppty-item-pic2 {
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}
.blogback img {
    border-radius: 12px !important;
}
#blog {
    padding-top: 80px;
    padding-bottom: 80px;
}

.blogcont h4 {
    color: #000;
    font-family: Roboto-Medium;
    font-size: 19px;
    margin: 0;
    padding-bottom: 15px;
    padding-top: 10px;
}
.blogcont p {
    font-size: 15px;
    color: #585858;
}
.org{
color:#000;
}
.org:hover{
color:#1e3fe1;
}

.blogcont {
    background-color: #fff;
    border-radius: 12px;
    position: relative;
    margin-left: 26px;
    margin-right: 26px;
    top: -51px;
    padding: 25px;
    box-shadow: 1px -2px 21px 7px #e6e6e6;
}
.bloghead p {
    margin: 0;
    font-size: 15px;
    color: #959595;
}
.bloghead2 {
    position: relative;
    display: flex;
}
.bloghead2 p {
    margin: 0;
    font-size: 15px;
    color: #959595;
    padding-right: 32px;
}
.bloghead {
    position: relative;  
    margin-bottom: 15px;
}

.share a {
    position: absolute;
    right: 0;
    top: 0px;
}
.datebox {
    background-color: #ff7430;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    padding-top: 4px;
	font-family: Roboto-Medium;
}
.datebox {
    position: absolute;
    z-index: 1;
    right: 19px;
    top: 30px;
}
.datebox:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 17px solid transparent;
    border-top: 28px solid #ff7430;
    top: 47px;
    right: -1px;
}
.tag ul {
    color: #ff7430;
}
.tag ul li a {
    color: #27a6dc;
    padding-right: 6px;
    padding-left: 10px;
}
.tag ul li a:hover {
    color: #282828;
    padding-right: 6px;
    padding-left: 10px;
}
/* ==================end=====================*/
/*==========================userprofile=====================*/
#user {
	padding-top: 80px;
	padding-bottom: 80px;
}

.content {
    display: flex;
    flex-direction: column;
    padding-right: 25px;
}
.content h2 {
    margin: 0;
    font-family: Roboto-Bold;
    color: #282828;
    font-size: 30px;
    padding-top: 35px;
}
.content h3 {
    color: #ff7430;
    font-family: Roboto-Bold;
    font-size: 18px;
    padding-bottom: 20px;
    padding-top: 6px;
}
.content a {
    color: #ff7430;
}
.content a:hover {
    color: #282828;
}
.userback:before {
    content: "";
    position: absolute;
    width: 82%;
    height: 100%;
    border: 2px dashed #ccc;
    right: 0;
    z-index: -1;
}
.userback {
    position: relative;
}
p.contgap {
    margin: 0;
    padding-bottom: 35px;
}
.roundimg img {
    width: 240px;
    height: 240px;
    border-radius: 50%;
    float: left;
    margin-right: 58px;
    margin-top: 46px;
    border: 8px solid #fff;
}
.requestbox {
    padding-top: 25px;
}
.daekblue {
    background-color: #14457c;
    border-radius: 12px;
    padding: 40px 28px;
    text-align: center;
}

.daekblue h2 {
    font-family: Roboto-Bold;
    font-size: 25px;
    color: #ff7430;
}
.daekblue p {
    color: #fff;
    font-size: 16px;

}
.color1 {
    background-color: #41a1f6;
}
.color2 {
    background-color: #0270ad;
}
.color3 {
    background-color: #1c9deb;
}
.color4 {
    background-color: #ba009c;
}
.mbm li {
    padding-left: 16px;
}
.mbm li a {
    color: #fff;
    padding: 5px 10px;
}
.mbm li a:hover {
    color: #fff;
    padding: 5px 10px;
	background-color:#282828;
}
.colorsocial {
    position: absolute;
    right: 0;
    top: 56px;
    padding-right: 25px;
}
.sidebar {
    
}
.sidebar h2 {
    font-family: Roboto-Medium;
    font-size: 18px;
    color: #fff;
    background-color: #27a6dc;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
.mb2 {
    width: 100%;
    height: 40px;
    border: 1px solid #e6e6e6;
    margin-bottom: 20px;
    padding-left: 13px;
}
.formbox {
    padding-left: 15px;
    padding-right: 15px;
}
.formbox select {
    border-radius: 0px;
    outline: none;
    height: 40px;
    border: 1px solid #e6e6e6;
    color: #888888;
    padding: 10px 15px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    background-image: url(../images/downwhtarrow.png);
    background-repeat: no-repeat;
    background-position: 97% 15px;
}
.me {
    width: 100%;
    border: 1px solid #e6e6e6;
    padding-left: 16px;
    padding-top: 10px;
}

.d-block .w-100 {
    width: 100%!important;
    display: block!important;
}

.snd-btn {
    background: #14457c;
    color: #fff;
    font-size: 16px;
    padding: 7px 27px;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 14px;
}
.snd-btn:hover {
    background: #ff7430;

}
.sidebar2 h2 {
    font-family: Roboto-Medium;
    font-size: 18px;
    color: #fff;
    background-color: #27a6dc;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
.sidebar2 {
    border: 1px solid #27a6dc;
    margin-top: 40px;
}
.plw img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-top: 15px;
}
.contmt {
    padding-left: 15px;
    padding-right: 15px;
}
.propertyshow {
    padding-top: 70px;
	position:relative;
	overflow:hidden;
}
.scheader {
    display: flex;
    flex-direction: row;
    background-color: #14457c;
    overflow: hidden;
    position: relative;
}
.boxseaech {
    display: flex;
}
.scheader h2 {
    color: #fff;
    font-family: Roboto-Medium;
    font-size: 22px;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0px;
	z-index:1;
}
.scheader:before {
    content: "";
    background-color: #ff7430;
    width: 96%;
    height: 348%;
    position: absolute;
    z-index: 1;
    transform: rotate(35deg);
    top: 48px;
    left: -52px;
}
.boxseaech {
    padding-left: 165px;
}
.boxseaech p {
    color: #fff;
    font-family: Roboto-Medium;
    font-size: 16px;
    text-transform: capitalize;
    padding-top: 16px;
    padding-right: 21px;
}
select.vm {
    /* width: 44%; */
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    height: 30px;
    margin-top: 10px;
    margin-right: 25px;
    padding-left: 10px;
    padding-right: 21px;
}
.property {
    padding-top: 30px;
}
  /* ==================================for all popoup box===============================*/
  .modal-header {
    background-color: #061d31;
    color: #fff;
    padding: 14px 15px;
}
.modal-title {
     font-family: Sansation_Regular;
    font-size: 22px;
    color: #fff;
    padding-left: 18px;
    text-transform: uppercase;
}
.modal-body {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 32px;
    padding-bottom: 16px;
}
.bm {
    height: 50px;
    border-radius: 0px;
    border: 1px solid #d7d7d7;
    margin-bottom: 20px;
    padding-left: 47px;
}
.cm {
    height: 50px;
    border-radius: 0px;
    border: 1px solid #d7d7d7;
    margin-bottom: 20px;
    padding-left: 20px;
	position:relative;
}
.formpoup{
position:relative;
}
.icon1 {
    position: absolute;
    background: url(../images/mailicon.png) no-repeat left;
    width: 16px;
    height: 16px;
    /* padding-left: 4px; */
    left: 20px;
    top: 16px;
}

.icon2 {
    position: absolute;
    background: url(../images/lockicon.png) no-repeat left;
    width: 16px;
    height: 16px;
    /* padding-left: 4px; */
    left: 23px;
    bottom: 75px;
    z-index: 1;
}
.giv {
    color: #ff7430;
    float: left;
}

.giv:hover {
    color: #282828;
}
.blk {
    color: #282828;
    float: right;
}
.blk:hover{
color:#ff7430;
}

.linkbox {
    width: 100%;
    padding-left: 19px;
    padding-right: 18px;
}
.loginbtn {
    background: #ff7430;
    color: #fff;
    font-size: 16px;
    padding: 7px 27px;
	width:100%;
}

.loginbtn:hover {
    background: #282828;
}
     .head {
    font-size: 18px;
    color: #ff6e1f;
    font-family: Roboto-Medium;
    padding-bottom: 15px;
    margin: 0;
}





.textbox {
    padding-top: 18px;
    border-bottom: 1px solid #e6e6e6;
	padding-bottom:20px;
}
.cool {
    border: 1px solid #d7d7d7;
    width: 100%;
    height: 45px;
}

.nextterxt select {
    border-radius: 0px;
    outline: none;
    height: 45px;
    border: 1px solid #d7d7d7;
    color: #888888;
    padding: 10px 15px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    background-image: url(../images/downwhtarrow.png);
    background-repeat: no-repeat;
    background-position: 94% 18px;
}

.password select {
    border-radius: 0px;
    outline: none;
    height: 45px;
    border: 1px solid #d7d7d7;
    color: #888888;
    padding: 10px 15px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    background-image: url(../images/downwhtarrow.png);
    background-repeat: no-repeat;
    background-position: 94% 18px;
}
p.specil {
    font-size: 10px;
}
.nextterxt {
    padding-top: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #d7d7d7;
}
.password {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 20px;
}


.mlr {
    margin-left: auto;
    margin-right: auto;
}

.loginbtn {
    background: #1e3fe1;
    color: #fff;
    font-size: 16px;
    padding: 7px 27px;
    width: 100%;
}
.check3 {
    margin-bottom: 25px;
}

.rigsbtn {
    background: #ff7430;
    color: #fff;
    font-size: 16px;
    padding: 9px 155px;
    text-transform: uppercase;
    margin-right: 37px;
}
.rigsbtn:hover {
    background: #282828;
    color: #fff;
    font-size: 16px;
    padding: 7px 27px;
}

.eyeslash {
    background: url(../images/eye.png) no-repeat right;
    position: absolute;
    width: 25px;
    height: 17px;
    /* left: 0; */
    right: 14px;
    top: 85px;
}

.searchbox input {
    border-radius: 0px;
    outline: none;
    height: 45px;
    border: none;
    padding: 10px 0px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    background-image: url(../images/searchicon.png);
    background-repeat: no-repeat;
    background-position: 98% 13px;
    border-bottom: 1px solid #fff;
}
.jk {
    background-color: #1e3fe1;
    width: 100%;
}
.searchbox {

}
.st {
    font-size: 20px;
    color: #fff;
    padding-top: 7px;
    font-family: Sansation_Regular;
    margin-bottom: 0;
}
.big {
    font-size: 27px;
}
.hed2 {
    background-color: #1e3fe1;
    padding: 14px 15px;
    margin-bottom: 35px;
}


.seachimgbox img {
    width: 100%;
}
.seachimgbox {
    padding: 12px;
    margin-top: 40px;
    margin-bottom: 40px;
	border: 1px solid #27a6dc;
}

.recentpost h2 {
    font-family: Roboto-Medium;
    font-size: 18px;
    color: #fff;
    background-color: #27a6dc;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
.recentpost{
  border: 1px solid #27a6dc;
}
.subcontbox2 img {
    float: left;
    margin-right: 20px;
    border-radius: 8px;
}
.conbox2 {
    display: flex;
    flex-direction: column;
}
.conbox2 p {
    margin: 0;
    color: #000;
    margin-bottom: 15px;

}
.postbox {
    padding-left: 12px;
    padding-right: 12px;
}
.look {
    border-radius: 10px;
    width: 111px;
}
.share2 {
    padding-top: 7px;
}
.subcontbox2 {
    margin-bottom: 25px;
}
/*=================================agents================================*/
.propertybox h2 {
    font-family: Roboto-Medium;
    font-size: 18px;
    color: #fff;
    background-color: #ff7430;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
.propertybox {
    border: 1px solid #ff7430;
}
.propertybox2 {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
}
.propertyimg.box {
    border: 1px solid #ff7430;
    padding: 12px;
    margin-top: 40px;
}
.propertyimg img{
width:100%;
}

.scheader2 {
    display: flex;
    flex-direction: row;
    background-color: #14457c;
    overflow: hidden;
    position: relative;
}
.scheader2 {
    display: flex;
    flex-direction: row;
    background-color: #14457c;
    overflow: hidden;
    position: relative;
    margin-bottom: 86px;
	padding-bottom:11px;
}
.scheader2:before {
    content: "";
    background-color: #ff7430;
    width: 96%;
    height: 348%;
    position: absolute;
    z-index: 1;
    transform: rotate(35deg);
    top: 48px;
    left: -117px;
}
.propertyserch {
    z-index: 1;
    padding-top: 10px;
}
.jm {
    width: 223px;
    margin-left: 15px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    height: 42px;
}
.ohm {
    background-color: #ff7430;
    padding-top: 8px;
    color: #fff;
    margin-top: 8px;
    padding-left: 36px;
    padding-right: 36px;
	display:block;
}
.ohm:hover {
    background-color: #282828;
	}
	
	.gap22 {
    margin-bottom: 104px;
}

.boxseaech select {
    border-radius: 0px;
    outline: none;
    height: 35px;
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid #fff;
    color: #fff;
    padding: 5px 57px 5px 2px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    background-image: url(../images/smarrow.png);
    background-repeat: no-repeat;
    background-position: 97% 15px;
}

.propertyserch select {
    border-radius: 0px;
    outline: none;
    height: 35px;
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid #000;
    color: #fff;
    padding: 5px 57px 5px 2px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    box-shadow: none;
    background-image: url(../images/smarrow.png);
    background-repeat: no-repeat;
    background-position: 97% 15px;
}
/*===========================property==========================*/
#Propertydetails {
    padding-top: 80px;
    padding-bottom: 80px;
}
.propertydelbox h1 {
    font-size: 24px;
    font-family: Roboto-Bold;
    color: #000;
}
.propertydelbox h4 {
    color: #ff7430;
    font-family: Roboto-Bold;
}
.propertydelbox {
    display: flex;
    justify-content: space-between;
}
.propertyslider2 .owl-nav button {
    width: 40px;
    height: 40px;
    font-size: 33px !important;
    line-height: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 8px;
    background-color: rgba(0, 0, 0, 0.3) !important;
    border-radius: 5px;
	border:none !important;
	
}
.carousel-nav-left {
    padding-left: 9px;
    text-align: center;
	color:#fff;
}
.carousel-nav-right {
    padding-left: 9px;
    text-align: center;
	color:#fff;
}
.propertyslider2 .owl-nav {
    width: 100%;
    position: absolute;
    top: 38%;
    display: flex;
    justify-content: space-between;
    left: 0;
}



.detaolsbox {
    border: 1px solid #ddd;
    padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 15px;
}
.col-lg-3.col-sm-6.nopad {
    padding-left: 0;
    padding-right: 0;
}
.detaolsbox p {
    margin: 0;
}
.gapbox {
    padding-left: 15px;
    padding-right: 15px;
}
.description h2 {
    background-color: #114981;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px;
	font-family: Roboto-Medium;
}
.desbox {
    margin-top: 40px;
    margin-bottom: 40px;
}
.description {
    border: 1px solid #114981;
}

.description p {
    padding: 20px 15px;
	color: #605e5e;
	font-family: Roboto-Medium;
}

.amehed h2 {
    background-color: #114981;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px;
	font-family: Roboto-Medium;
}
.amendetails {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.amendetails p {
    margin: 0;
    color: #605e5e;
	font-family: Roboto-Medium;
}
.amenitiesbox {
    border: 1px solid #114981;
    padding-bottom: 8px;
    margin-bottom: 40px;
}

.maphed h2 {
    background-color: #114981;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px;
	font-family: Roboto-Medium;
}
.mapos {
    padding: 10px 15px;
}
.mapview {
    border: 1px solid #114981;
	margin-bottom:40px;
}

.filebox{
 border: 1px solid #114981;
 margin-bottom:40px;
}
.foledel {
    padding-left: 15px;
    padding-top: 10px;
}
.far.fa-file-pdf.org.big {
    font-size: 64px;
}
.omgbox img{
   width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    transform: scale(1);
}

.omgbox {
    width: 100%;
    height: 172px;
    background: #000;
    position: relative;
    overflow: hidden;
	border:1px solid #ff7430;
}
.imagebox{
 border: 1px solid #114981;
 margin-bottom:40px;
}

.abcd {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 16px;
}
.summrybox h2 {
    background-color: #ff7430;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px;
	font-family: Roboto-Medium;
}
.ppty-item-pic.gapboth {
    padding: 15px;
    background-color: transparent;
}
.summrybox {
    border: 1px solid #ff7430;
    position: relative;
	margin-bottom:40px;
}


.embox {
position:relative;
}
.embox .flp-rental {
    position: absolute;
    bottom: 22px;
    left: 22px;
}

.hr {
    display: flex;
    flex-direction: column;
}
.hr li {
    display: flex;
    justify-content: space-between;

}
.hr li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e6e6e6;
    padding-top: 8px;
    padding-bottom: 10px;
	font-family: Roboto-Medium;
}

.hr li span:first-child{
padding-left:15px;
}
.hr li span:last-child{
padding-right:15px;
}


.blue {
    color: #27a6dc;
}
.look2 {
    border-radius: 10px;
    width: 101px;
    height: 95px;
    margin-left: 15px;
}

.link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    cursor: pointer;
}
 .link .hover {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all ease 0.5s;
	transition: all ease 0.5s;
	opacity: 0;
	background: rgba(0, 0, 0, 0.6);
	border-bottom-right-radius: 35px;
}
 .link .hover .hover-content {
	font-size: 40px;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 20px;
	display: flex;
	justify-content: center;
	margin-top: -12px;
	text-align: center;
	color: #60ccf4;
}
.vbox {
    border: 1px solid #d6d6d6;
    padding: 10px;
    margin-bottom: 28px;
}
 .link .hover:hover {
    opacity: 1;
}
.psdbox img {
    border-bottom-right-radius: 35px;
    box-shadow: 5px 5px 9px #cecece;
    max-width: 100%;
    width: -webkit-fill-available;
    height: 400px;
}

@media only screen and (max-width: 600px) {
.psdbox .img-fluid {
    max-width: 100%;
    width: -webkit-fill-available;
    height: 400px;
 }
}

@media only screen and (max-width: 600px) {
 .img-fluid {
    max-width: 100%;
    width: -webkit-fill-available;
    height: 350px;
 }
}
.bloghead p {
    margin: 0;
    font-size: 15px;
    color: #000;
    margin-bottom: 17px;
}
.psdbox {
    margin-bottom: 28px;
}

/*==============================property search=================*/

.search h2 {
    font-family: Roboto-Medium;
    font-size: 18px;
    color: #fff;
    background-color: #ff7430;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
.search {
    border: 1px solid #ff7430;
	margin-bottom:40px;
}
.blu-btn {
    background: #27a6dc;
    color: #fff;
    font-size: 16px;
    padding: 7px 27px;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 14px;
	text-transform:uppercase;
}
.blu-btn:hover {
    background: #ff7430;

}
.scheader.gap10 {
    margin-bottom: 20px;
}
.display-13 {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    border: 1px solid #e6e6e6;
}

.p_details:before {
    width: 147%;
    height: 173%;
    content: "";
    left: -5px;
    position: absolute;
    background-color: #fff;
    transform: rotate(-59deg);
    top: 0;
}
.p_details {
    overflow: hidden;
}

.ppty-item-dtls-top2 {
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ccc;
}
.prove {
    font-size: 14px;
}
.ppty-item-dtls.pm {
    position: absolute;
    top: 59px;
    right: 0;
}
.pick {
    background-color: #ff7430;
    color: #fff;
    padding: 7px 8px;
    border-bottom-left-radius: 5px;
}
.pick {
    background-color: #ff7430;
    color: #fff;
    padding: 7px 8px;
    border-radius: 5px;
}
.pick2 {
    background-color: #00b3ff;
    color: #fff;
    padding: 7px 11px;
    border-radius: 5px;
}
.eyebox {
    position: absolute;
    top: 11px;
    left: 8px;
}
.spec {
	display: inline-block;
	background-color: #125597;
	padding: 7px;
	margin: 0;
	height: 34px;
	margin-left: 4px;
	margin-right: 0;
}

/*=============================================faq css===========================================*/
.faqhed {
    background-color: #ebebeb;
    margin: 0;
    color: #114a82;
    font-size: 20px;
    padding-left: 21px;
    padding-top: 15px;
    padding-bottom: 15px;
	font-family: Sansation_Regular;
}
.fbox img {
    width: 100%;
    object-fit: cover;
}
.faqomg {
    border: 2px solid #ffc90a;
    margin-top: 23px;
    padding: 10px;
}
.bani {
    background-color: #2980b9;
    color: #fff;
    font-size: 16px;
    padding: 20px;
}
.faqbox {
    border: 1px solid #ebebeb;
}
.idcont h4 {
    color: #2980b9;
    padding-bottom: 11px;
    text-align:left;
}

/*.idcont {*/

/*    text-align:center;*/
/*}*/
.idcont p {

    text-align:justify;
}

/*.idbiox {*/
/*    background-color: #f2f2f2;*/
/*    padding-left: 8px;*/
/*}*/

.idbiox {
    background-color: #f2f2f2;
    padding-left: 8px;
    box-shadow: inset 6px -1px 14px #ccc;
    padding-top: 2px;
    border-radius: 8px;
}


.contback2 {

    padding: 25px 20px;
}
.fit {
    max-width: 100%;
    height: 247px;
    object-fit: contain;
}
.dfit {
    max-width: 25%;
    float: left;
    padding-right: 15px;
}

.idcont {
    max-width: 100%;
    text-align:center;
}


.arrow {
	float: right;
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	border-radius: 2px;
	transform: rotate(-135deg);
	border-top: 3px solid #ffc90a;
	border-left: 3px solid #ffc90a;
	margin-top: 6px;
}
.card-link.collapsed .arrow {
	transform: rotate(45deg);
	margin-top: 5px;
	border-top: 3px solid #ff7430;
	border-left: 3px solid #ff7430;
	margin-top: 12px;
}
.card {
	background-color: #f6f8f8;
}
.card-header {
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	border-bottom: none;
	background: #f6f8f8;
	color: #fff;
	border-left: 3px solid #60ccf4;
	background-color:#ebebeb;
}
.bigtext {
	font-size: 24px !important;
	color: #60ccf4;
    font-family: Roboto-Medium;
	font-weight: bold;
	padding-right:34px;
}
.bigtextg {
	font-size: 24px !important;
	color: #a3a3a3;
	font-family: Roboto-Medium;
	font-weight: bold;
	padding-right:20px;
	display:inline-block;
	
}
.card-header a {
    color: #000;
    display: block;
    font-size: 18px;
	font-family: Sansation_Regular;
}
.card-body {
	border-left: 3px solid #a3a3a3;
	/* padding-left: 20px; */
}
.col-md-11.pl0 {
	padding-left: 0px;
}

element.style {
}
.card {
    background-color: #f6f8f8;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0px;
}
.card-header:first-child {
    border-radius: none; 
}
.keep {
    background-color: #ff7430;
    color: #fff;
    font-size: 17px;
    padding: 8px 20px;
    display: inline-block;
}
.keep:hover {
    background-color: #222;
    color: #fff;
    font-size: 17px;
    padding: 8px 20px;
    display: inline-block;
}
/*===============================================================testimonial===============================================*/

.log-reg2 {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    z-index: 1;
    position: relative;
}
.testi-btn {
    background: #ff7430;
    color: #fff;
    font-size: 16px;
    padding: 8px 58px;
    margin-right: 10px;
}
.testi-btn:hover {
    background: #282828;
    color: #fff;
}
.testimoniback {
    border: 2px dashed #114981;
    padding: 26px 0px;
	position:relative;

}
.testimoniback:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/testimoni.png) no-repeat left;
    top: -92px;
    left: 26px;
	
}

.testimoniback2 {
    border: 2px dashed #114981;
    padding: 26px 0px;
    position: relative;
    padding-right: 22px;
}
.testimoniback2:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/testimoni.png) no-repeat right;
    top: -92px;
    right: 26px;
}

.tst-item2 {
    display: flex;
}
.clnt-dtls2 {
    width: 61%;
    padding-left: 26px;
    padding-right: 1px;
    padding-top: 27px;
}
.clnt-dtls2 h5 {
    font-size: 25px;
    color: #000;
    font-family: Roboto-Bold;
}
.clnt-dtls2 i {
    color: #f9a11b;
    font-size: 14px;
}
.clnt-dtls2 p {
    line-height: 25px;
    color: #333333;
    text-align: justify;
}
.clnt-pic2 img {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border: 2px solid #ff7430;
    padding: 2px;
}
.clnt-pic2 {
    margin-left: 38px;
    position: absolute;
    right: -19px;
    top: 52px;
    background-color: #fff;
    height: 67%;
    padding-top: 10px;
}
.clnt-pic3 {
    margin-left: 38px;
    position: absolute;
    left: -48px;
    top: 52px;
    background-color: #fff;
    height: 67%;
    padding-top: 10px;
}
.clnt-pic3 img {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border: 2px solid #ff7430;
    padding: 2px;
}
.clnt-dtls3 {
    width: 64%;
    padding-left: 26px;
    padding-right: 1px;
    padding-top: 27px;
    text-align: right;

}
.clnt-dtls3 h5 {
    font-size: 25px;
    color: #000;
    font-family: Roboto-Bold;
}
.clnt-dtls3 i {
    color: #f9a11b;
    font-size: 14px;
	    text-align: right;
}
.clnt-dtls3 p {
    line-height: 25px;
    color: #333333;
    text-align: justify;
}
.tst-item3 {
    display: flex;
    justify-content: flex-end;
}
.colorsocial2 {
    z-index: 1;
}
.mbm2 li {
    padding-left: 16px;
}
.mbm2 li a {
    color: #797979;
    padding: 4px 5px;
}
.col1 {
    color: #797979;
}
.col1:hover {
    color: #41a1f6;
}

.col2 {
    color: #797979;
}
.col2:hover {
    color:#0270ad;
}

.col3 {
    color: #797979;
}
.col3:hover {
    color:#1c9deb;
}

.col4 {
    color: #797979;
}
.col4:hover {
    color:#ba009c;
}

.clnt-dtls2.gapt {
    padding-left: 0;
    padding-top: 15px;
}

button.testi-btn.activem {
    background-color: #282828;
}

.nav-tabs {
    border-bottom: none;
    z-index: 1;
    position: relative;
    display: flex;
    justify-content: center;
	border-bottom: 2px solid #d7d7d7;
    margin-bottom: 35px;
}
.nav.nav-tabs li a {
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.nav.nav-tabs .active {
    border-bottom: 2px solid #2980b9;
    background-color: #f3f3f3;
}
.nav-link {
    display: block;
    padding: .5rem 3rem;
    /*background-color: #ff7430;*/
    color: #fff;
	margin-left:10px;
	margin-right:10px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #282828;
}
.nav-link:focus, .nav-link:hover {
    text-decoration: none;
	color:#fff;
}
.nav-tabs .nav-item {
    margin-bottom: 30px;
}
.nav-tabs .nav-link {
    border: none !important;
    border-top-left-radius: none !important;
    border-top-right-radius: none !important;
    border-radius: none !important;
}

/*====================================new css============================================*/

.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #051c2c;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidebar a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
   font-family: Sansation_Regular;
}

.sidebar a:hover {
  color: #f1f1f1;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: #111;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

#main {
  transition: margin-left .5s;
  padding: 16px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidebar {padding-top: 15px;}
  .sidebar a {font-size: 18px;}
}

.blog_main_left img {
    float: left;
    padding-right: 37px;
    width: 685px;
    object-fit: contain;
}
.blog_main_right img {
    float: right;
    padding-left: 37px;
    width: 685px;
    object-fit: contain;
}

.conbox p {
    font-size: 18px;
}
.conbox2 p {
    font-size: 18px;
}
.conbox2 h5 {
    font-size: 50px;
    font-family: Sansation_Regular;
    color: #000;
}

.conbox2 {
    width: 45%;
    flex-wrap: wrap;
    float: left;
    padding-left: 6%;
    padding-top: 70px;
}
.clear {
    clear: both;
}
#blog-section {
    padding-top: 75px;
    padding-bottom: 75px;
}
#blog-section2 {
    padding-top: 45px;

}
.footmenu ul {
    justify-content: center;
    display: flex;
}
.footmenu ul li a {
    font-size: 15px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Sansation_Regular;


}
.footmenu ul li a:hover {
    font-size: 15px;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Sansation_Regular;
    opacity: 0.5;
    

}
.footmenu {
    padding-top: 9px;
}

.footertop{
   background-color: #1e3fe1;
    background-image: linear-gradient(#1e3fe1, #051c2e);
    padding-top: 25px;
    padding-bottom: 18px;  
}
.footerdown{
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;

}
.footerdown p{
    text-align: center;
    font-family: Sansation_Regular;
    font-size: 15px;
    color: #000;
    margin: 0;

}
.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.ki {
    color: #000;
}
.ki:hover {
    color: #1e3fe1;
}
.fas.fa-angle-double-right.bl{
color: #1e3fe1;
}
#sliders_22 {
    position: relative;
    height: 495px;
    overflow: hidden;
}

.slidecap h5 {
    font-size: 50px;
    font-family: Sansation_Regular;
    color: #000;
}

.slidecap p {
    font-size: 18px;
}
.slidecap {
    position: absolute;
    top: 0;
    width: 41%;
    padding-top: 107px;
}
.boxcolor{
    position: relative;
}
.boxcolor:before {
    content: "";
    position: absolute;
    width: 100%;
    background-color: rgba(5, 28, 44, 0.5);
    height: 100%;
}

.slidecap2 {
    position: absolute;
    top: 0;
    padding-top: 126px;
    text-align: center;
    left: 0;
    right: 0;
    padding-left: 155px;
    padding-right: 155px;
}
.slidecap2 h5 {
    font-size: 50px;
    font-family: Sansation_Regular;
    color: #fff;
}


.slidecap2 p {
    font-size: 18px;
    color: #fff;
    padding-left: 124px;
    padding-right: 125px;
}
.imgbox img {
    width: 100%;
    object-fit: cover;
}

.contentbox {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.colhv {
    font-size: 45px;
    color: #000;
    font-family: Sansation_Regular;
}

.colhv:hover {
    font-size: 45px;
    color: #1e3fe1;
    font-family: Sansation_Regular;
}

.bcont p {
    font-size: 18px;
}
.blogsec {
    margin-bottom: 40px;
}

.blogsec:hover{
box-shadow: 1px -2px 21px 7px #e6e6e6;
}
.gil {
    padding-top: 3px;
}

.author {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
}

.col-lg-10.auto {
    margin-left: auto;
    margin-right: auto;
}


.gapm {
    width: 100%;
    margin-bottom: 15px;
}

.conbox3 {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
}
.conbox3 h5 {
    font-size: 50px;
    font-family: Sansation_Regular;
    color: #000;
}
.subcontbox img {
    width: 100%;
    object-fit: cover;
}
.lgcont {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 15px;
    margin-bottom: 35px;
}
.frobox h6 {
    font-size: 24px;
    font-family: Sansation_Regular;
    color: #fff;
    text-align: left;
    background-color: #1e3fe1;
    padding: 10px;
    margin-bottom: 35px;
}

.texthed{
     font-size: 50px;
    font-family: Sansation_Regular;
    color: #000;
    text-align: center;
    padding-bottom: 25px;
}
.colinput {
    width: 100%;
    height: 64px;
    border-radius: 0px;
    border: 1px solid #d7d7d7;
    padding-left: 22px;
    margin-bottom: 30px;
}

.yu {
    font-size: 18px;
    margin-top: 35px;
     font-family: Sansation_Regular;
     margin-bottom: 80px;
}
.uy {
    margin-top: 0px;
    font-size: 16px;
}
.boxcolor img {
    width: 100%;
    object-fit: cover;
}

.km {
    width: 100%;
    object-fit: cover;
}
.col-lg-12.gap20 {
    margin-top: 40px;
}
.fade:not(.show) {
    opacity: 1;
}
.gallerysub {
    padding-top: 0px;
    padding-bottom: 0px;
}
.idbiox ul li a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #333;
}
.idbiox ul li a:hover {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #60ccf4;
}
.faqomg.nom {
    margin-top: 0;
}
.idbiox ul li {
    list-style: square;
    margin-left: 20px;
}






/*.navbar-expand-lg .navbar-nav .nav-link {*/
/*    padding-right: 5px;*/
/*    padding-left: 5px;*/
/*    color: #fff !important;*/
/*    text-shadow: -1px 1px 3px #56848c;*/
/*    text-transform: uppercase;*/
/*    font-family: Poppins-Regular;*/
/*    font-size: 14px;*/
/*    background-color: #0041f7;*/
/*    border-radius: 8px;*/
/*    box-shadow: 2px 2px 2px #123;*/
/*}*/

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 5px;
    padding-left: 5px;
    color: #fff !important;
    text-shadow: -1px 1px 3px #56848c;
    text-transform: uppercase;
    font-family: Poppins-Regular;
    font-size: 14px;
    background-color: #63c4fe;
    border-radius: 8px;
    box-shadow: 2px 2px 2px #0e212c;
}



.navbar-light .navbar-nav .nav-link:hover {
    color: #000 !important;
    text-shadow: -1px 1px 3px transparent;
}

nav.navbar.navbar-expand-lg.navbar-light {
    padding-left: 0;
    padding-right: 0;
}

.navbar-light .navbar-nav .active>.nav-link {
    color: #000;
}


#bar{
    background: url(../images/cloud.png) no-repeat center; 
    padding-bottom: 25px;
}
.abtcont {
    text-align: justify;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0px 13px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: #2caaf9;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;
    padding-top: 10px;
}
.dropdown-item:hover {
    color: #05c0ff;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
    background-color: #f3f3f3;
    font-size: 13px;
}
.gap_20 {
    margin-bottom: 25px;
}
 
.gname {
  position: relative;
  cursor: pointer;
}

.overlay_img {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: rgba(18, 196, 255, 0.5);
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.gname:hover .overlay_img {
  bottom: 0;
  height: 100%;
}

.text {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
   color: #fff;
    font-family: Sansation_Regular;
    font-size: 16px;
}
    
   
.col_head_box{
    justify-content: end;
    align-items: center;
    display: flex;
    text-align: end;
}
    
   
.donate_button_desk{
    height: 30px;
    background: azure;
    align-items: center;
    display: flex;
    padding: 5px;
    border-radius: 3px;
}
    
    
 .donate_button {
    /* display: inline-block;
    background-color: #12c4ff;
    width: 150px;
    height: 30px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
    color: white; */

    position: fixed;
    top: 50%;
    right: -76px;
    z-index: 9;
    background: #ff2e30;
    color: #fff;
    padding: 40px 33px;
    padding-top: 12px;
    border-radius:  30px 30px 0 0;
    transition: 0.3s;
    transform: rotate(270deg);
    font-size: 15px;
    text-transform: capitalize;

  }

  .donate_button:hover {
    cursor: pointer;
    background-color: #f00;
  }
  .donate_button:active {
    background-color: #555;
  }
  .donate_button a {
    color: white;
    font-size: 20px;
  }
  
    
    
    
    







#animated-example { 
   /*height: 300px; */
   /*margin: 20px auto; */
   /*width: 300px; */
}

.animated { 
    animation-duration: 1s; 
    animation-fill-mode: both; 
    animation-timing-function: ease-out; 
} 

@keyframes zoomIn { 
    0% { 
        opacity: 0; 
        transform: scale3d(.3, .3, .3); 
    } 
    50% { 
        opacity: 1; 
    } 
} 
.zoomIn { 
    animation-name: zoomIn; 
}