/*******************************/


/********* General CSS *********/


/*******************************/


body {


    /*color: #8d9297;*/


    color: #687076;


    background: #dddddd;


    font-size: 15px;


    font-family: 'Poppins', sans-serif;


    font-weight: 400;


}


h1,


h2, 


h3, 


h4,


h5, 


h6 {


    color: #0b0d26;


}


p{


	font-size:15px;


	line-height:25px;


}


a {


    color: #666666;


    transition: .3s;


}


a:hover,


a:active,


a:focus {


    color: #f5f5f5;


    outline: none;


    text-decoration: none;


}


.btn:focus {


    box-shadow: none;


}


.wrapper {


    position: relative;


    width: 100%;


    background: #ffffff;


}


.back-to-top {


    position: fixed;


    display: none;


    background: #f5f5f5;


    color: #121518;


    width: 44px;


    height: 44px;


    text-align: center;


    line-height: 1;


    font-size: 22px;


    right: 15px;


    bottom: 15px;


    transition: background 0.5s;


    z-index: 9;


}


.back-to-top:hover {


    color: #f5f5f5;


    background: #121518;


}


.back-to-top i {


    padding-top: 10px;


}


.btn {


    transition: .3s;


}


/**********************************/


/********** Top Bar CSS ***********/


/**********************************/


.top-bar {


    position: relative;


    /*height: 90px;*/


    color: #0b0d26;


    background: #fff;


}


.top-bar .logo {


    padding: 15px 0;


    text-align: left;


    overflow: hidden;


}


.top-bar .logo h1 {


    margin: 0;


    color: #0b0d26;


    font-size: 60px;


    line-height: 60px;


    font-weight: 700;


}


.top-bar .logo img {


    max-height: 100px;


}


.top-bar-item i {


    font-size: 16px;


    width: 30px;


    height: 30px;


    line-height: 30px;


    background: #0b0d26;


    color: #fff;


    text-align: center;


    border-radius: 50%;


}


.top-bar-item p{


	margin-bottom:0;


}


.top-bar .top-bar-item {


    display: flex;


    align-items: center;


    justify-content: flex-end;

	
	padding-left:30px;


}


.top-bar .top-bar-icon {


    width: 40px;


    display: flex;


    align-items: center;


    justify-content: center;


}


.top-bar .top-bar-icon [class^="flaticon-"]::before {


    margin: 0;


    color: #0b0d26;


    font-size: 40px;


}


.top-bar .top-bar-text {


    padding-left: 15px;


}


.top-bar .top-bar-text h3 {


    margin: 0 0 5px 0;


    color: #0b0d26;


    font-size: 15px;


    font-weight: 600;


}


.top-bar .top-bar-text p {


    margin: 0;


    color: #0b0d26;


    font-size: 13px;


    font-weight: 400;


}


@media (min-width: 992px) {


    .top-bar {


        padding: 0 60px;


    }


}


@media (max-width: 991.98px) {


    .top-bar .logo {


        text-align: center;


    }


}


/**********************************/


/*********** Nav Bar CSS **********/


/**********************************/


.nav-bar {


    position: relative;


    background: #0b0d26;


    transition: .3s;


}


.nav-bar .container-fluid {


    padding: 0;


}


.nav-bar.nav-sticky {


    position: fixed;


    top: 0;


    width: 100%;


    max-width: 100%;


    /*box-shadow: 0 2px 5px rgba(0, 0, 0, .3);*/


    z-index: 999;


}


.nav-bar .navbar {


    height: 100%;


    background: #0b0d26 !important;


}


.navbar-dark .navbar-nav .nav-link{


	-webkit-transition: .4s;


	-o-transition: .4s;


	transition: .4s;


}


.navbar-dark .navbar-nav .nav-link,


.navbar-dark .navbar-nav .nav-link:focus,


.navbar-dark .navbar-nav .nav-link.active {


    padding: 10px 15px 8px 15px;


    color: #ffffff;


}


.navbar-dark .navbar-nav .nav-link:hover,


.navbar-dark .navbar-nav .nav-link.active {


    color: #f5f5f5;


    transition: none;


}


.nav-bar .dropdown-menu {


    margin-top: 0;


    border: 0;


    border-radius: 0;


    background: #f8f9fa;


}


.nav-bar .dropdown-menu:hover{


    color: #0b0d26;


    background: #f8f9fa;


}


.dropdown-item:focus,.dropdown-item:hover{

    color: #f8f9fa;


    background: #0b0d26;

    transition: .5s;


}


.nav-bar .btn {


    color: #ffffff;


    border: 2px solid #ffffff;


    border-radius: 0;


}


.nav-bar .btn:hover {


    color: #0b0d26;


    background: #f5f5f5;


    border-color: #f5f5f5;


}


@media (min-width: 992px) {


    .nav-bar {


        padding: 0 75px;


    }


    .nav-bar.nav-sticky {


        padding: 0;


    }


    .nav-bar .navbar {


        padding: 20px;


    }


    .nav-bar .navbar-brand {


        display: none;


    }


    .nav-bar a.nav-link {


        padding: 8px 15px;


        font-size: 15px;


        text-transform: uppercase;


    }


}


@media (max-width: 991.98px) {


    .nav-bar .navbar {


        padding: 15px;


    }


    .nav-bar a.nav-link {


        padding: 5px;


    }


    .nav-bar .dropdown-menu {


        box-shadow: none;


    }


    .nav-bar .btn {


        display: none;


    }


}


/*******************************/


/******** Carousel CSS *********/


/*******************************/


.carousel {


    position: relative;


    width: 100%;


    /*height: calc(100vh - 170px);


    min-height: 400px;*/


    margin: 0 auto;


    text-align: center;


    overflow: hidden;


}


.carousel .carousel-inner,


.carousel .carousel-item {


    position: relative;


    width: 100%;


    /*height: 100%;*/


}


.carousel .carousel-item img {


    width: 100%;


    /*height: 100%;*/


    object-fit: cover;


}


.carousel .carousel-item::after {


    position: absolute;


    content: "";


    width: 100%;


    height: 100%;


    top: 0;


    left: 0;


    background: rgba(0, 0, 0, .3);


    z-index: 1;


}


.carousel .carousel-caption {


    position: absolute;


    top: 0;


    bottom: 0;


    display: flex;


    align-items: center;


    justify-content: center;


    flex-direction: column;


    /*height: calc(100vh - 170px);


    min-height: 400px;*/


}


.carousel .carousel-caption p {


    color: #ffffff;


    font-size: 30px;


    margin-bottom: 15px;


    letter-spacing: 1px;


}


.carousel .carousel-caption h1 {


    color: #ffffff;


    font-size: 60px;


    font-weight: 700;


    margin-bottom: 35px;


}


.carousel .carousel-caption .btn {


    padding: 15px 35px;


    font-size: 18px;


    font-weight: 500;


    letter-spacing: 1px;


    text-transform: uppercase;


    color: #ffffff;


    background: transparent;


    border: 2px solid #ffffff;


    border-radius: 0;


    transition: .3s;


}


.carousel .carousel-caption .btn:hover {


    color: #0b0d26;


    background: #f5f5f5;


    border-color: #f5f5f5;


}


@media (max-width: 767.98px) {


    .carousel .carousel-caption h1 {


        font-size: 40px;


        font-weight: 700;


    }


    .carousel .carousel-caption p {


        font-size: 20px;


    }


    .carousel .carousel-caption .btn {


        padding: 12px 30px;


        font-size: 18px;


        font-weight: 500;


        letter-spacing: 0;


    }


}


@media (max-width: 575.98px) {


    .carousel .carousel-caption h1 {


        font-size: 30px;


        font-weight: 500;


    }


    .carousel .carousel-caption p {


        font-size: 16px;


    }


    .carousel .carousel-caption .btn {


        padding: 10px 25px;


        font-size: 16px;


        font-weight: 400;


        letter-spacing: 0;


    }


}


.carousel .animated {


    -webkit-animation-duration: 1.5s;


    animation-duration: 1.5s;


}


/*******************************/


/******* Page Header CSS *******/


/*******************************/


.page-header {


    position: relative;


    /*margin-bottom: 45px;*/


    /*padding: 90px 0;*/


    text-align: center;


    background: #f5f5f5;


}


.page-header .text {

    position: absolute;

    top: 50%;

    left: 5%;

    text-align: left;

	transform:translate(0, -50%);

}


.page-header h2 {


    position: relative;


    color: #ffffff;


    font-size: 40px;


    font-weight: 700;


    left: 25px;

    text-align: left;


    margin-bottom: 0px;


    /*padding-bottom: 5px;*/


}


/*.page-header h2::after {


    position: absolute;


    content: "";


    width: 100px;


    height: 2px;


    left: calc(50% - 50px);


    bottom: 0;


    background: #ffffff;


}*/


.page-header a {


    position: relative;


    padding: 0 12px;


    font-size: 16px;


    color: #ffffff;


}


.page-header a:hover {


    color: #ffffff;


}


.page-header a::after {


    position: absolute;


    content: "/";


    width: 8px;


    height: 8px;


    top: -2px;


    right: -7px;


    text-align: center;


    color: #ffffff;


}


.page-header a:last-child::after {


    display: none;


}


@media (max-width: 991.98px) {


    .page-header {


        /*padding: 60px 0;*/


    }


    .page-header h2 {


        font-size: 45px;


    }


    .page-header a {


        font-size: 20px;


    }


}


@media (max-width: 767.98px) {


    .page-header {


        /*padding: 45px 0;*/


    }


    .page-header h2 {


        font-size: 35px;


    }


    .page-header a {


        font-size: 18px;


    }


}


/*******************************/


/******* Section Header ********/


/*******************************/


.section-header {


    position: relative;


    width: 100%;


    margin-bottom: 45px;


}


.section-header p {


    color: #0b0d26;


    font-size: 18px;


    font-weight: 600;


    margin-bottom: 5px;


}


.section-header h2 {


    margin: 0;


    position: relative;


    font-size: 50px;


    font-weight: 700;


}


@media (max-width: 767.98px) {


    .section-header h2 {


        font-size: 25px;


    }


}


/*******************************/


/********* Feature CSS *********/


/*******************************/


.feature {


    position: relative;


}


.feature .col-md-12 {


    background: #0b0d26;


}


.feature .col-md-12:nth-child(2n) {


    color: #0b0d26;


    background: #f5f5f5;


}


.feature .feature-item {


    min-height: 250px;


    padding: 30px;


    display: flex;


    align-items: center;


    justify-content: flex-start;


}


.feature .feature-icon {


    position: relative;


    width: 60px;


    display: flex;


    align-items: center;


    justify-content: center;


}


.feature .feature-icon::before {


    position: absolute;


    content: "";


    width: 80px;


    height: 80px;


    top: -20px;


    left: -10px;


    border: 2px dotted #ffffff;


    border-radius: 60px;


    z-index: 1;


}


.feature .feature-icon::after {


    position: absolute;


    content: "";


    width: 79px;


    height: 79px;


    top: -18px;


    left: -9px;


    background: #0b0d26;


    border-radius: 60px;


    z-index: 2;


}


.feature .col-md-12:nth-child(2n) .feature-icon::after {


    background: #f5f5f5;


}


.feature .feature-icon [class^="flaticon-"]::before {


    position: relative;


    margin: 0;


    color: #f5f5f5;


    font-size: 60px;


    line-height: 60px;


    z-index: 3;


}


.feature .feature-text {


    padding-left: 30px;


}


.feature .feature-text h3 {


    margin: 0 0 15px 0;


    color: #ffffff;


    font-size: 22px;


    font-weight: 600;


}


.feature .feature-text p {


    margin: 0;


    color: #ffffff;


    font-weight: 400;


    text-align: justify;


    height: 150px;


    display: table-cell;


}


.feature .col-md-12:nth-child(2n) [class^="flaticon-"]::before,


.feature .col-md-12:nth-child(2n) h3,


.feature .col-md-12:nth-child(2n) p {


    color: #0b0d26;


}


.appoinment_section{


	padding:45px 0;


	background:#0b0d26;


}


.appoinment_section .section-heading h4{


	color:#fff;


}


.appoinment_section .section-heading-line {


    background-color: #fff;


}


.appoinment_section .form-control{


	background:none;


    color: #ffffff;


	border:1px solid #fff;


	height:50px;


	border-radius:30px;


}


.appoinment_section label{


	color:#fff;


	font-weight:700;


}


.appoinment_section .input-group-addon {


    border-radius: 30px;


    border-bottom-left-radius: 0;


    border-top-left-radius: 0;


    display: -ms-flexbox;


    display: flex;


    -ms-flex-direction: column;


    flex-direction: column;


    -ms-flex-pack: center;


    justify-content: center;


	background: #fff;


    padding: 15px;


}


.appoinment_section .nice-select{


	float:none;


}


.appoinment_section .nice-select.open .list{


	width:100%;


}


.appoinment_section ::-webkit-input-placeholder { /* Chrome/Opera/Safari */


  color: #D0D0D0;


  font-size:13px;


}


.appoinment_section ::-moz-placeholder { /* Firefox 19+ */


  color: #D0D0D0;


  font-size:13px;


}


.appoinment_section :-ms-input-placeholder { /* IE 10+ */


  color: #D0D0D0;


  font-size:13px;


}


.appoinment_section :-moz-placeholder { /* Firefox 18- */


  color: #D0D0D0;


  font-size:13px;


}


.bdesign_button {


    width: 100%;


    height: 50px;


    border-radius: 30px;


    outline: none;


    cursor: pointer;


	background:#fff !important;


	border:none;


	color:#28235b !important;


	font-weight:600;


	text-transform:uppercase;


	margin-top: 15px;


}


.appoinment_sectioninner{
    padding:45px 0;
    background:#ffffff;
}
.appoinment_sectioninner .section-heading h4{
    color:#0b0d26;
}
.appoinment_sectioninner .section-heading-line {
  background-color: #0b0d26;
}
.appoinment_sectioninner .form-control{
    background:none;
  color: #0b0d26;
    border:1px solid #0b0d26;
    height:50px;
  border-radius:30px;
}
.appoinment_sectioninner label{
    color:#0b0d26;
    font-weight:700;
}
.appoinment_sectioninner .input-group-addon {
    border-radius: 30px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
      background: #0b0d26;
    padding: 15px;
}
.appoinment_sectioninner .nice-select{
    float:none;
}
.appoinment_sectioninner .nice-select.open .list{
    width:100%;
}
.appoinment_sectioninner ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #0b0d26;
  font-size:13px;
}
.appoinment_sectioninner ::-moz-placeholder { /* Firefox 19+ */
  color: #0b0d26;
  font-size:13px;
}
.appoinment_sectioninner :-ms-input-placeholder { /* IE 10+ */
  color: #0b0d26;
  font-size:13px;
}
.appoinment_sectioninner :-moz-placeholder { /* Firefox 18- */
  color: #0b0d26;
  font-size:13px;
}
.bdesign_buttoninner {
  width: 100%;
  height: 50px;
  border-radius: 30px;
  outline: none;
  cursor: pointer;
    background:#0b0d26 !important;
    border:none;
    color:#ffffff !important;
    font-weight:600;
    text-transform:uppercase;
    margin-top: 15px;
}


.section-heading h4 {


    text-transform: uppercase;


    letter-spacing: 4px;


    margin-bottom: 35px;


    line-height: 1;


}


/*******************************/


/********** About CSS **********/


/*******************************/


.about {


    position: relative;


    width: 100%;


    padding: 45px 0;


}


.about .section-header {


    margin-bottom: 30px;


}


.about .about-img {


    position: relative;


    height: 100%;


}


.about .about-img img {


    width: 100%;


    height: 100%;


    object-fit: cover;


}


.about-text{


	text-align:justify;


}


.about-text ul li {

    position: relative;

    list-style: none;

    margin-bottom: 10px;

}


.about-text ul li::before {


    position: absolute;


    left: -35px;


    top: 0;


    font-family: "Font Awesome 5 Free";


    font-weight: 900;

    font-size: 18px;

    content: "\f0a4";

    color: #0b0d26;


}


.about .about-text a.btn {


    position: relative;


    margin-top: 15px;


    padding: 15px 35px;


    font-size: 16px;


    font-weight: 500;


    letter-spacing: 1px;


    color: #ffffff;


    border-radius: 0;


    background: #0b0d26;


    transition: .3s;


}


.about .about-text a.btn:hover {


    color: #0b0d26;


    background: #f5f5f5;


}


/*.about-text ul{   


    content: '\f105';


    font-family: 'Font Awesome 5 Free';


    font-weight: 900;


    color: #f5f5f5;


    left: 1px;


}


.about-text ul li::marker{   


    content: '\f105';


    font-family: 'Font Awesome 5 Free';


    font-weight: 900;


    color: #f5f5f5;


    left: 1px;


}*/


@media (max-width: 767.98px) {


    .about .about-img {


        margin-bottom: 30px;


        height: auto;


    }


}


/*******************************/


/********** Fact CSS ***********/


/*******************************/


.fact {


    position: relative;


    width: 100%;


    background: #f5f5f5;


}


.fact .col-6 {

    display: flex;
    align-items: flex-start;

}

.fact .col-4 {

    display: flex;
    align-items: flex-start;

}


.fact .fact-icon {


    /*position: relative;*/
    position: absolute;


    margin: 7px 15px 0 15px;


    width: 60px;


    display: flex;


    align-items: center;


    justify-content: center;


}


.fact .fact-icon [class^="flaticon-"]::before {


    margin: 0;


    font-size: 60px;


    line-height: 60px;


    background-image: linear-gradient(#0b0d26, #0b0d26);


    -webkit-background-clip: text;


    -webkit-text-fill-color: transparent;


}


.fact .fact-right .fact-icon [class^="flaticon-"]::before {


    background-image: linear-gradient(#0b0d26, #0b0d26);


}


.fact .fact-left,


.fact .fact-right {


    padding-top: 60px;


    padding-bottom: 60px;


}


.fact .fact-text h2 {


    font-size: 35px;


    font-weight: 700;


}


.fact .fact-text p {


    margin: 0;


    font-size: 16px;


    font-weight: 600;


    text-transform: uppercase;


}


.fact .fact-left {


    color: #0b0d26;


    background: #f5f5f5;


}


.fact .fact-right {


    color: #0b0d26;


    background: #f5f5f5;


}


.fact .fact-left h2 {


    /*color: #f5f5f5;*/


}


/*******************************/


/********* Service CSS *********/


/*******************************/


.service {


    position: relative;


    width: 100%;


    padding: 45px 0;


}


.service .service-item {


    position: relative;


    width: 100%;


    text-align: center;


    margin-bottom: 30px;


	border:2px dashed rgba(0,0,0,.1);


	padding:10px;


}


.service-item:after,


.service-item:before{


    position: absolute;


    top: 0;


    right: 0;


    bottom: 0;


    left: 0;


    content: '';


    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;


    transition: opacity 0.55s,transform 0.55s;


}


.service-item:after{


    border-left: 2px dashed #0b0d26;


    border-right: 2px dashed #0b0d26;


    -webkit-transform: scale(1,0);


    -moz-transform: scale(1,0);


    -ms-transform: scale(1,0);


    -o-transform: scale(1,0);


    transform: scale(1,0);


    -webkit-transform-origin: 100% 0;


    transform-origin: 100% 0;


}


.service-item:before{


    border-top: 2px dashed #0b0d26;


    border-bottom: 2px dashed #0b0d26;


    -webkit-transform: scale(0,1);


    transform: scale(0,1);


    -webkit-transform-origin: 0 0;


    transform-origin: 0 0;


}


.service-item:hover:after,


.service-item:hover:before{


    opacity: 1;


    -webkit-transform: scale(1);


    -moz-transform: scale(1);


    -ms-transform: scale(1);


    -o-transform: scale(1);


    transform: scale(1);


}


.service-item:hover{border-color: transparent;}


.service .service-img {


    position: relative;


    overflow: hidden;


}


.service .service-img img {


    width: 100%;


}


.service .service-overlay {


    position: absolute;


    width: 100%;


    height: 100%;


    top: 0;


    left: 0;


    padding: 30px;


    display: flex;


    align-items: center;


    justify-content: center;


    background: rgba(3, 15, 39, .7);


    transition: .5s;


    opacity: 0;


}


.service .service-item:hover .service-overlay {


    opacity: 1;


}


.service .service-overlay p {


    margin: 0;


    color: #ffffff;


}


.service .service-overlay h3 {


    margin: 0;


    color: #ffffff;


}


.service .service-text {


    display: flex;


    align-items: center;


    height: 60px;


    background: #0b0d26;


    overflow: hidden;


    /*white-space: nowrap;*/


    text-overflow: ellipsis;


}


.service .service-text h3 {


    margin: 0;


    padding: 0 15px 0 25px;


    /*width: calc(100% - 60px);*/


    font-size: 18px;


    font-weight: 700;


    color: #f5f5f5;


    text-align: left;


    overflow: hidden;


    /*white-space: nowrap;*/


    text-overflow: ellipsis;


}


.service .service-item a.btn {


    width: 60px;


    height: 60px;


    padding: 3px 0 0 3px;


    display: flex;


    align-items: center;


    justify-content: center;


    font-size: 50px;


    line-height: 50px;


    font-weight: 100;


    color: #0b0d26;


    background: #f5f5f5;


    border-radius: 0;


    transition: .3s;


	z-index:99;


}


.service .service-item:hover a.btn {


    color: #0b0d26;


}


/********* Certificate CSS *********/


/*******************************/


.certificate {


    position: relative;


    width: 100%;


    padding: 45px 0;


}


.certificate .certificate-item {


    position: relative;


    width: 100%;


    text-align: center;


    margin-bottom: 30px;


    border:2px dashed rgba(0,0,0,.1);


    padding:10px;


}


.certificate-item:after,


.certificate-item:before{


    position: absolute;


    top: 0;


    right: 0;


    bottom: 0;


    left: 0;


    content: '';


    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;


    transition: opacity 0.55s,transform 0.55s;


}


.certificate-item:after{


    border-left: 2px dashed #0b0d26;


    border-right: 2px dashed #0b0d26;


    -webkit-transform: scale(1,0);


    -moz-transform: scale(1,0);


    -ms-transform: scale(1,0);


    -o-transform: scale(1,0);


    transform: scale(1,0);


    -webkit-transform-origin: 100% 0;


    transform-origin: 100% 0;


}


.certificate-item:before{


    border-top: 2px dashed #0b0d26;


    border-bottom: 2px dashed #0b0d26;


    -webkit-transform: scale(0,1);


    transform: scale(0,1);


    -webkit-transform-origin: 0 0;


    transform-origin: 0 0;


}


.certificate-item:hover:after,


.certificate-item:hover:before{


    opacity: 1;


    -webkit-transform: scale(1);


    -moz-transform: scale(1);


    -ms-transform: scale(1);


    -o-transform: scale(1);


    transform: scale(1);


}


.certificate-item:hover{border-color: transparent;}


.certificate .certificate-img {


    position: relative;


    overflow: hidden;


}


.certificate .certificate-img img {


    width: 100%;


}


.certificate .certificate-overlay {


    position: absolute;


    width: 100%;


    height: 100%;


    top: 0;


    left: 0;


    padding: 30px;


    /*display: flex;*/


    align-items: unset; 


    justify-content: flex-start;


    background: linear-gradient(rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0.7) 100%);


    /*background: rgba(3, 15, 39, .7);*/


    transition: .5s;


    /*opacity: 0;*/


}


.certificate-overlay strong {


    font-size: 22px;


    display: block;


    border-bottom: 1px solid #fff;


    margin-top: 10px;


    padding-bottom: 5px;


}


.certificate .certificate-item:hover .certificate-overlay {


    opacity: 1;


}


.certificate .certificate-overlay p {


text-align: left;


    margin: 0;


    color: #ffffff;


}


.certificate .certificate-overlay h3 {


    text-align: left;

    font-size: 22px;

    font-weight: 700;

    display: block;

    border-bottom: 1px solid #fff;

    padding-bottom: 5px;

    /* margin: 0; */

    color: #ffffff;


}


.certificate .certificate-overlay .bottom-left {

  position: absolute;

  bottom: 10px;

  padding: 0 20px 0 0;

}


.certificate .certificate-overlay .bottom-right {

  position: absolute;

  bottom: 8px;

  right: 16px;

  color: #ffffff;

  font-size: 18px;

}


.certificate .certificate-text {


    display: flex;


    align-items: center;


    height: 60px;


    background: #0b0d26;


    overflow: hidden;


    /*white-space: nowrap;*/


    text-overflow: ellipsis;


}


.certificate .certificate-text h3 {


    margin: 0;


    padding: 0 15px 0 25px;


    /*width: calc(100% - 60px);*/


    font-size: 18px;


    font-weight: 700;


    color: #f5f5f5;


    text-align: left;


    overflow: hidden;


    /*white-space: nowrap;*/


    text-overflow: ellipsis;


}


.certificate .certificate-item a.btn {


    width: 60px;


    height: 60px;


    padding: 3px 0 0 3px;


    display: flex;


    align-items: center;


    justify-content: center;


    font-size: 50px;


    line-height: 50px;


    font-weight: 100;


    color: #0b0d26;


    background: #f5f5f5;


    border-radius: 0;


    transition: .3s;


    z-index:99;


}


.certificate .certificate-item:hover a.btn {


    color: #0b0d26;


}


.certificate .related-slider .owl-nav {


    width: 90px;


    display: flex;


    margin: 0 auto;


}


.certificate .related-slider .owl-nav .owl-prev,


.certificate .related-slider .owl-nav .owl-next {


    margin-left: 15px;


    width: 30px;


    height: 30px;


    display: flex;


    align-items: center;


    justify-content: center;


    color: #f5f5f5;


    background: #0b0d26;


    font-size: 16px;


    transition: .3s;


}


.certificate .related-slider .owl-nav .owl-prev:hover,


.certificate .related-slider .owl-nav .owl-next:hover {


    color: #0b0d26;


    background: #f5f5f5;


}


.service .service-item:hover a.btn {


    color: #0b0d26;


}


.service .related-slider .owl-nav {


    width: 90px;


    display: flex;


    margin: 0 auto;


}


.service .related-slider .owl-nav .owl-prev,


.service .related-slider .owl-nav .owl-next {


    margin-left: 15px;


    width: 30px;


    height: 30px;


    display: flex;


    align-items: center;


    justify-content: center;


    color: #f5f5f5;


    background: #0b0d26;


    font-size: 16px;


    transition: .3s;


}


.service .related-slider .owl-nav .owl-prev:hover,


.service .related-slider .owl-nav .owl-next:hover {


    color: #0b0d26;


    background: #f5f5f5;


}


/*******************************/


/********** Video CSS **********/


/*******************************/


.video {


    position: relative;


    height: 100%;


    min-height: 500px;


    background: linear-gradient(rgba(3, 15, 39, .9), rgba(3, 15, 39, .9)), url(../img/video-bg.jpg);


    background-attachment: fixed;


    background-position: center;


    background-repeat: no-repeat;


    background-size: cover;


}


.video .btn-play {


    position: absolute;


    z-index: 1;


    top: 50%;


    left: 50%;


    transform: translateX(-50%) translateY(-50%);


    box-sizing: content-box;


    display: block;


    width: 32px;


    height: 44px;


    border-radius: 50%;


    border: none;


    outline: none;


    padding: 18px 20px 18px 28px;


}


.video .btn-play:before {


    content: "";


    position: absolute;


    z-index: 0;


    left: 50%;


    top: 50%;


    transform: translateX(-50%) translateY(-50%);


    display: block;


    width: 100px;


    height: 100px;


    background: #f5f5f5;


    border-radius: 50%;


    animation: pulse-border 1500ms ease-out infinite;


}


.video .btn-play:after {


    content: "";


    position: absolute;


    z-index: 1;


    left: 50%;


    top: 50%;


    transform: translateX(-50%) translateY(-50%);


    display: block;


    width: 100px;


    height: 100px;


    background: #f5f5f5;


    border-radius: 50%;


    transition: all 200ms;


}


.video .btn-play:hover:after {


    background-color: darken(#f5f5f5, 10%);


}


.video .btn-play img {


    position: relative;


    z-index: 3;


    max-width: 100%;


    width: auto;


    height: auto;


}


.video .btn-play span {


    display: block;


    position: relative;


    z-index: 3;


    width: 0;


    height: 0;


    border-left: 32px solid #0b0d26;


    border-top: 22px solid transparent;


    border-bottom: 22px solid transparent;


}


@keyframes pulse-border {


  0% {


    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);


    opacity: 1;


  }


  100% {


    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);


    opacity: 0;


  }


}


#videoModal .modal-dialog {


    position: relative;


    max-width: 1000px;


    /*margin: 60px auto 0 auto;*/


}


#videoModal .modal-body {


    position: relative;


    padding: 0px;


}


#videoModal .close {


    position: absolute;


    width: 30px;


    height: 30px;


    right: 0px;


    top: -30px;


    z-index: 999;


    font-size: 30px;


    font-weight: normal;


    color: #ffffff;


    background: #000000;


    opacity: 1;


}


.mp4video{
        width: 100%;
  height: auto;
  text-align: center;
  padding: 40px 0 0 0;
    }


/*******************************/


/*********** Team CSS **********/


/*******************************/


.team {


    position: relative;


    width: 100%;


    padding: 45px 0 15px 0;


}


.team .team-item {


    position: relative;


    margin-bottom: 30px;


    overflow: hidden;


}


.team .team-img {


    position: relative;


}


.team .team-img img {


    width: 100%;


}


.team .team-text {


    position: relative;


    padding: 25px 15px;


    text-align: center;


    background: #0b0d26;


    transition: .5s;


}


.team .team-text h2 {


    font-size: 20px;


    font-weight: 600;


    color: #f5f5f5;


    transition: .5s;


}


.team .team-text p {


    margin: 0;


    color: #ffffff;


}


.team .team-item:hover .team-text {


    background: #f5f5f5;


}


.team .team-item:hover .team-text h2 {


    color: #0b0d26;


    letter-spacing: 1px;


}


.team .team-item:hover .team-text p {


    color: #0b0d26;


}


.team .team-social {


    position: absolute;


    width: 100px;


    top: 0;


    left: -50px;


    display: flex;


    flex-direction: column;


    font-size: 0;


}


.team .team-social a {


    position: relative;


    left: 0;


    width: 50px;


    height: 50px;


    display: flex;


    align-items: center;


    justify-content: center;


    font-size: 18px;


    color: #ffffff;


}


.team .team-item:hover .team-social a:first-child {


    background: #00acee;


    left: 50px;


    transition: .3s 0s;


}


.team .team-item:hover .team-social a:nth-child(2) {


    background: #3b5998;


    left: 50px;


    transition: .3s .1s;


}


.team .team-item:hover .team-social a:nth-child(3) {


    background: #0e76a8;


    left: 50px;


    transition: .3s .2s;


}


.team .team-item:hover .team-social a:nth-child(4) {


    background: #3f729b;


    left: 50px;


    transition: .3s .3s;


}


/*******************************/


/*********** FAQs CSS **********/


/*******************************/


.faqs {


    position: relative;


    width: 100%;


    padding: 45px 0;


}


.faqs .row {


    position: relative;


}


/*.faqs .row::after {


    position: absolute;


    content: "";


    width: 1px;


    height: 100%;


    top: 0;


    left: calc(50% - .5px);


    background: #f5f5f5;


}*/


.faqs #accordion-1 {


    /*padding-right: 15px;*/


}


.faqs #accordion-2 {


    /*padding-left: 15px;*/


}


@media(max-width: 767.98px) {


    .faqs .row::after {


        display: none;


    }


    .faqs #accordion-1,


    .faqs #accordion-2 {


        padding: 0;


    }


    .faqs #accordion-2 {


        padding-top: 15px;


    }


}


.faqs .card {


    margin-bottom: 15px;


    border: none;


    border-radius: 0;


}


.faqs .card:last-child {


    margin-bottom: 0;


}


.faqs .card-header {


    padding: 0;


    border: none;


    background: #ffffff;


}


.faqs .card-header a {


    display: block;


    padding: 15px;


    width: 100%;


    color: #121518;


    font-size: 17px;


	font-weight:300;


    /*line-height: 40px;*/


    border: 1px dashed #0b0d26;


    transition: .5s;


	position:relative;


}


.faqs .card-header [data-toggle="collapse"][aria-expanded="true"] {


    background: #0b0d26;


    color: #ffffff;


}


.faqs .card-header [data-toggle="collapse"]:after {


    font-family: 'font Awesome 5 Free';


    content: "\f067";


    float: right;


    color: #0b0d26;


    font-size: 12px;


    font-weight: 900;


    transition: .5s;


}


.faqs .card-header [data-toggle="collapse"][aria-expanded="true"]:after {


    font-family: 'font Awesome 5 Free';


    content: "\f068";


    float: right;


    color: #fff;


    font-size: 12px;


    font-weight: 900;


    transition: .5s;


}


.faqs .card-body {


    padding: 20px 25px;


    font-size: 15px;


	line-height:25px;


    background: #ffffff;


    border: 1px solid rgba(0, 0, 0, .1);


    border-top: none;


}


.faqs .card-body h5{


	font-weight:600;


	margin-bottom:15px;


}


.faqs .card-body a{


	font-weight:600;


	color:#0b0d26;


}


/*******************************/


/******* Testimonial CSS *******/


/*******************************/


.testimonial {


    position: relative;


    margin: 45px 0;


    padding: 90px 0;


    text-align: center;


    background: linear-gradient(rgba(3, 15, 39, .9), rgba(3, 15, 39, .9)), url(../img/carousel-1.jpg);


    background-attachment: fixed;


    background-position: center;


    background-repeat: no-repeat;


    background-size: cover;


}


.testimonial .container {


    max-width: 760px;


}


.about-page .testimonial {


    padding-bottom: 90px;


}


.testimonial .testimonial-slider-nav {


    position: relative;


    width: 300px;


    margin: 0 auto;


}


.testimonial .testimonial-slider-nav .slick-slide {


    position: relative;


    opacity: 0;


    transition: .5s;


}


.testimonial .testimonial-slider-nav .slick-active {


    opacity: 1;


    transform: scale(1.3);


}


.testimonial .testimonial-slider-nav .slick-center {


    transform: scale(1.8);


    z-index: 1;


}


.testimonial .testimonial-slider-nav .slick-slide img {


    position: relative;


    display: block;


    margin-top: 37px;


    width: 100%;


    height: auto;


    border-radius: 100px;


}


.testimonial .testimonial-slider {


    position: relative;


    margin-top: 15px;


    padding-top: 50px;


}


.testimonial .testimonial-slider::before {


    position: absolute;


    content: "";


    width: 60px;


    height: 50px;


    top: 0;


    left: calc(50% - 30px);


    background: url(../img/quote.png) top center no-repeat;


}


.testimonial .testimonial-slider h3 {


    color: #f5f5f5;


    font-size: 22px;


    font-weight: 700;


}


.testimonial .testimonial-slider h4 {


    font-size: 14px;


    font-weight: 300;


    color: #ffffff;


    font-style: italic;


    margin-bottom: 10px;


}


.testimonial .testimonial-slider p {


    color: #ffffff;


    font-size: 16px;


    font-weight: 300;


    margin: 0;


}


/*******************************/


/*********** Blog CSS **********/


/*******************************/


.blog {


    position: relative;


    width: 100%;


    padding: 45px 0 15px 0;


}


.blog .blog-item {


    position: relative;


    width: 100%;


    text-align: center;


    margin-bottom: 30px;


}


.blog .blog-img {


    position: relative;


    overflow: hidden;


}


.blog .blog-img img {


    width: 100%;


}


.blog .blog-title {


    display: flex;


    align-items: center;


    height: 60px;


    background: #0b0d26;


    overflow: hidden;


    white-space: nowrap;


    text-overflow: ellipsis;


}


.blog .blog-title h3 {


    margin: 0;


    padding: 0 15px 0 25px;


    width: calc(100% - 60px);


    font-size: 18px;


    font-weight: 700;


    color: #f5f5f5;


    text-align: left;


    overflow: hidden;


    white-space: nowrap;


    text-overflow: ellipsis;


}


.blog .blog-title a.btn {


    width: 60px;


    height: 60px;


    padding: 3px 0 0 3px;


    display: flex;


    align-items: center;


    justify-content: center;


    font-size: 50px;


    line-height: 50px;


    font-weight: 100;


    color: #0b0d26;


    background: #f5f5f5;


    border-radius: 0;


    transition: .3s;


}


.blog .blog-item:hover a.btn {


    color: #ffffff;


}


.blog .blog-meta {


    position: relative;


    padding: 25px 0 10px 0;


    background: #f3f6ff;


}


.blog .blog-meta::after {


    position: absolute;


    content: "";


    width: 100px;


    height: 1px;


    left: calc(50% - 50px);


    bottom: 0;


    background: #f5f5f5;


}


.blog .blog-meta p {


    display: inline-block;


    margin: 0;


    padding: 0 3px;


    font-size: 14px;


    font-weight: 300;


    font-style: italic;


    color: #666666;


}


.blog .blog-meta p a {


    margin-left: 5px;


    font-style: normal;


}


.blog .blog-text {


    padding: 10px 25px 25px 25px;


    background: #f3f6ff;


}


.blog .blog-text p {


    margin: 0;


    font-size: 16px;


}


.blog .pagination .page-link {


    color: #0b0d26;


    border-radius: 0;


    border-color: #f5f5f5;


}


.blog .pagination .page-link:hover,


.blog .pagination .page-item.active .page-link {


    color: #f5f5f5;


    background: #0b0d26;


}


.blog .pagination .disabled .page-link {


    color: #999999;


}


/*******************************/


/******* Single Post CSS *******/


/*******************************/


.single {


    position: relative;


    padding: 45px 0;


}


.single .single-content {


    position: relative;


    margin-bottom: 30px;


    overflow: hidden;


}


.single .single-content p{


    text-align: justify;


}


.single .single-content img {


    margin-bottom: 20px;


    width: 100%;


}


.single .single-tags {


    margin: -5px -5px 41px -5px;


    font-size: 0;


}


.single .single-tags a {


    margin: 5px;


    display: inline-block;


    padding: 7px 15px;


    font-size: 14px;


    font-weight: 400;


    color: #666666;


    border: 1px solid #dddddd;


}


.single .single-tags a:hover {


    color: #f5f5f5;


    background: #0b0d26;


}


.single .single-bio {


    margin-bottom: 45px;


    padding: 30px;


    background: #f3f6ff;


    display: flex;


}


.single .single-bio-img {


    width: 100%;


    max-width: 100px;


}


.single .single-bio-img img {


    width: 100%;


}


.single .single-bio-text {


    padding-left: 30px;


}


.single .single-bio-text h3 {


    font-size: 20px;


    font-weight: 700;


}


.single .single-bio-text p {


    margin: 0;


}


.single .single-related {


    margin-bottom: 45px;


}


.single .single-related h2 {


    font-size: 30px;


    font-weight: 700;


    margin-bottom: 25px;


}


.single .related-slider {


    position: relative;


    margin: 0 -15px;


    width: calc(100% + 30px);


}


.single .related-slider .post-item {


    margin: 0 15px;


}


.single .post-item {


    display: flex;


    align-items: center;


    margin-bottom: 15px;


}


.single .post-item .post-img {


    width: 100%;


    max-width: 80px;


}


.single .post-item .post-img img {


    width: 100%;


}


.single .post-item .post-text {


    padding-left: 15px;


}


.single .post-item .post-text a {


    font-size: 16px;


    font-weight: 400;


}


.single .post-item .post-meta {


    display: flex;


    margin-top: 8px;


}


.single .post-item .post-meta p {


    display: inline-block;


    margin: 0;


    padding: 0 3px;


    font-size: 14px;


    font-weight: 300;


    font-style: italic;


}


.single .post-item .post-meta p a {


    margin-left: 5px;


    font-size: 14px;


    font-weight: 300;


    font-style: normal;


}


.single .related-slider .owl-nav {


    position: absolute;


    width: 90px;


    top: -55px;


    right: 15px;


    display: flex;


}


.single .related-slider .owl-nav .owl-prev,


.single .related-slider .owl-nav .owl-next {


    margin-left: 15px;


    width: 30px;


    height: 30px;


    display: flex;


    align-items: center;


    justify-content: center;


    color: #0b0d26;


    background: #f5f5f5;


    font-size: 16px;


    transition: .3s;


}


.single .related-slider .owl-nav .owl-prev:hover,


.single .related-slider .owl-nav .owl-next:hover {


    color: #f5f5f5;


    background: #0b0d26;


}


.single .single-comment {


    position: relative;


    margin-bottom: 45px;


}


.single .single-comment h2 {


    font-size: 30px;


    font-weight: 700;


    margin-bottom: 25px;


}


.single .comment-list {


    list-style: none;


    padding: 0;


}


.single .comment-child {


    list-style: none;


}


.single .comment-body {


    display: flex;


    margin-bottom: 30px;


}


.single .comment-img {


    width: 60px;


}


.single .comment-img img {


    width: 100%;


}


.single .comment-text {


    padding-left: 15px;


    width: calc(100% - 60px);


}


.single .comment-text h3 {


    font-size: 18px;


    font-weight: 600;


    margin-bottom: 3px;


}


.single .comment-text span {


    display: block;


    font-size: 14px;


    font-weight: 300;


    margin-bottom: 5px;


}


.single .comment-text .btn {


    padding: 3px 10px;


    font-size: 14px;


    color: #0b0d26;


    background: #dddddd;


    border-radius: 0;


}


.single .comment-text .btn:hover {


    background: #f5f5f5;


}


.single .comment-form {


    position: relative;


}


.single .comment-form h2 {


    font-size: 30px;


    font-weight: 700;


    margin-bottom: 25px;


}


.single .comment-form form {


    padding: 30px;


    background: #f3f6ff;


}


.single .comment-form form .form-group:last-child {


    margin: 0;


}


.single .comment-form input,


.single .comment-form textarea {


    border-radius: 0;


}


.single .comment-form .btn {


    padding: 15px 30px;


    color: #0b0d26;


    background: #f5f5f5;


}


.single .comment-form .btn:hover {


    color: #f5f5f5;


    background: #0b0d26;


}


/**********************************/


/*********** Sidebar CSS **********/


/**********************************/


.sidebar {


    position: relative;


    width: 100%;


}


@media(max-width: 991.98px) {


.fact .fact-icon{
    position: relative;
    margin: 0 auto;
}


    .sidebar {


        margin-top: 45px;


    }


}


.sidebar .sidebar-widget {


    position: relative;


    margin-bottom: 45px;


}


.sidebar .sidebar-widget .widget-title {


    position: relative;


    margin-bottom: 30px;


    padding-bottom: 5px;


    font-size: 30px;


    font-weight: 700;


}


.sidebar .sidebar-widget .widget-title::after {


    position: absolute;


    content: "";


    width: 60px;


    height: 2px;


    bottom: 0;


    left: 0;


    background: #f5f5f5;


}


.sidebar .sidebar-widget .search-widget {


    position: relative;


}


.sidebar .search-widget input {


    height: 50px;


    border: 1px solid #dddddd;


    border-radius: 0;


}


.sidebar .search-widget input:focus {


    box-shadow: none;


}


.sidebar .search-widget .btn {


    position: absolute;


    top: 6px;


    right: 15px;


    height: 40px;


    padding: 0;


    font-size: 25px;


    color: #f5f5f5;


    background: none;


    border-radius: 0;


    border: none;


    transition: .3s;


}


.sidebar .search-widget .btn:hover {


    color: #0b0d26;


}


.sidebar .sidebar-widget .recent-post {


    position: relative;


}


.sidebar .sidebar-widget .tab-post {


    position: relative;


}


.sidebar .tab-post .nav.nav-pills .nav-link {


    color: #0b0d26;


    background: #f5f5f5;


    border-radius: 0;


}


.sidebar .tab-post .nav.nav-pills .nav-link:hover,


.sidebar .tab-post .nav.nav-pills .nav-link.active {


    color: #ffffff;


    background: #0b0d26;


}


.sidebar .tab-post .tab-content {


    padding: 15px 0 0 0;


    background: transparent;


}


.tab-content ul {


    padding: 0 30px;


}


.tab-content ul li {


    position: relative;


    list-style: none;


    margin-bottom: 10px;


}


.tab-content ul li::before {


    position: absolute;


    left: -25px;


    top: 0;


    font-family: "Font Awesome 5 Free";


    font-weight: 900;

    font-size: 18px;

    content: "\f058";

    color: #0b0d26;


}


.sidebar .tab-post .tab-content .container {


    padding: 0;


    text-align: justify;


}


.sidebar .tab-post .tab-content #partner li::after{


    content:"\f879";


    font-family: "Font Awesome 5 Free";


    color: #0b0d26;


}


.sidebar .sidebar-widget .category-widget {


    position: relative;


}


.sidebar .category-widget ul {


    margin: 0;


    padding: 0;


    list-style: none;


}


.sidebar .category-widget ul li {


    margin: 0 0 12px 22px; 


/*padding: 10px 10px 10px 10px;*/


background-color: #f5f5f5;


}


.sidebar .category-widget ul li:last-child {


    margin-bottom: 0; 


}


.sidebar .category-widget ul li a {


    display: inline-block;


    line-height: 23px;


    width: 100%;

    padding: 10px 10px 10px 10px;


}


.sidebar .category-widget ul li:hover {


    color: #ffffff;


    background-color: #0b0d26; 


    -webkit-transition: width 0.3s linear;


    transition: width 0.3s linear;


}


/*.sidebar .category-widget ul li a:hover {


    color: #ffffff;


    background-color: #0b0d26; 


}*/


/*.sidebar .category-widget ul li::before {


    position: absolute;


    content: '\f105';


    font-family: 'Font Awesome 5 Free';


    font-weight: 900;


    color: #0b0d26;


    left: 1px;


}*/


.sidebar .category-widget ul li span {


    display: inline-block;


    float: right;


}


.sidebar .sidebar-widget .tag-widget {


    position: relative;


    margin: -5px -5px;


}


.single .tag-widget a {


    margin: 5px;


    display: inline-block;


    padding: 7px 15px;


    font-size: 14px;


    font-weight: 400;


    color: #666666;


    border: 1px solid #dddddd;


}


.single .tag-widget a:hover {


    color: #f5f5f5;


    background: #0b0d26;


}


.sidebar .image-widget {


    display: block;


    width: 100%;


    overflow: hidden;


}


.sidebar .image-widget img {


    max-width: 100%;


    transition: .3s;


}


.sidebar .image-widget img:hover {


    transform: scale(1.1);


}


/*******************************/


/******** Portfolio CSS ********/


/*******************************/


.portfolio {


    position: relative;


    padding: 45px 0;


}


.portfolio #portfolio-flters {


    padding: 0;


    margin: -15px 0 25px 0;


    list-style: none;


    font-size: 0;


    text-align: center;


}


.portfolio #portfolio-flters li,


.portfolio .load-more .btn {


    cursor: pointer;


    display: inline-block;


    margin: 5px;


    padding: 8px 15px;


    color: #0b0d26;


    font-size: 14px;


    font-weight: 500;


    text-transform: uppercase;


    border-radius: 0;


    background: #f5f5f5;


    border: none;


    transition: .3s;


}


.portfolio #portfolio-flters li:hover,


.portfolio #portfolio-flters li.filter-active {


    background: #0b0d26;


    color: #f5f5f5;


}


.portfolio .load-more {


    text-align: center;


}


.portfolio .load-more .btn {


    padding: 15px 35px;


    font-size: 16px;


    transition: .3s;


}


.portfolio .load-more .btn:hover {


    color: #f5f5f5;


    background: #0b0d26;


}


.portfolio .portfolio-warp {


    position: relative;


    width: 100%;


    text-align: center;


    margin-bottom: 30px;


}


.portfolio .portfolio-img {


    position: relative;


    overflow: hidden;


}


.portfolio .portfolio-img img {


    width: 100%;


    transition: .3s;


}


.portfolio .portfolio-item:hover img {


    transform: scale(1.1);


}


.portfolio .portfolio-overlay {


    position: absolute;


    width: 100%;


    height: 100%;


    top: 0;


    left: 0;


    padding: 30px;


    display: flex;


    align-items: center;


    justify-content: center;


    background: rgba(3, 15, 39, .7);


    transition: .5s;


    opacity: 0;


}


.portfolio .portfolio-warp:hover .portfolio-overlay {


    opacity: 1;


}


.portfolio .portfolio-overlay p {


    margin: 0;


    color: #ffffff;


}


.portfolio .portfolio-text {


    display: flex;


    align-items: center;


    height: 60px;


    background: #0b0d26;


    overflow: hidden;


    white-space: nowrap;


    text-overflow: ellipsis;


}


.portfolio .portfolio-text h3 {


    margin: 0;


    padding: 0 15px 0 25px;


    width: calc(100% - 60px);


    font-size: 20px;


    font-weight: 700;


    color: #f5f5f5;


    text-align: center;


    overflow: hidden;


    white-space: nowrap;


    text-overflow: ellipsis;


}


.portfolio .portfolio-warp a.btn {


    width: 60px;


    height: 60px;


    padding: 3px 0 0 3px;


    display: flex;


    align-items: center;


    justify-content: center;


    font-size: 60px;


    line-height: 60px;


    font-weight: 100;


    color: #0b0d26;


    background: #ffffff;


    border-radius: 0;


    transition: .3s;


}


.portfolio .portfolio-warp:hover a.btn {


    color: #ffffff;


    background: #f5f5f5;


}


/*******************************/


/********* Contact CSS *********/


/*******************************/


.contact {


    position: relative;


    width: 100%;


    padding: 45px 0;


}


.contact .col-md-6 {


    padding-top: 30px;


    padding-bottom: 30px;


}


.contact .col-md-6:first-child {


    background: #f5f5f5;


}


.contact .col-md-6:last-child {


    /*background: #0b0d26;*/


}


.contact .heading h2 {

    color: #0b0d26;

    font-size: 24px;

    position: relative;

    padding-bottom: 5px;

}


.contact .heading h2::after {

    position: absolute;

    content: "";

    width: 60px;

    height: 2px;

    left: 0;

    bottom: 0;

    background: #0b0d26;

}


.contact .contact-info {


    position: relative;


    width: 100%;


    /*padding: 0 15px;*/


}


.contact .contact-item {


    position: relative;


    margin-bottom: 20px;


    padding: 15px 0;


    display: flex;


    align-items: flex-start;


    flex-direction: row;


    border-bottom: 1px solid rgba(11, 13, 38, .2);


}


.contact .contact-item i{

    font-weight: 600;

    font-size: 18px;

    color: #0b0d26;

}


.contact .contact-item [class^="flaticon-"]::before {


    margin: 0;


    color: #0b0d26;


    font-size: 40px;


}


.contact .contact-text {


    position: relative;


    width: auto;


    padding-left: 20px;


}


.contact .contact-text h3 {


    color: #0b0d26;


    font-size: 18px;


    /*font-weight: 600;*/


}


.contact .contact-text p {


    margin: 0;


    color: #0b0d26;


    font-size: 16px;


}


.contact .contact-item:last-child {


    margin-bottom: 0;


}


.contact .contact-form {


    position: relative;


    padding: 15px 0;


}


.contact .contact-form input {


    color: #687076;


    height: 40px;


    border-radius: 0;


    border-width: 1px;


    border-color: rgba(11, 13, 38, .4);


    background: transparent;


}


.contact .contact-form select {


    color: #687076;


    height: 40px;


    border-radius: 0;


    border-width: 1px;


    border-color: rgba(11, 13, 38, .4);


    background: transparent;


}


.contact .contact-form textarea {


    color: #687076;


    /*height: 185px;*/


    border-radius: 0;


    border-width: 1px;


    border-color: rgba(11, 13, 38, .4);


    background: transparent;


}


.contact .contact-form input:focus,


.contact .contact-form select,


.contact .contact-form textarea {


    box-shadow: none;


}


.contact .contact-form .form-control::placeholder {


  color: #0b0d26;


  opacity: 1;


}


.contact .contact-form .form-control::-ms-input-placeholder {


  color: #0b0d26;


}


.contact .contact-form .form-control::-ms-input-placeholder {


  color: #0b0d26;


}


.contact .contact-form .btn {


    padding: 16px 30px;


    font-size: 16px;


    font-weight: 600;


    color: #f5f5f5;


    background: #0b0d26;


    border: none;


    border-radius: 0;


    transition: .3s;


}


/*.contact .contact-form .btn:hover {


    color: #0b0d26;


    background: #ffffff;


}*/


.contact .help-block ul {


    margin: 0;


    padding: 0;


    list-style-type: none;


}


/*******************************/


/********* Footer CSS **********/


/*******************************/


.footer {


    position: relative;


    padding-top: 90px;


    background: #0b0d26;


    color: #ffffff;


    background-image: url(../img/footer-bg.jpg);


    background-position: center center;


    background-size: cover;


    background-repeat: no-repeat;


    background-attachment: scroll;


}


.footer .footer-contact,


.footer .footer-link,


.footer .newsletter {


    position: relative;


    margin-bottom: 45px;


}


.footer h2 {


    position: relative;


    margin-bottom: 20px;


    padding-bottom: 10px;


    font-size: 20px;


    font-weight: 600;


    color: #f5f5f5;


}


.footer h2::after {


    position: absolute;


    content: "";


    width: 60px;


    height: 2px;


    left: 0;


    bottom: 0;


    background: #f5f5f5;


}


.footer .footer-link a {


    display: block;


    margin-bottom: 10px;


    color: #ffffff;


    transition: .3s;


}


/*.footer .footer-link a::before {


    position: relative;


    content: "\f105";


    font-family: "Font Awesome 5 Free";


    font-weight: 900;


    margin-right: 10px;


}*/


.footer .footer-link a:hover {


    color: #f5f5f5;


    letter-spacing: 1px;


}


.footer .footer-contact p i {


    width: 25px;


}


.footer .footer-social {


    position: relative;


}


.footer .footer-social a {


    display: inline-block;


    width: 40px;


    height: 40px;


    padding: 7px 0;


    text-align: center;


    border: 1px solid rgba(256, 256, 256, .3);


    border-radius: 60px;


    transition: .3s;


}


.footer .footer-social a i {


    font-size: 15px;


    color: #ffffff;


}


.footer .footer-social a:hover {


    background: #f5f5f5;


    border-color: #f5f5f5;


}


.footer .footer-social a:hover i {


    color: #0b0d26;


}


.footer .newsletter .form {


    position: relative;


    max-width: 400px;


    margin: 0 auto;


}


.footer .newsletter input {


    height: 50px;


    border: 2px solid #121518;


    border-radius: 0;


}


.footer .newsletter .btn {


    position: absolute;


    top: 5px;


    right: 5px;


    height: 40px;


    padding: 8px 10px;


    font-size: 14px;


    font-weight: 500;


    text-transform: uppercase;


    color: #f5f5f5;


    background: #121518;


    border-radius: 0;


    border: 2px solid #f5f5f5;


    transition: .3s;


}


.footer .newsletter .btn:hover {


    color: #121518;


    background: #f5f5f5;


}


.footer .footer-menu .f-menu {


    position: relative;


    padding: 15px 0;


    font-size: 0;


    text-align: center;


    border-top: 1px solid rgba(256, 256, 256, .1);


    border-bottom: 1px solid rgba(256, 256, 256, .1);


}


.footer .footer-menu .f-menu a {


    color: #ffffff;


    font-size: 16px;


    margin-right: 15px;


    border: 1px solid rgba(255, 255, 255, 1);


}


.footer .footer-menu .f-menu a:hover {


    color: #f5f5f5;


}


.footer .footer-menu .f-menu a:last-child {


    margin-right: 0;


    padding-right: 0;


    /*border-right: none;*/


}


.footer .copyright {


    padding: 30px 15px;


}


.footer .copyright p {


    font-size: 14px;

    margin: 0;


    color: #ffffff;


}


.footer .copyright .col-md-6:last-child p {


    text-align: right;


}


.footer .copyright p a {


    color: #f5f5f5;


    font-weight: 500;


    letter-spacing: 1px;


}


.footer .copyright p a:hover {


    color: #ffffff;


}


@media (max-width: 768px) {


    .footer .copyright p,


    .footer .copyright .col-md-6:last-child p {


        margin: 5px 0;


        text-align: center;


    }


}


.abt-btm {


    background-size: cover !important;


    background-position: center !important;


	background-repeat:no-repeat !important;


    padding: 60px 15px 30px;


}


.abt-btm .feature .col-md-12 {


    background: inherit;


}


.abt-btm .feature .col-md-12:nth-child(2n) {


    color: #fff;


    background: inherit;


}


.abt-btm .feature .col-md-12:nth-child(2n) [class^="flaticon-"]::before, .abt-btm .feature .col-md-12:nth-child(2n) h3, .abt-btm .feature .col-md-12:nth-child(2n) p {


    color: #fff;


}


.abt-btm .feature .col-md-12:nth-child(2n) .feature-icon::after {


    background: #0b0d26;


}


.abt-btm .feature-item{


	border: 2px dashed rgba(255,255,255,.1);


	position:relative;


	margin-bottom:30px;


}


.abt-btm .feature-item:after,


.abt-btm .feature-item:before{


    position: absolute;


    top: 0;


    right: 0;


    bottom: 0;


    left: 0;


    content: '';


    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;


    transition: opacity 0.55s,transform 0.55s;


}


.abt-btm .feature-item:after{


    border-left: 2px dashed;


    border-right: 2px dashed;


    -webkit-transform: scale(1,0);


    -moz-transform: scale(1,0);


    -ms-transform: scale(1,0);


    -o-transform: scale(1,0);


    transform: scale(1,0);


    -webkit-transform-origin: 100% 0;


    transform-origin: 100% 0;


}


.abt-btm .feature-item:before{


    border-top: 2px dashed;


    border-bottom: 2px dashed;


    -webkit-transform: scale(0,1);


    transform: scale(0,1);


    -webkit-transform-origin: 0 0;


    transform-origin: 0 0;


}


.abt-btm .feature-item:hover:after,


.abt-btm .feature-item:hover:before{


    opacity: 1;


    -webkit-transform: scale(1);


    -moz-transform: scale(1);


    -ms-transform: scale(1);


    -o-transform: scale(1);


    transform: scale(1);


}


.feature-item:hover{border-color: transparent;}


.servicedetails-box {

 background: #EBEBEB;

 border-radius: 10px;

 text-align: center;

 color: #0b0d26;

 margin-bottom: 20px;
 min-height: 280px;

/* height:100%;*/

 }

 .servicedetails-box h3{

  font-size: 18px;

  font-weight: 700;

 }

                
 .servicedetails-icon {

  font-size: 40px;

  }

  .servicedetails-icon img {

   max-width: 200px;

   display: block;

   margin: 0 auto;

   }

   .servicedetails-box .text {

    padding: 25px;

   }


.policy-text {

    text-align: justify;

}


.policy-text ul li {

    position: relative;

    list-style: none;

    margin-bottom: 10px;

}


.policy-text ul li::before {

    position: absolute;

    left: -35px;

    top: 0;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    font-size: 18px;

    content: "\f058";

    color: #0b0d26;


}


.ml-auto a {

    color: #fff;

    font-size: 14px;

    margin: 0 5px 0 0;

}


.ml-auto i {

    font-size: 16px;

    width: 25px;

    height: 25px;

    line-height: 27px;

    background: #fff;

    color: #0b0d26;

    text-align: center;

    border-radius: 50%;

}


.certification-process-text i{

    font-size: 25px;

    color: #0b0d26;

    margin-right: 15px;

}


.certification-process-text p b{

    font-size: 20px;

    color: #0b0d26;

    font-weight: 600;

}

.certification-process-text span{
    color: #0b0d26;
    font-weight: bold;

}


.certification-process-text h4{

    font-size: 20px;

    color: #0b0d26;

    font-weight: 600;

}


.certification-process-text strong{

    font-size: 16px;

    color: #0b0d26;

}


.procedures-text{

    border-bottom: 1px dashed #0b0d26; 

    margin-bottom: 20px;

}


.complaint-text i{

    font-size: 25px;

    color: #0b0d26;

    margin-right: 15px;


}

.complaint-text h3{

    font-size: 20px;

    color: #0b0d26;

}

.slide-menu{

	margin:0;

	padding:0;

}


	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }

	.navbar .nav-item:hover .nav-link{ color: #fff;  }

	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }

	.navbar .dropdown-menu.fade-up{ top:180%;  }

	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }

.dropdown-item {

    padding: 10px 15px;

    border-bottom: 1px dashed #CFCFCF;
    font-size: 14px;

}

.newsletter img{

	width:100%;

	height:auto;

	display:block;

}

.service .btn{

	display:block;

}


@media (max-width: 1280px) {

	.navbar-dark .navbar-nav .nav-link{

		padding:10px;

	}

	.section-header h2{

		font-size:45px;

	}

}

@media (max-width: 1199px) {

	.nav-bar{

		padding:0;

	}

	.feature .feature-item {

    	padding: 15px;

	}

}

@media (max-width: 991px) {

	.navbar .dropdown-menu.fade-up{

		position:absolute;

		width:100%;

	}

	.fact .fact-left{

		width:100%;

		max-width:100%;

	}

	.fact .fact-right{

		width:100%;

		max-width:100%;

	}

	.counters {

		display: block;

		max-width: 70%;

		margin: 0 auto;

	}

	.fact{

		background:#f5f5f5;

	}

	.section-header h2 {

		font-size: 38px;

		line-height:46px;

	}

	.about .about-text a.btn{

		padding:10px 20px;

	}

	.feature .feature-item{

		min-height:inherit;

		padding: 30px 15px;

	}

	.feature .feature-text p{

		height:auto;

	}

	.section-header{

		margin-bottom:25px;

	}

	.video{

		min-height:380px;

	}

	.video .btn-play:after{

		width:70px;

		height:70px;

	}

	.navbar-dark .navbar-nav .nav-link{

		padding:10px !important;

	}

	.newsletter img{

		max-width:200px;

	}

	.navbar-nav{

		margin-bottom:15px;

	}

    .servicedetails-box{
        min-height: 268px;
    }

}

@media (max-width: 767px) {

	.about .section-header {

		margin-bottom: 15px;

	}

	.counters{

		max-width:90%;

	}

}

@media (max-width: 575px) {

	.appoinment_section .form-control{

		height:45px;

	}

    .appoinment_sectioninner .form-control{

        height:45px;

    }

	.bdesign_button{

		height:45px;

	}

    .bdesign_buttoninner{

        height:45px;

    }

	.feature .feature-text h3{

		font-size:20px;

	}

	.counters{

		max-width:100%;

	}

	.fact .col-6 {

		display: block;

		text-align: center;

	}

    .fact .col-4 {

        display: block;

        text-align: center;

    }

	.fact .fact-icon [class^="flaticon-"]::before{

		font-size:40px;

		line-height:40px;

	}

	.fact .fact-icon{

		margin:0 auto;

	}

	.fact .fact-left{

		padding:20px 0;

	}

	.fact .fact-right{

		padding:20px 0;

	}

	.fact .fact-text h2 {

		font-size: 30px;

		margin-bottom: 0;

		margin-top: 5px;

	}

	.section-header h2 {

		font-size: 28px;

		line-height: 32px;

	}

	.service .service-text h3{

		font-size:16px;

	}

	.service .service-text{

		height:50px;

	}

	.page-header h2 {

		font-size: 25px;

	}

	.page-header a {

		font-size: 14px;

	}

	.service .service-item{

		margin-bottom:15px;

	}

}


input#spam_text {
    display: none;
}

.news-team {
    background: #fff;
    padding: 10px;
    min-height: 369px;
    box-shadow: 0px 0px 30px rgb(73 78 92 / 15%);
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.news-team .news-img {
    overflow: hidden;
    position: relative;
}
.news-team .news-img img {
    width: 100%;
    transform: scale(1);
    transition: all 0.6s ease-out 0s;
}
.news-team .news-caption h3 {
    color: #0b0d26;
    font-weight: 600;
    font-size: 16px;
    margin: 10px 0;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.news img{
        float: left;
    }
.news-header{
        margin-bottom: 10px;
        color: #0b0d26;
    }