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

/*imports aboove*/

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

.img-box {
    height: 220px;
}

.single-blog a,
.text-pblue {
    color: #2f5496;
}

.container-box {
    overflow-y: scroll;
    height: 100px;
    padding-top: 10px;
}

.container-box::-webkit-scrollbar {
    width: 8px;
}

.container-box::-webkit-scrollbar-track {
    background: #f1f1f1;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.container-box::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.container-box::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.megamenu {
    position: static;
}

.megamenu .dropdown-menu {
    background: none;
    border: none;
    width: 100%;
}

.navbar-light .navbar-nav .nav-link {
    color: #325ca4;
}

.nav-link:focus,
.nav-link:hover {
    color: #325ca4;
}


/*landing page*/

.landing-page {
    width: 100%;
    height: 70vh;
    background: #000;
    position: relative;
    overflow: hidden;
}

.landing-page::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('https://images.pexels.com/photos/301920/pexels-photo-301920.jpeg?cs=srgb&dl=alphabet-blur-books-301920.jpg&fm=jpg') no-repeat;
    background-size: cover;
    opacity: .3;
    animation: anim 25s linear infinite;
}

@keyframes anim {
    50% {
        transform: scale(2);
    }
    100% {
        transform: scale(1);
    }
}

.page-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
    max-width: 800px;
    text-align: center;
    padding: 0 40px;
    box-sizing: border-box;
}

.page-content h1 {
    color: #3bb34a;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 900;
    margin-bottom: 20px;
}

.page-content p {
    color: #fff;
    margin-bottom: 20px;
}

.page-content a {
    display: inline-block;
    text-decoration: none;
    color: #3bb34a;
    border: 2px solid #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    transition: 0.4s linear;
}

.page-content a:hover {
    color: #fff;
    background: #325ca4;
}

.form-control:focus {
    box-shadow: none;
}

.form-control-underlined {
    border-width: 0;
    border-bottom-width: 1px;
    border-radius: 0;
    padding-left: 0;
}

.form-control::placeholder {
    font-size: 0.95rem;
    color: #aaa;
    font-style: italic;
}

.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
    border-radius: 20px;
}

.sect2 {
    color: #3bb34a;
}


/*general services*/

.sect2 div {
    margin-bottom: 2rem;
}


/*product slider*/

.h-content h1 {
    color: #3bb34a;
}

.h-content h1 b {
    color: #325ca4;
    text-transform: uppercase;
}

.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
}

.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item {
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item>div {
    text-align: center;
    padding: 10px;
    margin: 10px;
    background: #f1f1f1;
    color: #666;
}

.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 20px);
}

.MultiCarousel .leftLst {
    left: 0;
}

.MultiCarousel .rightLst {
    right: 0;
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
    pointer-events: none;
    background: #ccc;
}


/*about text*/

.offer {
    background-image: url(/images/landing_page/offer.jpg);
    background-position: initial;
    background-size: cover;
    padding: 5rem 0 5rem 0;
    margin: 4rem 0 0 0;
}

.about-text {
    color: #fff;
}

.about-text h1 span {
    color: #3bb34a;
}

.offer-btn {
    color: #fff;
    background: #3bb34a;
}

.offer-btn:hover {
    color: #325ca4;
    border: #3bb34a solid 1px;
    background: #3bb34a;
}


/*blog section*/

#blog {
    background: ;
}

.pb-100 {
    padding-bottom: 50px;
}

.pt-100 {
    padding-top: 100px;
}

.mb-100 {
    margin-bottom: 100px;
}

a {
    text-decoration: none;
    color: #333;
    -webkit-transition: .4s;
    transition: .4s;
}

.section-title {
    position: relative;
}

.section-title h4 {
    font-size: 40px;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 20px;
    display: inline-block;
    color: #325ca4;
}

.section-title h4::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 2px;
    bottom: 0;
    left: 50%;
    margin-left: -40px;
    background-color: #3bb34a;
}

.section-title h4::after {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    left: 0;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
}

.blog-img {
    position: relative;
}

.blog-img img {
    width: 100%;
}

.post-category a {
    display: inline-block;
    background-color: #3bb34a;
    color: #fff;
    font-size: 15px;
    padding: 5px 20px;
}

.single-blog:hover img {
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"
}

.post-category {
    position: absolute;
    left: 0;
    bottom: 0;
}

.blog-content {
    padding: 30px 20px;
}

.single-blog {
    border: 1px solid #eee;
}

.blog-title h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
}

.meta ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.meta {
    margin-bottom: 20px;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.blog-content a.box_btn {
    display: inline-block;
    background-color: #325ca4;
    padding: 5px 15px;
    color: #fff;
    text-transform: capitalize;
    margin-top: 20px;
}

a.box_btn::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #3bb34a;
    left: -100%;
    top: 0;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: -1;
}

a.box_btn {
    overflow: hidden;
    z-index: 2;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    text-decoration: none;
}

a.box_btn:hover::before {
    left: 0;
    z-index: -1;
}


/*contact us*/

#contact {
    background-color: #f1f1f1;
    padding-bottom: 3rem;
}

.c-heading h3 {
    color: #325ca4;
}

.c-heading div {
    background: #3bb34a;
    margin: 0 auto;
    width: 80px;
    height: 2px;
    border-radius: 50px;
}

#contact .form-control {
    border-radius: 0;
    border: 1px solid #1e1e1e;
}

#contact button {
    border-radius: 0;
    border: 1px solid #1e1e1e;
    border-radius: 2px;
}

#contact button:hover {
    border-radius: 0;
    border: 1px solid #fff;
    border-radius: 2px;
    background: #3bb34a;
    color: #fff;
}

#contact .row {
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .c-space {
        padding-top: 50px;
    }
}

body {
    min-height: 100vh;
    padding-bottom: 347px;
    position: relative;
}

@media (max-width: 768px) {
    .c-space {
        padding-top: 50px;
    }
    body {
        padding-bottom: 934.8px;
    }
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #333;
    color: #fff;
    padding-top: 3rem;
}

footer .last {
    background-color: #666;
    text-align: center;
    color: #fff;
    margin-top: 3rem;
}

footer .last a {
    color: #fff;
}

footer .last a:hover {
    color: #3bb34a;
}

.links-1 div {
    width: 100px;
    height: 2px;
    background: #3bb34a;
}

.links-1 ul li {
    list-style: none;
}

.links-1 ul li a {
    color: #fff;
}

.links-1 ul li a:hover {
    color: #325ca4;
}


/* newsletter */

.links-1 input[type=text],
.links-1 input[type=email] {
    width: 100%;
    height: 1.8rem;
    margin-bottom: .6rem;
}

.links-1 input[type=button] {
    color: #666;
    border-radius: 3px;
    height: 2.2rem;
}

.links-1 input[type=button]:hover {
    color: #fff;
    background: #3bb34a;
    border: #325ca4 solid 1px;
    border-radius: 3px;
    height: 2.2rem;
}


/*syles for signup*/


/*syles for signup*/