@import url('../NewWbsitefonts/font-awesome/css/font-awesome.min.css');

@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

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

    General Styles 

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

* {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



html {

    scroll-behavior: smooth;

}



:focus, button:focus, .btn:focus {

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.form-control:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

}



a, button, input[type="submit"] {

    cursor: pointer;

}



/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



/* Firefox */

input[type=number] {

    -moz-appearance: textfield;

}



a {

    color: #000;

    text-transform: inherit;

    text-decoration: none;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



a:hover, a :focus {

    text-decoration: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    color: #000;

}



a:focus {

    outline: 0 solid;

}



img {

    max-width: 100%;

    height: auto;

}



h1, h2, h3, h4, h5, h6 {

    font-weight: 600;

    line-height: 1.5;

    color: #2a326a;

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

    text-transform: capitalize;

}



body {

    font-size: 16px;

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

    color: #2f3033;

    background-color: #f9f9f9;

}



p {

    font-size: 16px;

    line-height: 1.7;

    color: #666666;

}







select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../NewWbsiteimg/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 94% 50%;
}



table {

    width: 100%;

    max-width: 100%;

    margin-bottom: 1rem;

    background: #fff;

}



table td, table th, .table td, .table th {

    padding: .75rem;

    vertical-align: middle;

    border-top: 1px solid #dee2e6;

}



table thead th {

    vertical-align: bottom;

    border-bottom: 2px solid #dee2e6;

    background: #1d2764;

    color: #fff;

}



#message {

    padding: 0;

    margin: 0;

}



.section-padding {

    padding: 60px 0;

}



.bg-blue {

    background: #010647;

}



.help-block {

    color: #E31C25;

}



.list-style {

    margin: 0;

    padding: 0;

    list-style: none;

    color: #55565a;

}



.list-style li {

    list-style: none;

}



.page-wrapper {

    overflow-x: hidden;

}



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

          Mixins & Animation CSS

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

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .social-profile li a, .content-feature-list.style1 li span, .category-box.style2 ul li a span, .feature-item-wrap .feature-item .feature-icon, .feature-card.style3 .feature-info .feature-title span, .service-card.style3 .service-icon, .contact-item .contact-icon, .header-wrap .header-top .header-top-right, .select-lang .navbar-language .dropdown-toggle, .project-info-widget .project-info-list li, .schedule-widget ul li .feature-card .feature-info .feature-title, .service-card.style2 .service-info .service-title, .service-card.style4 .service-info .service-title, .feature-wrap .feature-content .feature-item-wrap .feature-item, .post-navigation, .footer-wrap .footer-widget .social-link, .project-info-widget .project-share, .owl-carousel .owl-nav, .pp-post-item, .feature-item-wrap .feature-item, .currency-card, .service-card.style3, .contact-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .social-profile li a, .content-feature-list.style1 li span, .category-box.style2 ul li a span, .feature-item-wrap .feature-item .feature-icon, .feature-card.style3 .feature-info .feature-title span, .service-card.style3 .service-icon, .contact-item .contact-icon {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.header-wrap .header-top .header-top-right, .project-info-widget .project-info-list li, .schedule-widget ul li .feature-card .feature-info .feature-title, .service-card.style2 .service-info .service-title, .service-card.style4 .service-info .service-title, .feature-wrap .feature-content .feature-item-wrap .feature-item, .post-navigation, .footer-wrap .footer-widget .social-link {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -ms-grid-row-align: center;

    align-items: center;

}



.project-info-widget .project-share {

    -webkit-box-align: start;

    -ms-flex-align: start;

    -ms-grid-row-align: flex-start;

    align-items: flex-start;

}



.project-info-widget .project-info-list li, .project-info-widget .project-share, .schedule-widget ul li, .post-navigation {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.header-wrap .header-top .header-top-right {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}



.header-top-menu {

    font-family: "Almarai";

}



.play-now .ripple, .play-now .ripple:before, .play-now .ripple:after {

    position: absolute;

    top: 50%;

    left: 50%;

    height: 85px;

    width: 85px;

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

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

    -webkit-transform-origin: center;

    transform-origin: center center;

    border-radius: 50%;

    -webkit-box-shadow: 0 0 0 0 #fff;

    -ms-box-shadow: 0 0 0 0 #fff;

    -o-box-shadow: 0 0 0 0 #fff;

    box-shadow: 0 0 0 0 #fff;

    -webkit-animation: ripple 3s infinite;

    animation: ripple 3s infinite;

}



.play-now {

    position: relative;

    height: 85px;

    width: 85px;

    text-align: center;

    line-height: 92px;

    background-color: transparent;

    border: 3px solid #fff;

    color: #fff;

    z-index: 1;

    font-size: 28px;

    padding-left: 5px;

    display: block;

    -webkit-transform-origin: center;

    transform-origin: center center;

    border-radius: 50%;

    margin: 0 auto;

}



.play-now .ripple:before {

    -webkit-animation-delay: 0.9s;

    animation-delay: 0.9s;

    content: "";

    position: absolute;

}



.play-now .ripple:after {

    -webkit-animation-delay: 0.6s;

    animation-delay: 0.6s;

    content: "";

    position: absolute;

}



@-webkit-keyframes ripple {

    70% {

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

        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);

    }



    100% {

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

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

    }

}



@keyframes ripple {

    70% {

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

        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);

    }



    100% {

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

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

    }

}



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

     Back To Top Button CSS

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

.back-to-top {

    font-size: 15px;

    width: 45px;

    height: 45px;

    line-height: 42px;

    text-align: center;

    display: none;

    position: fixed;

    bottom: 230px;

    right: 20px;

    z-index: 999;

    border-radius: 3px;

    background: #e12726;

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

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

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.back-to-top.open {

    bottom: 55px;

}



.back-to-top i {

    color: #fff;

}



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

     Preloader CSS

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

.loader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #fff;

    z-index: 20000;

    overflow-x: hidden !important;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.loader div {

    width: 35px;

    height: 35px;

    margin: 0 10px 0 0;

    border-radius: 50px;

    -webkit-transform-origin: 50% 0;

    transform-origin: 50% 0;

    display: inline-block;

    -webkit-animation: bouncing 1.4s linear infinite;

    animation: bouncing 1.4s linear infinite;

}



.loader div {

    background: #e12726;

}



@-webkit-keyframes bouncing {

    0%, 100% {

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

        transform: translateY(0) scale(1, 1);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }



    45% {

        -webkit-transform: translateY(80px) scale(1, 1);

        transform: translateY(80px) scale(1, 1);

        -webkit-animation-timing-function: linear;

        animation-timing-function: linear;

    }



    50% {

        -webkit-transform: translateY(80px) scale(1.5, 0.5);

        transform: translateY(80px) scale(1.5, 0.5);

        -webkit-animation-timing-function: linear;

        animation-timing-function: linear;

    }



    55% {

        -webkit-transform: translateY(80px) scale(1, 1);

        transform: translateY(80px) scale(1, 1);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

}



@keyframes bouncing {

    0%, 100% {

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

        transform: translateY(0) scale(1, 1);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

    }



    45% {

        -webkit-transform: translateY(80px) scale(1, 1);

        transform: translateY(80px) scale(1, 1);

        -webkit-animation-timing-function: linear;

        animation-timing-function: linear;

    }



    50% {

        -webkit-transform: translateY(80px) scale(1.5, 0.5);

        transform: translateY(80px) scale(1.5, 0.5);

        -webkit-animation-timing-function: linear;

        animation-timing-function: linear;

    }



    55% {

        -webkit-transform: translateY(80px) scale(1, 1);

        transform: translateY(80px) scale(1, 1);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out;

    }

}



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

       Button & Link CSS

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

.btn {

    display: inline-block;

    line-height: 26px;

    text-transform: capitalize;

    font-weight: 500;

    border-radius: 4px;

    text-align: center;

    -webkit-transition: all 0.7s ease-in-out;

    transition: all 0.7s ease-in-out;

    position: relative;

    z-index: 1;

    border: none;

    padding: 13px 35px 15px;

    color: #fff;

    overflow: hidden;

    white-space: nowrap;

}



.btn i {

    position: relative;

    font-size: 16px;

    margin-left: 7px;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.btn:before {

    position: absolute;

    top: 0;

    left: 0;

    content: "";

    width: 50%;

    height: 0;

    visibility: hidden;

    opacity: 0;

    z-index: -1;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.btn:after {

    position: absolute;

    bottom: 0;

    right: 0;

    content: "";

    width: 50%;

    height: 0;

    visibility: hidden;

    opacity: 0;

    z-index: -1;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.btn:hover {

    color: #fff;

}



.btn:hover:after, .btn:hover:before {

    width: 100%;

    height: 100%;

    visibility: visible;

    opacity: 1;

}



.btn.style1 {

    background-color: #e12726;

}



.btn.style1:after, .btn.style1:before {

    background: #010647;

}



.btn.style2 {

    background-color: #2a326a;

    color: #fff;

}



.btn.style2:after, .btn.style2:before {

    background: #010647;

}



.btn.style2:hover {

    color: #fff;

}



.btn.style3 {

    background-color: #282B58;

    color: #fff;

}



.btn.style3:after, .btn.style3:before {

    background: #e12726;

}



.btn.style3:hover {

    color: #fff;

}



.btn.style4 {

    background-color: transparent;

    border: 1px solid #e12726;

    color: #e12726;

    padding: 2px 15px;

    margin: 10px;

}



.btn.style4:after, .btn.style4:before {

    background: #e12726;

}



.btn.style4:hover {

    color: #fff;

}



.link {

    font-weight: 500;

    line-height: 26px;

    display: inline-block;

    position: relative;

    color: #e12726;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.link:after {

    position: absolute;

    bottom: 0;

    left: 0;

    content: "";

    width: 0;

    height: 1px;

    background: #e12726;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.link i {

    position: relative;

    top: 1px;

    margin-left: 5px;

    font-size: 14px;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.link:hover {

    color: #e12726;

}



.link:hover:after {

    visibility: visible;

    opacity: 1;

    width: 100%;

}



.link:hover i {

    margin-left: 10px;

}



.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    text-align: center;

    background-color: transparent;

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

    position: relative;

    overflow: hidden;

    z-index: 1;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.owl-carousel .owl-nav button.owl-prev i, .owl-carousel .owl-nav button.owl-next i {

    font-size: 18px;

    line-height: 0.8;

    display: inline-block;

    position: relative;

    top: 1px;

    color: #666666;

    margin: 0 auto;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {

    background-color: #e12726;

    border-color: transparent;

}



.owl-carousel .owl-nav button.owl-prev:hover i, .owl-carousel .owl-nav button.owl-next:hover i {

    color: #fff;

}



.owl-carousel .owl-dots button.owl-dot {

    display: inline-block;

    margin: 0 6px;

    position: relative;

    bottom: -5px;

}



.owl-carousel .owl-dots button.owl-dot span {

    display: inline-block;

    width: 16px;

    height: 10px;

    border-radius: 50px;

    background: #9A9CB1;

    position: relative;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.owl-carousel .owl-dots button.owl-dot.active span {

    width: 28px;

    background: #e12726;

}



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

    Section Title,Overlay & Shape CSS

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

.section-title, .content-title {

    position: relative;

}



.section-title h2, .content-title h2 {

    margin: 0;

    line-height: 1.4;

    margin-bottom: 5px;

}



.section-title p, .content-title p {

    margin: 12px 0 0;

}



.section-title span, .content-title span {

    display: inline-block;

    font-weight: 500;

    margin: 0 0 10px;

    position: relative;

    z-index: 1;

    line-height: 1;

}



.section-title span p, .content-title span p {

    margin: 10px auto 0;

}



.section-title span, .content-title span {

    color: #e12726;

}



.bg-transparent {

    background-color: transparent;

}



.bg-black {

    background-color: #000;

}



.bg-gray {

    background-color: #f1f1f1;

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

}



.bg-white {

    background-color: #fff;

}



.body_overlay {

    position: fixed;

    top: 0;

    left: 0;

    content: "";

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

    width: 100%;

    height: 100%;

    z-index: 999;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.body_overlay.open {

    visibility: visible;

    opacity: 1;

}



.overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

}



.bg-f {

    background-position: center center;

    background-size: rockr;

    background-repeat: no-repeat;

    background-color: #ddd;

}



.pos-rel {

    position: relative;

    z-index: 1;

}



.bounce {

    -webkit-animation: float 1500ms infinite ease-in-out;

    animation: float 1500ms infinite ease-in-out;

}



.moveHorizontal {

    -webkit-animation: moveHorizontal 3000ms infinite ease-in-out;

    animation: moveHorizontal 3000ms infinite ease-in-out;

}



.moveVertical {

    -webkit-animation: moveVertical 3000ms infinite ease-in-out;

    animation: moveVertical 3000ms infinite ease-in-out;

}



.slide_up {

    -webkit-animation: slide_up 3000ms infinite ease-in-out;

    animation: slide_up 3000ms infinite ease-in-out;

}



.moveHorizontal_reverse {

    -webkit-animation: moveHorizontal_reverse 3000ms infinite ease-in-out;

    animation: moveHorizontal_reverse 3000ms infinite ease-in-out;

}



.animationFramesTwo {

    -webkit-animation: animationFramesTwo 15000ms infinite ease-in-out;

    animation: animationFramesTwo 15000ms infinite ease-in-out;

}



.waving_left {

    -webkit-animation: waving_left 7s infinite linear;

    animation: waving_left 7s infinite linear;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.waving_right {

    -webkit-animation: waving_right 7s infinite linear;

    animation: waving_right 7s infinite linear;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.rotate {

    -webkit-animation: rotation 20s infinite linear;

    animation: rotation 20s infinite linear;

}



.rotate {

    -webkit-animation: rotation 20s infinite linear;

    animation: rotation 20s infinite linear;

}



@-webkit-keyframes waving_left {

    0% {

        -webkit-transform: rotate(0deg);

    }



    25% {

        -webkit-transform: rotate(3deg);

    }



    50% {

        -webkit-transform: rotate(6deg);

    }



    75% {

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

    }



    100% {

        -webkit-transform: rotate(0deg);

    }

}



@keyframes waving_left {

    0% {

        -webkit-transform: rotate(0deg);

    }



    25% {

        -webkit-transform: rotate(3deg);

    }



    50% {

        -webkit-transform: rotate(6deg);

    }



    75% {

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

    }



    100% {

        -webkit-transform: rotate(0deg);

    }

}



@-webkit-keyframes waving_right {

    0% {

        -webkit-transform: rotate(0deg);

    }



    25% {

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

    }



    50% {

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

    }



    75% {

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

    }



    100% {

        -webkit-transform: rotate(0deg);

    }

}



@keyframes waving_right {

    0% {

        -webkit-transform: rotate(0deg);

    }



    25% {

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

    }



    50% {

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

    }



    75% {

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

    }



    100% {

        -webkit-transform: rotate(0deg);

    }

}



@-webkit-keyframes float {

    0% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }



    50% {

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

        transform: translateY(-5px);

    }



    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }

}



@keyframes float {

    0% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }



    50% {

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

        transform: translateY(-5px);

    }



    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }

}



@-webkit-keyframes rotation {

    from {

        -webkit-transform: rotate(0deg);

    }



    to {

        -webkit-transform: rotate(359deg);

    }

}



@keyframes rotation {

    from {

        -webkit-transform: rotate(0deg);

    }



    to {

        -webkit-transform: rotate(359deg);

    }

}



@-webkit-keyframes animationFramesTwo {

    0% {

        -webkit-transform: translate(0px, 0px) rotate(0deg);

    }



    20% {

        -webkit-transform: translate(73px, -1px) rotate(36deg);

    }



    40% {

        -webkit-transform: translate(141px, 72px) rotate(72deg);

    }



    60% {

        -webkit-transform: translate(83px, 122px) rotate(108deg);

    }



    80% {

        -webkit-transform: translate(-40px, 72px) rotate(144deg);

    }



    100% {

        -webkit-transform: translate(0px, 0px) rotate(0deg);

    }

}



@keyframes animationFramesTwo {

    0% {

        -webkit-transform: translate(0px, 0px) rotate(0deg);

    }



    20% {

        -webkit-transform: translate(73px, -1px) rotate(36deg);

    }



    40% {

        -webkit-transform: translate(141px, 72px) rotate(72deg);

    }



    60% {

        -webkit-transform: translate(83px, 122px) rotate(108deg);

    }



    80% {

        -webkit-transform: translate(-40px, 72px) rotate(144deg);

    }



    100% {

        -webkit-transform: translate(0px, 0px) rotate(0deg);

    }

}



@-webkit-keyframes moveHorizontal {

    0% {

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

    }



    50% {

        -webkit-transform: translateX(-20px);

        transform: translateX(-20px);

    }



    100% {

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

    }

}



@keyframes moveHorizontal {

    0% {

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

    }



    50% {

        -webkit-transform: translateX(-20px);

        transform: translateX(-20px);

    }



    100% {

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

    }

}



@-webkit-keyframes moveHorizontal_reverse {

    0% {

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

    }



    50% {

        -webkit-transform: translateX(20px);

        transform: translateX(20px);

    }



    100% {

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

    }

}



@keyframes moveHorizontal_reverse {

    0% {

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

    }



    50% {

        -webkit-transform: translateX(20px);

        transform: translateX(20px);

    }



    100% {

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

    }

}



@-webkit-keyframes moveVertical {

    0% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }



    50% {

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

        transform: translateY(-20px);

    }



    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }

}



@keyframes moveVertical {

    0% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }



    50% {

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

        transform: translateY(-20px);

    }



    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }

}



@-webkit-keyframes slide_up {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }



    50% {

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

        transform: translateY(-50%);

    }



    100% {

        -webkit-transform: translateY(100%);

        transform: translateY(100%);

    }

}



@keyframes slide_up {

    0% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }



    50% {

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

        transform: translateY(-50%);

    }



    100% {

        -webkit-transform: translateY(100%);

        transform: translateY(100%);

    }

}



@-webkit-keyframes shine {

    100% {

        left: 125%;

    }

}



@keyframes shine {

    100% {

        left: 125%;

    }

}



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

     Social Link  CSS

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

.social-profile li {

    display: inline-block;

    margin: 0 4px;

}



.social-profile li:first-child {

    margin-left: 0;

}



.social-profile li:last-child {

    margin-right: 0;

}



.social-profile li:last-child {

    margin-right: 0;

}



.social-profile li a {

    display: block;

    text-align: center;

    border: 1px solid transparent;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.social-profile li a i {

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

    font-size: 18px;

    line-height: 0.8;

}



.social-profile li a:hover {

    border-color: transparent;

    color: #e12726;

}



.social-profile li a {

    width: 45px;

    height: 45px;

    text-align: center;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.social-profile li a i {

    color: #e12726;

}



.social-profile li a {

    background-color: #161942;

    border-radius: 50%;

}



.social-profile li a i {

    color: #fff;

}



.social-profile li a:hover {

    background-color: #e12726;

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

    transform: translateY(-3px);

}



.social-profile li a:hover i {

    color: #fff;

}



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

        Pagination  CSS

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

.page-nav {

    text-align: center;

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

}



.page-nav li {

    margin: 0 5px;

    display: inline-block;

}



.page-nav li a {

    display: block;

    width: 45px;

    height: 45px;

    font-size: 18px;

    line-height: 42px;

    font-weight: 600;

    opacity: 0.7;

    background: #fff;

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

    text-align: center;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.page-nav li a i {

    font-size: 15px;

    line-height: 42px;

    position: relative;

    margin: 0 auto;

    -webkit-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.page-nav li a.active, .page-nav li a:hover {

    color: #fff;

    opacity: 1;

    background-color: #e12726;

    border-color: transparent;

}



.page-nav li a.active i, .page-nav li a:hover i {

    color: #fff;

}



.header-wrap .header-top .header-top-right {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}



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

        Header CSS 

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

@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



@keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }

}



.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}



.header-wrap {

    top: 0;

    left: 0;

    width: 100%;

    z-index: 99;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.header-wrap.sticky {

    position: fixed;

    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);

    -webkit-transition: 0.4s;

    transition: 0.4s;

    background: #fff;

    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;

    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;

    width: 100%;

    top: -48px;

    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);

    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);

}



.header-wrap.sticky.style2 .header-bottom {

    background-color: #2a326a;

    border-color: transparent;

}



.header-wrap .header-top {

    padding: 10px 0 13px;

    background-color: #F1F1F1;

}



.header-wrap .header-top .header-top-left .contact-info li {

    display: inline-block;

    margin-right: 25px;

}



.header-wrap .header-top .header-top-left .contact-info li:last-child {

    margin-right: 0;

}



.header-wrap .header-top .header-top-left .contact-info li i {

    font-size: 14px;

    line-height: 0.8;

    color: #1d2764;

    position: relative;

    top: 2px;

    margin-right: 6px;

}



.header-wrap .header-top .header-top-left .contact-info li a, .header-wrap .header-top .header-top-left .contact-info li p {

    color: #2a326a;

    font-size: 15px;

    display: inline-block;

    margin-bottom: 0;

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

    font-weight: 600;

    direction: ltr;

}



.header-wrap .header-top .header-top-left .contact-info li a:hover, .header-wrap .header-top .header-top-left .contact-info li p:hover {

    color: #e22120;

}



.header-wrap .header-top .header-top-right .header-top-menu li {

    display: inline-block;

    margin-right: 15px;

    padding-right: 15px;

    position: relative;

}



.header-wrap .header-top .header-top-right .header-top-menu li:first-child {

    padding-left: 0;

    margin-left: 0;

}



.header-wrap .header-bottom {

    background: #fff;

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

}



.header-bottom .navbar .navbar-nav .nav-item i {

    display: inline-block;

    color: #1d2764;

}



.header-wrap .header-bottom .navbar .navbar-nav .nav-item a {

    color: #2a326a;

    display: inline-block;

    text-transform: capitalize;

}



.header-wrap .header-bottom .navbar .navbar-nav .nav-item a.active, .header-wrap .header-bottom .navbar .navbar-nav .nav-item a:hover {

    color: #e12726;

}



.header-wrap .header-bottom .navbar .navbar-nav .nav-item .dropdown-menu li a {

    color: #666666;

}



.header-wrap .header-bottom .navbar .navbar-nav > .nav-item > a:after {

    background: #e12726;

}



.header-wrap .mobile-sidebar i {

    color: #e12726;

}



@media only screen and (max-width: 767px) {

    .navbar-brand img {

        max-width: 120px;

    }



    .header-wrap.sticky {

        top: 0;

    }



    .header-wrap .header-top {

        background-color: #f9f9f9;

    }



    .header-wrap .header-top .header-top-left .contact-info li a, .header-wrap .header-top .header-top-left .contact-info li p {

        color: #2a326a;

    }



    .header-wrap .header-top .header-top-right .header-top-menu li:before {

        background-color: #2a326a;

    }



    .header-wrap .header-top .header-top-right .header-top-menu li a {

        color: #2a326a;

    }



    .header-wrap .header-top .header-top-right .select-lang span {

        color: #2a326a;

    }



    .header-wrap .header-top .header-top-right .select-lang .navbar-language .dropdown-toggle:before {

        color: #2a326a;

    }



    .header-wrap .header-top .header-top-right .select-lang .navbar-language .dropdown-menu {

        inset: 0px auto auto 0 !important;

    }



    .header-wrap .header-top {

        position: fixed;

        top: 0;

        left: -100%;

        width: 100%;

        height: 100vh;

        padding: 40px 10px 10px;

        background: #fff;

        z-index: 1;

        -webkit-transition: 0.4s;

        transition: 0.4s;

    }



    .header-wrap .header-top.open {

        left: 0;

    }



    .header-wrap .header-top .header-top-left {

        text-align: left;

        margin-bottom: 15px;

    }



    .header-wrap .header-top .header-top-left .contact-info li {

        display: block;

        margin: 0 0 10px 0;

    }



    .header-wrap .header-top .header-top-left .contact-info li:last-child {

        margin-bottom: 0;

    }



    .header-wrap .header-top .header-top-left .contact-info li a, .header-wrap .header-top .header-top-left .contact-info li p {

        color: #2a326a;

    }



    .header-wrap .header-top .header-top-right {

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start;

    }



    .header-wrap .header-top .header-top-right .header-top-menu {

        width: 100%;

    }



    .header-wrap .header-top .header-top-right .header-top-menu li:last-child:before {

        display: none;

    }



    .header-wrap .header-top .header-top-right .header-top-menu li a {

        color: #2a326a;

    }



    .header-wrap .header-top .header-top-right .select-lang {

        color: #2a326a;

        margin-left: 0;

        margin-top: 20px;

    }



    .header-wrap .header-top .header-top-right .select-lang .navbar-language .dropdown-menu {

        inset: 0px auto auto 0 !important;

    }



    .header-wrap .mobile-sidebar {

        position: relative;

        top: -3px;

        display: inline-block;

        line-height: 1;

        cursor: pointer;

        margin-right: 15px;

    }

}



@media only screen and (min-width: 1000px) {

    .close-sidebar, .mobile-sidebar {

        display: none;

    }

}



@media only screen and (max-width: 1000px) {

    .header-top-right {

        display: none !important;

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .header-wrap.sticky {

        top: -87px;

    }



    .header-wrap .header-top .header-top-left {

        text-align: center;

        margin-bottom: 15px;

    }



    .header-wrap .header-top .header-top-right {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }



    .header-wrap .header-top .header-top-left, .header-wrap .header-top .header-top-right {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

    }

}



@media only screen and (min-width: 768px) and (max-width: 1199px) {

    .header-wrap .header-bottom .navbar .navbar-nav .nav-item .dropdown-menu {

        height: 100vh;

    }

}



@media only screen and (max-width: 1199px) {

    .header-wrap .header-top .header-top-left .contact-item p, .header-wrap .header-top .header-top-left .contact-item a {

        font-size: 16px;

        font-weight: 400;

    }



    .header-wrap.sticky .mobile-menu {

        margin-right: 0;

    }



    .header-wrap .header-bottom .searchbtn {

        background-color: transparent;

        border: none;

        padding: 0;

        margin: 0 22px;

    }



    .header-wrap .header-bottom .searchbtn i {

        font-size: 20px;

        line-height: 0.8;

        position: relative;

        top: -1px;

    }



    .header-wrap .search-area .close-searchbox {

        top: 0;

        right: 0;

    }



    .header-wrap .search-area .form-group input {

        font-size: 14px;

        padding: 15px;

    }



    .header-wrap .header-bottom .navbar .navbar-nav .nav-item .dropdown-menu li a {

        color: #2a326a;

    }



    .header-wrap .searchbtn i {

        color: #e12726;

    }



    .header-wrap .mobile-menu a {

        background: #e12726;

    }



    .header-wrap .mobile-menu a i {

        color: #fff;

    }



    .header-wrap .header-bottom {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }



    .header-wrap .header-bottom .container-fluid {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-between;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }



    .header-wrap .header-bottom .navbar .navbar-collapse {

        -webkit-box-align: start;

        -ms-flex-align: start;

        -ms-grid-row-align: flex-start;

        align-items: flex-start;

    }



    .header-wrap .header-bottom .navbar .navbar-nav {

        width: 100%;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

    }



    .header-wrap .header-bottom .navbar .navbar-nav .nav-item {

        position: relative;

    }



    .header-wrap .header-bottom .navbar .navbar-nav .nav-item .menu-expand {

        position: absolute;

        right: 0;

        top: 14px;

        cursor: pointer;

    }



    .header-wrap .header-bottom .navbar .navbar-nav .nav-item .menu-expand i {

        color: #000;

        font-size: 18px;

        line-height: 1;

        position: relative;

        top: 7px;

    }



    .header-wrap .header-bottom .navbar .navbar-nav .nav-item a {

        border-bottom: 1px solid #F3F4F6;

        padding-top: 15px;

        padding-bottom: 12px;

        color: #000;

    }



    .header-wrap .header-bottom .navbar .navbar-nav .nav-item a i {

        display: none;

    }



    .header-wrap .header-bottom .navbar .navbar-nav .nav-item a.active {

        color: #e12726;

    }



    .header-wrap .header-bottom .navbar .navbar-nav .nav-item a.btn.style1 {

        margin-top: 15px;

        color: #fff;

        padding: 12px 15px 14px;

        display: block;

        width: 100%;

        margin-top: 20px;

    }



    .header-wrap .header-bottom .navbar .navbar-nav .nav-item a.btn.style1:hover {

        background-color: transparent;

        color: #fff;

    }



    .header-wrap .header-bottom .navbar .navbar-nav .nav-item .dropdown-menu {

        width: 100%;

        background-color: #fff;

        border: none;

        padding: 0;

    }



    .header-wrap .header-bottom .navbar .navbar-nav .nav-item .dropdown-menu li a {

        font-size: 14px;

        padding-left: 10px;

        margin-left: 10px;

    }



    .header-wrap .header-bottom .navbar .navbar-nav .nav-item .dropdown-menu li a.active {

        color: #010647;

    }



    .header-wrap .header-bottom .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu {

        margin-left: 20px;

    }



    .mobile-bar-wrap {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

        -webkit-box-pack: end;

        -ms-flex-pack: end;

        justify-content: flex-end;

        text-align: right;

        position: relative;

        top: 4px;

    }



    .menu-close {

        position: absolute;

        top: 13px;

        right: 16px;

    }



    .menu-close i {

        color: #000;

        font-size: 25px;

    }



    .mobile-menu {

        text-align: right;

    }



    .mobile-menu a {

        width: 35px;

        border-radius: 5px;

        height: 35px;

        text-align: center;

        background-color: #010647;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }



    .mobile-menu a i {

        font-size: 22px;

        color: #fff;

        margin: 0 auto;

    }



    .mobile-menu {

        display: inline-block;

        position: relative;

        top: -4px;

    }



    .mobile-top-bar {

        display: inline-block;

        margin-right: 6px;

        cursor: pointer;

        position: relative;

        top: 0px;

    }



    .mobile-top-bar span {

        display: block;

        width: 20px;

        height: 2px;

        background-color: #000;

        border-radius: 20px;

        margin: 5.9px 0;

    }



    .mobile-top-bar span:nth-child(1) {

        margin-top: 0;

    }



    .mobile-top-bar span:nth-child(2) {

        width: 12px;

        margin-left: 8px;

    }



    .close-header-top button {

        position: absolute;

        top: 15px;

        right: 20px;

        z-index: 999;

        background: transparent;

        border: none;

        border-radius: 50%;

        width: 30px;

        height: 30px;

        text-align: center;

        padding: 0;

    }



    .close-header-top button i {

        color: #000;

        font-size: 26px;

    }



    .main-menu-wrap {

        width: 100%;

        position: fixed;

        background: #fff;

        z-index: 999;

        top: 0;

        height: 100vh;

        -webkit-transition: 0.5s;

        transition: 0.5s;

        left: -100%;

        padding: 55px 20px 30px;

        overflow-y: auto;

        -webkit-transition: 0.4s;

        transition: 0.4s;

    }



    .main-menu-wrap.open {

        left: 0;

    }



    .main-menu > li.has-children.menu-open > span.menu-expand {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg);

    }



    .main-menu > li.has-children.menu-open > span.menu-expand i {

        color: #000;

    }



    .main-menu > li > ul > li.has-children.menu-open > span.menu-expand {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg);

    }



    .main-menu li {

        position: relative;

    }



    .main-menu li:last-child {

        margin: 0;

    }



    .main-menu li > span.menu-expand {

        position: absolute;

        right: 0;

        top: 13px;

        cursor: pointer;

    }



    .main-menu li > span.menu-expand i {

        color: #000;

        font-size: 18px;

    }



    .main-menu li > span.menu-expand:hover {

        color: #000;

    }



    .main-menu li a.active {

        color: #000;

    }



    .main-menu li > a {

        font-size: 14px;

        font-weight: 400;

        color: #000;

        text-transform: capitalize;

        display: block;

        padding: 12px 0;

        border-bottom: 1px solid rgba(0, 0, 0, 0.3);

    }



    .main-menu li > a:hover {

        color: #000;

    }



    .main-menu li > ul.sub-menu {

        padding-left: 20px;

    }



    .header-wrap .header-bottom .main-menu-wrap #menu > ul > li > a::after {

        display: none;

    }



    .main-menu li a.active {

        font-weight: 600;

        color: #000;

        border-color: rgba(0, 0, 0, 0.3);

    }

}



@media only screen and (min-width: 1200px) {

    .menu-expand i {

        display: none;

    }



    .header-wrap .navbar {

        padding: 0;

    }



    .header-wrap .navbar .navbar-brand {

        padding: 5px 20px 5px 0;

    }



    .header-wrap .navbar ul {

        padding-left: 0;

        list-style-type: none;

        margin-bottom: 0;

    }



    .header-wrap .navbar .navbar-nav {

        margin-left: auto;

        position: relative;

    }



    .header-wrap .navbar .navbar-nav > .nav-item {

        position: relative;

        top: 3px;

    }



    .header-wrap .navbar .navbar-nav > .nav-item > a:after {

        position: absolute;

        bottom: 30px;

        left: 0;

        content: "";

        width: 0;

        height: 2px;

        visibility: hidden;

        opacity: 0;

        -webkit-transition: 0.4s;

        transition: 0.4s;

    }



    .header-wrap .navbar .navbar-nav .nav-item {

        position: relative;

        top: 0px;

        margin: 0 10px;

    }



    .header-wrap .navbar .navbar-nav .nav-item.has-dropdown {

        position: relative;

        top: -1px;

    }



    .header-wrap .navbar .navbar-nav .nav-item.first-child {

        margin-left: 0;

    }



    .header-wrap .navbar .navbar-nav .nav-item a {

        font-weight: 600;

        padding: 30px 0;

        -webkit-transition: 0.4s;

        transition: 0.4s;

        position: relative;

    }



    .header-wrap.sticky .navbar .navbar-nav .nav-item a {

        padding: 0;

    }



    .header-wrap .navbar .navbar-nav .nav-item a:hover, .header-wrap .navbar .navbar-nav .nav-item a:focus, .header-wrap .navbar .navbar-nav .nav-item a.active {

        color: #010647;

    }



    .header-wrap .navbar .navbar-nav .nav-item a:hover:after, .header-wrap .navbar .navbar-nav .nav-item a:focus:after, .header-wrap .navbar .navbar-nav .nav-item a.active:after {

        visibility: visible;

        opacity: 1;

        width: 40px;

    }



    .header-wrap .navbar .navbar-nav .nav-item a i {

        font-size: 11px;

        line-height: 1;

        position: relative;

        top: 0px;

        display: inline-block;

        margin-left: -3px;

        -webkit-transition: 0.4s;

        transition: 0.4s;

    }



    .header-wrap .navbar .navbar-nav .nav-item a:hover i {

        -webkit-transform: rotate(180deg);

        transform: rotate(180deg);

    }



    .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu {

        display: block !important;

        border: none;

        top: 95px;

        left: -23px;

        z-index: 99;

        opacity: 0;

        width: 200px;

        padding: 0;

        display: block;

        border-radius: 0 0 5px 5px;

        position: absolute;

        visibility: hidden;

        background: #f9f9f9;

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

        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);

        -webkit-transition: 0.5s;

        transition: 0.5s;

    }



    .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li {

        margin: 0 20px;

    }



    .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {

        border-bottom: none;

    }



    .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a {

        padding: 18px 0 12px;

        position: relative;

        display: block;

        font-size: 15px;

        font-weight: 500;

        color: #666666;

        -webkit-transition: 0.3s;

        transition: 0.3s;

        border-bottom: 1px solid rgba(0, 169, 164, 0.09);

    }



    .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a::before {

        position: absolute;

        top: 26px;

        left: 0px;

        content: "";

        width: 15px;

        height: 2px;

        background-color: #e12726;

        visibility: hidden;

        opacity: 0;

        -webkit-transition: 0.4s;

        transition: 0.4s;

        display: none;

    }



    .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active, .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover {

        color: #e12726;

        padding-left: 4px;

    }



    .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active:before, .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover:before {

        visibility: visible;

        opacity: 1;

    }



    .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active {

        width: 100%;

        right: auto;

        left: 0;

    }



    .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a i {

        margin: 0;

        position: absolute;

        top: 55%;

        font-size: 16px;

        line-height: 1;

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

        transform: translateY(-50%);

        right: 0;

    }



    .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {

        top: 0;

        opacity: 0;

        left: -275px;

        right: auto;

        visibility: hidden;

    }



    .header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {

        opacity: 1;

        visibility: visible;

    }



    .header-wrap .navbar .navbar-nav .nav-item:hover .dropdown-menu {

        top: 85px;

        opacity: 1;

        visibility: visible;

    }



    .header-wrap .navbar .others-options {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -ms-flex-align: center;

        align-items: center;

    }



    .header-wrap .header-bottom .navbar-nav > .nav-item > a:after {

        background-color: #fff;

    }



    .header-wrap .header-bottom .navbar-nav .nav-item .dropdown-menu li a.active {

        color: #e12726;

    }

}



@media only screen and (min-width: 1400px) {

    .header-wrap .navbar .navbar-nav .nav-item {

        margin: 0 15px;

    }



    .header-wrap .navbar .navbar-nav .nav-item a {

        font-size: 17px;

    }

}



@media only screen and (min-width: 1600px) {

}



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

       Breadcrumb CSS 

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

.breadcrumb-wrap {

    position: relative;

    width: 100%;

    height: 100%;

    padding: 35px 0;

    overflow: hidden;

    z-index: 1;

    background-repeat: no-repeat;

    background-size: cover;

}



.breadcrumb-title h2 {

    font-size: 40px;

    font-weight: 700;

    margin: 0 0 5px;

}



.breadcrumb-title .breadcrumb-menu li {

    display: inline-block;

    margin: 0 10px;

    position: relative;

    color: #666666;

    font-weight: 500;

    text-shadow: 0px 0 20px white;

}



.breadcrumb-title .breadcrumb-menu li:after {

    position: absolute;

    top: 1px;

    right: -15px;

    content: "/";

    font-size: 16px;

    background-color: transparent;

    color: #666666;

}



.breadcrumb-title .breadcrumb-menu li:first-child {

    margin-left: 0;

}



.breadcrumb-title .breadcrumb-menu li:first-child a {

    padding-left: 0;

}



.breadcrumb-title .breadcrumb-menu li:last-child {

    margin-right: 0;

    color: #e12726;

}



.breadcrumb-title .breadcrumb-menu li:last-child:after {

    display: none;

}



.breadcrumb-title .breadcrumb-menu li a {

    font-size: 16px;

    line-height: 22px;

    display: inline-block;

    padding: 0px 5px;

    transition: 0.3s;

    -webkit-transition: 0.3s;

    position: relative;

    color: #343d74;

    font-weight: bold;

}



.breadcrumb-title .breadcrumb-menu li a:hover {

    color: #e12726;

}



.breadcrumb-title .breadcrumb-menu li:last-child a:after {

    display: none;

}



.breadcrumb-img {

    position: relative;

    z-index: 1;

}



.breadcrumb-img img {

    display: block;

    margin: 0 auto;

}



.content-feature-list {

    margin: 0 0 28px 0;

}



.content-feature-list li {

    position: relative;

    padding-left: 25px;

    margin: 0 0 18px;

}



.content-feature-list li:last-child {

    margin-bottom: 0;

}



.content-feature-list li i {

    position: absolute;

    top: 6px;

    left: 0;

    color: #e12726;

    font-size: 13px;

    line-height: 0.8;

}



.content-feature-list.style1 li {

    padding-left: 40px;

}



.content-feature-list.style1 li span {

    position: absolute;

    top: 0;

    left: 0;

    display: inline-block;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    background: rgba(0, 169, 164, 0.1);

    text-align: center;

}



.content-feature-list.style1 li span i {

    position: relative;

    font-size: 14px;

    line-height: 0.8;

    margin: 0 auto;

    top: 0;

}



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

     Category Widget CSS

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

.category-box ul li {

    position: relative;

    padding-left: 25px;

}



.category-box ul li:first-child a {

    padding-top: 0;

}



.category-box ul li:first-child a i {

    top: 8px;

}



.category-box ul li:last-child a {

    border-bottom: none;

    padding-bottom: 0;

}



.category-box ul li a {

    font-weight: 400;

    padding: 8px 10px 8px 0;

    display: block;

    font-size: 18px;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.category-box ul li a i {

    position: absolute;

    top: 16px;

    left: 0;

    font-size: 15px;

    line-height: 0.8;

    color: #e12726;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.category-box ul li a span {

    float: right;

    font-weight: 400;

    opacity: 0.5;

    margin-left: 4px;

    font-size: 16px;

    color: #666666;

}



.category-box ul li a:hover {

    color: #e12726;

    padding-left: 10px;

}



.category-box ul li a:hover i {

    color: #e12726;

}



.category-box.style2 ul li {

    margin: 0 0 15px;

    padding-left: 0;

}



.category-box.style2 ul li:last-child {

    margin-bottom: 0;

}



.category-box.style2 ul li a {

    display: block;

    background: #f9f9f9;

    padding: 17px 18px 18px;

    border-radius: 5px;

    color: #666666;

    font-weight: 500;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.category-box.style2 ul li a span {

    width: 32px;

    height: 32px;

    border-radius: 50%;

    background: #f9f9f9;

    opacity: 1;

    float: right;

    text-align: center;

    position: relative;

    top: -3px;

}



.category-box.style2 ul li a span i {

    position: relative;

    font-size: 10px;

    font-weight: 600;

    line-height: 0.8;

    color: #000;

    margin: 0 auto;

    top: 0;

}



.category-box.style2 ul li a:hover {

    background: #e12726;

    color: #fff;

}



.category-box.style2 ul li a:hover span {

    background: #fff;

}



.category-box.style2 ul li a:hover span i {

    color: #e12726;

    left: 0;

}



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

     Project Info Widget CSS

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

.project-info-widget {
    background-image: url(../NewWbsiteimg/contact-widget-bg.jpg);
    position: relative;
    z-index: 1;
    padding: 25px;
}



.project-info-widget .overlay {

    z-index: -1;

}



.project-info-widget .project-info-list li {

    margin-bottom: 18px;

    padding-bottom: 18px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

}



.project-info-widget .project-info-list li:last-child {

    margin-bottom: 0;

}



.project-info-widget .project-info-list li p {

    margin-bottom: 0;

    font-size: 18px;

    font-weight: 500;

    color: #fff;

}



.project-info-widget .project-info-list li p i {

    color: #e12726;

    position: relative;

    top: 2px;

    font-size: 17px;

    font-weight: 500;

    margin-right: 10px;

}



.project-info-widget .project-info-list li span {

    color: #fff;

}



.project-info-widget .project-share {

    margin: 20px 0 0;

}



.project-info-widget .project-share p {

    width: 120px;

    margin-bottom: 0;

    font-size: 18px;

    font-weight: 600;

    color: #fff;

}



.project-info-widget .project-share p i {

    color: #e12726;

    position: relative;

    top: 2px;

    margin-right: 7px;

}



.project-info-widget .project-share ul {

    width: calc(100% - 120px);

    text-align: right;

}



.project-info-widget .project-share ul li {

    display: inline-block;

}



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

     Contact Widget CSS

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

.contact-widget-form {
    background-image: url(../NewWbsiteimg/contact-widget-bg.jpg);
    position: relative;
    z-index: 1;
    padding: 25px;
}



.contact-widget-form .overlay {

    z-index: -1;

}



.contact-widget-form form .form-group {

    margin-bottom: 25px;

}



.contact-widget-form form .form-group input, .contact-widget-form form .form-group textarea {

    width: 100%;

    border: none;

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

    padding: 15px 20px;

    color: #fff;

}



.contact-widget-form form .form-group input::-webkit-input-placeholder, .contact-widget-form form .form-group textarea::-webkit-input-placeholder {

    opacity: 0.8;

}



.contact-widget-form form .form-group input:-ms-input-placeholder, .contact-widget-form form .form-group textarea:-ms-input-placeholder {

    opacity: 0.8;

}



.contact-widget-form form .form-group input::-ms-input-placeholder, .contact-widget-form form .form-group textarea::-ms-input-placeholder {

    opacity: 0.8;

}



.contact-widget-form form .form-group input::placeholder, .contact-widget-form form .form-group textarea::placeholder {

    opacity: 0.8;

}



.contact-widget-form form .form-group input {

    height: 50px;

}



.contact-widget-form form .form-group textarea {

    height: 100px;

    resize: none;

}



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

    Hero  Section CSS

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

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

     banner

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

.banner {

    direction: ltr;

}



.banner-item img, .banner-item video {

    width: 100%;

    object-fit: cover;

    height: 100%;

}



.banner-item:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    z-index: 1;

    right: 0;

    overflow: hidden;

    border: none;

    padding: 0;

    margin: 0;

    /*background: url(../images/overlay/rrdiagonal-line.png) center center;*/

}



.banner-slider .center-part {

    padding: 40px;

    text-align: center;

    position: absolute;

    top: 26%;

    width: 100%;

    z-index: 2;

    direction: ltr;

}



.banner-content {

    color: #ffffff;

    padding: 40px 0;

    position: relative;

    width: 100%;

    background: rgb(0 0 0 / 40%);

    max-width: 500px;

    border-radius: 10px;

}



.banner-content h1 {

    font-size: 4vw;

    line-height: 1.2;

    margin-bottom: 20px;

    color: #fff;

    font-weight: 600;

}



.banner-content h6 {

    font-size: 2vw;

    font-weight: 600;

    margin-bottom: 4vh;

    color: #fff;

    line-height: 30px;

}



.banner-content a {

    font-size: 1.5vw;

    font-weight: 600;

    margin-bottom: 4vh;

    color: #fff;

    line-height: 30px;

}



.banner-slider .owl-nav .owl-next {

    position: absolute;

    top: 50%;

    color: #ffffff;

    outline: none;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    z-index: 999;

}



.banner-slider .owl-nav .owl-prev {

    position: absolute;

    top: 50%;

    color: #ffffff;

    outline: none;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    left: 2%;

    z-index: 999;

}



.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    width: 25px;

    height: 58px;

    background-color: rgb(255 255 255 / 41%);

    border: none;

}



.owl-carousel .owl-nav button.owl-prev {

    left: 0;

    border-radius: 0 5px 5px 0;

}



.owl-carousel .owl-nav button.owl-next {

    right: 0;

    border-radius: 5px 0 0 5px;

}



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

   Service Charge Calculator  CSS

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

.service-charge-wrap .charge-form .form-group {

    position: relative;

    margin-bottom: 25px;

}



.service-charge-wrap .charge-form .form-group label {

    display: block;

    margin: 0 0 15px;

    line-height: 1;

    color: rgba(255, 255, 255, 0.8);

}



.service-charge-wrap .charge-form .form-group input {

    width: 100%;

    height: 54px;

    background-color: #282B58;

    border-radius: 5px;

    border: none;

    padding: 15px 20px;

    color: #fff;

}







    .service-charge-wrap .charge-form .form-group select {
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #e12726;
        color: #fff;
        border-radius: 5px;
        width: 80px;
        height: 54px;
        padding: 15px 10px;
        border: none;
        background-image: url(../NewWbsiteimg/down-arrow-2.png);
        background-size: 12px;
        background-position: 85% 53%;
    }



.service-charge-wrap .charge-form .form-btn {

    margin-top: 32px;

}



.service-charge-wrap .charge-form p {

    display: inline-block;

    color: rgba(255, 255, 255, 0.8);

    margin: 0 15px 0 0;

    padding-right: 15px;

    position: relative;

}



.service-charge-wrap .charge-form p:last-child {

    margin: 0;

    padding: 0;

}



.service-charge-wrap .charge-form p:last-child:after {

    display: none;

}



.service-charge-wrap .charge-form p:after {

    position: absolute;

    top: 9px;

    right: 0;

    content: "";

    width: 1px;

    height: 14px;

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

}



.service-charge-wrap .charge-form p span {

    color: #fff;

    font-weight: 600;

}



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

    calculate 

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

#calculate td span {

    color: #2a326a;

    font-weight: bold;

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

}



.modal-title {

    font-weight: bold;

    padding-left: 15px;

}



.modal-title img {

    width: 60px;

}



.modal-header .close {

    font-weight: bold;

    opacity: 1;

    margin-left: 0px;

}



.modal-header {

    background: #f1f1f1;

    padding: 0.5rem;

}



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

    car products

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

.car-products {

    text-align: center;

}



.car-products.owl-carousel .owl-nav button.owl-next {

    right: -25px;

    border-radius: 0 5px 5px 0;

}



.car-products.owl-carousel .owl-nav button.owl-prev {

    left: -25px;

    border-radius: 5px 0 0 5px;

}



.product-wrap {

    position: relative;

    margin-bottom: 30px;

    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.05);

    box-shadow: 0 5px 20px 0 rgba(0,0,0,.05);

    background: #fff;

}



.product-wrap .product-img {

    position: relative;

    text-align: center;

    padding: 20px;

}



.product-wrap .product-img img {

    width: 100%;

}



.product-wrap .product-img .cities {

    position: absolute;

    top: 12px;

    right: 12px;

}



.product-wrap .product-img span {

    font-size: 12px;

    color: #fff;

    display: inline-block;

    line-height: 1;

    padding: 3px 8px;

    border-radius: 3px;

    font-weight: bold;

    background-color: #000000;

}



.product-wrap .product-img .hover-img {

    position: absolute;

    top: 0;

    left: 50%;

    opacity: 0;

    visibility: hidden;

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

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

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

    -webkit-transition-duration: .7s;

    -o-transition-duration: .7s;

    transition-duration: .7s;

}



.product-wrap .product-img .product-action {

    position: absolute;

    left: 50%;

    bottom: 0;

    width: 100%;

    z-index: 8;

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

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

    transform: translateX(-50%);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.product-wrap .product-img .product-action > div {

    opacity: 0;

    visibility: hidden;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    height: 48px;

    -webkit-transform: translateY(20px);

    -ms-transform: translateY(20px);

    transform: translateY(20px);

    background-color: #2a326a;

    -webkit-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



.product-wrap .product-img .product-action > div:hover {

    background-color: #242c64;

}



.product-wrap .product-img .product-action .pro-wishlist {

    width: 48px;

    border-left: 1px solid rgba(255, 255, 255, 0.2);

}



.product-wrap .product-img .product-action .pro-cart {

    font-size: 14px;

    width: 100%;

    -webkit-transition-delay: .1s;

    -o-transition-delay: .1s;

    transition-delay: .1s;

}



.product-wrap .product-img .product-action .pro-quickview {

    width: 48px;

    border-right: 1px solid rgba(255, 255, 255, 0.2);

    margin: 0;

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s;

}



.product-wrap .product-img .product-action .pro-same-action a {

    color: #fff;

    font-size: 16px;

    height: 48px;

    line-height: 48px;

    display: block;

    width: 100%;

    text-align: center;

    font-weight: bold;

}



.product-wrap .product-img .product-action .pro-same-action.pro-wishlist a, .product-wrap .product-img .product-action .pro-same-action.pro-quickview a {

    margin-top: 2px;

}



.product-wrap .product-content {

    padding: 20px 0;

}



.product-wrap .product-content h3 {

    font-size: 20px;

    margin-bottom: 15px;

}



.product-wrap .product-content .product-rating {

    margin: 3px 0 3px;

}



.product-wrap .product-content .product-rating i {

    font-size: 17px;

    color: #ffb503;

    margin: 0;

}



.product-wrap .product-content .product-price {

    margin-bottom: 20px;

}



.product-wrap .product-content .product-price span {

    font-size: 20px;

    color: #1d2764;

    font-weight: bold;

    margin: 0 9px;

    position: relative;

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

}



.product-wrap .product-content .product-price span:last-child:before {

    display: none;

}



.product-wrap .product-content .product-price span.old {

    color: #8e8e8e;

    text-decoration: line-through;

}



.product-wrap:hover .hover-img {

    opacity: 1;

    visibility: visible;

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

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

    transform: translate(-50%, 0);

}



.product-wrap:hover .product-action > div {

    opacity: 1;

    visibility: visible;

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

}



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

    News

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

/* Featured slider */

.featured-slider .item {

    min-height: 445px;

    position: relative;

    background-position: 50% 50%;

    -webkit-background-size: cover;

    background-size: cover;

}



.featured-slider .item:before {

    content: " ";

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    z-index: 1;

    bottom: 0;

    left: 0;

    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);

    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);

    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);

    background: linear-gradient(to top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);

}



.post-content {

    z-index: 1;

    position: relative;

    padding: 10px;

    color: #fff;

}



.featured-slider.owl-theme .owl-nav>button {

    background: rgba(0, 0, 0, 0.65);

    border: 0;

    position: absolute;

    top: 50%;

    width: 34px;

    height: 40px;

    line-height: 38px;

    padding: 0;

    border-radius: 0;

    font-size: 24px;

    text-align: center;

    opacity: 0;

    margin: 0;

    -webkit-transition: 400ms;

    -moz-transition: 400ms;

    -o-transition: 400ms;

    transition: 400ms;

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

    transform: translateY(-50%);

}



.featured-slider.owl-theme:hover .owl-nav>button {

    opacity: 1;

}



.featured-slider.owl-theme .owl-nav>button:hover {

    background: #ec0000;

    color: #fff;

    border: 0;

}



.featured-post .post-date, .featured-post .post-title a {

    color: #fff;

}



/* Featured slider content bottom */

.featured-slider.content-bottom .featured-post {

    position: absolute;

    bottom: 0;

}



.featured-slider.content-bottom .item:before {

    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);

    background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));

    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);

    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);

    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);

}



a.post-cat {

    position: relative;

    font-size: 10px;

    padding: 0 5px;

    background: #d21615;

    text-transform: uppercase;

    font-weight: 700;

    color: #fff !important;

    height: 20px;

    line-height: 20px;

    display: inline-block;

}



/* Trending post hot */

.hot-post-top {

    max-height: 280px;

    margin-bottom: 3px;

}



.hot-post-bottom, .hot-post-bottom img {

    min-height: 182px;

}



.hot-post-top .post-content, .hot-post-bottom .post-content {

    padding: 20px;

}



.post-overaly-style {

    position: relative;

    overflow: hidden;

    margin-bottom: 25px;

}



#featured-slider {

    margin-bottom: 25px;

}



.post-overaly-style:before {

    content: " ";

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    z-index: 1;

    bottom: 0;

    left: 0;

    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);

    background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));

    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);

    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);

    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);

    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);

}



.post-thumb {

    max-width: 100%;

    position: relative;

    overflow: hidden;

}



.post-thumb img {

    display: block;

    width: 100%;

    -webkit-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    transition: all .3s ease-out;

    height: 210px;

    object-fit: cover;

}



.post-overaly-style:hover .post-thumb img {

    transform: scale(1.08) rotate(3deg);

}



.post-overaly-style .post-content {

    position: absolute;

    bottom: 0;

    padding: 25px;

}



.post-title.title-large {

    font-size: 18px;

    line-height: 30px;

    margin-top: 15px;

    margin-bottom: 5px;

}



.post-overaly-style .post-title a {

    color: #fff;

}



.post-overaly-style .post-date {

    color: #fff;

}



.post-title.title-medium {

    font-size: 16px;

    line-height: 24px;

    margin-top: 15px;

    margin-bottom: 5px;

}



.pad-r-small {

    padding-left: 1.5px;

}



.pad-l-small {

    padding-right: 1.5px;

}



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

   About  Section CSS

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

.section-shape-one, .section-shape-two {

    position: absolute;

    bottom: 0;

    z-index: -1;

}



.section-shape-one {

    right: 0;

}



.section-shape-two {

    left: 0;

}



.feature-item-wrap .feature-item {

    margin-bottom: 25px;

}



.feature-item-wrap .feature-item:last-child {

    margin-bottom: 0;

}



.feature-item-wrap .feature-item .feature-icon {

    width: 60px;

    height: 60px;

    border-radius: 7px;

    position: relative;

    z-index: 1;

    overflow: hidden;

    background: #fff;

    position: relative;

    top: 3px;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.feature-item-wrap .feature-item .feature-icon i {

    font-size: 30px;

    line-height: 0.8;

    margin: 0 auto;

    color: #e12726;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.feature-item-wrap .feature-item .feature-icon:after {

    position: absolute;

    bottom: 0;

    left: 0;

    content: "";

    width: 100%;

    height: 0;

    background-color: #e12726;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    visibility: hidden;

    opacity: 0;

    z-index: -1;

}



.feature-item-wrap .feature-item .feature-text {

    width: calc(100% - 80px);

    margin-left: 20px;

}



.feature-item-wrap .feature-item .feature-text h3 {

    font-size: 22px;

    margin: 0 0 10px;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.feature-item-wrap .feature-item .feature-text p {

    margin: 0;

}



.feature-item-wrap .feature-item:hover .feature-icon i {

    color: #fff;

}



.feature-item-wrap .feature-item:hover .feature-icon:after {

    height: 100%;

    visibility: visible;

    opacity: 1;

}



.feature-item-wrap .feature-item:hover .feature-text h3 {

    color: #e12726;

}



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

    Feature  Section CSS

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

.feature-card {

    margin-bottom: 25px;

}



.feature-card .feature-info {

    padding: 22px 25px 22px;

    position: relative;

    overflow: hidden;

}



.feature-card .feature-info .feature-title {

    margin-bottom: 18px;

}



.feature-card .feature-info .feature-title span {

    position: relative;

    top: 5px;

    -webkit-transition: 0.8s;

    transition: 0.8s;

    text-align: center;

}



.feature-card .feature-info .feature-title span i {

    color: #e12726;

    font-size: 35px;

    line-height: 0.8;

    margin: 0 auto;

    -webkit-transition: 0.8s;

    transition: 0.8s;

}



.feature-card .feature-info .feature-title h3 {

    width: calc(100% - 70px);

    margin-left: 15px;

    margin-bottom: 0;

    font-size: 22px;

}



.feature-card .feature-info .feature-title h3 a {

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.feature-card .feature-info p {

    margin-bottom: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.feature-card.style1 {

    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);

    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.06);

    position: relative;

    background-color: #fff;

}



.feature-card.style1 .feature-info .feature-title {

    margin-bottom: 8px;

}



.feature-card.style1 .feature-info .feature-title h3 {

    width: calc(100% - 75px);

    margin-left: 20px;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.feature-card.style1 .feature-info .feature-title span {

    width: 55px;

    top: 0;

}



.feature-card.style1 .feature-info .feature-title span img {

    max-width: 45px;

}



.feature-card.style1 .feature-info .feature-title span img {

    margin: 0 auto;

}



.feature-card.style1, .feature-card.style3 {

    background-color: #fff;

    -webkit-box-shadow: 0px 0px 25px rgba(85, 85, 85, 0.1);

    box-shadow: 0px 0px 25px rgba(85, 85, 85, 0.1);

    position: relative;

    z-index: 1;

    border-radius: 5px;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.feature-card.style1:after, .feature-card.style3:after {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 0;

    border-radius: 5px;

    content: "";

    z-index: -1;

    background-color: #e12726;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.feature-card.style1 .feature-info, .feature-card.style3 .feature-info {

    padding: 25px 25px 22px;

}



.feature-card.style1 .feature-info p, .feature-card.style3 .feature-info p {

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.feature-card.style1:hover:after, .feature-card.style3:hover:after {

    height: 100%;

}



.feature-card.style1:hover .feature-info .feature-title h3, .feature-card.style3:hover .feature-info .feature-title h3 {

    color: #fff;

}



.feature-card.style1:hover .feature-info p, .feature-card.style3:hover .feature-info p {

    color: rgba(255, 255, 255, 0.8);

}



.feature-card.style3 .feature-info .feature-title h3 {

    width: calc(100% - 85px);

    margin-left: 20px;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.feature-card.style3 .feature-info .feature-title span {

    width: 65px;

    height: 65px;

    border: 1px solid rgba(0, 169, 164, 0.6);

    border-radius: 7px;

    position: relative;

    top: 0;

}



.feature-card.style3 .feature-info .feature-title span img {

    margin: 0 auto;

}



.feature-card.style3 .feature-info .feature-title span:after, .feature-card.style3 .feature-info .feature-title span:before {

    position: absolute;

    content: "";

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background-color: #e12726;

}



.feature-card.style3 .feature-info .feature-title span:before {

    top: 10px;

    left: -4px;

    -webkit-animation: slide_up 3000ms infinite ease-in-out;

    animation: slide_up 3000ms infinite ease-in-out;

}



.feature-card.style3 .feature-info .feature-title span:after {

    bottom: 10px;

    right: -4px;

}



.feature-card.style3:hover .feature-info .feature-title span {

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

}



.feature-card.style3:hover .feature-info .feature-title span:after, .feature-card.style3:hover .feature-info .feature-title span:before {

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

}



.feature-card.style2 {

    background-color: #0C1148;

}



.feature-card.style2 .feature-info .feature-title span i {

    color: #fff;

}



.feature-card.style2 .feature-info .feature-title h3 {

    width: calc(100% - 70px);

    margin-left: 15px;

    margin-bottom: 0;

    color: #fff;

    font-size: 22px;

}



.feature-card.style2 .feature-info .feature-title h3 a {

    color: #fff;

}



.feature-card.style2 .feature-info p {

    margin-bottom: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.feature-card.style2 .feature-info .content-feature-list li {

    color: #fff;

}



.feature-card:hover .feature-info .feature-title h3 {

    color: #2a326a;

}



.feature-card:hover h3 a {

    color: #2a326a;

}



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

   offers

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

.offers p {

    color: #2a326a;

}



.offers p a {

    color: #e12726;

}



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

    Service & Service Details CSS

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

.currency-card {

    background-color: #0C1148;

    padding: 20px;

    border-radius: 5px;

    margin-bottom: 25px;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.currency-card .currency-flag {

    width: 80px;

}



.currency-card .currency-info {

    width: calc(100% - 100px);

    margin-left: 20px;

}



.currency-card .currency-info h3 {

    font-size: 22px;

    color: #fff;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.currency-card .currency-info p, .currency-card .currency-info span {

    color: rgba(255, 255, 255, 0.8);

    margin: 0;

}



.currency-card:hover {

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

    transform: translateY(-5px);

}



.currency-card:hover .currency-info h3 {

    color: #e12726;

}



.service-wrap {

    position: relative;

}



.service-wrap.style1 {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(54.17%, #F3FFFE), to(rgba(255, 233, 249, 0.28)));

    background: linear-gradient(180deg, #F3FFFE 54.17%, rgba(255, 233, 249, 0.28) 100%);

}



.service-wrap.style1 .service-content {

    margin-bottom: 25px;

}



.service-wrap.style1 .service-content .content-title {

    margin-bottom: 30px;

}



.service-wrap.style3 .container {

    position: relative;

    z-index: 1;

}



.service-wrap.style3 .container .service-shape-one {

    position: absolute;

    top: 100px;

    right: -10px;

    z-index: -1;

}



.service-wrap.style3 .container .service-shape-two {

    position: absolute;

    bottom: 100px;

    left: -35px;

    z-index: -1;

}



.service-card {

    margin: 0 0 25px;

}



.service-card h3 {

    font-size: 22px;

}



.service-card {

    -webkit-box-shadow: 0px 0px 25px rgba(85, 85, 85, 0.1);

    box-shadow: 0px 0px 25px rgba(85, 85, 85, 0.1);

    padding-bottom: 15px;

    margin-bottom: 25px;

    background-color: #fff;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    position: relative;

    z-index: 1;

    text-align: center;

}



.service-card:hover {

    box-shadow: 5px 5px 12px #d3d3d3;

    transform: translateY(-5px);

    transition: all 0.5s ease 0s;

}



.service-card .service-icon {

    margin-bottom: 20px;

    display: block;

    overflow: hidden;

}



.service-card .service-icon img {

    width: 100%;

}



.service-card h3 {

    margin-bottom: 12px;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.service-card h3 a:hover {

    color: #e12726;

}



.service-card p {

    margin: 0;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.service-slider-one.owl-carousel .owl-dots {

    margin-top: 10px;

    text-align: center;

}



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

    Project & Project Details CSS

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

.project-card {

    position: relative;

    overflow: hidden;

    margin-bottom: 25px;

}



.project-card img {

    -webkit-transition: 0.9s;

    transition: 0.9s;

    width: 100%;

}



.project-card .project-info {

    position: absolute;

    bottom: 25px;

    left: 50%;

    width: calc(100% - 50px);

    background: #2a326a;

    padding: 20px 10px;

    text-align: center;

    border-radius: 7px;

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

    transform: translateX(-50%);

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.project-card .project-info .project-gallery {

    display: inline-block;

    margin: 0 auto 15px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background: #e12726;

    text-align: center;

}



.project-card .project-info .project-gallery i {

    font-size: 24px;

    line-height: 40px;

    color: #fff;

    margin: 0 auto;

}



.project-card .project-info h3 {

    font-size: 20px;

    margin: 0;

}



.project-card .project-info h3 a {

    color: #fff;

}



.project-card .project-info h3 a:hover {

    color: #e12726;

}



.project-card:hover img {

    -webkit-transform: scale(1.05);

    transform: scale(1.05);

}



.project-card:hover {

    box-shadow: 5px 5px 12px #c1c1c1;

    transform: translateY(-5px);

    transition: all 0.5s ease 0s;

}



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

   Team  Section  CSS

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

.team-card {

    margin-bottom: 25px;

    -webkit-box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.07);

    box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.07);

    border: 1px solid transparent;

    border-radius: 5px;

    position: relative;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.team-card:after {

    position: absolute;

    bottom: -2px;

    left: 50%;

    content: "";

    width: 0%;

    height: 3px;

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

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

    background-color: #e12726;

    border-radius: 0 0 5px 5px;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.team-card .team-img {

    overflow: hidden;

    position: relative;

    border-radius: 5px 5px 0 0;

}



.team-card .team-img:after {

    position: absolute;

    top: 0;

    right: 0;

    width: 0;

    height: 0;

    content: "";

    background: transparent;

    border-top: 40px solid #fff;

    border-left: 40px solid transparent;

    border-right: 40px solid #fff;

    border-bottom: 40px solid transparent;

    border-radius: 5px 5px;

}



.team-card .team-img img {

    -webkit-transition: 0.7s;

    transition: 0.7s;

}



.team-card .team-img .social-profile {

    position: absolute;

    top: 50%;

    right: 20px;

    text-align: center;

    z-index: 10;

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

    transform: translateY(-50%);

}



.team-card .team-img .social-profile li {

    display: block;

    margin: 0 0 10px;

    -webkit-transform: translateY(25px);

    transform: translateY(25px);

    -webkit-transition: 0.4s;

    transition: 0.4s;

    visibility: hidden;

    opacity: 0;

}



.team-card .team-img .social-profile li:nth-child(1) {

    -webkit-transition-delay: 0.2s;

    transition-delay: 0.2s;

}



.team-card .team-img .social-profile li:nth-child(2) {

    -webkit-transition-delay: 0.3s;

    transition-delay: 0.3s;

}



.team-card .team-img .social-profile li:nth-child(3) {

    -webkit-transition-delay: 0.4s;

    transition-delay: 0.4s;

}



.team-card .team-img .social-profile li:nth-child(4) {

    -webkit-transition-delay: 0.5s;

    transition-delay: 0.5s;

}



.team-card .team-img .social-profile li:last-child {

    margin-bottom: 0;

}



.team-card .team-img .social-profile li a i {

    color: #fff;

}



.team-card .team-info {

    padding: 22px 25px 22px;

    text-align: center;

}



.team-card .team-info h3 {

    font-size: 20px;

    margin-bottom: 5px;

}



.team-card span {

    color: #e22120;

}



.team-card:hover {

    -webkit-box-shadow: none;

    box-shadow: none;

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

    transform: translateY(-5px);

}



.team-card:hover:after {

    width: 85%;

}



.team-card:hover .team-img:after {

    visibility: visible;

    opacity: 1;

}



.team-card:hover .team-img .social-profile li {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    visibility: visible;

    opacity: 1;

}



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

    Account  Section CSS

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

.account-form {

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

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);

    padding: 50px;

    background: #fff;

}



.account-form .form-group {

    margin-bottom: 5px;

}



.account-form .form-group label {

    display: block;

    margin: 0 0 10px;

    text-align: left;

}



.account-form .form-group input, .account-form .form-group textarea, .account-form .form-group select {

    width: 100%;

    height: 54px;

    border: none;

    background: #f1f1f1;

    padding: 15px 20px;

    resize: none;

}







    .account-form .form-group select {
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url(../NewWbsiteimg/down-arrow.png);
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: 98% 50%;
    }



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

    Shopping  Section CSS

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

.shopping-wrap .shopping-content {

    position: relative;

    z-index: 1;

}



.shopping-wrap .shopping-content .content-title {

    margin-bottom: 20px;

}



.shopping-wrap .shopping-content .shopping-shape-one {

    position: absolute;

    bottom: 20px;

    right: 40px;

    z-index: -1;

    max-width: 35px;

}



.shopping-wrap .shopping-content .shopping-shape-two {

    position: absolute;

    top: -20px;

    left: -40px;

    z-index: -1;

    max-width: 35px;

}



.shopping-wrap .shopping-content .content-feature-list {

    margin-bottom: 35px;

}



.shopping-wrap .shopping-content .content-feature-list li {

    font-size: 17px;

    font-weight: 500;

    color: #2a326a;

}



.shopping-wrap .shopping-content .content-feature-list li i {

    font-size: 18px;

    top: 7px;

}



.shopping-wrap .shopping-img-wrap {

    position: relative;

    z-index: 1;

}



.shopping-wrap .shopping-img-wrap .shopping-shape-three {

    position: absolute;

    bottom: 0;

    right: -10px;

}



.shopping-wrap .shopping-img-wrap img {

    display: block;

    margin: 0 auto;

}



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

   CTA  Section  CSS

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

.cta-wrap.style1 {

    background: -webkit-gradient(linear, left top, left bottom, color-stop(54.17%, #F3FFFE), to(rgba(255, 233, 249, 0.28)));

    background: linear-gradient(180deg, #F3FFFE 54.17%, rgba(255, 233, 249, 0.28) 100%);

}



.cta-wrap .container {

    position: relative;

}



.cta-wrap .container .cta-shape-one {

    position: absolute;

    top: 40px;

    left: 0;

}



.cta-wrap .container .cta-shape-two {

    position: absolute;

    bottom: 40px;

    right: 0;

}



.cta-wrap .cta-btn {

    text-align: center;

}



.cta-wrap .cta-btn a:first-child {

    margin-right: 15px;

}



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

   Feature  Section  CSS

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

.feature-wrap {

    position: relative;

    z-index: 1;

}



.feature-wrap .feature-img-wrap {

    position: relative;

}



.feature-wrap .feature-img-wrap img {

    display: block;

    margin: 0 auto;

}



.feature-wrap .feature-img-wrap .feature-shape-one {

    position: absolute;

    top: 40px;

    left: 20px;

}



.feature-wrap .feature-img-wrap .feature-shape-two {

    position: absolute;

    bottom: 40px;

    right: 10px;

}



.feature-wrap .feature-content .feature-item-wrap {

    -webkit-columns: 2;

    columns: 2;

}



.feature-wrap .feature-content .feature-item-wrap .feature-item .feature-icon {

    border-radius: 5px;

    background-color: #e12726;

}



.feature-wrap .feature-content .feature-item-wrap .feature-item .feature-icon i {

    color: #fff;

}



.feature-wrap .feature-content .feature-item-wrap .feature-item .feature-text h3 {

    font-size: 18px;

    font-weight: 600;

    color: #fff;

}



.feature-wrap.style2 .feature-content .content-title {

    margin-bottom: 30px;

}



.feature-wrap.style2 .feature-item-wrap .feature-item .feature-text h4 {

    margin-bottom: 0;

    font-size: 18px;

    color: #fff;

}



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

    Blog   Section CSS

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

.blog-card {

    margin-bottom: 25px;

    -webkit-transition: 0.4s;

    transition: 0.4s;

    background-color: #fff;

    -webkit-box-shadow: 0px 6px 50px rgba(0, 0, 0, 0.07);

    box-shadow: 0px 6px 50px rgba(0, 0, 0, 0.07);

}



.blog-card .blog-img {

    overflow: hidden;

    position: relative;

}



.blog-card .blog-img img {

    -webkit-transition: 0.7s;

    transition: 0.7s;

}



.blog-card .blog-info {

    padding: 22px 25px 22px;

}



.blog-card .blog-info .blog-metainfo {

    margin-bottom: 12px;

}



.blog-card .blog-info .blog-metainfo li {

    display: inline-block;

    position: relative;

    padding-left: 22px;

    margin-right: 20px;

    font-size: 14px;

}



.blog-card .blog-info .blog-metainfo li:after {

    position: absolute;

    top: 5px;

    right: -12px;

    content: "";

    width: 1px;

    height: 12px;

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

}



.blog-card .blog-info .blog-metainfo li:last-child {

    margin-right: 0;

}



.blog-card .blog-info .blog-metainfo li:last-child:after {

    display: none;

}



.blog-card .blog-info .blog-metainfo li a {

    font-size: 14px;

    color: #666666;

}



.blog-card .blog-info .blog-metainfo li a:hover {

    color: #e12726;

}



.blog-card .blog-info .blog-metainfo li i {

    margin-right: 5px;

    font-size: 14px;

    line-height: 0.8;

    color: #e12726;

}



.blog-card .blog-info h3 {

    font-size: 16px;

    margin-bottom: 15px;

}



.blog-card .blog-info p {

    margin: 0 0 15px;

}



.blog-card .blog-info .blog-metainfo {

    margin-bottom: 15px;

}



.blog-card .blog-info .blog-metainfo li:after {

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

}



.blog-card .blog-info h3 {

    margin-bottom: 10px;

}



.blog-card .blog-info p {

    margin-bottom: 15px;

    padding-bottom: 15px;

    border-bottom: 1px solid #F3F4F6;

}



.blog-card:hover {

    -webkit-box-shadow: 0px 40px 51px -16px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 40px 51px -16px rgba(0, 0, 0, 0.1);

    border-color: transparent;

}



.blog-card:hover .blog-img img {

    -webkit-transform: scale(1.08) rotate(3deg);

    transform: scale(1.08) rotate(3deg);

}



.blog-card:hover .blog-info h3 a {

    color: #e12726;

}



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

    Contact CSS

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

.contact-form-area {

    position: relative;

    z-index: 1;

    background-color: #f1f1f1;

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

}



.contact-form-area .contact-shape-one {

    position: absolute;

    top: 100px;

    left: -10%;

    z-index: -1;

}



.contact-form-area .contact-shape-two {

    position: absolute;

    bottom: 40%;

    right: -20%;

    z-index: -1;

}



.contact-form-area p.note {

    text-align: center;

    margin-top: 30px;

}



.contact-item {

    background: #fff;

    padding: 10px;

    border-radius: 5px;

    margin: 0 0 25px;

    position: relative;

    z-index: 1;

    -webkit-transition: 0.4s;

    transition: 0.4s;

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

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);

}



.contact-item .contact-icon {

    width: 50px;

    height: 50px;

    position: relative;

    top: 5px;

    border-radius: 50%;

    text-align: center;

    background-color: #2a326a;

    -webkit-transition: 0.4s;

    transition: 0.4s;

}



.contact-item .contact-icon i {

    color: #fff;

    line-height: 0.8;

    font-size: 22px;

    position: relative;

    -webkit-transition: 0.34s;

    transition: 0.34s;

}



.contact-item .contact-info {

    width: calc(100% - 70px);

    margin-left: 12px;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.contact-item .contact-info a {

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

    font-weight: 600;

}



.contact-item .contact-info h3 {

    font-size: 22px;

    margin: 0 0 6px;

    font-weight: 600;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.contact-item .contact-info a, .contact-item .contact-info p {

    display: block;

    margin: 0;

    line-height: 1.5;

    color: #666666;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.contact-item:hover .contact-info {

    color: #666666;

}



.contact-item:hover h3 {

    color: #e33737;

}



.contact-item:hover .contact-icon {

    background-color: #fff;

    box-shadow: 1px 1px 4px 2px #e4e4e4;

}



.contact-item:hover .contact-icon i {

    color: #e12726;

}



#contactForm {

    margin-bottom: -8px;

}



#contactForm .form-group {

    margin: 0 0 20px;

}



#contactForm select {

    width: 100%;

    height: 54px;

    border: none;

    padding: 15px 20px;

    resize: none;

}







    #contactForm select {
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url(../NewWbsiteimg/down-arrow.png);
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: 98% 50%;
    }



#contactForm input, #contactForm textarea {

    width: 100%;

    background: #fff;

    border: none;

    padding: 10px 15px 10px 20px;

    border-radius: 0;

}



#contactForm input:focus, #contactForm textarea:focus {

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

}



#contactForm label {

    margin-top: 0.5rem;

}



#contactForm input {

    height: 60px;

}



#contactForm textarea {

    height: 165px;

    resize: none;

}



.btn.disabled {

    opacity: 1;

}



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

   404

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

.error-content {

    text-align: center;

}



.error-content img {

    display: block;

    margin: 0 auto;

    /* max-width: 350px; */

}



.error-content p {

    margin: 0 auto 20px;

    max-width: 520px;

}



.error-wrap {

    overflow: hidden;

    position: relative;

}



.error-wrap .shape-one {

    position: absolute;

    top: 100px;

    left: 10%;

    z-index: -1;

}



.error-wrap .shape-two {

    position: absolute;

    bottom: 40%;

    right: 10%;

    z-index: -1;

}



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

    Blog Details CSS

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

.post-cat-title {

    font-size: 24px;

    line-height: 1;

    font-weight: 500;

    margin-bottom: 25px;

}



.post-cat-title span {

    font-weight: 600;

    color: #2a326a;

}



article p, .service-desc p, .terms-wrap p, .project-desc p {

    margin-bottom: 15px;

}



article p strong, .service-desc p strong, .terms-wrap p strong, .project-desc p strong {

    color: #000;

}



article p a, .service-desc p a, .terms-wrap p a, .project-desc p a {

    color: #2a326a;

}



article p a:hover, .service-desc p a:hover, .terms-wrap p a:hover, .project-desc p a:hover {

    text-decoration: underline;

    color: #2a326a;

}



article h1, .service-desc h1, .terms-wrap h1, .project-desc h1 {

    font-size: 30px;

    margin-bottom: 15px;

}



article h2, .service-desc h2, .terms-wrap h2, .project-desc h2 {

    font-size: 28px;

    margin-bottom: 15px;

}



article h3, .service-desc h3, .terms-wrap h3, .project-desc h3 {

    font-size: 22px;

    margin-bottom: 15px;

}



article h4, .service-desc h4, .terms-wrap h4, .project-desc h4 {

    font-size: 24px;

    margin-bottom: 15px;

}



article h5, .service-desc h5, .terms-wrap h5, .project-desc h5 {

    font-size: 22px;

    margin-bottom: 15px;

}



article h6, .service-desc h6, .terms-wrap h6, .project-desc h6 {

    font-size: 20px;

    margin-bottom: 15px;

}



article ol, .service-desc ol, .terms-wrap ol, .project-desc ol {

    margin-top: 20px;

    margin-bottom: 25px;

}



article ol li, .service-desc ol li, .terms-wrap ol li, .project-desc ol li {

    margin-bottom: 15px;

    color: #666666;

    padding-left: 3px;

}



article .content-feature-list, .service-desc .content-feature-list, .terms-wrap .content-feature-list, .project-desc .content-feature-list {

    margin: 25px 0 25px;

}



.service-desc .service-img {

    border-radius: 5px;

}



.service-desc .service-img img {

    border-radius: 5px;

}



article {

    margin-bottom: 25px;

    padding-bottom: 25px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.09);

}



.post-navigation {

    margin: 0 0 25px;

}



.post-navigation .next-post, .post-navigation .prev-post {

    width: 50%;

    display: block;

    font-size: 12px;

    position: relative;

    font-weight: 600;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.post-navigation .next-post span, .post-navigation .prev-post span {

    display: block;

    font-size: 16px;

    line-height: 1.2;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.post-navigation .next-post:hover, .post-navigation .prev-post:hover {

    color: #e12726;

}



.post-navigation .next-post:hover span, .post-navigation .prev-post:hover span {

    color: #e12726;

}



.post-navigation .next-post {

    text-align: right;

}



.post-navigation .prev-post {

    text-align: left;

}



.post-metainfo {

    line-height: 1;

    margin-bottom: 15px;

}



.post-metainfo li {

    display: inline-block;

    font-size: 16px;

    position: relative;

    padding-left: 25px;

    margin-right: 25px;

    color: #666666;

}



.post-metainfo li:after {

    position: absolute;

    top: 2px;

    right: -12px;

    content: "";

    width: 1px;

    height: 14px;

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

}



.post-metainfo li:last-child {

    margin-right: 0;

}



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

    display: none;

}



.post-metainfo li i {

    font-size: 15px;

    color: #e12726;

    position: absolute;

    top: 1px;

    left: 0;

}



.post-metainfo li:last-child {

    margin-right: 0;

}



.post-metainfo li a {

    color: #666666;

}



.post-img {

    position: relative;

    margin: 0 0 25px;

    display: block;

}



.post-img .blog-date {

    display: inline-block;

    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);

    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);

    padding: 7px 32px 8px;

    position: absolute;

    top: -10px;

    left: 20px;

    z-index: 1;

    background-color: #e12726;

    color: #fff;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.post-img .blog-date:hover {

    background: #2a326a;

    color: #fff;

}



.post-meta-option {

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

    padding: 20px;

    margin-bottom: 25px;

}



.post-tag ul {

    display: inline-block;

}



.post-tag ul li {

    display: inline-block;

}



.post-tag ul li a {

    color: #555;

    font-size: 16px;

    border-radius: 3px;

}



.post-tag ul li a:hover {

    color: #e12726;

}



.post-tag span {

    margin-right: 10px;

    font-weight: 500;

    color: #000;

}



.post-tag span i {

    margin: 0 5px;

}



.post-share {

    display: inline-block;

}



.post-share span {

    font-weight: 500;

    color: #000;

}



.post-share ul {

    display: inline-block;

    margin-left: 5px;

}



/* --------checkbox--------*/

.checkbox {

    display: block;

    margin-bottom: 15px;

}



.checkbox input {

    padding: 0;

    height: initial;

    width: initial;

    margin-bottom: 0;

    display: none;

    cursor: pointer;

}



.checkbox label {

    position: relative;

    cursor: pointer;

    padding-left: 20px;

}



.checkbox label:before {

    content: "";

    -webkit-appearance: none;

    background-color: transparent;

    border: 1px solid #2a326a;

    display: inline-block;

    width: 15px;

    height: 15px;

    position: absolute;

    border-radius: 50%;

    vertical-align: middle;

    cursor: pointer;

    margin-right: 5px;

    position: absolute;

    left: 0;

    top: 6px;

}



.checkbox a {

    color: #2a326a;

}



.checkbox.style2 label:before {

    border-radius: 50%;

    border-color: #888888;

}



.checkbox input:checked + label:before {

    border-color: #e12726;

}



.checkbox input:checked + label:after {

    content: "";

    display: block;

    position: absolute;

    top: 9px;

    left: 3px;

    width: 9px;

    height: 9px;

    border: none;

    border-radius: 50%;

    background: #e12726;

}



.post-cat-title {

    font-size: 24px;

    font-weight: 500;

    margin-bottom: 25px;

}



.post-cat-title span {

    font-weight: 600;

    color: #2a326a;

}



.post-cat-title {

    font-size: 24px;

    line-height: 1;

    font-weight: 500;

    margin-bottom: 25px;

}



.post-cat-title span {

    font-weight: 600;

    color: #2a326a;

}



.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .social-profile li a, .content-feature-list.style1 li span, .category-box.style2 ul li a span, .feature-item-wrap .feature-item .feature-icon, .feature-card.style3 .feature-info .feature-title span, .service-card.style3 .service-icon, .contact-item .contact-icon, .header-wrap .header-top .header-top-right, .select-lang .navbar-language .dropdown-toggle, .project-info-widget .project-info-list li, .schedule-widget ul li, .hero-wrap.style3 .hero-content .hero-btn, .hero-wrap.style3 .hero-content .hero-btn .play-video, .feature-card .feature-info .feature-title, .service-card.style2 .service-info .service-title, .service-card.style4 .service-info .service-title, .feature-wrap .feature-content .feature-item-wrap .feature-item, .post-navigation, .footer-wrap .footer-widget .social-link, .project-info-widget .project-share, .owl-carousel .owl-nav, .pp-post-item, .feature-item-wrap .feature-item, .currency-card, .service-card.style3, .contact-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .social-profile li a, .content-feature-list.style1 li span, .category-box.style2 ul li a span, .feature-item-wrap .feature-item .feature-icon, .feature-card.style3 .feature-info .feature-title span, .service-card.style3 .service-icon, .contact-item .contact-icon {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.header-wrap .header-top .header-top-right, .select-lang .navbar-language .dropdown-toggle, .project-info-widget .project-info-list li, .schedule-widget ul li, .hero-wrap.style3 .hero-content .hero-btn, .hero-wrap.style3 .hero-content .hero-btn .play-video, .feature-card .feature-info .feature-title, .service-card.style2 .service-info .service-title, .service-card.style4 .service-info .service-title, .feature-wrap .feature-content .feature-item-wrap .feature-item, .post-navigation, .footer-wrap .footer-widget .social-link {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -ms-grid-row-align: center;

    align-items: center;

}



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

        Footer CSS 

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

.footer-wrap {

    position: relative;

    z-index: 1;

    background: #2a326a;

    padding-top: 60px;

}



.footer-wrap .footer-shape-three {

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: -1;

}



.footer-wrap .container {

    position: relative;

    z-index: 1;

}



.footer-wrap .container .footer-shape-one {

    position: absolute;

    top: 30%;

    left: -100px;

    z-index: -1;

    -webkit-animation: float 1500ms infinite ease-in-out;

    animation: float 1500ms infinite ease-in-out;

}



.footer-wrap .container .footer-shape-two {

    position: absolute;

    bottom: 100px;

    right: -100px;

    z-index: -1;

    -webkit-animation: animationFramesTwo 15000ms infinite ease-in-out;

    animation: animationFramesTwo 15000ms infinite ease-in-out;

}



.footer-wrap .footer-widget {

    margin-bottom: 25px;

}



.footer-wrap .footer-widget .footer-widget-title {

    font-size: 22px;

    font-weight: 600;

    color: #fff;

    margin-bottom: 20px;

    padding-bottom: 15px;

    position: relative;

}



.footer-wrap .footer-widget .footer-widget-title:after {

    position: absolute;

    bottom: 0;

    left: 0;

    content: "";

    width: 55px;

    height: 2px;

    background-color: #e12726;

}



.footer-wrap .footer-widget .footer-logo {

    margin-bottom: 15px;

    display: block;

}



.footer-wrap .footer-widget .comp-desc {

    color: rgba(255, 255, 255, 0.8);

    margin: 27px 0 30px;

    padding-right: 10px;

}



.footer-wrap .footer-widget .social-link h6 {

    font-weight: 500;

    color: #fff;

    line-height: 1;

    margin: 0 10px 0 0;

}



.footer-wrap .footer-widget .social-link .social-profile li a {

    color: #fff;

    font-size: 18px;

}



.footer-wrap .footer-widget .social-link .social-profile li a:hover {

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

    transform: translateY(-2px);

}



.footer-wrap .footer-widget .footer-menu li {

    margin-bottom: 15px;

}



.footer-wrap .footer-widget .footer-menu li:last-child {

    margin-bottom: 0;

}



.footer-wrap .footer-widget .footer-menu li a {

    color: rgba(255, 255, 255, 0.8);

    position: relative;

    padding-left: 22px;

}



.footer-wrap .footer-widget .footer-menu li a:after {

    position: absolute;

    bottom: -5px;

    left: 20px;

    content: "";

    width: 0;

    height: 1px;

    background-color: #e12726;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.footer-wrap .footer-widget .footer-menu li a i {

    position: absolute;

    top: 0px;

    left: 0;

    font-size: 18px;

    color: #fff;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.footer-wrap .footer-widget .footer-menu li a:hover {

    color: #fff;

}



.footer-wrap .footer-widget .footer-menu li a:hover:after {

    visibility: visible;

    opacity: 1;

    width: calc(100% - 22px);

}



.footer-wrap .footer-widget .footer-menu li a:hover i {

    color: #e12726;

}



.footer-wrap .footer-widget .contact-info li {

    position: relative;

    padding-left: 25px;

    margin-bottom: 15px;

}



.footer-wrap .footer-widget .contact-info li:last-child {

    margin-bottom: 0;

}



.footer-wrap .footer-widget .contact-info li h6 {

    color: #fff;

    font-weight: 500;

    margin: 0 0 5px;

}



.footer-wrap .footer-widget .contact-info li i {

    position: absolute;

    top: 4px;

    left: 0;

    font-size: 14px;

    line-height: 0.8;

    color: #e12726;

}



.footer-wrap .footer-widget .contact-info li p, .footer-wrap .footer-widget .contact-info li a {

    color: #fff;

    margin-bottom: 0;

    -webkit-transition: 0.3s;

    transition: 0.3s;

}



.footer-wrap .footer-widget .contact-info li:hover p, .footer-wrap .footer-widget .contact-info li:hover a {

    color: #e12726;

}



.footer-contact ul li {

    position: relative;

    padding-left: 30px;

}



.footer-contact ul li a {

    color: rgba(255, 255, 255, 0.8);

    font-size: 16px;

    margin-bottom: 14px;

    display: block;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -ms-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

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

    font-weight: 500;

    direction: ltr;

}



.footer-contact ul li i {

    color: #fff;

    position: absolute;

    top: 8px;

    left: 0;

    font-size: 18px;

    line-height: 10px;

}



.footer-contact p {

    color: rgba(255, 255, 255, 0.8);

}



.footer-contact ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



.copyright-text {

    padding: 17px 10px 20px;

    border-top: 1px solid rgba(255, 255, 255, 0.1);

}



.copyright-text p, .copyright-text a {

    color: #fff;

    margin: 0;

    display: inline-block;

    width: 49%;

}



.copyright-text a {

    text-align: right;

}



.copyright-text p i {

    position: relative;

    top: 2px;

    margin-right: 2px;

}



.copyright-text p a {

    color: #e12726;

    font-weight: 600;

}



.copyright-text p a:hover {

    text-decoration: underline;

}



@media only screen and (max-width: 767px) {

    .footer-wrap .footer-widget .footer-widget-title {

        font-size: 18px;

        margin-bottom: 8px;

        padding-bottom: 10px;

    }



    .footer-wrap .footer-widget .comp-desc {

        font-size: 14px;

        padding-right: 10px;

    }



    .footer-wrap .footer-widget h6 {

        font-size: 16px;

    }



    .footer-wrap .footer-widget .contact-info li {

        margin-bottom: 10px;

    }



    .footer-wrap .footer-widget .contact-info li i {

        top: 5px;

    }



    .footer-wrap .footer-widget .contact-info p, .footer-wrap .footer-widget .contact-info a {

        font-size: 14px;

    }



    .footer-wrap .footer-widget .footer-menu li {

        margin-bottom: 8px;

    }



    .footer-wrap .footer-widget .footer-menu li a {

        font-size: 14px;

    }



    .footer-wrap .footer-widget .footer-menu li a i {

        top: 3px;

    }



    .footer-wrap .footer-widget .newsletter-form input {

        height: 48px;

    }



    .footer-wrap .footer-widget .newsletter-form input, .footer-wrap .footer-widget .newsletter-form button {

        font-size: 14px;

    }



    .footer-wrap .footer-widget .newsletter-form button {

        padding: 13px 15px;

    }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

    .footer-wrap .footer-widget .footer-widget-title {

        font-size: 20px;

    }



    .footer-wrap .footer-widget .comp-desc {

        padding-right: 40px;

    }

}



@media only screen and (max-width: 991px) {

    .footer-wrap .footer-widget .footer-widget-title {

        margin-bottom: 18px;

        padding-bottom: 12px;

    }



    .footer-wrap .footer-widget .comp-desc {

        margin: 15px 0 20px;

    }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .footer-wrap .footer-widget .footer-widget-title {

        font-size: 22px;

    }



    .footer-wrap .footer-widget .comp-desc {

        padding-right: 20px;

    }



    .footer-wrap .footer-widget .newsletter-form {

        position: relative;

    }



    .footer-wrap .footer-widget .newsletter-form input {

        height: 52px;

    }



    .footer-wrap .footer-widget .newsletter-form button {

        padding: 14px 15px;

    }

}



@media only screen and (max-width: 1199px) {

    .footer-wrap .footer-top .footer-widget .footer-widget-title {

        margin-bottom: 18px;

    }

}



@media only screen and (min-width: 1200px) {

    .footer-wrap .footer-widget .comp-desc {

        padding-right: 25px;

    }

}



@media only screen and (max-width: 575px) {

    .xs-center {

        text-align:center

    }



    .xs-none {

        display: none!important

    }



    .smt-15 {

        margin-top: 15px!important

    }



    .content-wrapper {

        margin-top: 0;

    }



    .breadcrumb-wrap {

        background-color: #f1f1f1;

    }



    .breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li {

        font-size: 14px

    }



    .breadcrumb-wrap .breadcrumb-title .breadcrumb-menu li a {

        font-size: 14px

    }



    .breadcrumb-wrap .breadcrumb-img img {

        display: none

    }



    .page-nav.mt-120 {

        margin-top: 10px!important

    }



    .page-nav li a {

        width: 36px;

        height: 36px;

        font-size: 16px;

        line-height: 36px

    }



    .page-nav li a i {

        font-size: 13px;

        line-height: 36px;

        top: 0

    }



    .hero-wrap.style3 .hero-img-wrap::after {

        right: -10px

    }



    .feature-wrap.style2 .feature-content .feature-item-wrap {

        -webkit-columns: 1;

        columns: 1

    }

}



@media only screen and (min-width: 576px) and (max-width:767px) {

    .container-fluid {

        max-width:540px;

        padding: 0 15px

    }

}



@media only screen and (max-width: 767px) {

    p,input,textarea {

        font-size:14px;

    }



    .offers p {

        font-size: 12px

    }



    .btn {

        font-size: 14px

    }



    .sm-none {

        display: none!important

    }



    .sm-center {

        text-align: center!important

    }



    .section-title.mb-50,.content-title.mb-50 {

        margin-bottom: 30px!important

    }



    .section-title.mb-40 {

        margin-bottom: 20px!important

    }



    .link,.btn {

        font-size: 14px

    }



    .btn {

        padding: 11px 25px 12px

    }



    .back-to-top {

        font-size: 20px;

        width: 35px;

        height: 35px;

        line-height: 32px;

        right: 10px

    }



    .back-to-top i {

        font-size: 18px

    }



    .section-title.style2 span,.section-title.style3 span,.content-title.style2 span,.content-title.style3 span {

        font-size: 12px

    }



    .section-title.style1 span,.content-title.style1 span {

        font-size: 14px

    }



    .section-title h2,.content-title h2 {

        font-size: 24px;

        line-height: 1.5

    }



    .breadcrumb-title h2 {

        font-size: 24px;

        margin-bottom: 10px

    }



    .breadcrumb-title .breadcrumb-menu li {

        font-size: 14px

    }



    .breadcrumb-title .breadcrumb-menu li:after {

        font-size: 16px

    }



    .breadcrumb-title .breadcrumb-menu li a {

        font-size: 14px

    }



    .owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next {

        width: 40px;

        height: 40px

    }



    .owl-carousel .owl-nav button.owl-prev i,.owl-carousel .owl-nav button.owl-next i {

        font-size: 14px

    }



    .content-wrapper {

        margin-top: 0;

    }



    .content-feature-list li {

        margin: 0 0 14px

    }



    .content-feature-list li:last-child {

        margin-bottom: 0

    }



    .feature-card .feature-info .feature-title h3,.service-card h3,.project-card h3,.team-card .team-info h3,.currency-card .currency-info h3,.feature-item-wrap .feature-item .feature-text h3,.blog-card .blog-info h3 {

        font-size: 20px

    }



    .feature-wrap.style2 .feature-content .content-title {

        margin-bottom: 25px

    }



    .service-wrap.style1 .service-content .content-title {

        margin-bottom: 22px

    }



    .service-card {

        padding: 18px 20px

    }



    .service-card.style2 .service-info {

        padding: 20px 20px 15px

    }



    .service-card.style2 .service-info .service-title {

        margin-bottom: 10px

    }



    .service-card.style2 .service-info .service-title h3 {

        width: calc(100% - 65px);

        margin-left: 20px

    }



    .service-card.style2 .service-info .service-title span {

        width: 45px;

        top: 0

    }



    .service-card.style2 .service-info .service-title span i {

        font-size: 40px;

        line-height: .8;

        color: #00a9a4;

        margin: 0 auto

    }



    .service-card.style3 {

        padding-bottom: 20px

    }



    .service-card.style3 .service-content .content-title {

        margin-bottom: 22px

    }



    .service-card.style4 .service-info {

        padding: 30px 20px 15px

    }



    .service-card.style4 .service-info .service-title {

        margin-bottom: 10px

    }



    .service-card.style4 .service-info .service-title h3 {

        width: calc(100% - 65px);

        margin-left: 20px

    }



    .service-card.style4 .service-info .service-title span {

        width: 45px;

        top: 0

    }



    .service-card.style4 .service-info .service-title span:after {

        width: 40px;

        height: 40px

    }



    .service-card.style4 .service-info .service-title span i {

        font-size: 40px;

        line-height: .8;

        color: #00a9a4;

        margin: 0 auto

    }



    .security-wrap .security-content .content-title {

        margin-bottom: 20px

    }



    .cta-wrap .cta-btn a {

        padding: 11px 15px 12px

    }



    .cta-wrap .cta-btn a:first-child {

        margin-right: 10px

    }



    .shopping-wrap .shopping-content .content-title {

        margin-bottom: 15px

    }



    .shopping-wrap .shopping-content .shopping-shape-one,.shopping-wrap .shopping-content .shopping-shape-two {

        max-width: 25px

    }



    .shopping-wrap .shopping-content .content-feature-list {

        margin-bottom: 25px

    }



    .shopping-wrap .shopping-content .content-feature-list li {

        font-size: 16px

    }



    .shopping-wrap .shopping-content .content-feature-list li i {

        font-size: 16px;

        top: 7px

    }



    .service-charge-wrap .charge-form .form-group {

        margin-bottom: 20px

    }



    .service-charge-wrap .charge-form .form-group input {

        height: 48px;

        padding: 15px

    }



    .service-charge-wrap .charge-form .form-group select {

        width: 75px;

        height: 48px;

        font-size: 14px;

        padding: 14px 10px

    }



    .service-charge-wrap .charge-form p {

        margin: 0;

        padding: 0

    }



    .service-charge-wrap .charge-form p:after {

        display: none

    }



    .feature-card.style1 .feature-info .feature-title {

        margin-bottom: 12px

    }



    .feature-card.style1 .feature-info .feature-title h3 {

        width: calc(100% - 70px);

        margin-left: 15px

    }



    .feature-card.style1 .feature-info .feature-title span {

        width: 55px

    }



    .feature-card.style1 .feature-info .feature-title span img {

        max-width: 40px

    }



    .feature-card.style3 .feature-info .feature-title h3 {

        width: calc(100% - 70px);

        margin-left: 15px

    }



    .feature-card.style3 .feature-info .feature-title span {

        width: 55px;

        height: 55px

    }



    .feature-card.style3 .feature-info .feature-title span img {

        max-width: 40px

    }



    .feature-card.style1 .feature-info,.feature-card.style3 .feature-info {

        padding: 20px 20px 15px

    }



    .feature-card.style1 .feature-info .feature-title h3,.feature-card.style3 .feature-info .feature-title h3 {

        width: calc(100% - 70px);

        margin-left: 15px

    }



    .blog-card.style1 .blog-info {

        padding: 18px 20px

    }



    .account-form {

        padding: 20px

    }



    .account-form .form-group {

        margin-bottom: 20px

    }



    .account-form .form-group label {

        font-size: 14px

    }



    .account-form .form-group input,.account-form .form-group textarea,.account-form .form-group select {

        height: 50px;

        font-size: 14px

    }



    article h2,.service-desc h2,.terms-wrap h2,.project-desc h2,article h3,.service-desc h3,.terms-wrap h3,.project-desc h3 {

        margin-bottom: 10px

    }



    article p,.service-desc p,.terms-wrap p,.project-desc p {

        margin-bottom: 15px

    }



    article .content-feature-list,.service-desc .content-feature-list,.terms-wrap .content-feature-list,.project-desc .content-feature-list {

        margin: 15px 0

    }



    article ol,.service-desc ol,.terms-wrap ol,.project-desc ol {

        margin-top: 15px;

        margin-bottom: 15px

    }



    article h1,.service-desc h1,.project-desc h1 {

        font-size: 24px

    }



    article h2,.service-desc h2,.project-desc h2 {

        font-size: 22px

    }



    article h3,.service-desc h3,.project-desc h3 {

        font-size: 20px

    }



    article h4,.service-desc h4,.project-desc h4 {

        font-size: 18px

    }



    article h5,.service-desc h5,.project-desc h5 {

        font-size: 17px

    }



    article h6,.service-desc h6,.project-desc h6 {

        font-size: 16px

    }



    article ol li,.service-desc ol li,.project-desc ol li {

        font-size: 14px;

        margin-bottom: 10px

    }



    article ol li:last-child,.service-desc ol li:last-child,.project-desc ol li:last-child {

        margin-bottom: 0

    }



    article ul li,.service-desc ul li,.project-desc ul li {

        font-size: 14px;

        margin-bottom: 10px

    }



    article ul li:last-child,.service-desc ul li:last-child,.project-desc ul li:last-child {

        margin-bottom: 0

    }



    .post-metainfo {

        margin-bottom: 18px

    }



    .post-metainfo li {

        padding-left: 25px;

        margin-right: 25px;

        margin-bottom: 10px;

        font-size: 14px

    }



    .post-metainfo li i {

        font-size: 14px

    }



    .post-img {

        margin: 0 0 25px;

        border-radius: 5px

    }



    .post-tag {

        margin-bottom: 15px

    }



    .post-tag ul li a {

        font-size: 13px

    }



    .tag-list ul li {

        margin: 9px 6px 0 0

    }



    .error-content img {

        max-width: 280px

    }



    .error-content p {

        margin: 0 auto 20px;

        max-width: 300px

    }



    #contactForm .form-group input,#contactForm .form-group textarea {

        padding: 10px 15px

    }



    #contactForm .form-group input {

        height: 50px

    }



    #contactForm .form-group textarea {

        height: 140px

    }

}



@media only screen and (min-width: 768px) {

    .service-desc .content-feature-list,.project-desc .content-feature-list {

        -webkit-columns:3;

        columns: 3

    }



    .service-desc .content-feature-list li i,.project-desc .content-feature-list li i {

        font-size: 20px

    }

}



@media only screen and (min-width: 768px) and (max-width:991px) {

    .container-fluid {

        max-width:720px;

        padding-left: 15px;

        padding-right: 15px

    }



    .pt-100 {

        padding-top: 70px

    }



    .pb-100 {

        padding-bottom: 70px

    }



    .mt-100 {

        margin-top: 70px!important

    }



    .mb-100 {

        margin-bottom: 70px!important

    }



    .mtb-100 {

        margin-top: 70px!important;

        margin-bottom: 70px!important

    }



    .pb-50 {

        padding-bottom: 20px

    }



    .pb-60 {

        padding-bottom: 35px

    }



    .mt-100 {

        margin-top: 70px!important

    }



    .smb-25 {

        margin-bottom: 25px

    }



    .smb-70 {

        margin-bottom: 70px!important

    }



    .ptb-100 {

        padding-top: 70px;

        padding-bottom: 70px

    }



    .pt-70 {

        padding-top: 40px

    }



    .pb-70 {

        padding-bottom: 40px

    }



    .pb-75 {

        padding-bottom: 45px

    }



    .pb-50 {

        padding-bottom: 20px

    }



    .pt-75 {

        padding-top: 45px

    }



    .breadcrumb-title h2,.section-title h2,.content-title h2 {

        font-size: 30px

    }



    .content-wrapper {

        margin-top: 0;

    }



    .breadcrumb-wrap .br-shape-three {

        top: 30px;

        left: 30%

    }



    .breadcrumb-wrap .br-shape-four {

        top: 20px;

        left: 30px

    }



    .hero-wrap {

        margin-top: 150px

    }



    .hero-wrap .hero-content p {

        max-width: 100%

    }



    .hero-wrap.style1 .hero-slide-item {

        padding: 60px 0 0

    }



    .hero-wrap.style1 .hero-content {

        padding-bottom: 35px

    }



    .hero-wrap.style1 .hero-content h1 {

        font-size: 38px

    }



    .hero-wrap.style2 {

        padding: 200px 0 70px

    }



    .hero-wrap.style2 .hero-content h1 {

        font-size: 28px

    }



    .hero-wrap.style3 .hero-content h1 {

        font-size: 28px

    }



    .hero-wrap.style3 .hero-content p {

        max-width: 90%

    }



    .hero-wrap.style3 .hero-img-wrap::after {

        right: -5px

    }

}



@media only screen and (max-width: 991px) {

    .page-wrapper {

        overflow-x:hidden!important

    }



    .service-charge-wrap .charge-form .form-btn {

        margin-top: 0

    }



    .feature-wrap .feature-img-wrap {

        margin-bottom: 30px

    }



    .service-card.style3 .service-icon {

        top: 0;

        width: 60px;

        height: 60px

    }



    .service-card.style3 .service-icon i {

        font-size: 30px

    }



    .service-card.style3 .service-info {

        width: 100%;

        margin-left: 0;

        margin-top: 20px

    }



    .security-wrap .security-img-wrap {

        margin-bottom: 30px

    }



    .shopping-wrap .shopping-img-wrap {

        margin-bottom: 30px

    }

}



@media only screen and (min-width: 992px) and (max-width:1199px) {

    .breadcrumb-title h2,.section-title h2,.content-title h2 {

        font-size:35px

    }



    .breadcrumb-wrap {

        padding: 50px 0

    }



    .content-wrapper {

        margin-top: 0;

    }



    .hero-wrap {

        margin-top: 110px

    }



    .hero-wrap .hero-content p {

        max-width: 85%

    }



    .hero-wrap.style1 .hero-slide-item {

        padding: 60px 0 0

    }



    .hero-wrap.style1 .container-fluid {

        padding-left: calc((100% - 960px)/2 + 10px);

        padding-right: 50px

    }



    .hero-wrap.style1 .hero-content {

        padding-bottom: 55px

    }



    .hero-wrap.style1 .hero-content h1 {

        font-size: 38px

    }



    .hero-wrap.style2 .hero-content h1 {

        font-size: 38px

    }



    .hero-wrap.style3 .hero-content h1 {

        font-size: 38px

    }



    .app-btn a img {

        max-width: 150px

    }

}



@media only screen and (max-width: 1199px) {

    .lg-none {

        display:none!important

    }



    .sidebar {

        margin: 50px 0 0

    }



    .banner-slider .center-part {

        padding: 15px;

        top: 0;

    }



    .banner-content {

        max-width: 100%;

        padding: 15px 0;

    }



    .banner-content h1, .banner-content h6 {

        margin-bottom: 0px;

    }

}



@media only screen and (min-width: 1200px) {

    .xl-none {

        display:none!important

    }



    .mmt-45 {

        margin-top: -45px

    }



    .hero-wrap .hero-content h1 {

        line-height: 1.4

    }



    .service-wrap .service-card-wrap {

        margin-top: 45px

    }

}



@media only screen and (min-width: 1200px) and (max-width:1280px) {

    .section-img.style2 {

        right:10px;

        max-width: 60px

    }



    .breadcrumb-wrap .section-img {

        max-width: 140px

    }



    .hero-wrap .hero-content h1 {

        font-size: 49px!important

    }

}



@media only screen and (min-width: 1400px) and (max-width:1599px) {

    .section-title h2,.content-title h2,.breadcrumb-title h2 {

        font-size:44px

    }



    .hero-wrap .hero-content p {

        max-width: 90%

    }



    .hero-wrap .container-fluid {

        padding-left: calc((100% - 1320px)/2 + 15px);

        padding-right: 50px

    }

}



@media only screen and (min-width: 1200px) and (max-width:1399px) {

    .breadcrumb-title h2,.section-title h2,.content-title h2 {

        font-size: 2rem;

    }



    .hero-wrap .container-fluid {

        padding-left: calc((100% - 1140px)/2 + 15px);

        padding-right: 60px

    }



    .hero-wrap .hero-img-wrap {

        position: relative;

        z-index: 1;

        position: relative;

        bottom: -20px

    }

}



@media only screen and (min-width: 1600px) {

    .breadcrumb-title h2,.section-title h2,.content-title h2 {

        font-size:46px

    }



    .breadcrumb-wrap .container {

        max-width: 1520px;

        margin: 0 auto

    }



    .feature-card .feature-info .feature-title h3,.service-card h3,.project-card h3,.team-card .team-info h3,.currency-card .currency-info h3,.feature-item-wrap .feature-item .feature-text h3,.blog-card .blog-info h3 {

        font-size: 24px

    }



    .hero-wrap .container {

        max-width: 1520px

    }



    .hero-wrap .hero-content h1 {

        line-height: 1.4

    }



    .hero-wrap .hero-content p {

        max-width: 85%

    }



    .hero-wrap .container-fluid {

        padding-left: calc((100% - 1520px)/2 + 15px);

        padding-right: 100px

    }

}



.personal-info {

    padding: 30px;

    border-radius: 5px;

    margin-bottom: 20px;

    display: none;

}



.add-car {

    background-color: #fff;

    text-align: center;

    height: 400px;

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

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);

    margin-bottom: 20px;

}







.add-car-icon {
    background: transparent url(../NewWbsiteimg/big-plus.png) center center no-repeat;
    width: 52px;
    height: 52px;
    display: inline-block;
    margin-bottom: 40px;
}



.add-car-wrap {

    padding-top: 138px;

}



.add-car-done {

    border: 1px solid #e8e8e8;

    position: relative;

    display: none;

}



.add-car-done .product-wrap {

    padding: 30px 20px 0;

    box-shadow: none;

    margin-bottom: 0;

}



.add-car-done .select-done {

    min-width: 28px;

    min-height: 28px;

    line-height: 28px;

    text-align: center;

    background: #229c65;

    position: absolute;

    top: 33px;

    left: -55px;

    width: 222px;

    padding: 0px 8px;

    border-radius: 0;

    transform: rotate( -45deg );

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

    z-index: 9;

    color: #fff;

    font-weight: bold;

}



.add-car-done .select-done i {

    margin-left: 5px;

    margin-right: 5px;

}



.save_car {

    width: 100%;

    display: block;

}



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

    add-car-form CSS

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

.add-car-form {

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

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);

    padding: 21px;

    background: #fff;

    display: none;

    margin-bottom: 20px;

}



.add-car-form .form-group {

    margin-bottom: 25px;

}



.add-car-form .form-group label {

    display: block;

    margin: 0 0 10px;

}



.add-car-form .form-group select {

    width: 100%;

    height: 54px !important;

    border: none;

    background: #f1f1f1;

    padding: 15px 20px;

    resize: none;

}







    .add-car-form .form-group select {
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url(../NewWbsiteimg/down-arrow.png);
        background-repeat: no-repeat;
        background-size: 15px;
        background-position: 98% 50%;
    }



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

    filter car CSS

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

.filter-car .account-form {

    padding: 25px 30px 10px;

    margin-bottom: 40px;

}



.filter-car .btn {

    margin-top: 35px;

}



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

    add-car-done CSS

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

.add-car-done {

    border: 1px solid #e8e8e8;

    position: relative;

    margin-bottom: 20px;

    border: none;

    overflow: hidden;

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

    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);

    background: #fff;

}



.camparison-table {

    background-color: #fff;

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

    display: none;

}



.camparison-table table {

    text-align: center;

}



.camparison-table td.font-weight-bold {

    text-align: right;

}



.camparison-table .car-img {

    width: 200px;

}



.camparison-table .note {

    font-weight: bold;

}



.camparison-table .table tr:first-child td {

    vertical-align: top;

    border-top: none;

}



@media only screen and (max-width: 767px) {

    .camparison-table .car-img {

        width: 80px;

    }



    table td, table th, .table td, .table th {

        padding: .25rem;

        font-size: 14px;

    }



    .camparison-table .table td, .camparison-table .table th {

        max-width: 0;

    }



    .camparison-table .btn {

        width: 100%;

        padding: 8px 0;

        white-space: normal;

    }



    .camparison-table td.font-weight-bold {

        background: #f1f1f1;

        font-weight: normal !important;

    }



    .camparison-table .table tr:first-child td {

        font-weight: bold;

    }



    .camparison-table .table p {

        font-size: 12px;

    }

}



@keyframes flipInY {

    0% {

        transform: perspective(400px) rotateY(90deg);

        opacity: 0;

    }



    40% {

        transform: perspective(400px) rotateY(-10deg);

    }



    70% {

        transform: perspective(400px) rotateY(10deg);

    }



    100% {

        transform: perspective(400px) rotateY(0deg);

        opacity: 1;

    }

}



.flipInY {

    -webkit-backface-visibility: visible !important;

    -webkit-animation-name: flipInY;

    backface-visibility: visible !important;

    animation-name: flipInY;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



/* responsive tables

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

/*override default table syles for hidden tr / tds */

.sr-table-tr td {

    border-left: none;

    border-right: none;

    border-top: none;

    border-bottom: none;

    padding: 0 0 0 0;

}



/*visible stacked row styles*/

.sr-table-tr.even .sr-table-div {

    background: #f8f8f8;

}



.sr-table-div {

    padding: 35px 30px 25px 30px;

    border-bottom: 1px solid #ddd;

    overflow: hidden;

}



.sr-tr-last .sr-table-div {

    border-bottom: none;

}



.sr-table-record-div {

    border-bottom: 1px dashed #E2E2E2;

    margin-bottom: 14px;

    padding-bottom: 10px;

    width: 50%;

    float: left;

}



.sr-table-record-div:last-child {

    width: 100%;

}



.sr-table-record-div:last-child label {

    display: none;

}



.sr-table-record-div:last-child .btn {

    display: block;

}



.sr-table-tr {

    margin-bottom: 20px;

}



.sr-table-tr.even .sr-table-record-div {

    border-bottom: 1px dashed #D5D5D5;

    font-size: 20px;

}



.sr-table-record-div:last-child {

    border-bottom: none !important;

    padding-bottom: 0px;

}



.sr-table-record-div input, .sr-table-record-div textarea, .sr-table-record-div .uneditable-input, .sr-table-record-div select {

    margin-bottom: 10px;

    margin-top: 3px;

}



.sr-table-div, .sr-table-record-div.blankValue.blankLabel, .sr-table-record-div.blankValue p, .sr-table-record-div.blankLabel label {

    display: none;

}



.sr-table-div img {

    max-width: 100%;

    width: 100%;

}



.sr-table-record-div.blankValue label {

    margin-bottom: 10px;

}



.sr-table-record-div.blankLabel p, .sr-table-record-div.blankLabel textarea {

    margin-top: 10px;

}



.sr-table-div label {

    display: block;

    margin-bottom: 5px;

    font-size: 14px;

    color: #2a326a;

    font-weight: bold;

}



.sr-table-div label.hidden {

    display: none;

}



/*--------required-docs--------*/

.required-docs{

    text-align: center;

}

.required-docs .icon {

    background: #fff;

    padding: 25px;

    border-radius: 50%;

    width: 111px;

    margin: auto;

    box-shadow: 0px 0px 25px rgba(85, 85, 85, 0.1);

}

.required-docs h3{

    margin-top: .5rem;

    font-size: 20px;

}

.list-group-item {

    color: #2a326a;

    font-weight: bold;

}

.list-group-item:hover {

    color: #e12726;

}

.service-card h3 a{

    color: #2a326a; 

}

.header-wrap.sticky .navbar .navbar-nav .nav-item:hover .dropdown-menu{

    top:44px;

}

.NewCheckbox label:before{

    border-radius: 2px !important;

}

.NewCheckbox input:checked + label:after{

    border-radius: 0 !important;

    left: 9px;

    top: 5px;

    width: 6px;

    height: 9px;

    border: solid white;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    background: transparent;

}

.NewCheckbox input:checked + label:before {

    background: #e12726;

}

input, textarea, select{

    margin-bottom: 15px;

}

.mobile-sidebar {

    padding-right: 10px;

}

.blog-card .blog-info h3 {

    height: 90px;

}

.blog-card .blog-info h3 a{

    color: #2a326a;

}

video{

    width: 100%;

}

/*--mobile--*/

@media (max-width: 767px) {

    .sr-hide, .sr-header {

        display: none;

    }



    .sr-table-div {

        display: block;

    }



    .filter-car .btn {

        margin-top: 0;

    }

    .error-wrap .shape-two, .error-wrap .shape-one{

        display: none;

    }

    .blog-card .blog-info h3 {

        height: auto;

    }

}

.owl-stage{

    margin-right:auto;

    margin-left:auto;

}

.featured-slider.no-overlay .item:before{

    display: none;

}

/*-----checking code---------*/
.input-container {
    margin-bottom: 30px;
    display: block;
    overflow: hidden;
    direction: ltr;
}

.check-input {
    width: 60px;
    height: 60px;
    margin: 7px;
    display: inline-block;
    padding: 8px;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    line-height: 1.5;
    color: var(--color-primary) !important;
    background-clip: padding-box;
    background: #EBEBEB;
    border-radius: 5px;
    border: none;
    box-shadow: 0px 3px 6px #00000029;
}

/* otp form 
-------------------------------------------------- */
.otp-form img {
    margin-bottom: 20px;
}

.otp-form .btn {
    width: 100%;
    font-size: 1.2rem;
}

.otp-form label {
    font-weight: bold;
    margin-bottom: 0.8rem;
}

.otp-form .form-control {
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    border: none;
    color: var(--color-primary);
    font-size: 20px;
    font-family: "Roboto", sans-serif;
}

.otp-form .form-group {
    margin: 2rem 0;
}

.otp-form img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

form.otp .btn {
    width: 65%;
}

.rate {
    float: left;
    height: 46px;
    padding: 0 10px;
}

    .rate:not(:checked) > input {
        position: absolute;
        top: -9999px;
    }

    .rate:not(:checked) > label {
        float: right;
        width: 1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 30px;
        color: #ccc;
    }

        .rate:not(:checked) > label:before {
            content: '★ ';
        }

    .rate > input:checked ~ label {
        color: #ffc700;
    }

    .rate:not(:checked) > label:hover,
    .rate:not(:checked) > label:hover ~ label {
        color: #deb217;
    }

    .rate > input:checked + label:hover,
    .rate > input:checked + label:hover ~ label,
    .rate > input:checked ~ label:hover,
    .rate > input:checked ~ label:hover ~ label,
    .rate > label:hover ~ input:checked ~ label {
        color: #c59b08;
    }