/* @import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800|Roboto:300,400,500,700'); */

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

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

/* --------------	Swivher import ------------ */

@import url("switcher.css");

@import url("demos-switcher.css");



/*--------------------------------------

    General Styles

---------------------------------------*/

body {

    margin: 0;

    font-size: 14px;

    /* font-family: 'Raleway', sans-serif; */

    font-family: "Lato", sans-serif;

    background: #fff;

    background: #fff;

    font-weight: 400;

    color:#2e3841;

}



p {

    margin: 0;

    font-size: 15px;

    line-height: 1.7;

    color: #000000;

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

}



ul,

li {

    list-style: none;

    padding: 0;

    margin: 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

}



img {

    max-width: 100%;

    height: auto;

}



a {

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



    a,

    a:hover,

    a:focus {

        text-decoration: none;

        cursor: pointer;

        outline: none;

    }



.btn.focus,

.btn:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

    outline: 0;

}



.center-grid {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    -ms-flex-line-pack: center;

    align-content: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}

.bg-w{

    background-color: #fff !important;

}



.scrolltotop{

    position: fixed;

    bottom:50px;

    right:0px;

    text-align: center;

    z-index: 9999;

    opacity: 1;

    height: 40px;

    width: 50px;

    color: #fff;

    font-size: 20px;

    background-color: #000;

    -webkit-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    transition: all 0.6s ease;

    font-size: 30px;

    transform: translateX(50px);

    box-shadow: 6px 8px 13px 0px rgba(114, 114, 114, 0.3);

    opacity: 0;

}

.scrolltotop.active{

    transform: translateX(0);

    opacity: 1;

}

.scrolltotop:hover{

    background-color: #3764eb;

}

.btn-theme {

    padding: 10px 17px;

    color: #fff;

    border-radius: 0;

    font-size: 18px;

    font-weight: 500;

    text-transform: capitalize;

    position: relative;

    overflow: hidden;

    -webkit-transition: 0.5s ease-in-out;

    -o-transition: 0.5s ease-in-out;

    transition: 0.5s ease-in-out;

    border: 0;

    z-index: 1;

}



    .btn-theme:before,

    .btn-theme:after {

        content: '';

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        -webkit-transition: 0.5s ease-in-out;

        -o-transition: 0.5s ease-in-out;

        transition: 0.5s ease-in-out;

        z-index: -1;

    }



    .btn-theme:before {

        right: -50px;

        border-right: 50px solid transparent;

        border-bottom: 80px solid#2e3841;

        -webkit-transform: translateX(-100%);

        -ms-transform: translateX(-100%);

            transform: translateX(-100%);

    }



    .btn-theme:after {

        left: -50px;

        border-left: 50px solid transparent;

        border-top: 80px solid#2e3841;

        -webkit-transform: translateX(100%);

        -ms-transform: translateX(100%);

            transform: translateX(100%);

    }



    .btn-theme:hover:before {

        -webkit-transform: translateX(-49%);

        -ms-transform: translateX(-49%);

            transform: translateX(-49%);

    }



    .btn-theme:hover:after {

        -webkit-transform: translateX(49%);

        -ms-transform: translateX(49%);

            transform: translateX(49%);

    }

    .btn-theme.btn-active{

        background-color: #3764eb;

    }

    .btn-theme.btn-active:hover{

        color: #3764eb;

    }

    .btn-theme.btn-active:before {

        border-bottom-color: #fff;

    }

    .btn-theme.btn-active:after {

        border-top-color:#fff;

    }

    .sp-100 {

        padding-top: 50px;

        padding-bottom:50px;

    }

    .sp-70-100 {

        padding-top:20px;

        padding-bottom:100px;

    }

    .pb-30 {

        padding-bottom: 30px;

    }



    .pb-20 {

        padding-bottom: 20px;

    }

    .bg-dull{

        background-color: #f5f5f5;

    }

    .mt-10{

        margin-top: 10px;

    }

    .mt-20{

        margin-top: 20px;

    }

    .mt-30{

        margin-top: 30px;

    }

    .mt-50{

        margin-top: 50px;

    }

    .mt-80{

        margin-top:80px;

    }

    .mb-10{

        margin-bottom: 10px

    }

    .mb-60{

        margin-bottom: 60px;

    }

    .mb-30{

        margin-bottom: 30px;

    }

    .all-title {

        text-align: center;

    }



    .all-title h3 {

        font-size:35px;

        font-weight: 700;

        text-transform: capitalize;

        display: inline-block;

        /* padding: 10px 20px; */

        position: relative;

    }



.sec-title {

    /* margin: 10px 50px; */

    position: relative;

}



.all-title h3::after {

    position: absolute;

    top: 0;

    left: -10px;

    content: "";

    width: 50px;

    height:3px;

}



.all-title h3::before {

    position: absolute;

    top: -10px;

    left: 0;

    content: "";

    width: 3px;

    height: 50px;

}



.all-title h3 span::after {

    position: absolute;

    bottom: 0;

    right: -10px;

    content: "";

    width: 50px;

    height: 3px;

}



.all-title h3 span::before {

    position: absolute;

    bottom: -10px;

    right: 0;

    content: "";

    width: 3px;

    height: 50px;

}

.all-title h3::after, 

.all-title h3::before, 

.all-title h3 span::after, 

.all-title h3 span::before{

    display: none;

}

.all-title p {

    padding-top: 20px;

    padding-bottom: 60px;

    max-width: 740px;

    margin: 0 auto;

}



/*==================

    preloader Css

  ==================*/



#preloader {

    position: fixed;

    left: 0;

    top: 0;

    z-index: 9999999;

    width: 100%;

    height: 100%;

    overflow: visible;

    background: #fff url("../img/preloader.gif") no-repeat center center;

}

/*--------------------------------------

    header section

---------------------------------------*/

.header {

    background-color:#2e3841;

    color: #fff;

    position: relative;

}



.theme-mobile-menu {

    padding: 18px 20px;

}



.logo {

    padding-top: 2px;

}

.logo-header {

    position: relative;

    z-index: 9;

    height:90px;

}

.logo-header:before,

.logo-header:after {

    background-color:#fff;

    content: "";

    position: absolute;

    bottom: 0;

    height: 100%;

    z-index: -1;

}

.logo-header:before {

    right: -65px;

    width: 70%;

    -webkit-transform: skew(-25deg);

    -ms-transform: skew(-25deg);

    transform: skew(-25deg);

}

.logo-header:after {

    right: 10%;

    width: 1000px;

}

.top-head {

    border-bottom: 2px solid;

    overflow: hidden;

}



.h-theme-2 .top-head {

    border-bottom: 0;

    background-color: #fff;

}



.head-detail {

    position: relative;

    float: right;

}



.head-detail-2 {

    position: relative;

    margin: 0 auto;

}



.bottom-head-2 .btn-theme {

    border: 1px solid transparent;

    font-size: 18px;

    font-weight: 500;

    float: right;

    background-color: #ffffff;

    border-color: #ffffff;

    margin-top: 3px;

}



    .h-theme-2 .btn-theme:hover {

        color: #fff;

        border-color: #fff;

        background-color: transparent;

    }



.head-detail-2::after,

.head-detail-2::before {

    position: absolute;

    content: "";

    background-color: #fff;

    height: 120px;

    width: 100px;

    z-index: 0;

    display: none;

}



.h-theme-2 .logo {

    padding: 0;

}



.menubar {

    text-align: center;

}

.h-theme-2 .menubar {

    text-align: right;

}

.bottom-head{

    background-color:#fff;

}

.bottom-head-2 {

    padding: 20px 0;

    background-color: #012f5c;

}



.head-detail-2::before {

    left: -30px;

    top: -21px;

    -webkit-transform:skew(25deg);

    -ms-transform: skew(25deg);

    transform:skew(25deg);

}



.head-detail-2::after {

    right: -30px;

    top: -21px;

    -webkit-transform:skew(-25deg);

    -ms-transform:skew(-25deg);

    transform:skew(-25deg);

}



.top-head ul {

    margin: 0 auto;

    padding: 27px 0 20px;

    z-index: 2;

    position: relative;

}

.top-head li {

    width: auto;

    float: left;

    text-align: right;

    text-transform: capitalize;

    padding-right: 30px;

    margin-right: 30px;

    text-align: left;

    font-size: 14px;

}

.h-theme-2 .top-head .get-q-btn{

    text-align: right;

    padding-right: 0;

    margin-right: 0;

    display: block;

}

.head-detail-2 .top-head li:first-child {

    padding-right: 0;

    margin-right: 0;

}



.head-detail li:last-child {

    padding-right: 0;

    margin-right: 0;

}

.h-theme-2 .top-head ul{

    padding: 15px 0;

}

.h-theme-2 .top-head li {

    padding-right: 30px;

    margin-right: 30px;

    border-right: 1px solid;

    border-right-color: #012f5c;

    display: inline-block;

    float: none;

}



.h-theme-2 .top-head li:last-child {

    border-right:0;

    padding-right: 0;

    margin-right: 0;

}

.top-head li p {

    color: #fff;

    font-weight: 500;

}

.top-head li span {

    color: #fff;

    font-weight: 500;

    text-transform: capitalize;

}



.top-head .btn-theme {

   /* background-color: #fff;*/

    border: 1px solid #fff;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 16px;

    padding: 9px 30px;

}



    .top-head .btn-theme:hover {

        background-color: transparent;

        color: #fff;

    }

    .h-theme-2 .btn-theme{

        background-color: #012f5c;

    }

.menu-link,

.dropdown-item a {

    color: #fff;

    font-size: 16px;

    display: block;

    font-weight: 600;

    text-transform: capitalize;

    padding: 15px 24px;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    transition: all 0.4s ease;

    position: relative;

}



.menu-link{

    color: #2e3841;

    padding: 25px;

}

.dropdown-item:last-child,

.h-theme-2 .dropdown-item:last-child {

    border-bottom-color: transparent;

}

.h-theme-2 .menu-link{

    color: #fff;

    padding: 15px 0;

    padding-right: 0;

    margin-left:35px;

}

.dropdown .has-sub2 .sub-menu-link::after {

    font-family: "FontAwesome";

    content: "\f107";

    margin-top: -3px;

    right: 0;

    position: absolute;

    font-size: 20px;

    font-weight: 400;

}



.has-sub .menu-link::after {

    font-family: "FontAwesome";

    content: "\f107";

    font-size: 20px;

    font-weight: 400;

    position: relative;

    top: 2px;

    line-height: 0;

    margin-left: 3px;

}



.dropdown .has-sub2 .sub-menu-link::after {

    -webkit-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    transform: rotate(-90deg);

    right: 9px;

}



.mobile-menu .dropdown {

    display: none;

}

/*--------------------------------------

  sticky-menu

---------------------------------------*/

.sticky-menu {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9999;

    background-color:#2e3841;

    text-align: center;

    -webkit-box-shadow: 0 0 13px 0 rgba(31, 31, 31, 0.4);

    box-shadow: 0 0 13px 0 rgba(31, 31, 31, 0.4);

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.sticky-menu .menu-link{

    color: #fff;

}

.h-theme-2 .sticky-menu {

    padding:18px 20px;

    text-align: center;

}

/*--------------------------------------

    mobile-menu

---------------------------------------*/

.mobile-menu {

    position: fixed;

    left: 0;

    background-color: rgba(35, 35, 35, .95);

    z-index: 999;

    width: 100%;

    height: 100%;

    overflow-y: scroll;

    padding-top: 60px;

    padding-bottom: 20px;

    top: -100%;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    display: block;

    text-align: left;

}

.mobile-menu .menu-item a{

    color: #fff;

}

/* Hamburger menu icon on the navigations */

.hamburger-menu {

    display: block;

    right: 20px;

    top: 0;

    width: 27px;

    height: 29px;

    cursor: pointer;

    position: absolute;

    margin: 18px 0;

    z-index: 99;

}



    .hamburger-menu div {

        height: 2px;

        width: 100%;

        margin: 6px 0;

        background: #fff;

        -webkit-transition: all 0.2s;

        -o-transition: all 0.2s;

        transition: all 0.2s;

    }



    .hamburger-menu .meat {

        width: 100%;

        -webkit-transition: all 200ms ease-in-out;

        -o-transition: all 200ms ease-in-out;

        transition: all 200ms ease-in-out;

    }



    .hamburger-menu .bottom-bun {

        width: 100%;

        -webkit-transition: all 400ms ease-in-out;

        -o-transition: all 400ms ease-in-out;

        transition: all 400ms ease-in-out;

    }



    .hamburger-menu:hover div {

        width: 100%;

    }



    .hamburger-menu:hover .top-bun {

        -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate;

        animation: burger-hover 0.8s infinite ease-in-out alternate;

    }



    .hamburger-menu:hover .meat {

        -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate forwards 150ms;

        animation: burger-hover 0.8s infinite ease-in-out alternate forwards 150ms;

    }



    .hamburger-menu:hover .bottom-bun {

        -webkit-animation: burger-hover 0.8s infinite ease-in-out alternate forwards 300ms;

        animation: burger-hover 0.8s infinite ease-in-out alternate forwards 300ms;

    }


/* Style the image container */
.testi-slider .img-holder {
    border-radius: 15px;               /* Rounded corners */
    overflow: hidden;                   /* Keep image inside the border radius */
    transition: transform 0.3s, box-shadow 0.3s;  /* Smooth hover effect */
    cursor: pointer;
    position: relative;
}

/* Default effect on the container */
.testi-slider .img-holder {
    border-radius: 15px;                     /* Rounded corners */
    overflow: hidden;                         /* Keep image inside the border radius */
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);  /* Subtle shadow by default */
    transform: translateY(0) scale(1);       /* Base scale */
    transition: transform 0.3s, box-shadow 0.3s;  /* Smooth transition */
    cursor: pointer;
    position: relative;
}

/* Hover effect */
.testi-slider .img-holder:hover {
    transform: translateY(-5px) scale(1.05);       /* Lift & slight zoom */
    box-shadow: 0 15px 25px rgba(0,0,0,0.3);      /* Stronger shadow */
}

/* Optional: overlay effect by default */
.testi-slider .img-holder::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.05);                 /* Subtle overlay by default */
    transition: background 0.3s;
}

/* Overlay change on hover */
.testi-slider .img-holder:hover::after {
    background: rgba(0,0,0,0.15);                /* Darker overlay on hover */
}
/* Image container */
.testi-slider .img-holder img {
    height: 380px;          /* Fixed height */
    width: auto;             /* Auto width to keep proportions */
    max-width: 100%;         /* Prevent image from exceeding container */
    display: block;          /* Remove inline spacing issues */
    border-radius: 15px;     /* Rounded corners */
    transition: transform 0.3s, box-shadow 0.3s;  /* Smooth hover effect */
}

/* Hover effect */
.testi-slider .img-holder:hover img {
    transform: scale(1.05);  /* Slight zoom on hover */
    box-shadow: 0 10px 20px rgba(0,0,0,0.3); /* Shadow on hover */
}
/* 🌐 Mobile (below 768px) */
@media (max-width: 767px) {
  .imagehieight {
    height: auto!important; /* let it resize naturally on small screens */
  }
}

/* 💻 Desktop (768px and above) */
@media (min-width: 768px) {
  .imagehieight {
    height: 400px!important; /* fixed height for larger screens */
  }
}


@-webkit-keyframes burger-hover {

    0% {

        width: 100%;

    }



    50% {

        width: 50%;

    }



    100% {

        width: 100%;

    }

}



@keyframes burger-hover {

    0% {

        width: 100%;

    }



    50% {

        width: 50%;

    }



    100% {

        width: 100%;

    }

}



.mobile-menu .has-sub .menu-link::after,

.mobile-menu .dropdown .has-sub2 .sub-menu-link::after {

    font-size: 22px;

    content: "\f067";

    right: 23px;

    top: 22px;

    position: absolute;

    -webkit-transform: rotate(0);

    -ms-transform: rotate(0);

    transform: rotate(0);

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.menu-show {

    top: 0;

}



.mobile-menu .dropdown {

    margin-left: 30px;

}



.close-menu {

    position: absolute;

    top: 10px;

    text-align: center;

    height: 30px;

    width: 30px;

    font-size: 20px;

    right: 127px;

    background-color: #fff;

    color:#2e3841;

    border-radius: 5px;

    padding: 1px 0;

    z-index: 9;

    cursor: pointer;

}



.mobile-menu .has-sub.current .menu-link::after,

.mobile-menu .dropdown .has-sub2.current .sub-menu-link::after {

    /* content: "\f068";   */

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}



.mobile-menu .menu-link {

    font-size: 17px;

    text-transform: uppercase;

}



.mobile-menu .dropdown-item a {

    font-size: 17px;

}

.map-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* Adjust this for desired aspect ratio */
  height: 0;
  overflow: hidden;
}

.map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 = 0.5625) */
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/*--------------------------------------

    top slider section

---------------------------------------*/

.theme-slider {

    position: relative;

    overflow: hidden;

    color: #fff;
    height: 400px;

}



    .theme-slider.owl-carousel .owl-item img {

        width: 100%;

        height:80vh;

        object-fit: cover;

    }

.slide-overlay {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background-color:#000;

    background-color: rgba(0, 0, 0, 0.7);

}



.s-theme-2 .slide-overlay {

    background-color: rgba(255, 255, 255, 0.2);

}



.slide-table {

    overflow: hidden;

    display: table;

    width: 100%;

    height: 100%;

}



.slide-table-cell {

    display: table-cell;

    vertical-align: middle;

}



.slide-content {

    text-align: center;

    overflow: hidden;

}



.s-theme-2 .slide-content {

    text-align: left;

}



.slide-content h2 {

    font-size: 40px;

    text-transform: inherit;

    color: #fff;

    font-weight: 700;

    max-width: 690px;

    margin: 0 auto;

}



.s-theme-2 .slide-content h2 {

    color:#012f5c;

    margin: 0;

}



.slide-img {

    position: relative;

    -webkit-animation-delay: 0.3s;

    animation-delay: 0.3s;

}



.top-slider .owl-item .slide-img img {

    position: absolute;

    top: 0;

    right: 0;

    height: auto;

    width: auto;

    max-width: none;

}

.owl-item.active .slide-img img {

    -webkit-animation: 1s .2s slideInUp both;

    animation: 1s .2s slideInUp both;

}

.slide-content h3 {

    font-size: 50px;

    text-transform: uppercase;

    font-weight:700;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.owl-item.active .slide-content h2,

.owl-item.active .slide-content h3 {

    -webkit-animation: 1s .2s slideInDown both;

    animation: 1s .2s slideInDown both;

    background-color: #ffffff;

    opacity: .8;

    padding: 10px 5px;

}

.slide-content p {

    color: #fff;

    font-size: 25px;

    max-width: 650px;

    margin:35px auto 40px;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.s-theme-2 .slide-content p {

    margin: 35px 0 40px;

    color: #000;

}

.owl-item.active .slide-content p{

    -webkit-animation: 1s .4s zoomInRight both;

    animation: 1s .4s zoomInRight both;

}

.slide-content .btn-theme {

    margin:10px;

    border: 1px solid #fff;

    min-width: 200px;

}



.slide-content .btn-theme.btn-active{

   border-color: #3764eb;

   color: #002366;

}

.slide-content .btn-theme.btn-active:hover{

    color: #3764eb;

    border-color: #fff;

}

.s-theme-2 .slide-content .btn-theme{

    margin-left: 0;

}

.s-theme-2 .slide-content .btn-theme.btn-active{

    color: #002366;

}

.s-theme-2 .slide-content .btn-theme:hover{

    color: #002366;

}



.owl-item.active .slide-content .btn-theme  {

    -webkit-animation: 1s .6s slideInUp both;

    animation: 1s .6s slideInUp both;

}

    .slide-content .btn-theme:hover {

        color: #fff;

    }



.theme-slider.owl-theme .owl-nav {

    margin: 0;

    position: absolute;

    left: 0;

    top: 50%;

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

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

    transform: translateY(-50%);

    width: 100%;

}



.theme-slider .owl-nav .owl-prev,

.theme-slider .owl-nav .owl-next {

    position: absolute;

    margin: 0;

    width: 90px;

    height: 90px;

    -webkit-transform: translateY(-70%);

    -ms-transform: translateY(-70%);

    transform: translateY(-70%);

    padding-top: 20px;

    border-radius: 50%;

    font-size: 35px;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.theme-slider .owl-nav .owl-prev {

    left: -45px;

    padding-left: 44px;

}



.theme-slider .owl-nav .owl-next {

    right: -45px;

    padding-right: 44px;

}



.theme-slider .owl-dots {

    position: absolute;

    bottom: 25px;

    text-align: center;

    width: 100%;

}





.theme-slider .owl-dots .owl-dot span {

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    background-color: #fff;

    width: 28px;

    height: 8px;

}

/*--------------------------------------

    grow business section

---------------------------------------*/

.grow-business {

    background-color: #fff;

}

.grow-business .all-title p{

    padding-bottom:30px;

}

.abt-para p{

    margin-bottom:24px

}

    .grow-business h4 {

        font-size: 24px;

        font-weight: 600;

        line-height: 1.3;

        position: relative;

        padding-bottom: 18px;

        margin-bottom: 22px;

        margin-top: 30px;

    }



    .grow-business .btn-theme {

        border: 1px solid;

        margin-right: 11px;

        margin-top:4px;

        min-width: 150px;

    }

.grow-business .btn-theme.btn-active{

  color: #fff;

}

.grow-business .btn-theme.btn-active:hover{

    color: #3764eb;

  }

.h-border::after {

    position: absolute;

    content: "";

    width: 40px;

    background-color: #3764eb;

    height: 4px;

    bottom: 0;

    left: 0;

}



.features-inner {

    text-align: center;

    background-color:#2e3841;

    padding: 35px 15px;

    position: relative;

    margin-top:30px;

    z-index: 99;

}

.features .features-inner{

    margin-top: 0;

}

    .features-inner i {

        font-size: 40px;

    }



    .features-inner i {

        color: #fff;

        -webkit-transform: scale(.9);

            -ms-transform: scale(.9);

                transform: scale(.9);

        -webkit-transition: all .3s ease;

        -o-transition: all .3s ease;

        transition: all .3s ease;

    }



    .features-inner:hover i {

        -webkit-transform: scale(1);

            -ms-transform: scale(1);

                transform: scale(1)

    }



.features .features-inner::after {

    position: absolute;

    content: "";

    width: 185px;

    height: 185px;

    border-bottom-right-radius: 15px;

    background-color: #012f5c;

    bottom: -224px;

    -webkit-transform: rotate(45deg) translate(-50%, -50%);

    -ms-transform: rotate(45deg) translate(-50%, -50%);

    transform: rotate(45deg) translate(-50%, -50%);

    left: 38px;

    z-index: -1;

}



.features-inner h5 {

    font-size: 18px;

    font-weight: 600;

    padding-top: 15px;

    padding-bottom: 10px;

    color: #fff;

}



.features-inner p {

    color: #fff;

}



.buz-video {

    /* position: relative; */

    margin-top:30px;

    z-index: 0;

}



    .buz-video::before {

        /* position: absolute; */

        content: "";

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        width: 100%;

        height: 100%;

        background-color: rgba(0, 0, 0, 0.7);

    }



    .buz-video .vid-btn {

        text-align: center;

        /* position: absolute; */

        content: "";

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

        width: 73px;

        height: 73px;

        border-radius: 50%;

        background-color: #000;

        -webkit-box-shadow: 0 0 0 rgba(0,0,0, 0.8);

                box-shadow: 0 0 0 rgba(0,0,0, 0.8);

        -webkit-animation: inout 1s infinite;

                animation: inout 1s infinite;

    }



@-webkit-keyframes inout {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.8);

                box-shadow: 0 0 0 0 rgba(0,0,0, 0.8);

    }



    70% {

        -webkit-box-shadow: 0 0 0 10px rgba(0,0,0, 0);

                box-shadow: 0 0 0 10px rgba(0,0,0, 0);

    }



    100% {

        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);

                box-shadow: 0 0 0 0 rgba(0,0,0, 0);

    }

}



@keyframes inout {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.8);

                box-shadow: 0 0 0 0 rgba(0,0,0, 0.8);

    }



    70% {

        -webkit-box-shadow: 0 0 0 10px rgba(0,0,0, 0);

                box-shadow: 0 0 0 10px rgba(0,0,0, 0);

    }



    100% {

        -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);

                box-shadow: 0 0 0 0 rgba(0,0,0, 0);

    }

}



.buz-video .vid-btn i {

    z-index: 6666;

    position: relative;

    padding-top: 23px;

    font-size: 28px;

    color: #000;

}



/*--------------------------------------

    quote section

---------------------------------------*/

.quote {

    background-color: #3764eb;

    padding: 55px 0;

    position: relative;

    z-index: 0;

}

    .quote p {

        font-size: 28px;

        font-weight: 500;

        color: #fff;

    }



.get-q {

    text-align: right;

}



.quote .btn-theme {

    padding: 10px 25px;

    background-color:#2e3841;

}

.quote .btn-theme:hover {

   background-color: #fff;

}



/*--------------------------------------

    team-redefined

---------------------------------------*/

.service-01,

.service-02 {

    background-color: #f5f5f5;

    position: relative;

    z-index: 0;

}

.service-01 .all-title p,

.service-02 .all-title p {

    padding-bottom:30px;

}

.service-02 .service-wrap,

.service-03 .service-wrap{

    cursor:inherit;

}

.service-01,

.service-02 {

    background-image: url(../img/team-defi-bg2.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    position: relative;

    background-attachment: fixed;

    z-index: 0;

}

.service-01::before,

.service-02::before {

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(255, 255, 255, 0.797);

    z-index: -1;

}

/* .service-04{

    background-color: #f5f5f5;

} */

 .carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-control.left,.carousel-control.right {background-image:none;}

.carousel-multi{
	.carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
      
      > .media-card{
        background: #333;
        border-right: 10px solid #fff;
			  display: table-cell;
			  width: 1%;

        &:last-of-type{
          border-right: none;
        }
      }
    }
    .active{
      display: table;
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
       
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
}

.service-04 {
    /* ...existing code... */
    background: linear-gradient(120deg, #517dceff 0%, #3c4d81 100%);
    background-size: 200% 200%;
    animation: skills-bg-move 8s ease-in-out infinite;
    position: relative;
    overflow: hidden;
    /* Add a dark overlay with a subtle pattern using ::before */
}
.service-04::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    /* Dark overlay with transparency */
    background: rgba(87, 127, 206, 0.65);
    /* Subtle diagonal stripes using repeating-linear-gradient */
    background-image:
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,0.04) 0px,
            rgba(255,255,255,0.04) 2px,
            transparent 2px,
            transparent 16px
        );
    mix-blend-mode: lighten;
    animation: skills-stripes-move 10s linear infinite;
}
@keyframes skills-stripes-move {
    0% { background-position: 0 0; }
    100% { background-position: 100px 100px; }
}
/* ...existing code... */



.service-03 .service-wrap{

    border: 2px solid#2e3841;

}



.service-03 .service-icon i {

    color:#2e3841;

}



.service-03 .service-wrap h4 {

    color:#2e3841;

}



.service-03 .service-icon {

    color:#2e3841;

}



.service-wrap{

    margin-top:30px;

    padding: 28px 5px;

    text-align: center;

    background-color: #fff;

    position: relative;

    z-index: 0;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    cursor: pointer;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



    .service-wrap::after {

        background-color: #fff;

        position: absolute;

        content: "";

        left: 0;

        top: 0;

        width: 100%;

        height: 100%;

        z-index: -1;

        -webkit-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

        transition: all 0.3s ease;

    }



    .service-wrap:hover::after,

    .service-wrap.current::after {

        opacity: .7;

    }



    .service-wrap::before {

        position: absolute;

        content: "";

        width: 100%;

        height: 100%;

        left: 0;

        top: 0;

        opacity: 0;

        -webkit-transform: scale(0);

        -ms-transform: scale(0);

            transform: scale(0);

        -webkit-transition: all .5s ease-in-out;

        -o-transition: all .5s ease-in-out;

        transition: all .5s ease-in-out;

        z-index: -1;

    }



    .service-wrap:hover::before,

    .service-wrap.current::before {

        opacity: .5;

        -webkit-transform: scale(1);

        -ms-transform: scale(1);

            transform: scale(1);

    }



    .service-wrap h4 {

        font-size: 18px;

        color: #fff;

        font-weight: 600;

        margin: 15px 0 10px;

        text-transform: capitalize;

        -webkit-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

        transition: all 0.3s ease;

    }

    .service-wrap h4 a{

        color: inherit;

        -webkit-transition: none;

        -o-transition: none;

        transition: none

    }

    .service-wrap p {

        padding: 0 16px;

        -webkit-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

        transition: all 0.3s ease;

    }



    .service-wrap:hover h4,

    .service-wrap.current h4,

    .service-wrap:hover p,

    .service-wrap.current p {

        color: #fff;

    }



.service-icon i {

    font-size: 40px;

    -webkit-transition: all 0.3s ease;

    color: #fff;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.service-wrap:hover .service-icon i,

.service-wrap.current .service-icon i {

    color: #fff;

}



.service-01 .panel-content {

    display: none;

    margin-top:30px;

}



.content-wrap {

    background: #fff;

    padding:30px;

    text-align: center;

}

.service-01 .panel-content.current {

    display: block;

}



.service-01 .panel-content h2 {

    font-size: 24px;

    font-weight: 600;

    line-height:1.3;

    padding-bottom: 15px;

}



.service-01 .panel-content p {

    margin-bottom:20px;

}



/*--------------------------------------

   banner

---------------------------------------*/

.banner {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    position: relative;

    display: block;

    text-align: center;

    padding: 30px 0;

    z-index: 0;

}



    .banner::after {

        position: absolute;

        content: "";

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        background-color: rgba(35, 35, 35, 0.80);

        z-index: -1;

    }



.banner-heading h2 {

    font-size: 40px;

    font-weight: 700;

    color: #fff;

    text-transform: uppercase;

    padding-bottom: 30px;

}



.banner-link li {

    display: inline-block;

    color: #fff;

    font-size: 14px;

    text-transform: capitalize;

}



.banner li a {

    color: #fff;

    font-weight: 500;

    padding: 0 3px;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



    .banner li a:hover {

        opacity: 0.8;

    }



.banner li .active {

    font-weight: 500;

    color: #ccc;

}



/*--------------------------------------

  timeline

---------------------------------------*/

.our-history {

    background-color:#2e3841;

}



    .our-history .all-title,

    .our-history .all-title p {

        color: #fff;

    }



.ver-timeline {

    position: relative;

    padding: 30px 0;

}



    .ver-timeline::before {

        content: "";

        position: absolute;

        top: 0;

        left: 18px;

        height: 100%;

        border: none;

        border-left: 2px dashed #fff;

        color: #fff;

        width: 50%;

    }



.timeline-block {

    position: relative;

    margin-bottom: 45px;

}



    .timeline-block:after {

        content: "";

        display: table;

        clear: both;

    }



    .timeline-block:first-child {

        margin-top: 0;

    }



    .timeline-block:last-child {

        margin-bottom: 0;

    }



.timeline-icon {

    position: absolute;

    height: 40px;

    width: 40px;

    background-color: #fff;

    top: 0;

    left: 0;

    text-align: center;

    z-index: 9;

}



    .timeline-icon i {

        font-size: 20px;

        padding-top: 10px;

    }



.timeline-content {

    position: relative;

    background-color:#2e3841;

    z-index: 9;

    margin-left: 60px;

}



    .timeline-content:after {

        content: "";

        display: table;

        clear: both;

    }



.timeline-icon::before {

    content: "";

    position: absolute;

    top: 50%;

    height: 2px;

    left: 100%;

    background-color: #fff;

    color:#2e3841;

    width: 85px;

    z-index: -1;

}



.timeline-block:nth-child(even) .timeline-icon {

    color: #fff;

}



.t-date {

    padding: 16px 20px;

}



    .t-date h3 {

        font-size: 18px;

        font-weight: 600;

        color: #fff;

    }



        .t-date h3 span {

            margin-left: 10px;

            font-size: 14px;

            font-style: italic;

            font-weight: 300;

        }



.t-parag {

    border: 2px solid #fff;

    padding: 16px 20px;

    border-top: 0;

}



    .t-parag h4 {

        color: #fff;

        font-size: 18px;

        margin-bottom: 10px;

    }



    .t-parag p {

        color: #cdcdcd;

    }



/*--------------------------------------

   case study

---------------------------------------*/

.case-study {

    text-align: center;

    padding-top:100px;

}



.case-study-tabs {

    display: inline-block;

    margin-bottom: 40px;

}



.case-tab {

    padding: 0 10px 5px;

    position: relative;

    float: left;

    border-bottom: 2px solid;

    cursor: pointer;

    font-size: 16px;

    font-weight: 600;

    color:#2e3841;

    text-transform: capitalize;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    z-index: 0;

}



    .case-tab::after {

        position: absolute;

        content: "";

        border: 30px solid transparent;

        left: 50%;

        bottom: -90px;

        background: url("../img/cs-bg.jpg") center fixed;

        -webkit-clip-path: polygon(50% 54%, 4% 98%, 100% 100%);

        -moz-clip-path: polygon(50% 54%, 4% 98%, 100% 100%);

        -ms-clip-path: polygon(50% 54%, 4% 98%, 100% 100%);

        clip-path: polygon(50% 54%, 4% 98%, 100% 100%);

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

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

        transform: translateX(-50%);

        -webkit-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

        transition: all 0.3s ease;

        opacity: 0;

        visibility: hidden;

    }



    .case-tab::before {

        position: absolute;

        content: "";

        left: 50%;

        bottom: -90px;

        border: 30px solid transparent;

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

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

        transform: translateX(-50%);

        border: 30px solid transparent;

        border-bottom: 30px solid;

        z-index: 99;

        opacity: 0;

        visibility: hidden;

        -webkit-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

        transition: all 0.3s ease;

    }



    .case-tab.active::after,

    .case-tab.active::before {

        opacity: 0.92;

        visibility: visible;

        bottom: -49px;

    }



    .case-tab.active::after{

        opacity: 1;

    }

    .case-tab:first-child {

        padding-left: 0;

    }



    .case-tab:last-child {

        padding-right: 0;

    }



    .case-tab span {

        display: block;

    }



.case-panel-wrap {

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

    background-position: center;

    background-attachment: fixed;

    background-size: cover;

    background-repeat: no-repeat;

    padding: 80px 0;

    position: relative;

    z-index: 0;

    text-align: left;

}



    .case-panel-wrap::after {

        position: absolute;

        content: "";

        width: 100%;

        height: 100%;

        left: 0;

        top: 0;

        opacity: 0.92;

        z-index: -1;

    }



.case-tab-panel .case-content {

    display: none;

}



    .case-tab-panel .case-content.active {

        display: block;

    }



.case-content h2 {

    font-size: 25px;

    font-weight: 600;

    line-height: 40px;

    position: relative;

    padding-bottom: 18px;

    margin-bottom: 30px;

    color: #fff;

}



.case-content p {

    color: #fff;

}



.case-content .h-border::after {

    background-color: #fff;

}





.case-item{

    margin:30px auto 0;

    text-align: center;

}



    .case-block img {

        width: 100%;

        -webkit-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

        transition: all 0.3s ease;

    }



    .case-block:hover img {

        -webkit-filter: grayscale(50%);

        filter: grayscale(50%);

    }



    .case-block .case-info {

        background-color: #f7f7f7;

        padding: 30px 25px;

        text-align: center;

    }



.case-info h4 {

    font-size:20px;

    font-weight: 700;

    margin-bottom: 10px;

    text-transform: capitalize;

}

.filter-btn {

    text-transform: capitalize;

    display: inline-block;

    margin: 5px;

    cursor: pointer;

    padding:7px 20px;

    background-color: #fff;

    border-width: 1px;

    border-style: solid;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    border-radius: 5px;

}

.filter-btn.active{

    color: #fff;

}

.case-info a {

    color:#2e3841;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.sorting {

    margin-bottom:10px;

}

.det-img {

    padding-bottom: 50px;

}



.case-d-info p{

    padding-top: 20px;

}

.case-detail h3 {

    font-size: 25px;

    font-weight: 600;

    position: relative;

}

.case-detail .more-case{

    font-size:25px;

    position: relative;

    margin-bottom: 10px;

}

.more-case::after {

    width: 45px;

    height: 3px;

    background-color: #3764eb;

    margin-top: 14px;

    margin-left: 9px;

    content: "";

    position: absolute;

}

.project-detail {

    margin: 0 auto;

}



    .project-detail h4 {

        padding: 20px;

        color: #fff;

        text-transform: capitalize;

        font-size: 18px;

        font-weight: 600;

    }



.pro-info {

    padding:10px 20px;

    border: 2px solid#2e3841;

    border-top: 0;

}



    .pro-info p {

        margin: 15px 0;

        text-transform: capitalize;

        font-weight: 700;

        color:#2e3841;

        border-bottom: 1px solid #bbbbbb;

        padding-bottom: 10px;

    }

    .pro-info p:last-child{

        padding-bottom: 0;

        border-bottom: 0;

    }

        .pro-info p span {

            font-weight: 400;

            margin-left: 10px;

        }



/*--------------------------------------

   our team

---------------------------------------*/

.our-team {

    background-color: #fff;

    text-align: center;

    overflow:hidden;

}

.our-team .all-title p {

    padding-bottom:30px;

}

.team-members {

    color: #fff;

    position: relative;

    overflow: hidden;

    text-align: center;

    margin-top:30px;

    z-index: 0;

}



.team-overlay {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 100%;

    bottom:0px;

    left:0;

    position: absolute;

    padding:20px 10px;

    color: #fff;

    -moz-transform: translateY(100%) translateY(-85px);

    -webkit-transform: translateY(100%) translateY(-85px);

    -o-transform: translateY(100%) translateY(-85px);

    -ms-transform: translateY(100%) translateY(-85px);

    transform: translateY(100%) translateY(-85px);

    -webkit-transition:all 0.7s ease;

    -moz-transition:all 0.7s ease;

    transition:all 0.7s ease;

    text-align: center;

    z-index: 2;

}



.team-members:hover .team-overlay {

    opacity: 1;

    height: 100%;

    -webkit-transform: translateY(0px) translateY(0px);

    -moz-transform: translateY(0px) translateY(0px);

    -ms-transform: translateY(0px) translateY(0px);

    transform: translateY(0px) translateY(0px);

    background-color: rgba(0, 0, 0, .8);

}

.team-members:hover::after{

   height: 100%;

}

.overlay-content {

    display: table-cell;

    vertical-align: middle;

}



.team-overlay h4 {

    font-weight: 600;

    font-size: 20px;

    text-transform: capitalize;

    padding-bottom: 8px;

}

.team-overlay h4 a{

    color: inherit;

}



.team-overlay h5 {

    font-size: 14px;

    text-transform: capitalize;

    font-weight: 500;

}



.social {

    margin-top: 30px;

    display: block;

}



.team-members .social {

    opacity: 0;

    -webkit-transition:all 0.5s ease;

    -moz-transition:all 0.5s ease;

    transition:all 0.5s ease;

   transform: translateY(30px)     

}



.team-members:hover .social {

    opacity: 1;

    transition-delay: .3s;

    transform: translateY(0)  

}



.social li {

    display: inline-block;

    margin: 5px;

    text-align: center;

    position: relative;

}



    .social li::after {

        position: absolute;

        content: "";

        top: 0;

        left: -4px;

        width: 6px;

        background-color: #fff;

        height: 2px;

    }



    .social li::before {

        position: absolute;

        content: "";

        top: -4px;

        left: 0;

        width: 2px;

        background-color: #fff;

        height: 6px;

    }



    .social li a {

        color: #fff;

        display: block;

        border: 2px solid #fff;

        padding-top: 3px;

        width: 26px;

        height: 26px;

        font-size: 13px;

        position: relative;

        -webkit-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

        transition: all 0.3s ease;

    }



        .social li a:hover {

            color: #fff;

        }



        .social li a::after {

            position: absolute;

            content: "";

            bottom: -2px;

            right: -6px;

            width: 6px;

            background-color: #fff;

            height: 2px;

        }



        .social li a::before {

            position: absolute;

            content: "";

            bottom: -6px;

            right: -2px;

            width: 2px;

            background-color: #fff;

            height: 6px;

        }



.single-team {

    position: relative;

    text-align: center;

}

.single-team .member-info{

    padding:15px 5px;

    color: #fff;

}

    .single-team h4 {

        font-size: 22px;

        text-transform: capitalize;

        padding-bottom: 5px;

    }



    .single-team h5 {

        font-size: 16px;

        font-weight: 400;

        text-transform: capitalize;

    }



.single-team-detail li {

    margin-top: 25px;

    font-size: 14px;

    white-space: nowrap;

    overflow: hidden;

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

}

.member-detail .social{

    margin-top:25px;

}

    .single-team-detail li i {

        width:30px;

        height: 30px;

        color: #fff;

        text-align: center;

        padding-top:7px;

        font-size: 15px;

        margin-right: 10px;

    }



    .member-detail .social a {

        color:#2e3841;

        border: 2px solid#2e3841;

        width: 30px;

        height: 30px;

        font-size: 16px;

    }



    .member-detail .social li::before,

    .member-detail .social li::after,

    .member-detail .social li a::before,

    .member-detail .social li a::after {

        background-color:#2e3841;

    }



.single-team-content h3 {

    font-size: 24px;

    font-weight: 600;

}



.single-team-content p {

    margin-top: 20px;

}







/*--------------------------------------

   counter

---------------------------------------*/

.counter {

    background-color: #f5f5f5;

    text-align: center;

    position: relative;

    z-index: 0;

    padding:50px 0;

}

.counter-1{

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

    background-position: center;

    background-attachment: fixed;

    background-size: cover;

    background-repeat: no-repeat;

    text-align: center;

    position: relative;

    z-index: 0;

    padding: 80px 0;

}

.counter-1::after {

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-color:#3764eb;

    opacity: 0.85;

    z-index: -1;

}

.c-wrap {

    text-align: center;

    margin: 30px 0;

}



    .c-wrap h4 {

        font-size:35px;

        font-weight: 600;

        margin-top: 20px;

        margin-bottom:10px;

        color:#fff;

    }



    .c-wrap h5 {

        font-size: 16px;

        font-weight: 600;

        text-transform: uppercase;

        color:#fff;

    }



.icon-holder {

    display: inline-block;

    position: relative;

        color:#fff;

}



    .icon-holder::after {

        position: absolute;

        content: "";

        left: -13%;

        top: 0;

        width: 126%;

        height: 4px;

    }



    .icon-holder::before {

        position: absolute;

        content: "";

        left: -13%;

        bottom: 0;

        width: 126%;

        height: 4px;

    }

    .icon-holder::after, 

    .icon-holder::before, 

    .icon-holder span::after, 

    .icon-holder span::before{

        display: none

    }

    .icon-holder span {

        display: block;

        position: relative;

    }



    .icon-holder i {

        color:#fff;

        font-size: 45px;

    }



    .icon-holder span::after {

        position: absolute;

        content: "";

        top: -13%;

        left: 0;

        width: 4px;

        height: 126%;

    }



    .icon-holder span::before {

        position: absolute;

        content: "";

        bottom: -13%;

        right: 0;

        width: 4px;

        height: 126%;

    }



/*--------------------------------------

   cta

---------------------------------------*/

.cta {

    padding: 55px 0;

    background-color:#2e3841;

}



.cta-2 {

    background-color: #fff;

}



.cta-3 {

    padding: 60px 0;

}



.cta p {

    font-size: 28px;

    font-weight: 600;

    color: #fff;

}



.cta-3 h2 {

    font-size: 34px;

    font-weight: 600;

    color: #fff;

    margin-bottom: 17px;

}



    .cta .btn-theme:hover {

        background-color: #fff;

    }



.cta-3 p {

    color: #fff;

    font-size: 18px;

}



.cta-3 .btn-theme {

    background-color:#2e3841;

    border: 2px solid#2e3841;

    margin-top: 13px;

    text-align: right;

}



/*--------------------------------------

  skills

---------------------------------------*/


.skills {
    /* ...existing code... */
    background: linear-gradient(120deg, #517dceff 0%, #3c4d81 100%);
    background-size: 200% 200%;
    animation: skills-bg-move 8s ease-in-out infinite;
    position: relative;
    overflow: hidden;
    /* Add a dark overlay with a subtle pattern using ::before */
}
.skills::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    /* Dark overlay with transparency */
    background: rgba(87, 127, 206, 0.65);
    /* Subtle diagonal stripes using repeating-linear-gradient */
    background-image:
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,0.04) 0px,
            rgba(255,255,255,0.04) 2px,
            transparent 2px,
            transparent 16px
        );
    mix-blend-mode: lighten;
    animation: skills-stripes-move 10s linear infinite;
}
@keyframes skills-stripes-move {
    0% { background-position: 0 0; }
    100% { background-position: 100px 100px; }
}
/* ...existing code... */



.progres-bar-wrap {

    padding: 40px 0 15px;

    padding-left: 20px;

    margin-top: 30px;

}



.progres {

    position: relative;

}



    .progres h4 {

        position: absolute;

        top: -40px;

        left: 43px;

        font-size: 18px;

        text-transform: capitalize;

        font-weight: 600;

    }



    .progres .prog-count {

        position: absolute;

        top: -40px;

        right: 25px;

        font-size: 18px;

        font-weight: 600;

    }



    .progres .per {

        position: absolute;

        top: -43px;

        right: 11px;

        font-size: 18px;

        font-weight: 600;

    }



    .progres::after {

        position: absolute;

        content: "";

        width: 43px;

        height: 43px;

        -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        transform: rotate(45deg);

        border: 2px solid#2e3841;

        left: -6px;

        top: -7px;

        z-index: 0;

    }



    .progres::before {

        position: absolute;

        content: "";

        width: 34px;

        height: 34px;

        -webkit-box-shadow: inset 0 3px 5px 1px #d7d7d7;

        box-shadow: inset 0 1px 5px 1px #d7d7d7;

        -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        transform: rotate(45deg);

        padding: 3px;

        border: 1px solid #bcbcbc;

        top: -2px;

        left: -1px;

        z-index: 2;

    }



    .progres .side-icon {

        position: absolute;

        content: "";

        width: 28px;

        height: 28px;

        background-color:#2e3841;

        top: 1px;

        left: 2px;

        -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        transform: rotate(45deg);

        z-index: 999;

    }



.meter-wrap {

    border: 2px solid#2e3841;

    border-left: 0;

    margin-left: 30px;

    position: relative;

    padding: 3px;

    background-color: #f5f5f5;

    z-index: 99;

}



.meter {

    position: relative;

    border: 1px solid #bcbcbc;

    border-left: 0;

    margin-left: -6px;

    -webkit-box-shadow: inset 0 3px 5px 1px #d7d7d7;

    box-shadow: inset 0 1px 5px 1px #d7d7d7;

}



.skill {

    margin-left: -11px;

    position: relative;

    height: 18px;

    padding: 2px;

    z-index: 99;

}



.meter .skill-bar {

    display: block;

    height: 100%;

    animation: prog-bar 2s linear;

    -moz-animation: prog-bar 2s linear;

    -webkit-animation: prog-bar 2s linear;

    -o-animation: prog-bar 2s linear;

    background-color:#2e3841;

}



@keyframes prog-bar {

    0% {

        width: 0;

    }

}



@-webkit-keyframes prog-bar {

    0% {

        width: 0;

    }

}



/*--------------------------------------

   testimonail

---------------------------------------*/

.testimonial {

    background-color: #f5f5f5;

    text-align: center;

    position: relative;

    z-index: 0;

}



    .testimonial .testi-content {

        text-align: left;

    }



        .testimonial .testi-content h4 {

            font-size: 18px;

            font-weight: 600;

            margin-bottom: 10px;

            text-transform: capitalize;

            color: #3764eb;

        }



        .testimonial .testi-content h5 {

            color: #000;

            font-size: 14px;

            font-weight: 400;

            margin-bottom: 10px;

            text-transform: capitalize;

        }

    .testimonial .img-holder {

        position: relative;

    }



        .testimonial .img-holder span {

            position: relative;

            display: block;

        }



        .testimonial .img-holder::after {

            position: absolute;

            content: "";

            width: 100px;

            height: 2px;

            background-color:#2e3841;

            top: 0;

            left: -10px;

        }



        .testimonial .img-holder::before {

            position: absolute;

            content: "";

            width:2px;

            height: 54px;

            background-color:#2e3841;

            top: -10px;

            left: 0;

        }



        .testimonial .img-holder span:after {

            position: absolute;

            content: "";

            width: 100px;

            height:2px;

            background-color:#2e3841;

            bottom: 0;

            right: -10px;

        }



        .testimonial .img-holder span::before {

            position: absolute;

            content: "";

            width: 2px;

            height: 54px;

            background-color:#2e3841;

            bottom: -10px;

            right: 0;

        }

        .testimonial .img-holder::after,

        .testimonial .img-holder::before,

        .testimonial .img-holder span:after,

        .testimonial .img-holder span::before{

            display: none

        }



    .testimonial .item {

        padding: 0 11px;

    }



    .testimonial .owl-dots .owl-dot span {

        background-color:#2e3841;

        width: 28px;

        height: 8px;

        border-radius:30px;

        margin: 0 7px;

        -webkit-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

        transition: all 0.3s ease;

    }



    .testimonial .owl-dots .owl-dot.active span,

    .testimonial .owl-dots .owl-dot:hover span {

        background-color: #3764eb;

    }



    .testimonial .owl-nav {

        margin-top: 0;

        width: 100%;

        position: absolute;

        top: 50%;

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

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

        transform: translateY(-50%);

    }



        .testimonial .owl-nav .owl-prev,

        .testimonial .owl-nav .owl-next {

            position: absolute;

            margin: 0;

            font-size: 60px;

            -webkit-transition: all 0.3s ease;

            -o-transition: all 0.3s ease;

            transition: all 0.3s ease;

            -webkit-transform: translateY(-100%);

            -ms-transform: translateY(-100%);

            transform: translateY(-100%);

            background-color: transparent;

            padding: 0;

            color:#2e3841;

        }



        .testimonial .owl-nav [class*="owl-"]:hover {

            background-color: transparent;

            color: #3764eb;

        }



        .testimonial .owl-nav .owl-prev {

            left: -100px;

        }



        .testimonial .owl-nav .owl-next {

            right: -100px;

        }



        .testimonial .owl-dots,

        .testimonial .owl-nav.disabled + .owl-dots {

            margin-top: 60px;

            font-size: 0;

        }



/*--------------------------------------

   blogs

---------------------------------------*/

.blog-item {

    position: relative;

}

.blog .all-title p{

    padding-bottom:30px;

}

.blog-wrap,

.blog-iso-item{

    position: relative;

    margin-top:30px;

}

    .blog-item .blog-content {

        margin: 0 10px;

        position: relative;

        margin-top: -40px;

    }

    .blog-content.no-over{

        margin: 0;

    }

    .blog-item iframe {

        width: 100%;

        height: 250px;

        border: 0;

    }

.blog-content {

    position: relative;

    padding: 20px 20px 25px;

    background-color: #fff;

    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);

    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);

    z-index: 99;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



    .blog-content h4 a {

        font-size: 18px;

        font-weight: 600;

        color:#2e3841;

        line-height: 30px;

        padding-bottom: 15px;

        display: block;

        -webkit-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

        transition: all 0.3s ease;

        border-bottom: 1px solid #e9e9e9;

    }





.post-meta {

    padding: 10px 0;

    border-bottom: 1px solid #e9e9e9;

    text-transform: capitalize;

    color: #a4a4a4;

    font-size: 14px;

}

.post-meta li{

    display: inline-block;

    padding: 5px;

    color: #2e3841;

    padding-right: 10px;

    margin-right: 10px;

    position: relative;

}

.post-meta li::after{

   position: absolute;

   content: "/";

   top: 5px;

   right: -5px;

}

.post-meta li:last-child::after{

    display:none;

}

.blog-content p {

    padding: 15px 0;

    border-bottom: 1px solid #e9e9e9;

}

.blog-horiz .blog-content{

    margin-left: -60px;

    margin-top: 8px;

}

.list-view .blog-content {

    margin-top: 12px;

}

.list-view-2 .blog-content {

    margin-top: 14px;

}

.blog-horiz.small .blog-content{

    padding: 8px 15px 12px;

}

.blog-horiz.small .blog-content h4 a {

    padding-bottom: 7px;

}



.blog-horiz.small .post-meta,

.blog-horiz.small .blog-content p {

    padding: 4px 0;

}

.blog-content .btn-theme {

    margin-top: 20px;

    font-size: 14px;

    padding: 6px 15px;

}



    .blog-content .btn-theme:hover {

        background-color: transparent;

    }



.blog-item .blog-img,

.blog-horiz .blog-img-box {

    overflow: hidden;

}



    .blog-item .blog-img img,

    .blog-horiz .blog-img-box img {

        width: 100%;

        -webkit-transition: all 0.9s ease;

        -o-transition: all 0.9s ease;

        transition: all 0.9s ease;

    }



.blog-item:hover .blog-img img,

.blog-horiz:hover .blog-img-box img  {

    -webkit-transform: scale(1.1);

        -ms-transform: scale(1.1);

            transform: scale(1.1)

}



.btn-blog-h {

    color:#2e3841;

    margin-top: 11px;

    text-transform: capitalize;

    border-bottom: 1px solid#2e3841;

    display: inline-block;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    font-size: 14px;

    font-weight: 600;

}



.verti .btn-blog-h {

    margin-top: 15px;

}





/*--------------------------------------

 pricing

---------------------------------------*/

.pricing {

    background-color: #f5f5f5;

    text-align: center;

}



.pricing-table {

    overflow: hidden;

    padding: 25px;

    background-color: #f5f5f5;

    margin: 20px 0;

}



    .pricing-table.popular {

        background-color: #fff;

        -webkit-box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.5);

        box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.5);

    }



    .pricing-table .price-header {

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat;

        position: relative;

        padding: 20px;

        text-align: center;

        z-index: 0;

        text-transform: capitalize;

    }



        .pricing-table .price-header::after {

            position: absolute;

            width: 100%;

            height: 100%;

            left: 0;

            top: 0;

            content: "";

            background-color:#012f5c;

            opacity: 0.8;

            z-index: -1;

        }



.price-header .plan-title {

    color: #fff;

    font-size: 30px;

    font-weight: 600;

}



.price-header .price-amt {

    color: #fdd415;

    font-size: 50px;

    font-weight: 600;

}



    .price-header .price-amt sup {

        top: -0.8em;

        left: 9px;

    }



    .price-header .price-amt sub,

    .price-header .price-amt sup {

        font-size: 30px;

    }



.plan-info-list {

    padding: 20px;

}



    .plan-info-list li p {

        padding: 10px 0;

        font-size: 16px;

        text-transform: capitalize;

    }



.price-btn .btn-theme {

    background-color: transparent;

    border: 2px solid #012f5c;

    color: #012f5c;

    display: block;

    font-size: 20px;

    font-weight: 500;

}



    .price-btn .btn-theme:hover {

        background-color: #012f5c;

        color: #fff;

    }



/*--------------------------------------

  partner slider

---------------------------------------*/

.partner {

    padding: 60px 0;

}



    .partner .owl-carousel .owl-item img {

        width: auto;

        margin: 0 auto;

    }



.partner-item {

    position: relative;

    min-height: 120px;

    cursor: w-resize;

}



    .partner-item img {

        position: absolute;

        left: 50%;

        top: 50%;

        -webkit-transform: translate(-50%, -50%);

        -ms-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

    }



/*--------------------------------------

   contact-us

---------------------------------------*/

.contact-us .form-control {

    margin-bottom: 25px;

    padding: 22px 15px;

    height: auto;

    color:#2e3841;

    background-color: #f4f4f4;

    border: 1px solid #f4f4f4;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-radius: 0;

}



    .contact-us .form-control::-webkit-input-placeholder {

        color:#2e3841;

    }



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

        color:#2e3841;

    }



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

        color:#2e3841;

    }



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

        color:#2e3841;

    }



.sel-wrap {

    position: relative;

    cursor: pointer;

}



    .sel-wrap:after {

        content: "\f0d7";

        font-family: "FontAwesome";

        position: absolute;

        top: 50%;

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

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

        transform: translateY(-50%);

        color:#2e3841;

        background-color: #f4f4f4;

        right: 5px;

        padding: 0 20px;

        margin-left: 5px;

        font-size: 20px;

        pointer-events: none;

    }



.custom-select {

    cursor: pointer;

}



.attach + label strong {

    margin-top: 5px;

    padding: 8px 25px;

    border: 2px solid;

    border-radius: 0;

    font-size: 18px;

    font-weight: 500;

    text-transform: capitalize;

    -webkit-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    cursor: pointer;

}



.attach + label {

    margin-top: 13px;

    font-weight: 500;

}



.contact-us input[type=file] {

    display: block;

    opacity: 0;

    height: 0;

}



.send {

    color: #fff;

    float: right;

    border: 0;

    padding: 10px 20px;

    background-color:#2e3841;

}



.contact-us form span {

    color:#2e3841;

    font-size: 16px;

    vertical-align: middle;

    display: inline-block;

    margin-left: 20px;

    margin-right: 20px;

}



.residenc {

    margin-bottom:20px;

}



    .residenc h4 {

        font-size: 18px;

        text-transform: capitalize;

        font-weight: 600;

        margin-bottom: 20px;

    }



.addres {

    position: relative;

}



    .addres img {

        position: absolute;

        top: 6px;

        left: 0;

    }



    .addres p {

        padding-left: 50px;

        margin-bottom: 40px;

    }







/*--------------------------------------

   footer

---------------------------------------*/

.footer {

    background-color:#2e3841;

    color: #fff;

}



    .footer p {

        color: #cdcdcd;

    }



.footer-top {

    padding:80px 0 20px;

    border-bottom: 1px solid #fff;

}



.company-details h2 {

    font-size: 24px;

    font-weight: 600;

    text-transform: capitalize;

    margin-bottom: 20px;

}



.company-details li {

    position: relative;

    margin-top: 10px;

}



.f-content li i {

    position: absolute;

    left: 0;

    top: 6px;

    font-size: 14px;

}



.company-details li p {

    margin-left: 23px;

}



.footer-top h3 {

    font-size: 24px;

    text-transform: capitalize;

    font-weight: 600;

    line-height: 40px;

    margin-bottom: 20px;

}



.soc-links li {

    position: relative;

    margin: 12px 0;

}



    .soc-links li i {

        position: absolute;

        left: 0;

        top: 4px;

        font-size:25px;

    }



    .soc-links li p {

        margin-left: 40px;

    }



        .soc-links li p a {

            display: block;

            color: #fff;

            white-space: nowrap;

            overflow: hidden;

            -o-text-overflow: ellipsis;

            text-overflow: ellipsis;

        }



    .soc-links li span {

        display: block;

    }



.footer-form .form-control {

    height: auto;

    padding: 19px 15px;

    border: 1px solid #fff;

    margin-bottom: 10px;

    border-radius: 0;

}



.footer-form .btn-theme {

    width: 100%;

    font-size: 18px;

    font-weight: 500;

    padding: 9px 0;

    border: 1px solid;

}



    .footer-form .btn-theme:hover {

        background-color: #fff;

    }



.footer-bottom {

    padding: 20px 0;

    text-align: center;

}



    .footer-bottom a {

        color: #fff;

        text-transform: capitalize;

    }



.company-details .social {

    margin-top: 20px;

}



    .company-details .social a {

        text-align: center;

    }







/*--------------------------------------

  accord-partner

---------------------------------------*/

.accord-partner {

    background-color:#2e3841;

    color: #fff;

}



    .accord-partner h2 {

        font-size: 25px;

        font-weight: 500;

        margin-bottom: 15px;

        padding-bottom: 15px;

        text-transform: capitalize;

        position: relative;

    }

    .accord-partner h2::after {

        width: 45px;

        height: 3px;

        background-color: #fff;

        bottom: 0;

        left: 0;

        content: "";

        position: absolute;

    }

    .accord-partner .panel {

        margin-top: 30px;

        background-color: transparent;

        margin-bottom: 0;

    }



    .panel .panel-link {

        position: relative;

        padding: 5px 10px 5px 60px;

        font-size: 18px;

        font-weight: 600;

        color: #fff;

        border-bottom: 3px solid #fff;

    }





.acc-content p {

    margin-left: 40px;

    padding: 26px 20px;

    background-color: #fff;

    margin-top: 10px;

}



.panel-link::after {

    position: absolute;

    content: "\f068";

    font-family: "fontAwesome";

    left: 0;

    text-align: center;

    padding-top: 7px;

    background-color: #fff;

    width: 38px;

    height: 38px;

    bottom: -3px;

}



.panel-link.collapsed::after {

    color: #fff;

    content: "\f067";

}





    .abt-partners img {

        margin-top: 30px;

        width: 100%;

    }





/*--------------------------------------

  Theme pagination

---------------------------------------*/

.theme-pagination {

    position: relative;

    margin-top:50px;

    text-align: center;

}



    .theme-pagination li {

        display: inline-block;

        color: #a4a4a4;

        font-size:20px;

    }



    .theme-pagination li {

        margin: 0 5px;

    }



    .theme-pagination .pagin {

        color: #3764eb;

        height: 30px;

        width: 30px;

        line-height: 28px;

        display: block;

        font-size: 15px;

        font-weight: 500;

        -webkit-transition: all .3s ease;

        -o-transition: all .3s ease;

        transition: all .3s ease;

        border: 1px solid #3764eb;

    }



        .theme-pagination .pagin.active,

        .theme-pagination .pagin:hover {

            background: #3764eb;

            color: #ffffff;

        }



.next,

.prev {

    padding: 0 10px;

    color: #2e3841;

    display: inline-block;

    vertical-align: middle;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    line-height: 1;

}



    .next i,

    .prev i {

        font-size:25px;

    }





/*--------------------------------------

  sidebar

---------------------------------------*/

.widget {

    position: relative;

    margin-bottom: 55px;

    margin-top: 30px;

}

.widget:last-child{

    margin-bottom: 0;

}

.side-form input {

    border: none;

    background: transparent;

    height: 100%;

    width: calc(100% - 40px);

    color: #a4a4a4;

    outline: none;

    font-size: 14px;

    padding: 12px 10px;

}



.side-form {

    border: 1px solid #000;

    transition: all .3s ease;

}

.side-form:focus,

.side-form:hover{

    border-color: #3764eb;

    outline: 0;

    -webkit-box-shadow: 0 0 3px 0px rgba(55, 100, 235, .5);

    box-shadow: 0 0 3px 0px rgba(55, 100, 235, .5);

}

    .side-form button {

        background: none;

        border: 0;

        top: 14px;

        padding: 0 16px;

        right: 0;

        position: absolute;

        outline: none;

        color: #391f1f;

    }



.wid-search:hover {

    color: #000

}



.widget-heading {

    margin-bottom: 5px;

    margin-right: 5px;

    position: relative;

    color: #000;

    font-size: 18px;

    font-weight: 600;

    text-transform: capitalize;

}



    .widget-heading::after {

        width: 40px;

        height: 1px;

        background-color: #000;

        margin-top: 11px;

        margin-left: 5px;

        content: "";

        position: absolute;

    }



.wid-post {

    position: relative;

    margin-top: 20px;

}



    .wid-post .post-pic {

        width: 85px;

        display: table-cell;

        vertical-align: middle;

    }



.widget-post-info {

    display: table-cell;

    vertical-align: middle;

    padding-left: 15px;

    font-size: 14px;

}



    .widget-post-info span {

        color: #707070;

        display: block;

        font-size: 13px;

    }



    .widget-post-info a {

        color:#2e3841;

        font-weight: 600;

        padding-top: 3px;

        display: block;

    }



        .widget-post-info a:hover {

            color: #868686;

        }



.blog-category {

    margin-top: 15px;

}



    .blog-category a {

        color:#2e3841;

        position: relative;

        display: block;

        text-transform: capitalize;

        font-size: 14px;

        font-weight: 600;

    }



        .blog-category a:hover {

            color: #868686;

        }



        .blog-category a span {

            color:#2e3841;

            position: absolute;

            right: 0;

        }



.pointer {

    min-width: 52px;

    padding-top: 5px;

    height: 30px;

    position: relative;

    display: inline-block;

    text-align: center;

    padding-left: 17px;

    padding-right: 7px;

    font-size: 14px;

    color: #fff;

    text-transform: capitalize;

    background-color:#2e3841;

    margin: 20px 3px 0;

}



    .pointer:hover {

        opacity: .8;

    }



    .pointer:after {

        content: "";

        position: absolute;

        left: 0;

        bottom: 0;

        width: 0;

        height: 0;

        border-left: 10px solid white;

        border-top: 15px solid transparent;

        border-bottom: 15px solid transparent;

    }



    .pointer:before {

        content: "";

        position: absolute;

        right: -10px;

        bottom: 0;

        width: 0;

        height: 0;

        border-left: 10px solid #2e3841;

        border-top: 15px solid transparent;

        border-bottom: 15px solid transparent;

    }



/*--------------------------------------

  blog-detail-content

---------------------------------------*/

.blog-detail{

    margin-top: 30px;

}

.blog-detail-content {

    position: relative;

    background-color: #fff;

}



    .blog-detail-content h3 {

        font-size: 18px;

        font-weight: 600;

        padding: 35px 0 15px;

    }



.post-detail-meta {

    border-top: 1px solid #e9e9e9;

    border-bottom: 1px solid #e9e9e9;

    padding: 15px 0;

}



    .post-detail-meta li {

        display: inline-block;

        margin-right: 10px;

        color:#2e3841;

        font-size: 14px;

        text-transform: capitalize;

    }



    .post-detail-meta a {

        color: inherit;

    }



        .post-detail-meta i {

            padding-right: 5px;

            font-size: 13px;

        }

.blog-detail-content .para{

    margin: 15px 0 25px;

}

.blog-detail-content .para p {

    margin: 15px 0;

}



.user-post {

    padding: 30px 0;

    position: relative;

    border-top: 1px solid #e9e9e9;

    border-bottom: 1px solid #e9e9e9

}



.user-img {

    width: 150px;

    vertical-align: top;

    display: table-cell;

}



.user-post-content {

    padding-left: 40px;

    vertical-align: top;

    display: table-cell;

}



.user-post h4 {

    font-size: 18px;

    font-weight: 600;

    color:#2e3841;

    padding-bottom: 10px;

}





.user-comments {

    padding: 30px 0;

    border-bottom: 1px solid #e9e9e9;

}



    .user-comments h2 {

        font-size: 20px;

        font-weight: 600;

        text-transform: capitalize;

    }



    .user-comments .user-img {

        width: 100px;

    }



    .user-comments h4 {

        font-size: 18px;

        font-weight: 600;

        text-transform: capitalize;

        margin-bottom:5px;

    }



        .user-comments h4 span {

            color: #a4a4a4;

            font-weight: 400;

        }



.comment-block {

    margin-top:25px;

    position: relative;

}

.comment-block span{

    display: block;

    color: #3764eb;

    margin-bottom: 5px;

}

.block-2 {

    margin-left: 30px;

}



.user-comments .user-post-content {

    padding-left: 20px;

}



.reply {

    position: absolute;

    font-weight: 600;

    right: 0;

    color:#2e3841;

    top: 0;

    text-transform: capitalize;

}



.comment-box {

    margin-top:30px;

}



    .comment-box h3 {

        margin-bottom: 8px;

        font-size: 20px;

        font-weight: 600;

        text-transform: capitalize;

    }

.comment-form .form-control {

    margin-top: 30px;

    padding: 15px 20px;

    height: auto;

    border-radius: 0;

    border-color:#2e3841;

}



.comment-btn {

    font-size:18px;

    background-color:#2e3841;

    color: #fff;

    border-radius: 0;

    text-transform: capitalize;

    padding: 10px 15px;

    margin-top: 30px;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



    .comment-btn:hover {

        opacity: .8;

    }



.comment-form .form-control:focus,

.comment-form .form-control:hover {

    -webkit-box-shadow:0 0 3px 0px rgba(55, 100, 235, .5);

    box-shadow:0 0 3px 0px rgba(55, 100, 235, .5);

    border-color:#3764eb;

    outline: 0;

}



/*--------------------------------------

  page 404

---------------------------------------*/

.page404 {

    position: relative;

    background-image: url('../img/bg404.jpg');

    background-position: center;

    background-size: cover;

    text-align: center;

    padding: 250px 0;

}



    .page404 h2 {

        font-size: 100px;

        font-weight: 800;

    }



    .page404 h3 {

        margin-top:30px;

        font-size:50px;

        font-weight: 800;

        color: #fff;



        text-transform: capitalize;

    }



    .page404 .btn-theme {

        background-color: #fff;

        margin-top: 50px;

    }

    .page404 .btn-theme i{

        margin-left: 5px;

    }

        .page404 .btn-theme:hover {

            color: #fff;

        }



/*--------------------------------------

 map

---------------------------------------*/

.map {

    height: 400px;

}