body {
    font-family: 'Josefin Sans', sans-serif;
}

:root {
    --mainColor: #008aff;
    --darkColorBlue: #13287e;
    --grayColor: #474747;
    --yellowColor: #ffe824;
}

/* Classes */
.blue-color {
    color: var(--mainColor);
}

.bg-blue {
    background-color: #ecf6fe;
}

.dark-blue-color {
    color: var(--darkColorBlue);
}

.gray-color {
    color: var(--grayColor);
}

.yellow-color {
    color: var(--yellowColor);
}

.btn-primary {
    background-color: var(--yellowColor);
    border-color: var(--yellowColor);
    color: var(--grayColor);
    padding: 15px 40px;
    border-radius: 50px;
}

.btn-primary:hover {
    background-color: #efaf41;
    border-color: #efaf41;
}

.form-control {
    border-color: var(--grayColor);
    padding: 22px;
}
.mt-6 {margin-top: 6rem !important;}
.pt-6 {padding-top: 6rem !important;}

/* Start Header */
.header {
    position: fixed;
    width: 100%;
    z-index: 9999;
    transition: all .2s;
    top: 35px;
}

.header.fixed-header {
    top: 0;
    background-color: #ecf6fe;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    box-shadow: 0 0 4px rgba(71, 71, 71, .1);
}
.footer .footer-top ul li a,
.header .menu-website ul li a {
    color: var(--mainColor);
    display: block;
    padding: 8px 20px;
    border-radius: 36px;
    text-decoration: none;
}
.footer .footer-top ul li a:hover,
.header .menu-website ul li a:hover {
    background-color: var(--mainColor);
    color: #fff;
}

.header .menu-website ul li:last-child a{
    background-color: #ffe824;
    color: var(--grayColor);
    padding: 8px 15px;
}

/* End Header */


.close-menu,
.show-menu {
    display: none;
}

@media(max-width: 776px) {

    .header .menu-website {
        position: fixed;
        width: 250px;
        background-color: #ecf6fe;
        right: -100%;
        height: 100%;
        top: 0;        
        padding: 40px 20px 0 20px !important;
        box-shadow: 0 0 5px var(--grayColor);
        transition: all .2s;
    }
    
    .header .menu-website.show {
        right: 0;
    }
    
    .header .menu-website ul {
        margin-top: 25px;
    }

    .header .menu-website ul li {
        display: block;
    }

    .header .menu-website ul li:last-child a {
        margin-top: 40px;
    }

    .show-menu {
        display: block;
    }

    .close-menu {
        display: inline-block;
        background-color: var(--mainColor);
        padding: 6px 11px;
        color: #fff;
        border-radius: 3px;
        font-size: 13px;
    }
}

/* Start Slider Style */
.slider {
    background-color: #f5faff;
}

.slider .slide {
    background-repeat: no-repeat;
    background-position: right top;
}
.testimonial .owl-nav,
.slider .owl-nav {
    position: absolute;
    top: 50%;
    width: 95%;
    transform: translateX(50%) translateY(-50%);
    right: 50%;

}
.testimonial .owl-nav button,
.slider .owl-nav button {
    width: 40px;
    height: 40px;
    background: #ffe824 !important;
    border-radius: 50%;
}
.testimonial .owl-nav button.owl-next,
.slider .owl-nav button.owl-next {
    float: right;
}
.testimonial .owl-nav button.owl-prev{
    float: left;
}

.slider .owl-dots {
    text-align: center;
    position: absolute;
    bottom: 30px;
    background: #fff;
    display: inline-block;
    right: 50%;
    transform: translateX(50%);
    padding: 0 18px 9px;
    border-radius: 30px;
    box-shadow: 0 0 4px rgba(71, 71, 71, .1);
}

.slider .owl-dots .owl-dot {
   width: 12px;
   height: 12px;
   background-color: var(--darkColorBlue) !important;
   margin: 0 4px;
   border-radius: 50%;
}

.slider .owl-dots .owl-dot:hover,
.slider .owl-dots .owl-dot.active {
    background-color: var(--yellowColor) !important;
}
/* End Slider Style */

/* Start Services Style */

.services .image img {
    border-radius: 150px 0 150px 0;
}

.services .row .col-md-6:last-child .image img{
    border-radius: 0 150px;

}

.services .items .item:before {
    content:'';
    width: 5px;
    height: 5px;
    background: var(--mainColor);
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: -2px;
    margin-right: 5px ;

}

.services .line {
    width: 1px;
    background-color: rgba(71, 71, 71, .1);
}

/* End Services Style */

/* Start Like Line Style */
.line-like .circle {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    line-height: 150px;
    margin: auto;
    margin-top: -75px;
}
/* End Like Line Style */


/* Start Why Choose US Style */
.why-choose-us .line {
    border-color: var(--yellowColor) !important;
    margin: 15px auto;
}
/* End Why Choose US Style */

/* Start Testimonial Style */
.testimonial {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.testimonial .item img {
    width: auto !important;
}
/* End Testimonial Style */

/* Start Plain Pricing Style */
.plain-pricing .box-package .number {
    line-height: 1;
}
.plain-pricing .box-package .number span:nth-child(1) {
    left: 20px;
}
.plain-pricing .box-package .number span:nth-child(2){
    font-size: 90px;
    left: 20px;
}
.plain-pricing .box-package .number span:nth-child(1),
.plain-pricing .box-package .number span:nth-child(3) {
    position: absolute;
    top: 0px;
    font-size: 20px;
}
.plain-pricing .box-package .number span:nth-child(3) {
    right: 15px;
}
.plain-pricing .row {
    margin-right: -35px;
    margin-left: -35px;
}
.plain-pricing .row .col-md-4 {
    padding-right: 35px;
    padding-left: 35px;
}
/* End Plain Pricing Style */

/* Start Discount Style */
.discount {
    padding-top: 180px;
    padding-bottom: 70px;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.discount .number-discount {
    top: -12px;
    width: 100px;
    height: 125px;
    right: 50%;
    transform: translateX(50%);
    padding-top: 30px;
    color: #fff;
    font-size: 40px;
    line-height: .8;
    text-shadow: 0 0 4px rgba(71, 71, 71, .1);
    background-image: url('../img/bg-number-discount.png');
    background-size: cover;
}

.discount h3 {
    font-size: 60px;
}
/* End Discount Style */

/* Start Latest News Style */
.latest-news .img img {
    height: 250px;
    object-fit: cover;
}
/* End Latest News Style */

/* Start Footer Style */
.footer .newsletter form input[type='submit'] {
    position: absolute;
    right: 10px;
    top:50%;
    background:none;
    border: 0;
    transform: translateY(-50%);

}
/* End Footer Style */

#top:hover {
    cursor: pointer;
}
.top {
    display: inline-block;
    background-color: var(--yellowColor);
    width: 50px;
    height: 50px;
    text-align: center;
    color: var(--grayColor);
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
}
.top.disnone {
    display: none;
}
.top .btn-top {
    margin-top: 14px;
}