/*

@File: Qfix Template Styles



* This file contains the styling for the actual template, this

is the file you need to edit to change the look of the

template.



This files table contents are outlined below>>>>>



******************************************* 

** - DEFAULT AREA STYLE - **



** - Preloader Area Style

** - Go Top Area Style

** - Page navigation Area Style  

** - Video wave Style



** - DEFAULT STYLE END - **



** - HOME PAGE ONE STYLE - **



** - Header Area Style

** - Nav Area Style

** - Main Slider Area Style

** - Facility Area Style

** - Repair Area Style

** - Counter Area Style

** - Computer Area Style

** - Price Area Style

** - Why Us Choose Area Style

** - How Work Area Style

** - Team Area Style

** - Testimonial Area Style

** - News Area Style

** - Need Computer Area Style

** - Footer Top Area Style

** - Footer Bottom Area Style



** - HOME PAGE TWO STYLE - **



** - Banner Area Style

** - About Area Style

** - Repair Area Two Style

** - Computer Area Two Style

** - Why Us Choose Area Two Style

** - Testimonial Area Two Style

** - Appointment Area Two Style



** - HOME PAGE THREE STYLE - **



** - Banner Area Three Style

** - Facility Area Style

** - Repair Area Three Style

** - Counter Area Three Style

** - Computer Area Three Style

** - Our Team Area Three Style

** - Gallery Area Three Style



** - HOME PAGE FOUR STYLE - **



** - Banner Area Four Style

** - Facility Area Four Style

** - About Area Four Style

** - Repair Area Four Style

** - Partners Area Four Style



** - INNER PAGE STYLE - **



** - Page Title Area Style

** - Sign In & Log In  Area Style

** - Coming Soon Area Style

** - 404 Error Area Style

** - Service Details Area Style

** - Product Area Style

** - Cart Area Style

** - Checkout Area Style 

** - Shop Details Style

** - Blog Details Area Style

** - Contact Area Style

** - FAQ Area Style

** - Client Area Style

** - Gallery Area Style



** - HOME PAGE FIVE STYLE - **



** - Slider Area Five Style



** - HOME PAGE FIVE STYLE - **



** - Banner Area Style



*******************************************

/*





/*

Default Style

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



@import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700&display=swap");

@import url("https://fonts.googleapis.com/css?family=Bree+Serif&display=swap&subset=latin-ext");

body {

    padding: 0;

    margin: 0;

    font-size: 14px;

    line-height: 1.8;

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

    font-family: "Poppins", Sans-serif;

    color: #212121;

}

::selection{

    background: #006185;

    color:#fff;

}

a {

    display: inline-block;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    text-decoration: none;

    color: #cc232a;

}



a:hover {

    text-decoration: none;

    color: #25245e;

}



a:focus {

    text-decoration: none;

}



button {

    outline: 0 !important;

    -webkit-box-shadow: none;

    box-shadow: none;

    border: none;

}



button:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

}



.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

h1,

h2,

h3,

h4,

h5,

h6 {

    /* color: #a20000; */

    color: #002858;

    font-weight: 600;

}

.btn-success {

    color: #fff;

    background-color: #5cb85c;

    border-color: #4cae4c;

    padding: 10px 35px;

}

.btn-success:hover {

    color: #fff;

    background-color: #449d44;

    border-color: #398439

}



.btn-danger {

    color: #fff;

    background-color: #d9534f;

    border-color: #d43f3a;

    padding: 10px 40px;

}



.btn-danger:hover {

    color: #fff;

    background-color: #c9302c;

    border-color: #ac2925

}



.btn-warning {

    color: #fff;

    background-color: #f0ad4e;

    border-color: #eea236;

    padding: 10px 30px;

}



.btn-warning:hover {

    color: #fff;

    background-color: #ec971f;

    border-color: #d58512

}



.btn-primary {

    color: #fff;

    background-color: #337ab7;

    border-color: #2e6da4;

    padding: 10px 45px;

    

}



.btn-primary:hover {

    color: #fff;

    background-color: #286090;

    border-color: #204d74

}



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

  .mobile-hidden{

    display: none;

  }

}

.single-facility>h3 {

    padding: 10px;

}



h3 {

    font-size: 20px;

    text-align: left;

}

.main-heading {

    /* background: #a20000; */

    background: #006185;

    padding-top: 10px;

    padding-bottom: 10px;

    text-align: center;

    color: white;

}

.seo-h51{

    font-size: 20px;

}

.seo-h41{

    font-size: 20px;

}

.seo-h61{

    font-size: 20px;

}

.d-table {

    width: 100%;

    height: 100%;

}



.d-table-cell {

    vertical-align: middle;

}



p {

    /* font-size: 18px;

    margin-bottom: 15px;

    text-align: justify; */

    font-size: 16px;

    margin-bottom: 10px;

    text-align: justify;

    line-height: 28px;

}



p:last-child {

    margin-bottom: 0;

}



img {

    max-width: 100%;

    height: auto;

}



.founder_img>img {

    float: right !important;

}



ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.form-control {

    height: 50px;

    color: #141414;

    border: 1px solid #e8e8e8;

    background-color: #f9f9f9;

    border-radius: 4px;

    font-size: 15px;

    padding: 10px 20px;

    width: 100%;

}



.process>ul>li {

    padding-bottom: 10px !important;

}



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

    color: #495057;

}



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

    color: #495057;

}



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

    color: #495057;

}



.form-control::placeholder {

    color: #495057;

}



.form-control:focus {

    color: #000000;

    background-color: transparent;

    -webkit-box-shadow: unset;

    box-shadow: unset;

    outline: 0;

    border: 1px solid #0664cd;

}



.form-control:hover:focus,

.form-control:focus {

    -webkit-box-shadow: unset;

    box-shadow: unset;

}



textarea.form-control {

    height: auto;

}



.ptb-100 {

    padding-top: 45px;

    padding-bottom: 23px;

}



.ptb-20 {

    padding-top: 20px;

    padding-bottom: 20px;

}



.pt-48 {

    padding-top: 48px;

}



.water_icon>i>img {

    margin-bottom: 9px;

}



.pt-100 {

    padding-top: 100px;

}



.pt-50 {

    padding-top: 50px;

}



.pt-40 {

    padding-top: 40px;

}



.pt-30 {

    padding-top: 30px;

}



.pt-20 {

    padding-top: 20px;

}



.m-x-y {

    margin-left: 60px;

    margin-top: 55px;

}



.pb-100 {

    padding-bottom: 14px;

}



.pt-70 {

    padding-top: 70px;

}



.pb-70 {

    padding-bottom: 62px;

}



.mt-30 {

    margin-top: 30px;

}



.mb-30 {

    margin-bottom: 30px;

}



.mt-20 {

    margin-top: 20px;

}



.mb-20 {

    margin-bottom: 20px;

}



.mt-minus-70 {

    margin-top: -70px;

}



.mb-minus-70 {

    margin-bottom: -70px;

}



.ml-30 {

    margin-left: 30px;

}



.mr-30 {

    margin-right: 30px;

}





/*

Go Top Style*/



.go-top {

    position: fixed;

    cursor: pointer;

    top: 98%;

    left: -10%;

    background-color: #545454;

    z-index: 4;

    width: 40px;

    text-align: center;

    height: 42px;

    line-height: 42px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: .9s;

    transition: .9s;

}



.go-top i {

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    left: 0;

    right: 0;

    margin: 0 auto;

    color: #ffffff;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    font-size: 20px;

}



.go-top i:last-child {

    opacity: 0;

    visibility: hidden;

    top: 60%;

}



.go-top::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background-color: #0664cd;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.go-top:hover {

    color: #ffffff;

    background-color: #25245e;

}



.go-top:hover::before {

    opacity: 1;

    visibility: visible;

}



.go-top:hover i:first-child {

    opacity: 0;

    top: 0;

    visibility: hidden;

}



.go-top:hover i:last-child {

    opacity: 1;

    visibility: visible;

    top: 50%;

}



.page-title-area {

    position: relative;

    overflow: hidden;

    z-index: 1;

    padding-top: 172px;

    padding-bottom: 46px;

    background-image: url(../img/new2/hr-strips-banner.jpg);

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

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

    color: white;



}



/*mobile footer*/



.navbar-footer a {

    float: left;

    display: block;

    color: #222222;

    text-align: center;

    padding: 16px 43px 25px 42px;

    text-decoration: none;

    font-size: 19px;

    /* margin-right: 22px;

    margin-left: 21px; */

  }

  .navbar-footer a:hover {

    background: #F1F1F1;

    color: black;

  }

  .w_app > i {

    color: #fff;

  }

  .w_app {

    background-color: #28A745;

  }

  .e_mail > i {

    color: #fff;

  }







.go-top:focus {

    color: #ffffff;

}



.go-top:focus::before {

    opacity: 1;

    visibility: visible;

}



.go-top:focus i:first-child {

    opacity: 0;

    top: 0;

    visibility: hidden;

}



.go-top:focus i:last-child {

    opacity: 1;

    visibility: visible;

    top: 50%;

}



.go-top.active {

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

    transform: translateY(-98%);

    opacity: 1;

    visibility: visible;

    left: 95%;

}





/*

Page-navigation Area Style*/



.page-navigation-area {

    text-align: center;

    margin: 20px auto 0;

    display: table;

}



.page-navigation-area .page-link {

    color: #0664cd;

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 15px #d0d0d0;

    box-shadow: 0 0 15px #d0d0d0;

    width: 40px;

    height: 40px;

    border: 1px solid #ffffff;

    line-height: 24px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    font-weight: 700;

}



.page-navigation-area .page-link i {

    margin-right: -4px;

    font-size: 21px;

}



.page-navigation-area .page-link:hover {

    color: #ffffff;

    background-color: #0664cd;

    border: 1px solid #0664cd;

}



.page-navigation-area .page-link:focus {

    z-index: 2;

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.page-navigation-area .page-link.page-links i::before {

    margin-left: -4px;

}



.page-navigation-area .page-item {

    padding: 0 8px 0;

}



.page-navigation-area .page-item:first-child .page-link {

    border-radius: none;

}



.page-navigation-area .page-item:last-child .page-link {

    border-radius: none;

}



.page-navigation-area .page-item.active .page-link {

    z-index: 1;

    color: #ffffff;

    background-color: #0664cd;

    border-color: #0664cd;

}





/*

Video wave Style*/



.video-btn {

    display: inline-block;

    width: 60px;

    height: 60px;

    line-height: 69px;

    text-align: center;

    border-radius: 50%;

    color: #0664cd;

    position: relative;

    top: 3px;

    z-index: 1;

    background-color: #0664cd;

}



.video-btn i {

    font-size: 20px;

    font-weight: 700;

    color: #ffffff;

    position: absolute;

    top: 0;

    left: 3px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    height: 100%;

}



.video-btn::after,

.video-btn::before {

    content: "";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    z-index: -1;

    bottom: 0;

    left: 0;

    border-radius: 50%;

    background-color: #0664cd;

}



.video-btn::before {

    -webkit-animation: ripple 1.6s ease-out infinite;

    animation: ripple 1.6s ease-out infinite;

}



.video-btn::after {

    -webkit-animation: ripple 1.6s ease-out infinite;

    animation: ripple 1.6s ease-out infinite;

}



.video-btn:hover {

    background-color: #0664cd;

}



.video-btn:hover i {

    color: #ffffff;

}



@-webkit-keyframes ripple {

    0%,

    35% {

        -webkit-transform: scale(0);

        transform: scale(0);

        opacity: 1;

    }

    50% {

        -webkit-transform: scale(1.5);

        transform: scale(1.5);

        opacity: 0.8;

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(2);

        transform: scale(2);

    }

}



@keyframes ripple {

    0%,

    35% {

        -webkit-transform: scale(0);

        transform: scale(0);

        opacity: 1;

    }

    50% {

        -webkit-transform: scale(1.5);

        transform: scale(1.5);

        opacity: 0.8;

    }

    100% {

        opacity: 0;

        -webkit-transform: scale(2);

        transform: scale(2);

    }

}





/*

Default Btn Area Style*/



.default-btn {

    font-size: 16px;

    color: #ffffff;

    padding: 15px 30px;

    line-height: 1;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    text-transform: capitalize;

    position: relative;

    cursor: pointer;

    border-radius: 4px;

    text-align: center;

    overflow: hidden;

    z-index: 1;

    background-color: #00309c;

}



.default-btn::before {

    content: "";

    position: absolute;

    top: 0;

    left: 200%;

    width: 50%;

    height: 100%;

    background-color: #ffffff;

    z-index: -1;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.default-btn.active {

    margin-left: 30px;

    color: #ffffff;

    background-color: #6a6a6a;

}



.default-btn:hover {

    color: #ffffff;

    background-color: #fcb400;

}



.default-btn:hover::before {

    left: -200%;

}





/*

Read More Area Style*/



.read-more {

    line-height: 1;

    color: #a20000;

    font-weight: 500;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    display: block;

    font-size: 13px;

}



.read-more i {

    position: relative;

    top: 2px;

    left: 2px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    display: inline-block;

    font-weight: 600;

}



.read-more:hover {

    color: #0664cd;

}



.read-more:hover i {

    color: #0664cd;

    -webkit-animation: rotation 0.5s linear infinite;

    animation: rotation 0.5s linear infinite;

}





/*

Section Title Area Style*/



.section-title {

    max-width: 1137px;

    margin: -8px auto 60px;

    text-align: center;

    position: relative;

}



.section-title span {

    font-size: 14px;

    font-weight: 700;

    color: #1c1c1c;

    display: block;

    margin-bottom: 15px;

}



.section-title h2 {

    font-size: 38px;

    margin-bottom: 20px;

    position: relative;

    display: block;

    text-transform: capitalize;

}



.section-title h2:last-child {

    margin-bottom: 0;

}



.section-title.white-title span {

    color: #ffffff;

}



.section-title.white-title h2 {

    color: #ffffff;

}



.section-title.white-title p {

    color: #ffffff;

}





/*

Preloader Area Style*/



.preloader {

    width: 100%;

    height: 100%;

    position: fixed;

    background-color: #0664cd;

    top: 0;

    left: 0;

    z-index: 99999;

}



.preloader .lds-ripple {

    position: relative;

    width: 80px;

    height: 80px;

    top: 50%;

    left: 50%;

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

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

}



.preloader .lds-ripple div {

    position: absolute;

    border: 4px solid #ffffff;

    opacity: 1;

    border-radius: 50%;

    -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;

    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;

}



.preloader .lds-ripple div:nth-child(2) {

    -webkit-animation-delay: -0.5s;

    animation-delay: -0.5s;

}



@-webkit-keyframes lds-ripple {

    0% {

        top: 28px;

        left: 28px;

        width: 0;

        height: 0;

        opacity: 1;

    }

    100% {

        top: -1px;

        left: -1px;

        width: 58px;

        height: 58px;

        opacity: 0;

    }

}

.seo-h1{
    color:white;
    background-color:#484852;
    font-size:30px;
}

.seo-h4{

    font-size: 38px;

}

.seo-h5{

    font-size: 38px;

}

.seo-h6{

    font-size: 30px;

}



@keyframes lds-ripple {

    0% {

        top: 28px;

        left: 28px;

        width: 0;

        height: 0;

        opacity: 1;

    }

    100% {

        top: -1px;

        left: -1px;

        width: 58px;

        height: 58px;

        opacity: 0;

    }

}





/*

Keyframes Area Style*/



@-webkit-keyframes moveLeftBounces {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

    50% {

        -webkit-transform: translateX(45px);

        transform: translateX(45px);

    }

    100% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}



@keyframes moveLeftBounces {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

    50% {

        -webkit-transform: translateX(45px);

        transform: translateX(45px);

    }

    100% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }

}



@-webkit-keyframes moVebounce {

    0% {

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

    }

    50% {

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

        transform: translateX(-10px);

    }

    100% {

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

    }

}



@keyframes moVebounce {

    0% {

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

    }

    50% {

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

        transform: translateX(-10px);

    }

    100% {

        -webkit-transform: translateX(0px);

        transform: translateX(0px);

    }

}



@-webkit-keyframes rotation {

    from {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    to {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg);

    }

}



@keyframes rotation {

    from {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    to {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg);

    }

}



@-webkit-keyframes border-transform {

    0%,

    100% {

        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;

    }

    14% {

        border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;

    }

    28% {

        border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;

    }

    42% {

        border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;

    }

    56% {

        border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;

    }

    70% {

        border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;

    }

    84% {

        border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;

    }

}



@keyframes border-transform {

    0%,

    100% {

        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;

    }

    14% {

        border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;

    }

    28% {

        border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;

    }

    42% {

        border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;

    }

    56% {

        border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;

    }

    70% {

        border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;

    }

    84% {

        border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;

    }

}



@-webkit-keyframes FocuS {

    0% {

        opacity: 0;

    }

    75% {

        opacity: 1;

    }

    100% {

        opacity: 0;

    }

}



@keyframes FocuS {

    0% {

        opacity: 0;

    }

    75% {

        opacity: 1;

    }

    100% {

        opacity: 0;

    }

}



.nice-select .list {

    width: 100%;

}



.nice-select .option:hover {

    background-color: #0664cd;

    color: #ffffff;

}



.nice-select .option.selected.focus {

    background-color: #25245e;

    color: #0664cd;

}





/*===== DEFAULT STYLE END ======*/





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

HOME PAGE ONE STYLE

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





/*

Header Area Style

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



.header-area .top-header-area {

    padding: 9px 0;

    background-color: #071031;

}



.header-area .top-header-area .header-content-left p {

    color: #ffffff;

    font-size: 14px;

    text-transform: capitalize;

}



.header-area .top-header-area .header-content-right {

    float:right;

}

.right{
    float: right;
}

.header-area .top-header-area .header-content-right li {

    display: inline-block;

    padding-right: 20px;

    color: #0664cd;

}



.header-area .top-header-area .header-content-right li:last-child {

    padding-right: 0;

}



.header-area .top-header-area .header-content-right li a {

    color: #ffffff;

    display: inline-block;

}



.header-area .top-header-area .header-content-right li a i {

    color: #ffffff;

    margin-right: 5px;

    font-size: 15px;

    background-color: #193e80;

    width: 25px;

    height: 25px;

    line-height: 25px;

    text-align: center;

    border-radius: 50%;

}



.header-area .top-header-area .header-content-right li a:hover {

    color: #ffffff;

}





/*

Nav Area

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



.nav-area .navbar-area .main-nav {

    position: unset;

    /* background-color: rgba(255, 255, 255, 0.9); */

    background-color: #fff;

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

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

    padding-top: 0;

    padding-bottom: 0;

    z-index: -1 ;

}

.navbar_d{

    height: 85px;

}

.logo_img{

    position: relative;

    top:28px;

   

}

.logo_img img{

    border-radius: 0 0 10px 10px;

}

.logo_m img{ 

    /* width: 62%; */

    width: 49%;

    



}

.logo_m1 img{ 

    

    width: 100%;

    margin-left: 100px;



}

.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a {

    font-weight: 500;

    font-size: 15px;

    /* color: #101010; */

    color: #000;

    text-transform: capitalize;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    margin-left: 0;

    margin: 0 10px;

    position: relative;

}



.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a i {

    font-size: 15px;

    line-height: 0;

    position: relative;

    top: 3px;

}



.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a::before {

    content: "";

    position: absolute;

    bottom: -25px;

    right: 0;

    width: 0;

    height: 2px;

    background-color: #ffffff;

    opacity: 0;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a:hover {

    color: #a20000;

}



.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a:hover i {

    -webkit-animation: rotation 0.5s linear infinite;

    animation: rotation 0.5s linear infinite;

}



.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a.active {

    color: #00309c;

}



.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item a.active i {

    -webkit-animation: rotation 0.5s linear infinite;

    animation: rotation 0.5s linear infinite;

}



.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu {

    background-color: #ffffff;

    border: none;

    border-radius: 0;

    top: 100%;

    left: 0;

    padding: 0;

}



.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu::before {

    position: absolute;

    width: 0;

    height: 0;

    content: "";

    border-top: 0;

    border-right: 8px solid transparent;

    border-bottom: 8px solid #ffffff;

    border-left: 8px solid transparent;

    top: -8px;

    left: 20px;

}



.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a {

    font-size: 13px;

    color: #1e1e1e;

    position: relative;

    padding: 10px 15px;

    border-bottom: 1px dashed #eeeeee;

    margin-left: 0;

    margin-right: 0;

}



.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a i {

    float: right;

    top: 12px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover {

    color: #00309c;

    background-color: #f3f3f3;

}



.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {

    color: #0664cd;

    background-color: #f3f3f3;

}



.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {

    left: 100%;

}



.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu::before {

    position: absolute;

    width: 0;

    height: 0;

    content: "";

    border-top: 0;

    border-right: 8px solid transparent;

    border-bottom: 8px solid #ffffff;

    border-left: 8px solid transparent;

    top: 35px;

    left: -11px;

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

    transform: rotate(-86deg);

}



.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child a {

    border-bottom: none;

}



.nav-area .navbar-area .main-nav nav .navbar-nav .nav-item:hover .dropdown-menu {

    -webkit-animation: flipInY 0.6s linear;

    animation: flipInY 0.6s linear;

}



.nav-area .navbar-area.is-sticky {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    margin: auto;

    z-index: 999;

    background-color: #313538;

    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);

    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);

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

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

    -webkit-transition: all .5s;

    transition: all .5s;

    width: 100% !important;

}



.nav-area .dropdown-toggle::after {

    display: none;

}



.nav-area .others-option {

    position: relative;

    top: -1px;

}



.nav-area .others-option .search-wrap {

    display: inline-block;

    margin-left: 15px;

    position: relative;

    top: -3px;

}



.nav-area .others-option .search-wrap .other-option .search-box-item {

    display: inline-block;

    position: relative;

    color: #25245e;

    cursor: pointer;

    top: 7px;

}



.nav-area .others-option .search-wrap .other-option .search-box-item i {

    display: inline-block;

    width: 45px;

    height: 45px;

    line-height: 45px;

    text-align: center;

    font-size: 20px;

    border-radius: 10px;

    background-color: #0664cd;

    position: relative;

    top: 0;

    color: #ffffff;

}



.nav-area .others-option .search-wrap .other-option .search-box-item i:hover {

    background-color: #429ffd;

}



.nav-area .others-option .search-wrap .other-option .search-box-item .search-overlay.search-popup {

    position: absolute;

    top: 100%;

    width: 300px;

    right: 0;

    background: #ffffff;

    z-index: 2;

    padding: 20px;

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

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

    margin-top: 20px;

}



.nav-area .others-option .search-wrap .other-option .search-box-item .search-overlay.search-popup .search-form {

    position: relative;

}



.nav-area .others-option .search-wrap .other-option .search-box-item .search-overlay.search-popup .search-form .search-input {

    display: block;

    width: 100%;

    height: 50px;

    line-height: initial;

    border: 1px solid #eeeeee;

    color: #212529;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    padding-top: 4px;

    padding-left: 10px;

    border-radius: 10px;

}



.nav-area .others-option .search-wrap .other-option .search-box-item .search-overlay.search-popup .search-form .search-input:focus {

    border-color: #eeeeee;

}



.nav-area .others-option .search-wrap .other-option .search-box-item .search-overlay.search-popup .search-form .search-button {

    position: absolute;

    right: 0;

    top: 0;

    height: 50px;

    background: transparent;

    border: none;

    width: 50px;

    outline: 0;

    color: #102a82;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    padding: 0;

    cursor: pointer;

}



.nav-area .others-option .search-wrap .other-option .search-box-item .search-overlay.search-popup .search-form .search-button:focus {

    color: #ffffff;

}



.nav-area .others-option .search-wrap .other-option .search-box-item .search-btn {

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.nav-area .others-option .search-wrap .other-option .search-box-item .search-btn:hover {

    color: #ffffff;

}



.nav-area .others-option .search-wrap .other-option .search-box-item .search-overlay {

    display: none;

}



.nav-area .others-option .search-wrap .other-option .search-box-item .close-btn {

    cursor: pointer;

    display: none;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    color: #ffffff;

}



.nav-area .others-option .search-wrap .other-option .search-box-item .close-btn:hover {

    color: #ffffff;

}



.nav-area .others-option .search-wrap .other-option .search-box-item .close-btn.active {

    display: block;

}



.nav-area .others-option .subscribe {

    display: inline-block;

}



.nav-area .others-option .subscribe a {

    color: #ffffff;

    padding: 10px 35px;

    display: inline-block;

    /* background-color: #a20000; */

    background-color: #636365;

    margin-right: 0px;

    margin-right: 0px;

    border-radius: 10px;

}



.nav-area .others-option .subscribe a:hover {

    background-color: #1e1e1e;

}





/*

Slider Area Style

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



.main-slider-area {

    position: relative;

}



.main-slider-area .slider-item {

    height: 100vh;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}



.main-slider-area .slider-item.bg-1 {

    /* background-image: url(../img/home-one/slider/electronic-weighing-scale-manufacturers-in-dhamtari.webp); */

    background-image: url(../img/home-one/slider/banner-1.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.main-slider-area .slider-item.bg-2 {

    background-image: url(../img/home-one/slider/banner-new1.jpeg);

    /* background-image: url(../img/home-one/slider/electronic-weighing-scale-manufacturers-in-akaltara.webp); */

}



.main-slider-area .slider-item.bg-3 {

    /* background-image: url(../img/home-one/slider/electronic-weighing-scale-manufacturers-in-ahiwara.webp); */

    background-image: url(../img/home-one/slider/banner-3.jpg);

}



.main-slider-area .slider-item.bg-4 {

    /* background-image: url(../img/home-one/slider/electronic-weighing-scale-manufacturers-in-mahasamund.webp); */

    background-image: url(../img/home-one/slider/banner-8.jpg);

}



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



    .main-slider-area .slider-text {

        position: relative;

        max-width: 570px;

        /* margin-top: 130px; */

        margin-top: 50px;

        background: #3F9DDA;

        height:500px;

        width: 50%;

    }

    

    .main-slider-area .slider-text h1 {

        font-size: 25px;

        /* margin-bottom: 25px; */

        color: #000000;

        margin-top: 10px;


        padding: 10px;

    }

    .main-slider-area .slider-text h3 {

        font-size: 50px;

        /* margin-bottom: 25px; */

        color: #fff;

        margin-top: 160px;

        padding: 20px;

    }

    .main-slider-area .slider-text h2 {

        font-size: 35px;

        /* margin-bottom: 25px; */

        color: #fff;

        margin-top: 160px;

        padding: 20px;

    }

    .main-slider-area .slider-text p {

        font-size: 16px;

        margin-bottom: 35px;

        color: #ffffff;

    }

}







.main-slider-area .video {

    text-align: center;

    position: relative;

    top: 80px;

}



.main-slider-area .owl-item.active .slider-text.overflow-hidden {

    overflow: hidden;

}



.main-slider-area .owl-item.active .slider-text.one h1 {

    -webkit-animation: 1s .1s fadeInUpBig both;

    animation: 1s .1s fadeInUpBig both;

}



.main-slider-area .owl-item.active .slider-text.one p {

    -webkit-animation: 2s .2s fadeInUpBig both;

    animation: 2s .2s fadeInUpBig both;

}



.main-slider-area .owl-item.active .slider-text.one .slider-btn {

    -webkit-animation: 3s .3s fadeInUpBig both;

    animation: 3s .3s fadeInUpBig both;

}



.main-slider-area .owl-item.active .slider-text.two h1 {

    -webkit-animation: 1s .1s fadeInLeft both;

    animation: 1s .1s fadeInLeft both;

}



.main-slider-area .owl-item.active .slider-text.two p {

    -webkit-animation: 2s .2s fadeInLeft both;

    animation: 2s .2s fadeInLeft both;

}



.main-slider-area .owl-item.active .slider-text.two .slider-btn {

    -webkit-animation: 2s .3s fadeInUpBig both;

    animation: 2s .3s fadeInUpBig both;

}



.main-slider-area .owl-item.active .slider-text.three h1 {

    -webkit-animation: 1s .1s fadeInDown both;

    animation: 1s .1s fadeInDown both;

}



.main-slider-area .owl-item.active .slider-text.three p {

    -webkit-animation: 2s .2s fadeInDown both;

    animation: 2s .2s fadeInDown both;

}



.main-slider-area .owl-item.active .slider-text.three .slider-btn {

    -webkit-animation: 3s .3s fadeInUp both;

    animation: 3s .3s fadeInUp both;

}



.main-slider-area .owl-item.active .video {

    -webkit-animation: 3s .1s zoomIn both;

    animation: 3s .1s zoomIn both;

}



.main-slider-area.owl-theme .owl-dots {

    margin-top: 0 !important;

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

    transform: translateY(-200px);

    position: absolute;

    top: 88%;

    right: 50px;

    display: -ms-grid;

    display: grid;

}



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

    background-color: #c2b8e0;

    width: 10px;

    height: 20px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.main-slider-area.owl-theme .owl-dots .owl-dot.active span {

    background-color: #a20000;

    height: 30px;

}



.main-slider-area .owl-theme .owl-dots {

    margin-top: 0 !important;

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

    transform: translateY(-200px);

    max-width: 1120px;

    margin-left: auto;

    margin-right: auto;

    text-align: left;

}



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

    background-color: #c2b8e0;

    width: 20px;

    height: 10px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.main-slider-area .owl-theme .owl-dots .owl-dot.active span {

    background-color: #0664cd;

    width: 30px;

}





/*

Facility Area Style

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



.facility-area .col-lg-6:nth-child(2) .single-facility {

    margin-top: 30px;

}



.facility-area .col-lg-6:nth-child(3) .single-facility {

    margin-top: -30px;

}



.facility-area .facility-img {

    position: relative;

}



.facility-area .facility-img .facility-2 {

    position: absolute;

    bottom: -85px;

    left: 85px;

    z-index: 1;

}



.facility-area .facility-img .facility-2 .video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.facility-area .facility-img .facility-2 img {

    border-radius: 10px;

}



.facility-area .facility-img .facility-2::before {

    content: "";

    position: absolute;

    top: 15px;

    left: 15px;

    width: 100%;

    height: 100%;

    background-color: #0664cd;

    z-index: -1;

    border-radius: 10px;

}



.single-facility {

    text-align: center;

    padding: 30px;

    border: 1px dotted #a20000;

    background-color: #e7e7e7;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    margin-bottom: 30px;

    position: relative;

}



.single-facility::before {

    content: "";

    position: absolute;

    top: 15px;

    left: 15px;

    width: 100%;

    height: 100%;

    background-color: #f6faff;

    z-index: -1;

}



.single-facility img {

    max-width: 50px;

    margin-bottom: 20px;

    border: 1px dotted #0664cd;

    padding: 10px;

    border-radius: 50%;

    background-color: #ffffff;

}



.single-facility h3 {

    margin-bottom: 10px;

    background-color: #a20000!important;

    color: #fff;

}



.single-facility a {

    width: 30px;

    height: 30px;

    line-height: 30px;

    background-color: #c8ddf4;

    color: #0664cd;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

}



.single-facility a i {

    position: relative;

    left: 1px;

}



.single-facility:hover {

    background-color: #dfdfdf;

}





/*

Repair Area Style

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



.repair-area {

    background-image: url(../img/home-one/repair/bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

    position: relative;

    z-index: 1;

}



.repair-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #1c1c1c;

    opacity: 0.9;

}



.single-repair {

    margin-bottom: 30px;

}



.single-repair .repair-img {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.single-repair .repair-img.bg-1 {

    background-image: url(../img/home-one/repair/1.jpg);

}



.single-repair .repair-img.bg-2 {

    background-image: url(../img/home-one/repair/2.jpg);

}



.single-repair .repair-img.bg-3 {

    background-image: url(../img/home-one/repair/3.jpg);

}



.single-repair .repair-img.bg-4 {

    background-image: url(../img/home-one/repair/4.jpg);

}



.single-repair .repair-img:hover {

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

    transform: translateY(-5px);

}



.single-repair .repair-img .icon {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    color: #0664cd;

}



.single-repair .repair-img .icon i {

    width: 60px;

    height: 60px;

    line-height: 60px;

    background-color: #a20000;

    border-radius: 50%;

    display: inline-block;

    text-align: center;

    font-size: 30px;

    color: #ffffff;

}



.single-repair .repair-img:hover i {

    -webkit-animation: bounce 1s linear;

    animation: bounce 1s linear;

}



.single-repair .repair-content {

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    padding: 30px;

    text-align: center;

    background-color: #a20000;

}



.single-repair .repair-content h3 {

    color: #ffffff;

    margin-bottom: 10px;

    margin-top: -4px;

}



.single-repair .repair-content p {

    color: #ffffff;

}



.single-repair .repair-content a {

    width: 30px;

    height: 30px;

    line-height: 30px;

    background-color: #ffffff;

    color: #0c0c0c;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

}



.single-repair .repair-content a i {

    left: 1px;

    position: relative;

}



.single-repair .repair-content:hover {

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

    transform: translateY(-5px);

}



.single-repair .content {

    -webkit-box-ordinal-group: 2;

    -ms-flex-order: 1;

    order: 1;

}





/*

Counter Area Style

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



.counter-area {

    /* background-color: #a20000; */

    background-color: #00234e;

    overflow: hidden;

    position: relative;

    z-index: 1;

}



.counter-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: url(../img/home-one/counter-shape.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    z-index: -1;

    -webkit-animation: FocuS 2s linear 1s infinite;

    animation: FocuS 2s linear 1s infinite;

}



.single-counter {

    text-align: center;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    margin-bottom: 30px;

}



.single-counter i {

    color: #ffffff;

    font-size: 34px;

    line-height: 1;

    /* display: block; */

    margin-bottom: 20px;

}

.happy-c {
    padding-top: 17px;
}

.single-counter p {

    color: #ffffff;

    line-height: 1;

    margin-bottom: 0;

    font-size: 17px;

    font-emphasize: 600px;

    text-align: center;

}



.single-counter h2 {

    color: #ffffff;

    line-height: 1;

    font-size: 40px;

    margin-bottom: 15px;

}



.single-counter:hover {

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

    transform: translateX(-5px);

}





/*

Computer Area Style

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



.computer-img {

    background-image: url(../img/home-one/img_3454.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

    position: relative;

}

.bread a{

    background-color: black;

    color:white;

}

.computer-img.bg-2 {

    /* background-image: url(../img/home-one/computer-bord/2.jpg); */

}



.computer-img .video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}

.seo-h6{

    font-size: 20px;

}

.computer-wrap {

    height: 100%;

}



.computer-wrap .computer-img {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 503px;

    position: relative;

}

.btn-success i{

    color:white;

    font-size: 13px;

    letter-spacing:1px;

   

}

.btn-danger i{

    color: white;

     font-size: 13px; letter-spacing:1px;



}

.btn-primary i{

    color:white;

     font-size: 13px;    letter-spacing:1px;



}

.btn-warning i{

     font-size: 13px;    letter-spacing:2px;





}

.computer-wrap .computer-img.bg-2 {

    /* background-image: url(../img/home-one/computer-bord/2.jpg); */

}







.computer-wrap.owl-theme .owl-nav {

    margin-top: 0 !important;

}



.computer-wrap.owl-theme .owl-nav .owl-prev {

    background-color: #0664cd !important;

    width: 50px;

    height: 50px;

    border-radius: 10px 0 !important;

    position: absolute;

    top: 50%;

    left: 0;

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

    transform: translateY(-12px);

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.computer-wrap.owl-theme .owl-nav .owl-prev i {

    color: #ffffff;

    font-size: 20px;

}



.computer-wrap.owl-theme .owl-nav .owl-next {

    background-color: #0664cd !important;

    width: 50px;

    height: 50px;

    border-radius: 10px 0 !important;

    position: absolute;

    top: 50%;

    right: 0;

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

    transform: translateY(-12px);

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.computer-wrap.owl-theme .owl-nav .owl-next i {

    color: #ffffff;

    font-size: 20px;

}



.computer-wrap.owl-theme:hover .owl-prev {

    left: -30px;

}



.computer-wrap.owl-theme:hover .owl-next {

    right: -30px;

}



.computer-content {

    background-color: #e7e7e7;

    padding: 7px 20px;

    margin-left: 34px;

}



.computer-content h2 {

    font-size: 34px;

    margin-bottom: 20px;

}



.computer-content h3 {

    margin-top: 20px;

    margin-bottom: 20px;

}



.computer-content ul {

    margin-bottom: 20px;

}



.computer-content ul li {

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 8px;

    position: relative;

    padding-left: 20px;

}



.computer-content ul li::before {

    content: "";

    position: absolute;

    top: 8px;

    left: 0;

    width: 10px;

    height: 10px;

    background-color: #0664cd;

    border-radius: 50%;

}



.computer-content ul li:last-child {

    margin-bottom: 0;

}



.computer-content .computer-list li {

    background-color: #c9dffb;

    max-width: 300px;

    padding: 10px 20px;

    border-radius: 10px;

    padding-left: 45px;

    margin-bottom: 15px;

}



.computer-content .computer-list li i {

    position: absolute;

    top: 10px;

    left: 20px;

    font-size: 15px;

    color: #0664cd;

}



.computer-content .computer-list li::before {

    display: none !important;

}





/*

Price Area Style

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



.single-price {

    text-align: center;

    padding: 30px;

    border: 1px dotted #080808;

    border-radius: 50px 0;

    margin-bottom: 30px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    position: relative;

    overflow: hidden;

}



.single-price::before {

    content: "";

    position: absolute;

    top: -100%;

    left: 0;

    width: 50%;

    height: 100%;

    /* background-color: #a20000; */

    background-color: #006185;

    z-index: -1;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.single-price::after {

    content: "";

    position: absolute;

    bottom: -100%;

    right: 0;

    width: 50%;

    height: 100%;

    /* background-color: #a20000; */

    background-color: #006185;

    z-index: -2;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.single-price .price-icon {

    font-size: 37px;

    border: 1px dotted #2a2a2a;

    width: 60px;

    height: 60px;

    line-height: 63px;

    display: inline-block;

    border-radius: 50%;

    position: relative;

    margin-bottom: 20px;

}



.single-price .price-icon::after {

    background-color: #eaf3fe;

    content: "";

    position: absolute;

    top: -8px;

    left: -9px;

    width: 75px;

    height: 75px;

    z-index: -1;

    border-radius: 50%;

}



.single-price h3 {

    margin-bottom: 10px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.single-price span {

    font-weight: 600;

    font-family: "Bree Serif", serif;

    font-size: 35px;

    /* color: #a20000; */

    color: #006185;

    line-height: 1;

    margin-bottom: 10px;

    display: inline-block;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.single-price p {

    color: #222222;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.single-price ul {

    text-align: center;

    margin: auto;

    margin-bottom: 20px;

}



.single-price ul li {

    font-weight: 600;

    margin-bottom: 8px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.single-price ul li:last-child {

    margin-bottom: 0;

}



.single-price ul li i {

    display: inline-block;

    margin-right: 5px;

    color: #3390f1;

    top: 1px;

    position: relative;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.single-price ul li del {

    color: #8f8b8b;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.single-price:hover {

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

    transform: translateY(-5px);

}



.single-price:hover::before {

    top: 0;

}



.single-price:hover::after {

    bottom: 0;

}



.single-price:hover h3 {

    color: #ffffff;

}



.single-price:hover span {

    color: #ffffff;

}



.single-price:hover p {

    color: #ffffff;

}



.single-price:hover ul li {

    color: #ffffff;

}



.single-price:hover ul li i {

    color: #ffffff;

}



.single-price:hover ul li del {

    color: #bbbbbb;

}



.single-price:hover .default-btn {

    background-color: #ffffff;

    color: #0664cd;

}



.single-price .hei_1{

    line-height: 38px;

}





/*

Why Us Choose Area Style

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



.why-us-choose-area {

    background-image: url(../img/home-one/choose-bg.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

    position: relative;

    z-index: 1;

}



.why-us-choose-area .shape {

    position: absolute;

    left: 0;

    bottom: 160px;

    z-index: -1;

    max-width: 170px;

}



.single-choose {

    position: relative;

    padding-left: 60px;

    margin-bottom: 30px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.single-choose i {

    font-size: 20px;

    /* background-color: #a20000; */

    background-color: #00309c;

    width: 40px;

    height: 40px;

    line-height: 40px;

    border-radius: 50%;

    display: inline-block;

    color: #ffffff;

    text-align: center;

    position: absolute;

    top: 0;

    left: 0;

}



.single-choose h3 {

    margin-bottom: 10px;
    color: #fff;
}



.single-choose:hover {

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

    transform: translateY(-5px);

}



.choose-img {

    text-align: center;

    margin-bottom: 30px;

}

.single-choose img{

    font-size: 25px;

    /* background-color: #a20000; */

    /* background-color: #4fffe196; */

    width: 50px;

    height: 50px;

    /* line-height: 50px; */

    border-radius: 50%;

    display: inline-block;

    color: #ffffff;

    text-align: center;

    position: absolute;

    top: 0;

    left: 0;

}



/*

How Work Area Style

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



.how-work-area {

    background-image: url(../img/home-one/how-work-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    height: 100%;

    position: relative;

    z-index: 1;

}



.how-work-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000000;

    opacity: 0.9;

    z-index: -1;

}



.single-work {

    text-align: center;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    margin-bottom: 30px;

}



.single-work i {

    font-size: 50px;

    color: #a20000;

    background-color: #ffffff;

    width: 100px;

    height: 100px;

    line-height: 100px;

    display: inline-block;

    border-radius: 40px 40px 0px 40px;

    margin-bottom: 30px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.single-work h3 {

    color: #ffffff;

    margin-bottom: 15px;

}



.single-work p {

    color: #ffffff;

}



.single-work span {

    position: absolute;

    top: -10px;

    left: 70px;

    right: 0;

    background-color: #404040;

    color: #ffffff;

    display: inline-block;

    width: 30px;

    height: 30px;

    margin: auto;

    border-radius: 50%;

    line-height: 30px;

    font-weight: 600;

}



.single-work:hover i {

    background-color: #a20000;

    color: #ffffff;

}





/*

Team Area Style

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



.single-team {

    position: relative;

    text-align: center;

    margin-bottom: 30px;

}

.single-team h3{

    text-align: center;

}

.single-team img {

    border-radius: 50px 0;

    margin-bottom: 20px;

    border: 2px solid #141414;

}



.single-team ul {

    position: absolute;

    bottom: 100px;

    left: 0;

    right: 0;

    margin: auto;

    text-align: center;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    -webkit-transform: scale(0);

    transform: scale(0);

}



.single-team ul li {

    display: inline-block;

    padding: 0 5px;

}



.single-team ul li a i {

    font-size: 20px;

    color: #ffffff;

    background-color: #a20000;

    width: 30px;

    height: 30px;

    line-height: 30px;

    border-radius: 5px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.single-team ul li a:hover i {

    background-color: #ffffff;

    color: #a20000;

}



.single-team span {

    color: #898787;

}



.single-team:hover ul {

    -webkit-transform: scale(1);

    transform: scale(1);

}





/*

Testimonial Area Style

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



.testimonial-area {

    /* background-image: url(../img/home-one/testimonial/testimonial-bg.jpg); */

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

    position: relative;

    z-index: 1;

    background-attachment: fixed;

}



.testimonial-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    /* background-color: #a20000; */

    background-color: #006185;

    opacity: 0.9;

    z-index: -1;

}



.testimonial-area .section-title h2 {

    position: relative;

}



.testimonial-area .section-title h2::before {

    content: "";

    position: absolute;

    top: 55px;

    left: 0;

    right: 0;

    width: 2px;

    height: 100%;

    background-color: #ffffff;

    margin: auto;

}



.testimonial-area .owl-carousel .owl-item img {

    width: unset;

    margin: auto;

}



.testimonial-area .owl-theme .owl-nav {

    margin-top: 0 !important;

}



.testimonial-area .owl-theme .owl-nav .owl-prev {

    background-color: #7c7c7c !important;

    width: 40px;

    height: 40px;

    border-radius: 50% !important;

    position: absolute;

    top: 50%;

    left: 0;

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

    transform: translateY(-40px);

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.testimonial-area .owl-theme .owl-nav .owl-prev i {

    color: #ffffff;

    font-size: 18px;

    position: relative;

    left: -1px;

}



.testimonial-area .owl-theme .owl-nav .owl-next {

    background-color: #7c7c7c !important;

    width: 40px;

    height: 40px;

    border-radius: 50% !important;

    position: absolute;

    top: 50%;

    right: 0;

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

    transform: translateY(-40px);

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.testimonial-area .owl-theme .owl-nav .owl-next i {

    color: #ffffff;

    font-size: 18px;

    position: relative;

    right: -1px;

}



.testimonial-area .owl-theme:hover .owl-prev {

    left: -30px;

}



.testimonial-area .owl-theme:hover .owl-next {

    right: -30px;

}



.single-testimonial {

    text-align: center;

    max-width: 800px;

    margin: auto;

}



.single-testimonial p {

    color: #ffffff;

}



.single-testimonial ul {

    line-height: 1;

    margin-bottom: 20px;

}



.single-testimonial ul li {

    display: inline-block;

}



.single-testimonial ul li i {

    color: #ffffff;

    color: #ffc107;

}



.single-testimonial h3 {

    color: #ffffff;

}



.single-testimonial span {

    display: block;

    color: #ffffff;

    margin-bottom: 20px;

}



.single-testimonial img {

    border-radius: 50%;

}





/*

News Area Style

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



.single-news {

    margin-bottom: 30px;

}



.single-news .news-content {

    padding: 30px;

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

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

    position: relative;

    overflow: hidden;

    z-index: 1;

}



.single-news .news-content::before {

    content: "";

    position: absolute;

    top: -100%;

    left: 0;

    width: 50%;

    height: 100%;

    /* background-color: #a20000; */

    background-color: #006185;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    z-index: -1;

}



.single-news .news-content::after {

    content: "";

    position: absolute;

    bottom: -100%;

    right: 0;

    width: 50%;

    height: 100%;

    /* background-color: #a20000; */

    background-color: #006185;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    z-index: -1;

}



.single-news .news-content ul {

    line-height: 1;

    margin-bottom: 15px;

}



.single-news .news-content ul li {

    display: inline-block;

    color: #78a9e3;

    border-right: 1px solid #0664cd;

    line-height: 1;

    padding: 0 10px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.single-news .news-content ul li:last-child {

    border-right: none;

    padding-right: 0;

}



.single-news .news-content ul li:first-child {

    padding-left: 0;

}



.single-news .news-content ul li a {

    color: #78a9e3;

}



.single-news .news-content ul li a:hover {

    color: #0664cd;

}



.single-news .news-content h3 {

    margin-bottom: 20px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    line-height: 1.5;

}



.single-news .news-content p {

    margin-bottom: 20px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.single-news .news-content .read-more:hover i {

    color: #ffffff;

}



.single-news:hover .news-content ul li {

    color: #ffffff;

}



.single-news:hover .news-content ul li a {

    color: #ffffff;

}



.single-news:hover .news-content h3 {

    color: #ffffff;

}



.single-news:hover .news-content p {

    color: #ffffff;

}



.single-news:hover .news-content .read-more {

    color: #ffffff;

}



.single-news:hover .news-content::before {

    top: 0;

}



.single-news:hover .news-content::after {

    bottom: 0;

}





/*

Need Computer Area Style

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



.need-computer-area {

    /* background-image: url(../img/home-one/need-computer-bg.jpg); */

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;
    background-image: linear-gradient(to bottom, #ccc, #fff);

}



.need-computer-area .computers-content h2 {

    color: #002858;

    margin-bottom: 20px;

}



.need-computer-area .computers-content p {

    color: #002858;

}



.need-computer-area .default-btn {

    float: right;

    background-color: #00309c;

    color: #fff;

}





/*

Footer Top Area Style

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



.footer-top-area {

    background-image: url(../images/fbg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

    position: relative;

    background-attachment: fixed;

    /* z-index: 1; */

    padding-top: 40px;
    border-top: 3px solid #ffc107;

}



.footer-top-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    /* background-color: #0e0e0e; */

    background-image:url('/assets/img/home-one/slider/f_slider.jpg');

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    z-index: -1;

    opacity: 0.9;

}

.f_bg{

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

}

.single-widget {

    margin-bottom: 30px;

    padding-left: -8px;

 

}



.single-widget img {

    margin-bottom: 20px;

}



.single-widget h3 {

    color: #ffffff;

    font-size: 22px;

    margin-bottom: 30px;

    position: relative;

    padding-bottom: 15px;

}



.single-widget h3::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 80px;

    height: 2px;

    background-color: #ffffff;

}



.single-widget p {

    margin-bottom: 0;

    color: #ffffff;

    display: none;

}



.single-widget ul li {

    color: #fff;

    margin-bottom: 8px;

    font-size: 16px;

}



.single-widget ul li:last-child {

    margin-bottom: 0;

}



.single-widget ul li span {

    color: #ffffff;

}



.single-widget ul li a {

    color: #fff;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.single-widget ul li a i {

    display: inline-block;

    margin-right: 2px;

    font-size: 14px;

}



.single-widget ul li a:hover {

    -webkit-transform: translateX(2px);

    transform: translateX(2px);

}



.single-widget .social-area {

    margin-top: 20px;

    text-align: center;

}



.single-widget .social-area ul {

    line-height: 1;

}



.single-widget .social-area ul li {

    display: inline-block;

}



.single-widget .social-area ul li a {

    margin-right: 5px;

    width: 25px;

    height: 25px;

    line-height: 28px;

    /* background-color: #a20000; */

    background-color: #00309c;

    border-radius: 4px;

    text-align: center;

}



.single-widget .social-area ul li a i {

    color: #eeeeee;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    margin-right: 0;

}



.single-widget .social-area ul li a:hover {

    border-color: #0664cd;

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

    transform: translateX(-2px);

}



.single-widget .social-area ul li a:hover i {

    color: #ffffff;

}



.single-widget .footer-btn {

    margin-top: 20px;

}



.single-widget .footer-btn li {

    display: inline-block;

    max-width: 45%;

    margin-right: 10px;

}



.single-widget .footer-btn li:last-child {

    margin-right: 0;

}

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

    .single-widget1{

        position: relative;

        transform: translateX(50px);

    }

}

.single-widget.contact ul li {

    position: relative;

    padding-left: 30px;

}



.single-widget.contact ul li a {

    position: relative;

    padding-left: 30px;

}



.single-widget.contact ul li a i {

    position: absolute;

    top: 0;

    left: 0;

    color: #ffffff;

    font-size: 15px;

}



.single-widget.contact ul li a span {

    display: block;

    font-weight: 600;

}



.single-widget.contact ul li i {

    position: absolute;

    left: 0;

    top: 0;

    color: #ffffff;

    font-size: 15px;

}



.single-widget.contact ul li span {

    display: block;

    font-weight: 600;

}



.single-widget .newsletter-p {

    margin-bottom: 20px;

}



.single-widget .default-btn {

    display: block;

    width: 100%;

    margin-top: 20px;

}



.single-widget .form-control:focus {

    background-color: #ffffff;

}



.single-widget #validator-newsletter {

    color: #dc3545;

    text-align: center;

    margin-top: 5px;

}





/*

Footer Bottom Area Style

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



.footer-bottom-area {

    /* background-color: #a20000; */

    background-color: #003e7c;

    padding: 7px 0;

}



.footer-bottom-area .copy-right {

    text-align: center;

}



.footer-bottom-area .copy-right p {

    text-transform: capitalize;

    margin-bottom: 0;

    color: #ffffff;

    text-align: center;

}



.footer-bottom-area .copy-right p a {

    color: #ffffff;

}

/*mobile footer*/

.navbar-footer a {

    float: left;

    display: block;

    color: #222222;

    text-align: center;

    padding: 16px 30px 25px 43px;

    text-decoration: none;

    font-size: 19px;

    width:25%;

    /* margin-right: 22px;

    margin-left: 21px; */

  }

  .navbar-footer a:hover {

    background: #F1F1F1;

    color: black;

  }

  .w_app > i {

    color: #fff;

  }

  .w_app {

    background-color: #28A745;

  }

  .e_mail > i {

    color: #fff;

  }

  .e_mail {

    background-color: #DC3545;

  }

  .ems_call > i {

    color: #fff;

  }

  .ems_call {

    background-color: #007BFF;

  }

  .ems_enquiry > i {

    color: #fff;

  }

  .ems_enquiry {

    background-color: #FFC107;

  }

.mobile-footer{

  display:none!important;

}

.mobile-hide{

  display:none!important;

}

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

.funnal-mobile{

    display:none!important;

  }

.mobile-footer{

  display:block!important;

}

.social-mobile li a .fa{

  display:none;

}

.navbar-footer

 {

    overflow:scroll;

    z-index:9999999!important;

/*  overflow: hidden;*/

  background-color:#ccc;

  position: fixed;

/*  bottom: 0;*/

  bottom: -9px;

  width: 100%;

}

.navbar-footer a:hover {

  background: #f1f1f1;

  color: black;

}

/*.navbar-footer a.active {

  background-color: #4CAF50;

  color: white;

}*/

.main {

  padding: 16px;

  margin-bottom: 30px;

}

.navbar-footer{

    display:block!important;

}

.copy-right {

    padding-top: 0px;

}

.modular-kitchen {

    font-size: 34px!important;

    font-weight: 600!important;

    color: #fff!important;

}

.Kitchen-design{

    margin-top:20px!important;

}

.sidebar-mobile{

    margin-top:-70px!important;

}

}

 /* mobile footer end*/



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

HOME PAGE TWO STYLE

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





/*

Banner Area Style

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



.main-banner-area {

    position: relative;

    height: 100vh;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    /* background-image: url(../img/home-two/banner/1.jpg); */

}



.main-banner-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000000;

    opacity: 0.5;

}



.main-banner-area .banner-text {

    position: relative;

    max-width: 570px;

    margin-top: 60px;

}



.main-banner-area .banner-text h1 {

    font-size: 60px;

    margin-bottom: 25px;

    color: #ffffff;

}



.main-banner-area .banner-text p {

    font-size: 16px;

    margin-bottom: 35px;

    color: #ffffff;

}





/*

About Area Style

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



.about-area-two .about-content h2 {

    margin-bottom: 20px;

}



.about-area-two .about-content ul {

    margin-bottom: 30px;

}



.about-area-two .about-content ul li {

    font-weight: 600;

    padding-left: 25px;

    position: relative;

}



.about-area-two .about-content ul li i {

    position: absolute;

    left: 0;

    top: 0;

}



.about-area-two .about-img-1 {

    position: relative;

    top: 50px;

}



.about-area-two .about-img-1 .about-img-2 {

    position: absolute;

    top: -50px;

    right: 0;

    z-index: -1;

}



.about-area-two .about-img-1 .video {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.about-area-two .default-btn {

    margin-bottom: -6px;

}





/*

Repair Area Two Style

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



.repair-area-two {

    /* background-image: url(../img/home-two/repair/bg.jpg); */

    position: relative;

    z-index: 1;

}



.repair-area-two::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #25245e;

    opacity: 0.9;

    z-index: -1;

}



.repair-area-two .single-repair .repair-content {

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.repair-area-two .single-repair:hover .repair-content {

    -webkit-transform: scale(0);

    transform: scale(0);

}



.repair-area-two .single-repair .repair-img.bg-1 {

    /* background-image: url(../img/home-two/repair/1.jpg); */

}



.repair-area-two .single-repair .repair-img.bg-2 {

    /* background-image: url(../img/home-two/repair/2.jpg); */

}



.repair-area-two .single-repair .repair-img.bg-3 {

    /* background-image: url(../img/home-two/repair/3.jpg); */

}



.repair-area-two .single-repair .repair-img.bg-4 {

    /* background-image: url(../img/home-two/repair/4.jpg); */

}



.repair-area-two .single-repair .repair-img.bg-5 {

    /* background-image: url(../img/home-two/repair/5.jpg); */

}



.repair-area-two .single-repair .repair-img.bg-6 {

    /* background-image: url(../img/home-two/repair/6.jpg); */

}



.repair-area-two .single-repair .repair-img.bg-7 {

    /* background-image: url(../img/home-two/repair/7.jpg); */

}



.repair-area-two .single-repair .repair-img.bg-8 {

    /* background-image: url(../img/home-two/repair/8.jpg); */

}





/*

Computer Area Two Style

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



.computer-area-two .container-fluid {

    max-width: 1265px;

    margin-left: auto;

    margin-right: unset;

}



.computer-area-two .computer-content {

    padding-left: 30px;

    padding-right: 30px;

    padding-top: 70px;

    padding-bottom: 70px;

    margin-top: 50px;

    margin-bottom: 50px;

    position: relative;

    z-index: 1;

    background-color: #071031;

}



.computer-area-two .computer-content h2 {

    color: #ffffff;

}



.computer-area-two .computer-content p {

    color: #ffffff;

}



.computer-area-two .computer-content h3 {

    color: #ffffff;

}



.computer-area-two .computer-content ul li {

    color: #ffffff;

}



.computer-area-two .computer-content::before {

    content: "";

    position: absolute;

    top: 0;

    left: -500px;

    width: 100%;

    height: 100%;

    background-color: #071031;

    z-index: -1;

}



.computer-area-two .computer-content:after {

    content: "";

    position: absolute;

    top: 0;

    right: -100px;

    width: 100%;

    height: 100%;

    background-color: #071031;

    z-index: -1;

}





/*

Why Us Choose Area Two Style

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



.why-us-choose-area-two .choose-img {

    background-image: url(../images/wybg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

}



.why-us-choose-area-two .why-us-choose-wrap {

    background-image: url(../img/home-two/choose-bg-right.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100%;

    padding-left: 50px;

    padding-right: 60px;

}



.why-us-choose-area-two .why-us-choose-wrap .section-title {

    text-align: left;

}



.why-us-choose-area-two .why-us-choose-wrap .section-title h2 {

    color: #ffffff;

}



.why-us-choose-area-two .why-us-choose-wrap .section-title p {

    color: #ffffff;

}



.why-us-choose-area-two .why-us-choose-wrap p {

    color: #ffffff;

}





/*

Testimonial Area Two Style

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



.testimonial-area {

    position: relative;

}



.testimonial-area .shape {

    position: absolute;

    bottom: 0;

    left: 0;

}





/*

Appointment Area Two Style

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



.appointment-area {

    background-color: #0664cd;

    position: relative;

}



.appointment-area .contact-wrap {

    text-align: center;

    background-color: #eaf3fe;

    padding: 30px;

}



.appointment-area .contact-wrap h3 {

    background-color: #25245e;

    color: #ffffff;

    line-height: 1;

    padding: 15px 30px;

    border-radius: 4px;

    margin-bottom: 20px;

}



.appointment-area .contact-wrap .default-btn {

    margin-bottom: -7px;

}



.appointment-area .appointment-content h2 {

    font-size: 30px;

    color: #ffffff;

}



.appointment-area .appointment-content p {

    color: #ffffff;

}



.appointment-area .appointment-content-2 {

    position: relative;

    margin-top: 50px;

    margin-bottom: 50px;

}



.appointment-area .appointment-content-2 i {

    font-size: 150px;

    color: #ffffff;

    line-height: 1;

}



.appointment-area .appointment-content-2 span {

    font-size: 25px;

    color: #fff;

    position: absolute;

    font-weight: 600;

    top: 10px;

    right: 0;

}



.appointment-area .appointment-content-2 p {

    display: inline-block;

    position: absolute;

    bottom: 10px;

    right: 0;

    font-weight: 600;

    font-size: 21px;

}



.appointment-area .appointment-content-2 p a {

    color: #ffffff;

}



.appointment-area .appointment-title {

    font-size: 25px;

}



.appointment-area .shape {

    position: absolute;

    top: 210px;

    right: 0;

    max-width: 300px;

}



.list-unstyled {

    margin-top: 10px;

    color: #dc3545;

}



.text-danger {

    color: #dc3545;

    font-size: 20px;

    margin-top: 30px;

}



.text-success {

    color: #28a745;

}





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

HOME PAGE THREE STYLE

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





/*

Banner Area Three Style

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



.main-banner-area-three {

    /* background-image: url(../img/home-three/banner/1.jpg); */

    text-align: center;

    position: relative;

}



.main-banner-area-three::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000000;

    opacity: 0.5;

    z-index: -1;

}



.main-banner-area-three .banner-text {

    margin: 60px auto 0;

}



.main-banner-area-three .banner-text h1 {

    color: #ffffff;

}



.main-banner-area-three .banner-text p {

    color: #ffffff;

}





/*

Facility Area Style

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



.facility-area-three .single-facility::before {

    top: 5px;

    left: 0;

    background-color: #0664cd;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.facility-area-three .single-facility:hover::before {

    top: 0;

    left: 0;

}





/*

Repair Area Three Style

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



.repair-area-three .single-repair {

    background-color: #ffffff;

    position: relative;

    overflow: hidden;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    padding: 30px;

    text-align: center;

    background-color: #ffffff;

    border: 1px dotted #0664cd;

}



.repair-area-three .single-repair::before {

    content: "";

    position: absolute;

    top: -100%;

    left: 0;

    width: 50%;

    height: 100%;

    background-color: #3390f1;

    z-index: -1;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.repair-area-three .single-repair::after {

    content: "";

    position: absolute;

    bottom: -100%;

    right: 0;

    width: 50%;

    height: 100%;

    background-color: #3390f1;

    z-index: -2;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.repair-area-three .single-repair .icon {

    width: 60px;

    height: 60px;

    line-height: 60px;

    background-color: #0664cd;

    border-radius: 50% 50% 50% 50%;

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

    transform: rotate(-45deg);

    margin: 0 auto 30px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.repair-area-three .single-repair .icon i {

    font-size: 30px;

    position: relative;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    display: inline-block;

    color: #ffffff;

}



.repair-area-three .single-repair h3 {

    margin-bottom: 15px;

    margin-top: -4px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.repair-area-three .single-repair p {

    color: #25245e;

    margin-bottom: 30px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.repair-area-three .single-repair a {

    width: 30px;

    height: 30px;

    line-height: 30px;

    background-color: #b8d4f3;

    color: #0664cd;

    border-radius: 50%;

    text-align: center;

    display: inline-block;

}



.repair-area-three .single-repair a i {

    left: 1px;

    position: relative;

}



.repair-area-three .single-repair:hover {

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

    transform: translateY(-5px);

}



.repair-area-three .single-repair:hover .icon {

    border-radius: 50% 50% 50% 0;

}



.repair-area-three .single-repair:hover h3 {

    color: #ffffff;

}



.repair-area-three .single-repair:hover p {

    color: #ffffff;

}



.repair-area-three .single-repair:hover::before {

    top: 0;

}



.repair-area-three .single-repair:hover::after {

    bottom: 0;

}





/*

Counter Area Three Style

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



.counter-area-three {

    background-color: #040b28;

}





/*

Computer Area Three Style

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



.computer-area-three .container-fluid {

    max-width: unset !important;

}



.computer-area-three .computer-content {

    padding-left: 120px;

    padding-right: 30px;

    padding-top: 100px;

    padding-bottom: 100px;

    margin-top: 0;

    margin-bottom: 0;

}



.computer-area-three .computer-content::after {

    display: none;

}





/*

Our Team Area Three Style

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



.our-team-area-three .single-team img {

    border-radius: 50%;

}





/*

Gallery Area Three Style

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



.gallery-area {

    overflow: hidden;

}





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

HOME PAGE FOUR STYLE

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





/*

Banner Area Four Style

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



.main-banner-area-four {

    /* background-image: url(../img/home-four/banner/1.jpg); */

    text-align: center;

}



.main-banner-area-four::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000000;

    opacity: 0.4;

    z-index: -1;

}



.main-banner-area-four .banner-text {

    margin: 60px auto 0;

}



.main-banner-area-four .banner-text h1 {

    color: #ffffff;

}



.main-banner-area-four .banner-text p {

    color: #ffffff;

}





/*

Facility Area Four Style

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



.facility-area-four .container {

    max-width: 1110px;

}



.facility-area-four .single-facility {

    position: relative;

    overflow: hidden;

    z-index: 1;

}



.facility-area-four .single-facility:last-child {

    border-right: none;

}



.facility-area-four .single-facility::before {

    content: "";

    position: absolute;

    top: -100%;

    left: 0;

    width: 50%;

    height: 100%;

    background-color: #3390f1;

    z-index: -1;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.facility-area-four .single-facility::after {

    content: "";

    position: absolute;

    bottom: -100%;

    right: 0;

    width: 50%;

    height: 100%;

    background-color: #3390f1;

    z-index: -2;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.facility-area-four .single-facility:hover h3 {

    color: #ffffff;

}



.facility-area-four .single-facility:hover p {

    color: #ffffff;

}



.facility-area-four .single-facility:hover::before {

    top: 0;

}



.facility-area-four .single-facility:hover::after {

    bottom: 0;

}



.facility-area-four .col-lg-3 {

    padding: 0 !important;

}



.facility-area-four .col-lg-3:nth-child(4) .single-facility {

    border-right: 1px dotted #0664cd;

}





/*

About Area Four Style

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



.about-wrap .about-content {

    margin-bottom: 30px;

}



.about-wrap .about-content span {

    font-size: 14px;

    font-weight: 700;

    color: #0664cd;

    display: block;

    margin-bottom: 15px;

}

.about-wrap .about-content h2 {
    font-size: 30px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    text-transform: uppercase;
    margin-top: 10px;
}

.about-wrap .single-about {

    margin-bottom: 30px;

}



.about-wrap .single-about i {

    font-size: 40px;

    line-height: 1;

    color: #0664cd;

    display: block;

    margin-bottom: 15px;

}



.about-wrap .single-about h3 {

    margin-bottom: 15px;

}



.about-wrap .default-btn {

    margin-bottom: -6px;

}



.about-img {

    background-image: url(../img/home-four/about-img.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-image: cover;

    height: 100%;

}





/*

Repair Area Four Style

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



.repair-area-four .single-repair .repair-content {

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.repair-area-four .single-repair:hover .repair-content {

    -webkit-transform: scale(1);

    transform: scale(1);

}





/*

Partners Area Four Style

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



.partners-area {

    background-color: #cbcbcb;

}



.partners-area .partners-item {

    text-align: center;

}



.partners-area .owl-carousel .owl-item img {

    display: unset;

    width: unset;

}





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

INNER PAGE STYLE

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





/* 

Page Title Area Style

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

.page-title-area-01 {

    position: relative;

    overflow: hidden;

    z-index: 1;

    padding-top: 172px;

    padding-bottom: 46px;

    background-image: url(../img/new2/hr-strips-banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

}



.page-title-area-02 {

    position: relative;

    overflow: hidden;

    z-index: 1;

    padding-top: 172px;

    padding-bottom: 46px;

    background-image: url(../img/new2/banner-gallery.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

}



.page-title-area-03 {

    position: relative;

    overflow: hidden;

    z-index: 1;

    padding-top: 172px;

    padding-bottom: 46px;

    background-image: url(../img/new2/galvanized-section.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

}



.page-title-area-04 {

    position: relative;

    overflow: hidden;

    z-index: 1;

    padding-top: 172px;

    padding-bottom: 46px;

    background-image: url(../img/new2/hr-pipes-section.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

}



.page-title-area-05 {

    position: relative;

    overflow: hidden;

    z-index: 1;

    padding-top: 172px;

    padding-bottom: 46px;

    background-image: url(../img/new2/ms-erw-rectangle-section.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

}



.page-title-area-06 {

    position: relative;

    overflow: hidden;

    z-index: 1;

    padding-top: 172px;

    padding-bottom: 46px;

    background-image: url(../img/new2/ms-erw-round-section.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

}



.page-title-area-07 {

    position: relative;

    overflow: hidden;

    z-index: 1;

    padding-top: 172px;

    padding-bottom: 46px;

    background-image: url(../img/new2/scraffolding-banner1.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

}



.page-title-area-08 {

    position: relative;

    overflow: hidden;

    z-index: 1;

    padding-top: 172px;

    padding-bottom: 46px;

    background-image: url(../images/hr-strips-manufacturers-in-india.webp);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

}



.page-title-area-09 {

    position: relative;

    overflow: hidden;

    z-index: 1;

    padding-top: 172px;

    padding-bottom: 46px;

    background-image: url(../images/galvanized-iron-pipes-manufacturers-in-chhattisgarh.webp);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

}



.page-title-area-10 {

    position: relative;

    overflow: hidden;

    z-index: 1;

    padding-top: 172px;

    padding-bottom: 46px;

    background-image: url(../img/new2/contact-us-banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

}



.page-title-area-11 {

    position: relative;

    overflow: hidden;

    z-index: 1;

    padding-top: 172px;

    padding-bottom: 46px;

    background-image: url(../img/new2/gallery-banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    text-align: center;

}



.page-title-area ::before2 {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 50%;

    height: 100%;

    background-color: #131314;

    z-index: 1;

    -webkit-animation: 20s fadeOutLeft both;

    animation: 20s fadeOutLeft both;

}



.page-title-area::after5 {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 50%;

    height: 100%;

    background-color: #0f0f11;

    -webkit-animation: 20s fadeOutRight both;

    animation: 20s fadeOutRight both;

    z-index: 1;

}



.page-title-area .page-title-content h2 {

    margin-bottom: 15px;

    color: #ffffff;

    font-size: 40px;

    font-weight: 700;

}



.page-title-area .page-title-content ul {

    padding-left: 0;

    list-style-type: none;

    margin-top: 10px;

    margin-bottom: 0;

}



.page-title-area .page-title-content ul li {

    display: inline-block;

    position: relative;

    font-size: 15px;

    font-weight: 500;

    padding-right: 10px;

    padding-left: 10px;

    color: #ffffff;

}



.page-title-area .page-title-content ul li::before {

    content: "";

    position: absolute;

    top: 12px;

    right: -3px;

    background-color: #ffffff;

    width: 5px;

    height: 5px;

    border-radius: 50%;

}



.page-title-area .page-title-content ul li:last-child::before {

    display: none;

}



.page-title-area .page-title-content ul li a {

    color: #ffffff;

}



.page-title-area .page-title-content ul li a:hover {

    color: #ffffff;

}





/*

Sign In & Log In  Area Style

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



.user-area-all-style {

    position: relative;

    z-index: 1;

}



.user-area-all-style .contact-form-action {

    background-color: #ffffff;

    border-radius: 4px;

    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);

    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);

    padding: 40px;

    max-width: 570px;

    margin: auto;

}



.user-area-all-style .contact-form-action .form-heading {

    margin-bottom: 33px;

}



.user-area-all-style .contact-form-action .form-heading .form-title {

    font-size: 35px;

    color: #233d63;

    margin-bottom: 10px;

    text-transform: capitalize;

}



.user-area-all-style .contact-form-action .form-heading .form-desc {

    font-size: 18px;

    color: #677286;

    font-weight: 500;

}



.user-area-all-style .contact-form-action .form-heading .reset-desc {

    line-height: 30px;

    margin-top: 15px;

}



.user-area-all-style .contact-form-action .form-heading .reset-desc a {

    color: #0664cd;

}



.user-area-all-style .contact-form-action .form-heading .reset-desc {

    font-size: 16px;

}



.user-area-all-style .contact-form-action .form-heading .reset-desc a {

    font-weight: 600;

}



.user-area-all-style .contact-form-action form .submit-btn {

    margin-top: 24px;

}



.user-area-all-style .contact-form-action form .default-btn {

    font-size: 14px;

    padding: 15px 40px;

    margin-bottom: 30px;

}



.user-area-all-style .contact-form-action form .default-btn.btn-two {

    display: table;

    margin: 0 auto 0;

    padding: 15px 40px;

}



.user-area-all-style .contact-form-action form .col-lg-4:nth-child(1) .default-btn {

    background-color: #FF5733;

}



.user-area-all-style .contact-form-action form .col-lg-4:nth-child(2) .default-btn {

    background-color: #3955bc;

    display: table;

    margin: 0 auto 30px;

}



.user-area-all-style .contact-form-action form .col-lg-4:nth-child(3) .default-btn {

    background-color: #0664cd;

    float: right;

}



.user-area-all-style .contact-form-action form .reset-btn {

    margin-top: 0;

}



.user-area-all-style .contact-form-action form .form-condition {

    margin-bottom: 20px;

}



.user-area-all-style .contact-form-action form .form-condition .agree-label {

    font-weight: 600;

}



.user-area-all-style .contact-form-action form .form-condition .agree-label a {

    color: #0664cd;

}



.user-area-all-style .contact-form-action form .form-group {

    margin-bottom: 30px;

}



.user-area-all-style .contact-form-action .account-desc {

    margin: 25px auto 0;

    display: table;

    font-weight: 600;

}



.user-area-all-style .contact-form-action .account-desc a {

    color: #0664cd;

    margin-left: 10px;

    font-weight: 600;

}



.user-area-all-style .contact-form-action #chb1 {

    position: relative;

    top: 1px;

}



.user-area-all-style .contact-form-action #chb2 {

    position: relative;

    top: 1px;

}



.user-area-all-style .contact-form-action .forget {

    float: right;

    color: #0664cd;

    font-weight: 600;

}



.user-area-all-style .contact-form-action .now-register {

    font-weight: 600;

    float: right;

    margin-bottom: 30px;

}



.user-area-all-style .contact-form-action .now-register a {

    color: #0664cd;

}



.user-area-all-style .contact-form-action .now-log-in {

    color: #0664cd;

    font-weight: 600;

}



.user-area-all-style .contact-form-action .now-log-in .font-q {

    font-weight: 600;

}





/* 

Coming Soon Area Style

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



.coming-soon-area {

    position: relative;

    height: 100vh;

    z-index: 1;

    background-color: #00095e;

}



.coming-soon-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0.9;

    z-index: -1;

    background-color: #0664cd;

}



.coming-soon-area .coming-soon-content {

    text-align: center;

    max-width: 750px;

    margin-left: auto;

    margin-right: auto;

    position: relative;

    z-index: 2;

}



.coming-soon-area .coming-soon-content h1 {

    margin-bottom: 0;

    color: #ffffff;

    font-size: 60px;

    margin-top: -18px;

}



.coming-soon-area .coming-soon-content p {

    color: #f3f3f3;

    font-size: 16px;

    max-width: 600px;

    margin-top: 15px;

    margin-bottom: 0;

    margin-left: auto;

    margin-right: auto;

}



.coming-soon-area .coming-soon-content #timer {

    margin-top: 30px;

}



.coming-soon-area .coming-soon-content #timer div {

    display: inline-block;

    color: #ffffff;

    position: relative;

    margin-left: 35px;

    margin-right: 35px;

    font-size: 45px;

    font-weight: 700;

}



.coming-soon-area .coming-soon-content #timer div span {

    display: block;

    text-transform: capitalize;

    margin-top: -15px;

    font-size: 16px;

    font-weight: normal;

}



.coming-soon-area .coming-soon-content #timer div:last-child {

    margin-right: 0;

}



.coming-soon-area .coming-soon-content #timer div:last-child::before {

    display: none;

}



.coming-soon-area .coming-soon-content #timer div:first-child {

    margin-left: 0;

}



.coming-soon-area .coming-soon-content #timer div::before {

    content: "";

    position: absolute;

    right: -50px;

    top: -10px;

    font-size: 70px;

    color: #ffffff;

}



.coming-soon-area .coming-soon-content .newsletter-form {

    position: relative;

    max-width: 500px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 50px;

}



.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {

    display: block;

    width: 100%;

    height: 60px;

    border: none;

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

    padding-left: 15px;

    color: #ffffff;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    border-radius: 10px;

}



.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::-webkit-input-placeholder {

    color: #ffffff;

}



.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:-ms-input-placeholder {

    color: #ffffff;

}



.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::-ms-input-placeholder {

    color: #ffffff;

}



.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::placeholder {

    color: #ffffff;

}



.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus {

    border-color: #0664cd;

}



.coming-soon-area .coming-soon-content .newsletter-form button {

    position: absolute;

    right: 0;

    top: 0;

    height: 60px;

    padding: 0 30px;

    text-transform: uppercase;

    outline: 0;

    color: #ffffff;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    font-weight: 500;

    font-size: 15px;

    cursor: pointer;

}



.coming-soon-area .coming-soon-content .newsletter-form button::after {

    border-radius: 0;

}



.coming-soon-area .coming-soon-content .newsletter-form button::before {

    border-radius: 0;

}



.coming-soon-area .coming-soon-content .newsletter-form button:hover {

    color: #ffffff;

    background-color: #0664cd;

}



.coming-soon-area .coming-soon-content .newsletter-form #validator-newsletter {

    color: #ffffff;

    font-size: 14px;

    position: absolute;

    left: 0;

    right: 0;

    bottom: -30px;

    margin: 0 auto;

}





/*

404 Error Area Style

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



.error-area {

    padding: 50px 0;

    height: 100vh;

    text-align: center;

    position: relative;

    z-index: 1;

    background-color: #ffffff;

}



.error-area::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0.9;

    z-index: -1;

}



.error-area .error-content-wrap {

    z-index: 1;

    position: relative;

}



.error-area .error-content-wrap h1 {

    font-size: 300px;

    line-height: 1;

}



.error-area .error-content-wrap h1 span {

    color: #0664cd;

}



.error-area .error-content-wrap h3 {

    margin: 30px 0 0;

    position: relative;

    color: #ff0000;

}



.error-area .error-content-wrap p {

    margin: 20px 0 20px;

    font-size: 19px;

}





/*

Service Details Area Style

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



.service-sidebar-area .service-details-title {

    background-color: #636365;

    color: #ffffff;

    padding: 15px 20px;

    margin-bottom: 20px;

}



.service-sidebar-area .service-card {

    margin-bottom: 30px;

    background-color: #ffffff;

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

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

}



.service-sidebar-area .service-list ul li {

    border-bottom: 1px dashed #eeeeee;

    padding: 15px 20px;

    font-weight: 500;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.service-sidebar-area .service-list ul li:last-child {

    border-bottom: none;

}



.service-sidebar-area .service-list ul li a {

    color: #262626;

    display: block;

}



.service-sidebar-area .service-list ul li i {

    float: right;

    width: 26px;

    height: 30px;

    line-height: 30px;

    background-color: #686868;

    border-radius: 50%;

    color: #ffffff;

    font-size: 20px;

    text-align: center;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.service-sidebar-area .service-list ul li:hover {

    background-color: #b7b5b597;

    color: #ffffff;

}



.service-sidebar-area .service-list ul li:hover i {

    background-color: #ffffff;

    color: #202020;

}



.service-sidebar-area .service-list ul li:hover a {

    color: #ffffff;

}



.service-sidebar-area .service-faq .faq-accordion {

    position: unset;

    padding: 0;

}



.service-sidebar-area .service-faq .faq-accordion .accordion .accordion-item {

    -webkit-box-shadow: none;

    box-shadow: none;

}



.service-sidebar-area .service-faq .faq-accordion .accordion .accordion-title {

    font-size: 15px;

    font-weight: 600;

}



.service-sidebar-area .service-faq .faq-accordion .accordion .accordion-title span {

    top: 11px;

}



.service-sidebar-area .paint {

    margin-bottom: 15px;

}



.service-details-wrap .mb-30 {

    margin-bottom: 30px;

}



.service-details-wrap .service-img {

    margin-bottom: 30px;

}



.service-details-wrap ul {

    margin-top: 30px;

    margin-bottom: 30px;

}



.service-details-wrap ul li {

    font-weight: 500;

    color: #141414;

    font-size: 16px;

    padding-left: 35px;

    position: relative;

    text-align: justify;

}



.service-details-wrap ul li i {

    width: 25px;

    height: 25px;

    line-height: 25px;

    /* background-color: #a20000; */

    background-color: #006185;

    border-radius: 50%;

    color: #ffffff;

    font-size: 20px;

    text-align: center;

    position: absolute;

    top: 4px;

    position: absolute;

    top: 0px;

    left: 0;

}



.service-details-wrap .car-service-list-wrap {

    margin-bottom: 35px;

}



.service-details-wrap .car-service-list-wrap .car-service-list ul {

    margin: 0;

}



.service-details-wrap .car-service-list-wrap .car-service-list ul li {

    margin-bottom: 15px;

    font-size: 13px;

}



.service-details-wrap .car-service-list-wrap .car-service-list ul li:last-child {

    margin-bottom: 0;

}



.service-details-wrap .list-unstyled {

    margin: 0;

}



.service-details-wrap .list-unstyled li {

    color: #dc3545;

    padding-left: 0 !important;

    font-size: 14px;

    font-weight: 400;

    margin-top: 10px;

}



.service-details-wrap #msgSubmit {

    margin-top: 30px;

}



.service-details-wrap .ask-question {

    text-align: center;

    margin-top: 30px;

    padding: 30px;

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

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

}



.service-details-wrap .ask-question h3 {

    font-size: 25px;

    margin-bottom: 30px;

}



.service-details-wrap .ask-question .form-group {

    margin-bottom: 30px;

}



.service-details-wrap .ask-question .default-btn {

    margin: auto;

    display: table;

}





/*

Product Area Style

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



.product-area .woocommerce-topbar {

    margin-bottom: 40px;

}



.product-area .woocommerce-topbar .woocommerce-topbar-ordering {

    text-align: right;

}



.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select {

    background-color: #ffffff;

    color: #0664cd;

    border-radius: 0;

    border: none;

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

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

    float: unset;

    height: unset;

    line-height: initial;

    padding: 17px 35px 13px 20px;

    font-size: 16px;

}



.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list {

    background-color: #ffffff;

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

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

    border-radius: 0;

    margin-top: 0;

    width: 100%;

    padding-top: 10px;

    padding-bottom: 10px;

}



.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option {

    -webkit-transition: .6s;

    transition: .6s;

    font-size: 16px;

    padding-left: 20px;

    padding-right: 20px;

}



.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option:hover {

    background-color: #0664cd !important;

    color: #ffffff;

}



.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option.selected {

    background-color: transparent;

    font-weight: 700;

}



.product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select:after {

    right: 20px;

}



.product-area .single-product-box {

    text-align: center;

    margin-bottom: 30px;

    background-color: #ffffff;

    -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);

}



.product-area .single-product-box .product-image {

    overflow: hidden;

    position: relative;

    text-align: left;

}



.product-area .single-product-box .product-image a img {

    -webkit-transition: .6s;

    transition: .6s;

}



.product-area .single-product-box .product-image .add-to-cart-btn {

    position: absolute;

    bottom: -46px;

    left: 0;

    width: 100%;

    background-color: #25245e;

    color: #ffffff;

    padding: 18px 20px 13px;

    text-transform: uppercase;

    opacity: 0;

    visibility: hidden;

    text-align: center;

    font-size: 15px;

    font-weight: 700;

}



.product-area .single-product-box .product-image .add-to-cart-btn i {

    position: absolute;

    right: 20px;

    top: 50%;

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

    transform: translateY(-50%);

}



.product-area .single-product-box .product-image .add-to-cart-btn:hover {

    background-color: #0664cd;

    color: #ffffff;

}



.product-area .single-product-box .product-image .sale-btn {

    position: absolute;

    left: 20px;

    top: 20px;

    background-color: #0664cd;

    color: #ffffff;

    width: 55px;

    height: 55px;

    line-height: 55px;

    text-align: center;

    border-radius: 50%;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 14px;

}



.product-area .single-product-box .product-content {

    padding: 30px 25px;

}



.product-area .single-product-box .product-content h3 {

    margin-bottom: 12px;

    font-size: 20px;

    font-weight: 700;

}



.product-area .single-product-box .product-content h3 a {

    display: inline-block;

    color: #25245e;

    text-decoration: none;

}



.product-area .single-product-box .product-content .price {

    color: #25245e;

    font-weight: 600;

    font-size: 15px;

}



.product-area .single-product-box .product-content .price span {

    padding: 0 5px;

}



.product-area .single-product-box .product-content .price .old {

    text-decoration: line-through;

    color: #0664cd;

    font-size: 14px;

}



.product-area .single-product-box .product-content .rating {

    margin-top: 8px;

    color: #ffb708;

    font-size: 15px;

}



.product-area .single-product-box .product-content .rating i {

    margin-right: -1px;

}



.product-area .single-product-box:hover .product-image .add-to-cart-btn {

    bottom: 0;

    opacity: 1;

    visibility: visible;

    -webkit-transition: .6s;

    transition: .6s;

    text-decoration: none;

}





/* 

Cart Area Style

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



.cart-area .cart-table table {

    margin-bottom: 0;

}



.cart-area .cart-table table thead tr th {

    border-bottom-width: 0px;

    vertical-align: middle;

    padding: 0 0 15px;

    text-transform: uppercase;

    border: none;

    font-weight: 700;

    font-size: 16px;

}



.cart-area .cart-table table tbody tr td {

    vertical-align: middle;

    color: #666666;

    padding-left: 0;

    padding-right: 0;

    font-size: 14px;

    border-color: #eaedff;

    border-left: none;

    border-right: none;

}



.cart-area .cart-table table tbody tr td.product-thumbnail img {

    width: 60px;

    height: 60px;

}



.cart-area .cart-table table tbody tr td.product-thumbnail a {

    display: block;

}



.cart-area .cart-table table tbody tr td.product-name a {

    color: #666666;

    font-weight: 600;

    display: inline-block;

}



.cart-area .cart-table table tbody tr td.product-name a:hover {

    color: #25245e;

}



.cart-area .cart-table table tbody tr td.product-price span {

    font-weight: 500;

}



.cart-area .cart-table table tbody tr td.product-subtotal {

    overflow: hidden;

}



.cart-area .cart-table table tbody tr td.product-subtotal .remove {

    color: #666666;

    float: right;

    position: relative;

    top: 1px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

}



.cart-area .cart-table table tbody tr td.product-subtotal .remove i {

    font-size: 22px;

}



.cart-area .cart-table table tbody tr td.product-subtotal .remove:hover {

    color: red;

}



.cart-area .cart-table table tbody tr td.product-subtotal span {

    font-weight: 500;

}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter {

    max-width: 130px;

    min-width: 130px;

    text-align: center;

    display: inline-block;

    position: relative;

}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter span {

    position: absolute;

    top: 0;

    background-color: transparent;

    cursor: pointer;

    color: #25245e;

    width: 40px;

    height: 100%;

    line-height: 48px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter span:hover {

    color: #0664cd;

}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter span.minus-btn {

    left: 0;

}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter span.plus-btn {

    right: 0;

}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter input {

    height: 45px;

    color: #25245e;

    outline: 0;

    display: block;

    border: none;

    background-color: #f8f8f8;

    text-align: center;

    width: 100%;

    font-size: 17px;

    font-weight: 600;

}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder {

    color: #25245e;

}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder {

    color: #25245e;

}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder {

    color: #25245e;

}



.cart-area .cart-table table tbody tr td.product-quantity .input-counter input::placeholder {

    color: #25245e;

}



.cart-area .cart-buttons {

    margin-top: 30px;

}



.cart-area .cart-totals {

    background: #ffffff;

    padding: 40px;

    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

    border-radius: 0;

    margin: auto;

    margin-top: 50px;

}



.cart-area .cart-totals h3 {

    margin-bottom: 25px;

    font-weight: 700;

}



.cart-area .cart-totals ul {

    padding: 0;

    margin: 0 0 25px;

    list-style-type: none;

}



.cart-area .cart-totals ul li {

    border: 1px solid #eaedff;

    padding: 10px 15px;

    color: #323232;

    overflow: hidden;

    font-weight: 700;

}



.cart-area .cart-totals ul li:first-child {

    border-bottom: none;

}



.cart-area .cart-totals ul li:last-child {

    border-top: none;

}



.cart-area .cart-totals ul li span {

    float: right;

    color: #666666;

    font-weight: normal;

}



.cart-area .cart-area .nice-select {

    height: 50px;

    line-height: 49px;

    border-radius: 0;

    width: 100%;

    margin-bottom: 18px;

}



.cart-area .cart-wraps {

    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

    background-color: #fff;

    padding: 40px;

}



.cart-area .coupon-wrap {

    margin-top: 50px;

    background-color: #ffffff;

    padding: 40px;

    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

}



.cart-area .coupon-wrap .nice-select .list {

    width: 100%;

}



.cart-area .coupon-wrap .nice-select .option {

    color: #25245e !important;

}



.cart-area .coupon-wrap .nice-select .option:hover {

    color: #ffffff !important;

    background-color: #1089d4 !important;

}



.cart-area .coupon-wrap select .option.focus,

.cart-area .coupon-wrap .nice-select .option.selected.focus {

    background-color: #1089d4 !important;

    color: #ffffff !important;

}



.cart-area .coupon-wrap h3 {

    padding-bottom: 25px;

}



.cart-area .coupon-wrap .form-group {

    margin-bottom: 18px;

}



.cart-area .coupon-wrap .nice-select {

    height: 50px;

    width: 100%;

    margin-bottom: 19px;

    border-radius: 0;

}



.cart-area .coupon-wrap .nice-select .current {

    position: relative;

    top: 4px;

}





/* 

Checkout Area Style 

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



.checkout-area .user-actions {

    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);

    background: #ffffff;

    padding: 18px 20px 15px;

    margin-bottom: 65px;

    border-top: 3px solid #0664cd;

    position: relative;

    color: #0664cd;

}



.checkout-area .user-actions::before {

    content: '';

    position: absolute;

    right: 0;

    bottom: -35px;

    width: 100%;

    height: 1px;

    background: #eeeeee;

}



.checkout-area .user-actions i {

    color: #0664cd;

    margin-right: 2px;

    font-size: 20px;

    position: relative;

    top: 4px;

}



.checkout-area .user-actions span {

    display: inline-block;

    font-weight: 500;

    color: #25245e;

}



.checkout-area .user-actions span a {

    display: inline-block;

    color: #0664cd;

    font-size: 15px;

}



.checkout-area .user-actions span a:hover {

    color: #0664cd;

}



.checkout-area .user-actions span a:focus {

    color: #0664cd;

}



.checkout-area .checkout-area .title {

    margin-bottom: 25px;

    font-size: 20px;

    font-weight: 700;

}



.checkout-area .billing-details {

    background-color: #ffffff;

    padding: 30px;

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

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

}



.checkout-area .billing-details .form-group {

    margin-bottom: 20px;

}



.checkout-area .billing-details .form-group label {

    display: block;

    color: #25245e;

    margin-bottom: 10px;

    font-size: 15px;

    font-weight: 500;

}



.checkout-area .billing-details .form-group label .required {

    color: red;

}



.checkout-area .billing-details .form-group .nice-select {

    float: unset;

    line-height: 45px;

    color: #25245e;

    padding-top: 0;

    padding-bottom: 0;

}



.checkout-area .billing-details .form-group .nice-select .list {

    background-color: #ffffff;

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

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

    border-radius: 0;

    margin-top: 0;

    width: 100%;

    padding-top: 10px;

    padding-bottom: 10px;

}



.checkout-area .billing-details .form-group .nice-select .list .option {

    -webkit-transition: 0.5s;

    transition: 0.5s;

    padding-left: 20px;

    padding-right: 20px;

}



.checkout-area .billing-details .form-group .nice-select .list .option:hover {

    background-color: #0664cd !important;

    color: #ffffff;

}



.checkout-area .billing-details .form-group .nice-select .list .option.selected {

    background-color: transparent;

}



.checkout-area .billing-details .form-group .nice-select:after {

    right: 20px;

}



.checkout-area .billing-details .form-group .nice-select .option:hover,

.checkout-area .billing-details .form-group .nice-select .option.focus,

.checkout-area .billing-details .form-group .nice-select .option.selected.focus {

    background-color: #0664cd !important;

    color: #ffffff !important;

}



.checkout-area .billing-details .form-group textarea {

    padding-top: 13px;

}



.checkout-area .billing-details .form-check {

    margin-bottom: 20px;

}



.checkout-area .billing-details .form-check .form-check-label {

    color: #25245e;

}



.checkout-area .billing-details .form-check label {

    position: relative;

    top: 1px;

    font-size: 14px;

    font-weight: 500;

}



.checkout-area .billing-details .col-lg-12:last-child .form-group {

    margin-bottom: 0;

}



.checkout-area .order-details .order-table {

    background-color: #ffffff;

    padding: 30px;

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

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

}



.checkout-area .order-details .order-table table {

    margin-bottom: 0;

}



.checkout-area .order-details .order-table table thead tr th {

    border-bottom-width: 0;

    vertical-align: middle;

    border-color: #eaedff;

    padding-left: 20px;

    padding-top: 15px;

    padding-right: 20px;

    padding-bottom: 15px;

    font-weight: 700;

}



.checkout-area .order-details .order-table table tbody tr td {

    vertical-align: middle;

    color: #25245e;

    border-color: #eaedff;

    font-size: 14px;

    padding-left: 20px;

    padding-right: 20px;

}



.checkout-area .order-details .order-table table tbody tr td.product-name a {

    color: #25245e;

    display: inline-block;

    font-weight: 500;

    font-size: 15px;

}



.checkout-area .order-details .order-table table tbody tr td.product-name a:hover {

    color: #25245e;

}



.checkout-area .order-details .order-table table tbody tr td.order-subtotal span {

    color: #25245e;

    font-weight: 600;

}



.checkout-area .order-details .order-table table tbody tr td.order-shipping span {

    color: #25245e;

    font-weight: 600;

}



.checkout-area .order-details .order-table table tbody tr td.total-price span {

    color: #25245e;

    font-weight: 600;

}



.checkout-area .order-details .order-table table tbody tr td.shipping-price {

    font-weight: 600;

}



.checkout-area .order-details .order-table table tbody tr td.order-subtotal-price {

    font-weight: 600;

}



.checkout-area .order-details .order-table table tbody tr td.product-subtotal {

    font-weight: 600;

}



.checkout-area .order-details .payment-box {

    background-color: #ffffff;

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

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

    margin-top: 30px;

    padding: 30px;

}



.checkout-area .order-details .payment-box .payment-method p [type="radio"]:checked {

    display: none;

}



.checkout-area .order-details .payment-box .payment-method p [type="radio"]:checked+label {

    padding-left: 27px;

    cursor: pointer;

    display: block;

    font-weight: 600;

    color: #0664cd;

    position: relative;

    margin-bottom: 8px;

}



.checkout-area .order-details .payment-box .payment-method p [type="radio"]:checked+label::before {

    content: '';

    position: absolute;

    left: 0;

    top: 3px;

    width: 18px;

    height: 18px;

    border: 1px solid #dddddd;

    border-radius: 50%;

    background: #ffffff;

}



.checkout-area .order-details .payment-box .payment-method p [type="radio"]:checked+label::after {

    content: '';

    width: 12px;

    height: 12px;

    background: #0664cd;

    position: absolute;

    top: 6px;

    left: 3px;

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 1;

    visibility: visible;

    -webkit-transform: scale(1);

    transform: scale(1);

}



.checkout-area .order-details .payment-box .payment-method p [type="radio"]:not(:checked) {

    display: none;

}



.checkout-area .order-details .payment-box .payment-method p [type="radio"]:not(:checked)+label {

    padding-left: 27px;

    cursor: pointer;

    display: block;

    font-weight: 600;

    color: #25245e;

    position: relative;

    margin-bottom: 8px;

}



.checkout-area .order-details .payment-box .payment-method p [type="radio"]:not(:checked)+label::before {

    content: '';

    position: absolute;

    left: 0;

    top: 3px;

    width: 18px;

    height: 18px;

    border: 1px solid #dddddd;

    border-radius: 50%;

    background: #ffffff;

}



.checkout-area .order-details .payment-box .payment-method p [type="radio"]:not(:checked)+label::after {

    content: '';

    width: 12px;

    height: 12px;

    background: #0664cd;

    position: absolute;

    top: 6px;

    left: 3px;

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(0);

    transform: scale(0);

}



.checkout-area .order-details .payment-box .btn.order-btn {

    display: block;

    margin-top: 25px;

}



.checkout-area .order-details .payment-box .default-btn {

    margin-top: 20px;

    display: block;

    text-align: center;

}





/*

Shop Details Style

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



.product-details-area .product-details-desc h3 {

    margin-bottom: 12px;

    font-weight: 700;

}



.product-details-area .product-details-desc p {

    margin-bottom: 0;

}



.product-details-area .product-details-desc .price {

    margin-bottom: 10px;

    color: #333333;

    font-weight: 700;

}



.product-details-area .product-details-desc .price span {

    padding: 0 5px;

}



.product-details-area .product-details-desc .price .old-price {

    text-decoration: line-through;

    color: #828893;

    font-size: 13px;

}



.product-details-area .product-details-desc .product-review {

    margin-bottom: 15px;

}



.product-details-area .product-details-desc .product-review .rating {

    display: inline-block;

    padding-right: 5px;

    font-size: 14px;

}



.product-details-area .product-details-desc .product-review .rating i {

    color: #ffba0a;

}



.product-details-area .product-details-desc .product-review .rating-count {

    display: inline-block;

    color: #333333;

    border-bottom: 1px solid #333333;

    line-height: initial;

}



.product-details-area .product-details-desc .product-review .rating-count:hover {

    color: #0664cd;

    border-color: #0664cd;

}



.product-details-area .product-details-desc .product-add-to-cart {

    margin-top: 20px;

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter {

    max-width: 130px;

    min-width: 130px;

    margin-right: 10px;

    text-align: center;

    display: inline-block;

    position: relative;

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter span {

    position: absolute;

    top: 0;

    background-color: transparent;

    cursor: pointer;

    color: #d0d0d0;

    width: 40px;

    height: 100%;

    line-height: 48px;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter span:hover {

    color: #25245e;

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter span.minus-btn {

    left: 0;

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter span.plus-btn {

    right: 0;

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter input {

    height: 45px;

    color: #333333;

    outline: 0;

    display: block;

    border: none;

    background-color: #f8f8f8;

    text-align: center;

    width: 100%;

    font-size: 17px;

    font-weight: 600;

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter input::-webkit-input-placeholder {

    color: #333333;

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter input:-ms-input-placeholder {

    color: #333333;

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter input::-ms-input-placeholder {

    color: #333333;

}



.product-details-area .product-details-desc .product-add-to-cart .input-counter input::placeholder {

    color: #333333;

}



.product-details-area .product-details-desc .product-add-to-cart .default-btn {

    border: none;

    cursor: pointer;

    float: right;

}



.product-details-area .product-details-desc .product-add-to-cart .btn {

    height: 45px;

    top: -2px;

    position: relative;

    padding-top: 0;

    padding-bottom: 0;

}



.product-details-area .product-details-desc .product-add-to-cart .btn i {

    margin-right: 2px;

}



.product-details-area .product-details-desc .buy-checkbox-btn {

    margin-top: 20px;

}



.product-details-area .product-details-desc .buy-checkbox-btn .default-btn::before {

    display: none;

}



.product-details-area .product-details-desc .buy-checkbox-btn input {

    display: none;

}



.product-details-area .product-details-desc .buy-checkbox-btn .cbx {

    margin: auto;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    cursor: pointer;

}



.product-details-area .product-details-desc .buy-checkbox-btn .cbx span {

    display: inline-block;

    vertical-align: middle;

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

    transform: translate3d(0, 0, 0);

}



.product-details-area .product-details-desc .buy-checkbox-btn .cbx span:first-child {

    position: relative;

    width: 18px;

    height: 18px;

    border-radius: 3px;

    -webkit-transform: scale(1);

    transform: scale(1);

    vertical-align: middle;

    border: 1px solid #ebebeb;

    -webkit-transition: all 0.2s ease;

    transition: all 0.2s ease;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.product-details-area .product-details-desc .buy-checkbox-btn .cbx span:first-child svg {

    position: absolute;

    top: 3px;

    left: 2px;

    fill: none;

    stroke: #ffffff;

    stroke-width: 2;

    stroke-linecap: round;

    stroke-linejoin: round;

    stroke-dasharray: 16px;

    stroke-dashoffset: 16px;

    -webkit-transition: all 0.3s ease;

    transition: all 0.3s ease;

    -webkit-transition-delay: 0.1s;

    transition-delay: 0.1s;

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

    transform: translate3d(0, 0, 0);

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.product-details-area .product-details-desc .buy-checkbox-btn .cbx span:first-child:before {

    content: "";

    width: 100%;

    height: 100%;

    background: #333333;

    display: block;

    -webkit-transform: scale(0);

    transform: scale(0);

    opacity: 1;

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.product-details-area .product-details-desc .buy-checkbox-btn .cbx span:last-child {

    padding-left: 4px;

    color: #57647c;

}



.product-details-area .product-details-desc .buy-checkbox-btn .cbx:hover span:first-child {

    border-color: #333333;

}



.product-details-area .product-details-desc .buy-checkbox-btn .inp-cbx:checked+.cbx span:first-child {

    background: #333333;

    border-color: #333333;

    -webkit-animation: wave 0.4s ease;

    animation: wave 0.4s ease;

}



.product-details-area .product-details-desc .buy-checkbox-btn .inp-cbx:checked+.cbx span:first-child svg {

    stroke-dashoffset: 0;

}



.product-details-area .product-details-desc .buy-checkbox-btn .inp-cbx:checked+.cbx span:first-child:before {

    -webkit-transform: scale(3.5);

    transform: scale(3.5);

    opacity: 0;

    -webkit-transition: all 0.6s ease;

    transition: all 0.6s ease;

}



.product-details-area .product-details-desc .buy-checkbox-btn .item:not(:first-child) {

    margin-top: 15px;

}



.product-details-area .product-details-desc .buy-checkbox-btn .btn {

    display: block;

    width: 100%;

}



.product-details-area .product-details-desc .buy-checkbox-btn .default-btn {

    text-transform: uppercase;

    display: block;

    text-align: center;

}



.product-details-area .product-details-desc .custom-payment-options {

    margin-top: 20px;

}



.product-details-area .product-details-desc .custom-payment-options span {

    display: block;

    color: #57647c;

    margin-bottom: 15px;

}



.product-details-area .product-details-desc .custom-payment-options .payment-methods a {

    display: inline-block;

}



.product-details-area .product-details-desc .custom-payment-options .payment-methods a img {

    width: 40px;

    margin-right: 5px;

}



.product-details-area .product-details-image {

    text-align: center;

    background-color: #f7f7f7;

}



.product-details-area .tab .tabs_item {

    display: none;

}



.product-details-area .tab .tabs_item:first-child {

    display: block;

}



.product-details-area .products-details-tab {

    margin-top: 50px;

}



.product-details-area .products-details-tab .tabs {

    list-style-type: none;

    margin-bottom: -1px;

    padding-left: 0;

}



.product-details-area .products-details-tab .tabs li {

    display: inline-block;

    line-height: initial;

    margin-right: 5px;

}



.product-details-area .products-details-tab .tabs li a {

    display: inline-block;

    position: relative;

    text-transform: uppercase;

    color: #333333;

    border: 1px solid #eeeeee;

    padding-top: 15px;

    padding-bottom: 15px;

    padding-right: 30px;

    padding-left: 48px;

    font-weight: 700;

}



.product-details-area .products-details-tab .tabs li a .dot {

    position: absolute;

    top: 50%;

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

    transform: translateY(-50%);

    left: 30px;

    width: 12px;

    height: 12px;

    border: 1px solid #333333;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    border-radius: 50%;

}



.product-details-area .products-details-tab .tabs li a .dot::before {

    position: absolute;

    top: 0;

    content: '';

    left: 0;

    right: 0;

    bottom: 0;

    background: #333333;

    margin: 2px;

    border-radius: 50%;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.product-details-area .products-details-tab .tabs li a:hover {

    color: #ffffff;

    background-color: #0664cd;

    border-color: #0664cd;

}



.product-details-area .products-details-tab .tabs li a:hover .dot {

    border-color: #ffffff;

}



.product-details-area .products-details-tab .tabs li a:hover .dot::before {

    background: #ffffff;

}



.product-details-area .products-details-tab .tabs li a:focus {

    color: #ffffff;

    background-color: #0664cd;

    border-color: #0664cd;

}



.product-details-area .products-details-tab .tabs li a:focus .dot {

    border-color: #ffffff;

}



.product-details-area .products-details-tab .tabs li a:focus .dot::before {

    background: #ffffff;

}



.product-details-area .products-details-tab .tabs li:last-child {

    margin-right: 0;

}



.product-details-area .products-details-tab .tabs li.current a {

    color: #ffffff;

    background-color: #0664cd;

    border-color: #0664cd;

}



.product-details-area .products-details-tab .tabs li.current a .dot {

    border: 1px solid #ffffff;

}



.product-details-area .products-details-tab .tabs li.current a .dot::before {

    background: #ffffff;

}



.product-details-area .products-details-tab .tab_content {

    border: 1px solid #eeeeee;

    padding: 30px;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content p {

    margin-bottom: 20px;

    font-size: 14px;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content p:last-child {

    margin-bottom: 0;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information {

    padding-left: 0;

    margin-bottom: 0;

    list-style-type: none;

    text-align: left;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li {

    border: 1px solid #eeeeee;

    border-bottom: none;

    padding: 10px 15px;

    color: #57647c;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li:last-child {

    border-bottom: 1px solid #eeeeee;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span {

    display: inline-block;

    width: 30%;

    color: #333333;

    font-size: 16px;

    font-weight: 600;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content h3 {

    margin-bottom: 15px;

    font-weight: 700;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title {

    position: relative;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating {

    display: inline-block;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating .fas.fa-star {

    color: #ffba0a;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating i {

    color: #ffba0a;

    font-size: 14px;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title p {

    margin-bottom: 0;

    display: inline-block;

    padding-left: 5px;

    line-height: initial;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn {

    position: absolute;

    right: 0;

    bottom: 10px;

    padding: 10px 11px;

    font-size: 11px;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn:focus {

    border: none !important;

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    border: 4px;

    background-color: #25245e;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments {

    margin-top: 35px;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {

    margin-top: 30px;

    position: relative;

    padding-right: 200px;

    border-top: 1px dashed #eeeeee;

    padding-top: 30px;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating .fas.fa-star {

    color: #ffba0a;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating i {

    font-size: 14px;

    color: #ffba0a;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item h3 {

    margin-top: 10px;

    margin-bottom: 10px;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span {

    margin-bottom: 10px;

    font-size: 13px;

    display: block;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span strong {

    font-weight: 600;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item p {

    margin-bottom: 0;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {

    position: absolute;

    right: 0;

    color: #57647c;

    top: 40px;

    text-decoration: underline;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover {

    color: #ff4800;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form {

    margin-top: 30px;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group {

    margin-bottom: 20px;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group label {

    color: #444444;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 600;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group textarea {

    padding-top: 15px;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group .form-control {

    font-size: 14px;

}



.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .btn:focus {

    -webkit-box-shadow: none;

    box-shadow: none;

    border: none;

    border-radius: 0;

}





/*

Blog Details Area Style

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



.news-details-area {

    /*

	Sidebar Widget Area Style

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

}



.news-details-area .blog-details-desc .article-image {

    position: relative;

    background-color: #25245e;

}



.news-details-area .blog-details-desc .article-content {

    margin-top: 30px;

}



.news-details-area .blog-details-desc .article-content .entry-meta {

    margin-bottom: -10px;

}



.news-details-area .blog-details-desc .article-content .entry-meta ul {

    padding-left: 0;

    margin-bottom: 0;

    list-style-type: none;

}



.news-details-area .blog-details-desc .article-content .entry-meta ul li {

    position: relative;

    display: inline-block;

    color: #0664cd;

    margin-right: 21px;

    font-size: 14px;

}



.news-details-area .blog-details-desc .article-content .entry-meta ul li span {

    display: inline-block;

    color: #0664cd;

    font-weight: 500;

}



.news-details-area .blog-details-desc .article-content .entry-meta ul li a {

    display: inline-block;

    color: #666666;

    font-size: 13px;

}



.news-details-area .blog-details-desc .article-content .entry-meta ul li a:hover {

    color: #0664cd;

}



.news-details-area .blog-details-desc .article-content .entry-meta ul li i {

    color: #0664cd;

    margin-right: 2px;

}



.news-details-area .blog-details-desc .article-content .entry-meta ul li::before {

    content: '';

    position: absolute;

    top: 11px;

    right: -15px;

    width: 6px;

    height: 1px;

    background: #0664cd;

}



.news-details-area .blog-details-desc .article-content .entry-meta ul li:last-child {

    margin-right: 0;

}



.news-details-area .blog-details-desc .article-content .entry-meta ul li:last-child::before {

    display: none;

}



.news-details-area .blog-details-desc .article-content h3 {

    margin-bottom: 13px;

    margin-top: 25px;

    font-size: 30px;

}



.news-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 {

    padding-left: 0;

    list-style-type: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -10px;

    margin-left: -10px;

    margin-bottom: 30px;

    margin-top: 30px;

}



.news-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 33.3333%;

    flex: 0 0 33.3333%;

    max-width: 33.3333%;

    padding-right: 10px;

    padding-left: 10px;

}



.news-details-area .blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {

    margin-bottom: 0;

}



.news-details-area .blog-details-desc .article-footer {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 30px;

}



.news-details-area .blog-details-desc .article-footer .article-tags {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

}



.news-details-area .blog-details-desc .article-footer .article-tags span {

    display: inline-block;

    color: #0664cd;

    font-size: 20px;

    margin-right: 5px;

    position: relative;

    top: 4px;

}



.news-details-area .blog-details-desc .article-footer .article-tags a {

    display: inline-block;

    color: #666666;

    font-weight: 600;

}



.news-details-area .blog-details-desc .article-footer .article-tags a:hover {

    color: #0664cd;

}



.news-details-area .blog-details-desc .article-footer .article-share {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

}



.news-details-area .blog-details-desc .article-footer .article-share .social {

    padding-left: 0;

    list-style-type: none;

    text-align: right;

    margin-bottom: 0;

}



.news-details-area .blog-details-desc .article-footer .article-share .social li {

    display: inline-block;

}



.news-details-area .blog-details-desc .article-footer .article-share .social li span {

    display: inline-block;

    margin-right: 2px;

    font-weight: 500;

    color: #666666;

}



.news-details-area .blog-details-desc .article-footer .article-share .social li a {

    display: block;

    color: #ffffff;

    width: 32px;

    height: 32px;

    line-height: 33px;

    border-radius: 50%;

    background-color: #a20000;

    text-align: center;

    font-size: 14px;

}



.news-details-area .blog-details-desc .article-footer .article-share .social li a:hover {

    -webkit-animation: rubberBand 1s linear;

    animation: rubberBand 1s linear;

}



.news-details-area .blog-details-desc .post-navigation {

    margin-top: 30px;

}



.news-details-area blockquote {

    overflow: hidden;

    background-color: #f7f7f7;

    padding: 50px !important;

    position: relative;

    z-index: 1;

    margin-bottom: 20px;

    margin-top: 20px;

    border-radius: 4px;

}



.news-details-area blockquote p {

    color: #25245e;

    line-height: 1.6;

    margin-bottom: 0;

    font-style: italic;

    font-weight: 600;

    font-size: 17px !important;

}



.news-details-area blockquote cite {

    display: none;

}



.news-details-area blockquote::before {

    color: #0664cd;

    content: "\ed67";

    position: absolute;

    left: 50px;

    top: -50px;

    z-index: -1;

    font-family: 'boxicons';

    font-size: 140px;

    font-weight: 900;

    opacity: 0.5;

}



.news-details-area blockquote::after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 3px;

    background-color: #0664cd;

    margin-top: 20px;

    margin-bottom: 20px;

}



.news-details-area .post-navigation {

    border-top: 1px solid #eeeeee;

    border-bottom: 1px solid #eeeeee;

    padding-top: 20px;

    padding-bottom: 20px;

}



.news-details-area .post-navigation .navigation-links {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.news-details-area .post-navigation .navigation-links .nav-previous {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

}



.news-details-area .post-navigation .navigation-links .nav-previous a i {

    margin-right: 0;

    font-size: 20px;

    position: relative;

    top: 4px;

}



.news-details-area .post-navigation .navigation-links .nav-next {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

    text-align: right;

}



.news-details-area .post-navigation .navigation-links .nav-next a i {

    margin-left: 0;

    font-size: 20px;

    position: relative;

    top: 4px;

}



.news-details-area .post-navigation .navigation-links div a {

    display: inline-block;

    font-weight: 600;

    color: #25245e;

}



.news-details-area .post-navigation .navigation-links div a:hover {

    color: #0664cd;

}



.news-details-area .comments-area {

    padding: 25px;

    margin-top: 30px;

    -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);

    box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);

    background-color: #ffffff;

}



.news-details-area .comments-area .comments-title {

    position: relative;

    margin-bottom: 30px;

    line-height: initial;

    font-size: 22px;

}



.news-details-area .comments-area .comments-title::before {

    content: '';

    height: 25px;

    width: 3px;

    left: -25px;

    position: absolute;

    background: #0664cd;

    top: 50%;

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

    transform: translateY(-50%);

}



.news-details-area .comments-area ol {

    padding: 0;

    margin: 0;

    list-style-type: none;

}



.news-details-area .comments-area ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

}



.news-details-area .comments-area .comment-list {

    padding: 0;

    margin: 0;

    list-style-type: none;

}



.news-details-area .comments-area .children {

    margin-left: 40px;

}



.news-details-area .comments-area .comment-body {

    border-bottom: 1px solid #eeeeee;

    padding-left: 65px;

    font-size: 14px;

    margin-bottom: 20px;

    padding-bottom: 20px;

}



.news-details-area .comments-area .comment-body .reply {

    margin-top: 15px;

}



.news-details-area .comments-area .comment-body .reply a {

    border: 1px solid #ded9d9;

    color: #25245e;

    display: inline-block;

    padding: 5px 20px;

    border-radius: 30px;

    text-transform: uppercase;

    position: relative;

    z-index: 1;

    font-size: 13px;

    font-weight: 600;

}



.news-details-area .comments-area .comment-body .reply a:hover {

    color: #ffffff;

    background-color: #0664cd;

    border-color: #0664cd;

}



.news-details-area .comments-area .comment-meta {

    margin-bottom: .8em;

}



.news-details-area .comments-area .comment-author {

    font-size: 16px;

    margin-bottom: 0.4em;

    position: relative;

    z-index: 2;

}



.news-details-area .comments-area .comment-author .avatar {

    height: 50px;

    left: -65px;

    position: absolute;

    width: 50px;

    border-radius: 50%;

}



.news-details-area .comments-area .comment-author .fn {

    font-weight: 600;

    color: #2e2e2e;

    font-size: 18px;

}



.news-details-area .comments-area .comment-author .says {

    display: none;

}



.news-details-area .comments-area .comment-metadata {

    color: #666666;

    letter-spacing: 0.01em;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 500;

}



.news-details-area .comments-area .comment-metadata a {

    color: #666666;

    font-size: 11px;

}



.news-details-area .comments-area .comment-metadata a:hover {

    color: #0664cd;

}



.news-details-area .comments-area .comment-content p {

    font-size: 14px;

}



.news-details-area .comments-area .comment-respond {

    margin-top: 30px;

}



.news-details-area .comments-area .comment-respond .comment-reply-title {

    margin-bottom: 15px;

    position: relative;

    font-size: 22px;

}



.news-details-area .comments-area .comment-respond .comment-reply-title::before {

    content: '';

    height: 25px;

    width: 3px;

    left: -25px;

    position: absolute;

    background: #0664cd;

    top: 50%;

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

    transform: translateY(-50%);

}



.news-details-area .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {

    display: inline-block;

}



.news-details-area .comments-area .comment-respond .comment-form {

    overflow: hidden;

}



.news-details-area .comments-area .comment-respond .comment-form-comment {

    margin-bottom: 30px;

    float: left;

    width: 100%;

}



.news-details-area .comments-area .comment-respond label {

    display: block;

    font-weight: 500;

    color: #25245e;

    margin-bottom: 5px;

}



.news-details-area .comments-area .comment-respond input[type="datetime-local"] {

    display: block;

    width: 100%;

    background-color: #f7f7f7;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.news-details-area .comments-area .comment-respond input[type="datetime-local"]:focus {

    border-color: #0664cd;

}



.news-details-area .comments-area .comment-respond input[type="week"] {

    display: block;

    width: 100%;

    background-color: #f7f7f7;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.news-details-area .comments-area .comment-respond input[type="week"]:focus {

    border-color: #0664cd;

}



.news-details-area .comments-area .comment-respond input[type="month"] {

    display: block;

    width: 100%;

    background-color: #f7f7f7;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.news-details-area .comments-area .comment-respond input[type="month"]:focus {

    border-color: #0664cd;

}



.news-details-area .comments-area .comment-respond input[type="text"] {

    display: block;

    width: 100%;

    background-color: #f7f7f7;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.news-details-area .comments-area .comment-respond input[type="text"]:focus {

    border-color: #0664cd;

}



.news-details-area .comments-area .comment-respond input[type="email"] {

    display: block;

    width: 100%;

    background-color: #f7f7f7;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.news-details-area .comments-area .comment-respond input[type="email"]:focus {

    border-color: #0664cd;

}



.news-details-area .comments-area .comment-respond input[type="url"] {

    display: block;

    width: 100%;

    background-color: #f7f7f7;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.news-details-area .comments-area .comment-respond input[type="url"]:focus {

    border-color: #0664cd;

}



.news-details-area .comments-area .comment-respond input[type="password"] {

    display: block;

    width: 100%;

    background-color: #f7f7f7;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.news-details-area .comments-area .comment-respond input[type="password"]:focus {

    border-color: #0664cd;

}



.news-details-area .comments-area .comment-respond input[type="search"] {

    display: block;

    width: 100%;

    background-color: #f7f7f7;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.news-details-area .comments-area .comment-respond input[type="search"]:focus {

    border-color: #0664cd;

}



.news-details-area .comments-area .comment-respond input[type="tel"] {

    display: block;

    width: 100%;

    background-color: #f7f7f7;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.news-details-area .comments-area .comment-respond input[type="tel"]:focus {

    border-color: #0664cd;

}



.news-details-area .comments-area .comment-respond input[type="number"] {

    display: block;

    width: 100%;

    background-color: #f7f7f7;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.news-details-area .comments-area .comment-respond input[type="number"]:focus {

    border-color: #0664cd;

}



.news-details-area .comments-area .comment-respond textarea {

    display: block;

    width: 100%;

    background-color: #f7f7f7;

    border: 1px solid #eeeeee;

    padding: 0.625em 0.7375em;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.news-details-area .comments-area .comment-respond textarea:focus {

    border-color: #0664cd;

}



.news-details-area .comments-area .comment-respond .comment-form-author {

    float: left;

    width: 50%;

    padding-right: 10px;

    margin-bottom: 20px;

}



.news-details-area .comments-area .comment-respond .comment-form-email {

    float: left;

    width: 50%;

    padding-left: 12px;

    margin-bottom: 20px;

}



.news-details-area .comments-area .comment-respond .comment-form-url {

    float: left;

    width: 100%;

    margin-bottom: 20px;

}



.news-details-area .comments-area .comment-respond .comment-form-cookies-consent {

    width: 100%;

    float: left;

    position: relative;

    padding-left: 20px;

    margin-bottom: 20px;

}



.news-details-area .comments-area .comment-respond .comment-form-cookies-consent input {

    position: absolute;

    left: 0;

    top: 6px;

}



.news-details-area .comments-area .comment-respond .comment-form-cookies-consent label {

    display: inline-block;

    margin: 0;

    color: #666666;

    font-weight: normal;

}



.news-details-area .comments-area .comment-respond .form-submit {

    float: left;

    width: 100%;

}



.news-details-area .comments-area .comment-respond .form-submit input {

    background: #0664cd;

    border: none;

    color: #ffffff;

    padding: 14px 30px 12px;

    display: inline-block;

    cursor: pointer;

    outline: 0;

    border-radius: 0;

    text-transform: uppercase;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    font-weight: 500;

    font-size: 14px;

}



.news-details-area .comments-area .comment-respond .form-submit input:hover {

    color: #ffffff;

    background-color: #25245e;

}



.news-details-area .comments-area .comment-respond .form-submit input:focus {

    color: #ffffff;

    background-color: #0664cd;

}



.news-details-area .widget-area .widget {

    margin-top: 35px;

    background-color: #ffffff;

    -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);

    box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.08);

}



.news-details-area .widget-area .widget .post-wrap {

    padding: 20px;

}



.news-details-area .widget-area .widget:first-child {

    margin-top: 0;

}



.news-details-area .widget-area .widget .widget-title {

    text-transform: capitalize;

    position: relative;

    font-size: 20px;

    margin-bottom: 0;

    background-color: #ececec;

    padding: 10px 20px;

    color: #151517;

    position: relative;

}



.news-details-area .widget-area .widget .widget-title::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 2px;

    height: 100%;

    background-color: #0664cd;

}



.news-details-area .widget-area .widget_search form {

    position: relative;

}



.news-details-area .widget-area .widget_search form label {

    display: block;

    margin-bottom: 0;

}



.news-details-area .widget-area .widget_search form .screen-reader-text {

    display: none;

}



.news-details-area .widget-area .widget_search form .search-field {

    background-color: transparent;

    height: 50px;

    padding: 6px 15px;

    border: 1px solid #eeeeee;

    width: 100%;

    display: block;

    outline: 0;

    -webkit-transition: 0.5s;

    transition: 0.5s;

}



.news-details-area .widget-area .widget_search form .search-field:focus {

    border-color: #0664cd;

}



.news-details-area .widget-area .widget_search form button {

    position: absolute;

    right: 0;

    outline: 0;

    bottom: 0;

    height: 50px;

    width: 50px;

    border: none;

    color: #ffffff;

    background-color: #a20000;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    cursor: pointer;

}



.news-details-area .widget-area .widget_search form button:hover {

    background-color: #25245e;

}



.news-details-area .widget-area .widget-peru-posts-thumb {

    position: relative;

    overflow: hidden;

}



.news-details-area .widget-area .widget-peru-posts-thumb .item {

    overflow: hidden;

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #efefef;

}



.news-details-area .widget-area .widget-peru-posts-thumb .item:last-child {

    margin-bottom: 0;

    border-bottom: none;

    padding-bottom: 0;

}



.news-details-area .widget-area .widget-peru-posts-thumb .item .thumb {

    float: left;

    height: 80px;

    overflow: hidden;

    position: relative;

    width: 80px;

    margin-right: 15px;

}



.news-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage {

    width: 80px;

    height: 80px;

    display: inline-block;

    background-size: cover !important;

    background-repeat: no-repeat;

    background-position: center center !important;

    position: relative;

    background-color: #343434;

}



.news-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg1 {

    /* background-image: url(../img/news-details/popular-posts-1.png); */

}



.news-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg2 {

    /* background-image: url(../img/news-details/popular-posts-2.png); */

}



.news-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg3 {

    /* background-image: url(../img/news-details/popular-posts-3.png); */

}



.news-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg4 {

    /* background-image: url(../img/news-details/popular-posts-4.png); */

}



.news-details-area .widget-area .widget-peru-posts-thumb .item .info {

    overflow: hidden;

}



.news-details-area .widget-area .widget-peru-posts-thumb .item .info span {

    display: block;

    color: #666666;

    text-transform: uppercase;

    margin-top: 5px;

    margin-bottom: 5px;

    font-size: 12px;

    font-weight: 500;

}



.news-details-area .widget-area .widget-peru-posts-thumb .item .info .title {

    margin-bottom: 0;

    line-height: 1.5;

    font-size: 14px;

    font-weight: 600;

}



.news-details-area .widget-area .widget-peru-posts-thumb .item .info .title a {

    display: inline-block;

    color: #474c40;

}



.news-details-area .widget-area .widget-peru-posts-thumb .item .info .title a:hover {

    color: #0664cd;

}



.news-details-area .widget-area .widget_recent_entries ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

}



.news-details-area .widget-area .widget_recent_entries ul li {

    position: relative;

    margin-bottom: 12px;

    color: #666666;

    padding-left: 17px;

    line-height: 1.5;

    font-size: 15px;

    font-weight: 600;

}



.news-details-area .widget-area .widget_recent_entries ul li:last-child {

    margin-bottom: 0;

}



.news-details-area .widget-area .widget_recent_entries ul li::before {

    background: #0664cd;

    position: absolute;

    height: 7px;

    width: 7px;

    content: '';

    left: 0;

    top: 7px;

}



.news-details-area .widget-area .widget_recent_entries ul li .post-date {

    display: block;

    font-size: 13px;

    color: #666666;

    margin-top: 4px;

}



.news-details-area .widget-area .widget_categories ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

}



.news-details-area .widget-area .widget_categories ul li {

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 10px;

    color: #282828;

    padding-left: 17px;

    font-size: 15px;

    font-weight: 600;

    border-bottom: 1px solid #efefef;

}



.news-details-area .widget-area .widget_categories ul li:last-child {

    margin-bottom: 0;

    border-bottom: none;

}



.news-details-area .widget-area .widget_categories ul li::before {

    background: #a20000;

    position: absolute;

    height: 10px;

    width: 10px;

    content: '';

    left: 0;

    top: 8px;

    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

}



.news-details-area .widget-area .widget_categories ul li a {

    display: block;

    color: #666666;

    font-weight: normal;

    font-size: 14px;

}



.news-details-area .widget-area .widget_categories ul li a span {

    float: right;

    font-size: 13px;

}



.news-details-area .widget-area .widget_categories ul li a:hover {

    color: #a20000;

}



.news-details-area .widget-area .widget_categories ul li .post-count {

    float: right;

}



.news-details-area .widget-area .widget_meta ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

}



.news-details-area .widget-area .widget_meta ul li {

    position: relative;

    padding-bottom: 10px;

    margin-bottom: 10px;

    color: #666666;

    padding-left: 17px;

    font-size: 15px;

    font-weight: 500;

    border-bottom: 1px solid #efefef;

}



.news-details-area .widget-area .widget_meta ul li a {

    color: #212121;

}



.news-details-area .widget-area .widget_meta ul li a:hover {

    color: #0664cd;

}



.news-details-area .widget-area .widget_meta ul li:last-child {

    margin-bottom: 0;

}



.news-details-area .widget-area .widget_meta ul li::before {

    background: #0664cd;

    position: absolute;

    height: 10px;

    width: 10px;

    content: '';

    left: 0;

    top: 8px;

    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

}



.news-details-area .widget-area .widget_tag_cloud .widget-title {

    margin-bottom: 0;

}



.news-details-area .widget-area .tagcloud a {

    display: inline-block;

    color: #666666;

    font-weight: normal;

    font-size: 14px !important;

    padding: 7px 10px;

    border: 1px dashed #eeeeee;

    margin-top: 10px;

    margin-right: 10px;

}



.news-details-area .widget-area .tagcloud a:hover {

    background-color: #0664cd;

    color: #ffffff;

}



.news-details-area .widget-area .tagcloud a:focus {

    background-color: #0664cd;

    color: #ffffff;

    border-color: #0664cd;

}



.news-details-area .widget-area .widget_services_list ul {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);

    box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);

    background-color: #ffffff;

}



.news-details-area .widget-area .widget_services_list ul li a {

    display: block;

    position: relative;

    border-bottom: 1px solid #eeeeee;

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 15px;

    padding-right: 35px;

    color: #5d6576;

    z-index: 1;

    font-weight: 500;

}



.news-details-area .widget-area .widget_services_list ul li a::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    background: #252920;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

}



.news-details-area .widget-area .widget_services_list ul li a i {

    position: absolute;

    right: 15px;

    top: 50%;

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

    transform: translateY(-50%);

}



.news-details-area .widget-area .widget_services_list ul li a:hover {

    background-color: #0664cd;

    color: #ffffff;

    padding-left: 20px;

}



.news-details-area .widget-area .widget_services_list ul li a:hover::before {

    opacity: 1;

    visibility: visible;

    width: 5px;

}



.news-details-area .widget-area .widget_services_list ul li a.active {

    background-color: #0664cd;

    color: #ffffff;

    padding-left: 20px;

}



.news-details-area .widget-area .widget_services_list ul li a.active::before {

    opacity: 1;

    visibility: visible;

    width: 5px;

}



.news-details-area .widget-area .widget_services_list ul li:last-child a {

    border-bottom: none;

}



.news-details-area .widget-area .widget_download ul {

    padding-left: 0;

    list-style-type: none;

    margin-bottom: 0;

    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);

    box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.04);

    background-color: #ffffff;

}



.news-details-area .widget-area .widget_download ul li a {

    display: block;

    position: relative;

    border-bottom: 1px solid #eeeeee;

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 15px;

    padding-right: 35px;

    color: #5d6576;

    z-index: 1;

    font-weight: 500;

}



.news-details-area .widget-area .widget_download ul li a::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    background: #252920;

    -webkit-transition: 0.5s;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

}



.news-details-area .widget-area .widget_download ul li a i {

    position: absolute;

    right: 15px;

    top: 50%;

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

    transform: translateY(-50%);

}



.news-details-area .widget-area .widget_download ul li a:hover {

    background-color: #0664cd;

    color: #ffffff;

    padding-left: 20px;

}



.news-details-area .widget-area .widget_download ul li a:hover::before {

    opacity: 1;

    visibility: visible;

    width: 5px;

}



.news-details-area .widget-area .widget_download ul li a.active {

    background-color: #0664cd;

    color: #ffffff;

    padding-left: 20px;

}



.news-details-area .widget-area .widget_download ul li a.active::before {

    opacity: 1;

    visibility: visible;

    width: 5px;

}



.news-details-area .widget-area .widget_download ul li:last-child a {

    border-bottom: none;

}



.news-details-area .widget-area .info time {

    font-size: 13px;

    color: #929292;

    display: block;

    margin-bottom: 4px;

}





/*

Contact Area Style

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



.contact-area .section-title {

    margin-bottom: 30px;

}



.contact-area .section-title h2 {

    font-size: 30px;

}



.contact-area .contact-wrap {

    background-color: #ffffff;

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

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

    padding: 40px;

    text-align: center;

}



.contact-area .contact-wrap .form-group {

    margin-bottom: 30px;

}



.contact-area .contact-wrap .text-danger {

    color: #dc3545 !important;

    margin-top: 30px;

}



.contact-area .contact-wrap .text-success {

    color: #28a745 !important;

}



.contact-area .contact-wrap .list-unstyled {

    text-align: left;

    margin-top: 10px;

    color: #dc3545 !important;

}



.contact-area .quick-contact {

    background-color: #ffffff;

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

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

    padding: 30px;

}



.contact-area .quick-contact h3 {

    font-size: 28px;

    margin-bottom: 20px;

    margin-top: -4px;

}



.contact-area .quick-contact ul li {

    font-size: 18px;

    position: relative;

    color: #ffffff;

    font-weight: 600;

    margin-bottom: 15px;

    /* background-color: #a20000; */

    background-color: #006185;

    padding: 19px 20px;

    padding-left: 65px;

}



.contact-area .quick-contact ul li:last-child {

    margin-bottom: 0;

}



.contact-area .quick-contact ul li i {

    position: absolute;

    left: 25px;

    top: 16px;

    font-size: 25px;

}



.contact-area .quick-contact ul li span {

    display: block;

    font-weight: 400;

    font-size: 15px;

}



.contact-area .quick-contact ul li a {

    display: block;

    font-weight: 400;

    font-size: 15px;

    color: #ffffff;

}



.map-area iframe {

    width: 100%;

    height: 500px;

    border: none;

    margin-bottom: -8px;

}





/* 

FAQ Area Style

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



.faq-area .faq-accordion {

    background-color: #ffffff;

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

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

    padding: 40px;

    margin: auto;

}



.faq-area .faq-accordion h2 {

    font-size: 35px;

    margin-bottom: 30px;

    text-align: center;

}



.faq-area .faq-accordion .accordion {

    list-style-type: none;

    padding-left: 0;

    margin-bottom: 0;

}



.faq-area .faq-accordion .accordion .accordion-item {

    display: block;

    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

    box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

    /* background: #a20000; */

    background: #a3a0a0;

    /* background: rgba(108, 118, 134); */

    margin-bottom: 20px;

}



.faq-area .faq-accordion .accordion .accordion-item:last-child {

    margin-bottom: 0;

}



.faq-area .faq-accordion .accordion .accordion-title {

    padding: 12px 20px 12px 50px;

    color: #ffffff;

    position: relative;

    margin-bottom: -1px;

    display: block;

    font-size: 16px;

    border: 1px solid #ffffff;

}



.faq-area .faq-accordion .accordion .accordion-title i {

    position: absolute;

    left: 0;

    top: 0;

    width: 40px;

    text-align: center;

    height: 100%;

    background: #686868;

    color: #0664cd;

    font-size: 14px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    color: #ffffff;

}



.faq-area .faq-accordion .accordion .accordion-title i::before {

    position: absolute;

    left: 0;

    top: 50%;

    right: 0;

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

    transform: translateY(-50%);

}



.faq-area .faq-accordion .accordion .accordion-title span {

    position: absolute;

    top: 14px;

    left: 20px;

    width: 30px;

    height: 30px;

    line-height: 30px;

    background-color: #0664cd;

    color: #ffffff;

    text-align: center;

    border-radius: 50%;

}



.faq-area .faq-accordion .accordion .accordion-title.active {

    border-bottom-color: #a20000;

}







.faq-area .faq-accordion .accordion .accordion-title.active i {

    background-color: #686868;

    color: #fff;

}

.faq-area .faq-accordion .accordion .accordion-title.active i::before {

    content: "\eaf8";

}

.faq-area .faq-accordion .accordion .accordion-content {

    display: none;

    position: relative;

    padding: 20px;

    color: #ffffff;

    font-size: 14px;

    border-top: 1px solid #ffffff;

}

.faq-area .faq-accordion .accordion .accordion-content.show {

    display: block;

}



/*

Client Area Style

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

.single-client {

    background-color: #ffffff;

    text-align: center;

    padding: 0 30px 30px 30px;

    border-radius: 4px;

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

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

    margin-bottom: 30px;

    margin-top: 30px;

}

.single-client img {

    border-radius: 50%;

    margin-bottom: -30px !important;

    position: relative;

    top: -30px;

    width: unset;

}

.single-client h3 {

    margin-top: 20px;

    margin-bottom: 5px;

}

.single-client span {

    margin-bottom: 10px;

    display: block;

}

.single-client ul {

    line-height: 1;

}

.single-client ul li {

    display: inline-block;

}

.single-client ul li i {

    color: #ffc107;

}

.single-client-area .single-client {

    margin-bottom: 30px;

}



/*

Gallery Area Style

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

.gallery-wraps {

    text-align: center;

}

.gallery-wraps .shorting .mix {

    display: none;

}

.gallery-wraps .shorting-menu {

    margin-bottom: 40px;

}

.gallery-wraps .shorting-menu .filter {

    font-size: 16px;

    font-weight: 500;

    background-color: transparent;

    cursor: pointer;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    padding: 0 20px;

    color: #25245e;

}

.gallery-wraps .shorting-menu .filter i {

    font-size: 20px;

    position: relative;

    top: 3px;

    display: inline-block;

    margin-right: 5px;

}

.gallery-wraps .shorting-menu .filter:hover {

    color: #0664cd;

}

.gallery-wraps .shorting-menu .filter.active {

    color: #0664cd;

}

.single-gallery {

    position: relative;

    overflow: hidden;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    margin-bottom: 30px;

}

.single-gallery .gallery-image {

    position: relative;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    height: 380px;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

}

.single-gallery .gallery-image.bg-1 {

    

    background-image: url(../img/new2/erp-round/alloy-steel-pipes-tubes-ast.jpg);

}

.single-gallery .gallery-image.bg-2 {

   

    background-image: url(../img/new2/erp-round/ms-erw-boiler.jpg);

}

.single-gallery .gallery-image.bg-3 {

    background-image: url(../img/new2/erw-rectangle/erw_black_rect_and_squ.jpg);

    

}

.single-gallery .gallery-image.bg-4 {

    background-image: url(../img/new2/erw-rectangle/rect.jpg);

   

}

.single-gallery .gallery-image.bg-5 {

    background-image: url(../img/new2/erw-square/erw-square.jpg);

    

}

.single-gallery .gallery-image.bg-6 {

    background-image: url(../img/new2/erp-round/product1.jpg);

   

}

.single-gallery .gallery-image.bg-7 {

    background-image: url(../img/new2/erw-rectangle/images.jpeg);

   

}

.single-gallery .gallery-image.bg-8 {

    background-image: url(../img/new2/adjusted-base-jack-rental-services-500x500.jpg);

   

}

.single-gallery .gallery-image.bg-8 {

    background-image: url(../img/new2/adjusted-base-jack-rental-services-500x500.jpg);

   

}

.single-gallery .gallery-image.bg-9 {

    background-image: url(../img/new2/erw-rectangle/3-iron.jpg);

   

}

.single-gallery .gallery-image.bg-10 {

    background-image: url(../img/new2/erw-rectangle/2-iron.jpg);

   

}

.single-gallery .gallery-image.bg-11 {

    background-image: url(../img/new2/erw-rectangle/1-iron.jpg);

   

}

.single-gallery .gallery-image.bg-12 {

    background-image: url(../img/new2/erw-rectangle/jcb.jpg);

   

}

.single-gallery .gallery-image.bg-13 {

    background-image: url(../img/new2/erw-rectangle/aaa.jpg);

   

}

.single-gallery .gallery-image.bg-14 {

    background-image: url(../img/new2/erw-rectangle/hhhh.jpg);

   

}

.single-gallery .gallery-image.bg-15 {

    background-image: url(../img/new2/erw-rectangle/kkk.jpg);

   

}

.single-gallery .gallery-image.bg-16 {

    background-image: url(../img/new2/erw-square/fact2.jpg);

    

}

.single-gallery .gallery-image img {

    -webkit-transition: all 9s;

    transition: all 9s;

}

.single-gallery .gallery-content {

    position: absolute;

    bottom: -115px;

    left: 0;

    right: 0;

    text-align: left;

    background-color: #ffffff;

    max-width: 90%;

    margin: auto;

    padding: 15px;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    z-index: 2;

    text-align: center;

}

.single-gallery .gallery-content span {

    color: #0664cd;

    font-weight: 500;

    display: block;

    margin-bottom: 8px;

}

.single-gallery .gallery-content h3 {

    margin-bottom: 12px;

}

.single-gallery .gallery-content h3 a {

    color: #25245e;

}

.single-gallery .gallery-content:hover h3 a {

    color: #242424;

}

.single-gallery:hover .gallery-content {

    bottom: 17px;

}

.single-gallery:hover .gallery-image img {

    -webkit-transform: scale(2.3) rotate(4deg);

    transform: scale(2.3) rotate(4deg);

}



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

HOME PAGE FIVE STYLE

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



/*

Slider Area Five Style

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

.slider-area-five .owl-next {

    position: absolute;

    top: 50%;

    right: 60px;

    margin: 0 !important;

    border-radius: 0 !important;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    -webkit-transform: translateY(60px);

    transform: translateY(60px);

    border-radius: 4px;

}

.slider-area-five .owl-next i {

    background-color: #0664cd;

    color: #ffffff;

    width: 40px;

    height: 40px;

    line-height: 40px;

    display: inline-block;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    font-size: 26px;

    border-radius: 4px;

}

.slider-area-five .owl-next i:hover {

    background-color: #0664cd !important;

}

.slider-area-five .owl-prev {

    position: absolute;

    top: 50%;

    left: 60px;

    margin: 0 !important;

    border-radius: 0 !important;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    -webkit-transform: translateY(60px);

    transform: translateY(60px);

    border-radius: 4px;

}

.slider-area-five .owl-prev i {

    background-color: #0664cd !important;

    color: #ffffff;

    width: 40px;

    height: 40px;

    line-height: 40px;

    display: inline-block;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    font-size: 26px;

    border-radius: 4px;

}

.slider-area-five .owl-prev i:hover {

    background-color: #0664cd !important;

}

.slider-area-five:hover .owl-prev {

    left: 30px;

}

.slider-area-five:hover .owl-next {

    right: 30px;

}

.slider-area-five .slider-item {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    height: 100vh;

    overflow: hidden;

}

.slider-area-five .slider-item.slider-item-bg-7 {

    background-image: url(../img/home-five/slider/1.jpg);

}

.slider-area-five .slider-item.slider-item-bg-8 {

    background-image: url(../img/home-five/slider/2.jpg);

}

.slider-area-five .slider-item .slider-text {

    text-align: center;

    position: relative;

    max-width: 800px;

    margin: 130px auto 0;

    z-index: 1;

}

.slider-area-five .slider-item .slider-text::before {

    content: "";

    position: absolute;

    top: -150%;

    left: -100%;

    width: 150%;

    height: 350%;

    background-color: rgba(0, 55, 130, 0.5);

    z-index: -1;

}

.slider-area-five .slider-item .slider-text::after {

    content: "";

    position: absolute;

    top: -150%;

    right: -100%;

    width: 150%;

    height: 350%;

    background-color: rgba(0, 55, 130, 0.5);

    z-index: -1;

}

.slider-area-five .slider-item .slider-text span {

    color: #ffffff;

    font-size: 15px;

    display: block;

    margin-bottom: 10px;

}

.slider-area-five .slider-item .slider-text h1 {

    font-size: 60px;

    color: #ffffff;

    margin-bottom: 30px;

}

.slider-area-five .slider-item .slider-text p {

    color: #ffffff;

    font-size: 16px;

    margin-bottom: 35px;

}

.slider-area-five .slider-item .slider-text .slider-btn .default-btn {

    margin: 0 20px;

}

.slider-area-five .slider-item .slider-text .slider-btn .default-btn.white {

    color: #ffffff;

}

.slider-area-five .owl-item.active .slider-text.overflow-hidden {

    overflow: hidden;

}

.slider-area-five .owl-item.active .slider-text.one span {

    -webkit-animation: 1s .1s fadeInUpBig both;

    animation: 1s .1s fadeInUpBig both;

}

.slider-area-five .owl-item.active .slider-text.one .video-btn-animat {

    -webkit-animation: 1s .1s fadeInUpBig both;

    animation: 1s .1s fadeInUpBig both;

}

.slider-area-five .owl-item.active .slider-text.one h1 {

    -webkit-animation: 2s .2s fadeInUpBig both;

    animation: 2s .2s fadeInUpBig both;

}

.slider-area-five .owl-item.active .slider-text.one p {

    -webkit-animation: 3s .3s fadeInUpBig both;

    animation: 3s .3s fadeInUpBig both;

}

.slider-area-five .owl-item.active .slider-text.one .slider-btn {

    -webkit-animation: 4s .4s fadeInUpBig both;

    animation: 4s .4s fadeInUpBig both;

}

.slider-area-five .owl-item.active .slider-text.two span {

    -webkit-animation: 2s .2s fadeInDownBig both;

    animation: 2s .2s fadeInDownBig both;

}

.slider-area-five .owl-item.active .slider-text.two .video-btn-animat {

    -webkit-animation: 2s .2s fadeInDownBig both;

    animation: 2s .2s fadeInDownBig both;

}

.slider-area-five .owl-item.active .slider-text.two h1 {

    -webkit-animation: 2s .2s fadeInLeft both;

    animation: 2s .2s fadeInLeft both;

}

.slider-area-five .owl-item.active .slider-text.two p {

    -webkit-animation: 2s .2s fadeInRight both;

    animation: 2s .2s fadeInRight both;

}

.slider-area-five .owl-item.active .slider-text.two .slider-btn {

    -webkit-animation: 2s .2s fadeInUpBig both;

    animation: 2s .2s fadeInUpBig both;

}

.slider-area-five .owl-item.active .slider-text::before {

    -webkit-animation: 3s .3s fadeInLeft both;

    animation: 3s .3s fadeInLeft both;

}

.slider-area-five .owl-item.active .slider-text::after {

    -webkit-animation: 3s .3s fadeInRight both;

    animation: 3s .3s fadeInRight both;

}



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

HOME PAGE SIX STYLE

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



/*

Banner Area Style

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

.banner-area-six {

    position: relative;

    height: 100vh;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    /* background-image: url(../img/home-six/slider/1.jpg); */

    padding-top: 150px;

    overflow: hidden;

}

.banner-area-six::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 50%;

    height: 100%;

    background-color: rgba(0, 55, 130, 0.5);

    z-index: 1;

    -webkit-animation: 9s .9s fadeOutLeft both;

    animation: 9s .9s fadeOutLeft both;

}

.banner-area-six::after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 50%;

    height: 100%;

    background-color: rgba(0, 55, 130, 0.5);

    z-index: 1;

    -webkit-animation: 9s .9s fadeOutRight both;

    animation: 9s .9s fadeOutRight both;

}

.banner-area-six .banner-text {

    position: relative;

}

.banner-area-six .banner-text span {

    color: #ffffff;

    margin-bottom: 10px;

    display: block;

}

.banner-area-six .banner-text h1 {

    font-size: 60px;

    margin-bottom: 20px;

    color: #ffffff;

}

.banner-area-six .banner-text p {

    font-size: 16px;

    margin-bottom: 30px;

    color: #ffffff;

}

.banner-area-six .repairs-img img {

    -webkit-animation: border-transform 10s linear infinite alternate forwards;

    animation: border-transform 10s linear infinite alternate forwards;

}



/*# sourceMappingURL=style.css.map */





  

  .card_h{

    /* width:500px;

    height:500px; */

    background:#a20000;

    border-radius:10px;

    overflow:hidden;

    position:relative;

    font-size:2rem;

    color:black;

    display:grid;

    place-items:center;

    padding: 30px;

  }

  

  .card_h::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(-45deg, hsla(0, 0%, 0%, 0) 60%, hsla(0, 0%, 100%, 0.5) 70%, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0) 100% );

    transition:650ms ease;

    background-size: 250% 250%, 100% 100%;

    background-repeat:no-repeat;

    background-position: -500px -500px, 0 0;

  }

  

  .card_h:hover{

    cursor:pointer;

  }

  

  .card_h:hover::before{

    background-position: 280px 280px, 0 0;

  }

  .content_h h5, h6{
    text-align: left;
    color: #002858;
  }

  .card_h2{

    /* width:500px;

    height:500px; */

    background:#006185;

    border-radius:10px;

    overflow:hidden;

    position:relative;

    font-size:2rem;

    color:black;

    display:grid;

    place-items:center;

    padding: 30px;

  }

  

  .card_h2::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(-45deg, hsla(0, 0%, 0%, 0) 60%, hsla(0, 0%, 100%, 0.5) 70%, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0) 100% );

    transition:650ms ease;

    background-size: 250% 250%, 100% 100%;

    background-repeat:no-repeat;

    background-position: -500px -500px, 0 0;

  }

  

  .card_h2:hover{

    cursor:pointer;

  }

  

  .card_h2:hover::before{

    background-position: 280px 280px, 0 0;

  }

  .content_h h5{

      text-align: center;

      color: #fff;

  }

  .info_card{

      padding: 20px;

  }

  .home_info{

      position: relative;

      top: -60px;

      z-index: 110;

  }

  .funnel_h{

      display: none;

  }



  .facility-img{

      position: relative;

      z-index: 10;

  }



  .facility-img::before{

    content: '';

    position: absolute;

    width: 300px;

    height: 300px;

    /* background-image: url(../img/Vikrant\ Shop\ Standy-02.jpg); */

    background-color: #0f0f11;

    /* border-radius: 100%; */

    top: -73px;

    z-index: -1;

    left: 77%;

  }



  @media (max-width:768px){

      .computer-img{

          display: none;

      }



      .computer-content{

          margin: 0;

      }



      .text-center img{

          text-align: center;

      }





      /* .slider-text h2{

          display: none;

      } */



      .page-title-area{

          display: none;

      }

  }







  @media 

only screen and (max-width: 760px),

(min-device-width: 768px) and (max-device-width: 1024px)  {



	/* Force table to not be like tables anymore */

	table, thead, tbody, th, td, tr { 

		display: block; 

	}

	

	/* Hide table headers (but not display: none;, for accessibility) */

	thead tr { 

		position: absolute;

		top: -9999px;

		left: -9999px;

	}

	

	tr { border: 1px solid #ccc; }

	

	td { 

		/* Behave  like a "row" */

		border: none;

		border-bottom: 1px solid #eee; 

		position: relative;

		padding-left: 50%; 

	}

	

	td:before { 

		/* Now like a table header */

		position: absolute;

		/* Top/left values mimic padding */

		top: 6px;

		left: 6px;

		width: 45%; 

		padding-right: 10px; 

		white-space: nowrap;

	}

.sticky-icon {
        z-index: 6;
        position: fixed;
        top: 37%;
        left: 4px;
        width: 60px;
        display: flex;
        flex-direction: column;
    }
    .sticky-icon .whatsapp {
        text-align: left;
        text-transform: uppercase;
        font-size: 30px;
        text-decoration: none;
    }
    .whatsapp {
        background-color: rgb(67, 216, 84);
        color: rgb(255, 255, 255);
    }
    .sticky-icon .call {
        text-align: left;
        text-transform: uppercase;
        font-size: 25px;
        text-decoration: none;
    }
    .call {
        background-color: rgb(44, 128, 211);
        color: rgb(255, 255, 255);
    }
    .sticky-icon .email {
        text-align: left;
        text-transform: uppercase;
        font-size: 25px;
        text-decoration: none;
    }
    .email {
        background-color: rgb(217, 83, 79);
        color: rgb(255, 255, 255);
    }
    .sticky-icon .enquiry {
        text-align: left;
        text-transform: uppercase;
        font-size: 25px;
        text-decoration: none;
    }
    .enquiry {
        background-color: rgb(240, 173, 78);
        color: rgb(255, 255, 255);
    }
    .ip-11{
      padding: 11px!important;
    }
 .trin-trin
  {
      animation-name: trin;
      animation-duration: 1.8s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
  }
  @keyframes trin {
      from {
          transform:rotate3d(0, 0, 1, 0deg);
      }
      20%, 32%, 44%, 56%, 68% {
          transform: rotate3d(0, 0, 1, 0deg);
      }
      23%, 35%, 47%, 59%, 71% {
          transform: rotate3d(0,0,1,12deg);
      }
      26%, 38%, 50%, 62%, 74% {
          transform: rotate3d(0,0,1,0deg);
      }
      29%, 41%, 53%, 65%, 77% {
          transform: rotate3d(0,0,1,-12deg);
      }
      80% {
          transform:rotate3d(0, 0, 1, 0deg);
      }
  }
  .trin-trin
  {
      animation-name: trin;
      animation-duration: 1.8s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
  }
  @keyframes trin {
      from {
          transform:rotate3d(0, 0, 1, 0deg);
      }
      20%, 32%, 44%, 56%, 68% {
          transform: rotate3d(0, 0, 1, 0deg);
      }
      23%, 35%, 47%, 59%, 71% {
          transform: rotate3d(0,0,1,12deg);
      }
      26%, 38%, 50%, 62%, 74% {
          transform: rotate3d(0,0,1,0deg);
      }
      29%, 41%, 53%, 65%, 77% {
          transform: rotate3d(0,0,1,-12deg);
      }
      80% {
          transform:rotate3d(0, 0, 1, 0deg);
      }
  }
}
.ul-text{
    font-size:13px !important;
}
.ptb-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.welcome-main {
    background-color: #fff;
}
.sub-head{
    font-size: 16px;
    background-color: #ffec59;
    overflow: hidden;
    display: inline;
    padding: 4px 20px;
    border-radius: 50px;
    color: #002858;
    text-transform: uppercase;
}
.welcome-head h1 {
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 4px;
}
.h4-seo {
    font-size: 30px;
    color: white;
    margin-top: 10px;
}
.ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.post-slide2{
    margin: 0 15px;
    box-shadow: 0 1px 2px #00309c;
    margin-bottom: 2em;
}
.post-slide2 .post-content {
  background: #fff;
  padding: 20px;
}
.post-slide2 .post-title a {
  color: #002858;
}
.post-slide2 .read-more {
  display: inline-block;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: #00309c;
  border-bottom-right-radius: 10px;
  text-transform: capitalize;
  transition: all 0.3s linear;
}
.post-slide2 .read-more:hover {
  background: #ffb800;
  text-decoration: none;
}
.section-title{
    text-align: center;
    margin-bottom: 20px;
}
.h3-seo {
    margin-top: 10px;
    text-transform: uppercase;
}
.post-slide2 .post-title {
  font-size: 17px;
  font-weight: 600;
  margin-top: 0;
  text-transform: capitalize;
}
p{
    font-size: 15px;
    color: #000;
    line-height: 24px;
}
.mvgv-head h3 {
    color: #002858 !important;
}
.quality-standards {
  background-image: url(../images/quality-standards.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
}
.quality-head h6 {
    font-size: 20px;
    color: #ffffff;
    margin-top: 10px;
    text-transform: uppercase;
}
.quality-head h5 {
    color: #fffded;
    font-size: 18px;
    font-style: italic;
}

.our-brand h3 {
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 4px;
    text-transform: uppercase;
    color: #002858;
}
/**/
.styled-table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0 20px;
    font-size: 16px;
    min-width: 400px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    border-radius: 8px;
    overflow: hidden;
  }

  .styled-table thead tr {
    background-color: #002858;
    color: #ffffff;
    text-align: left;
  }

  .styled-table th,
  .styled-table td {
    padding: 12px 15px;
  }

  .styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
    transition: background-color 0.3s;
  }

  .styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
  }

  .styled-table tbody tr:hover {
    background-color: #f1f1f1;
  }
/**/

b, strong {
    font-weight: 600;
}