@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Montserrat:wght@400;500;600;700;800&display=swap');
                    @font-face {
                        font-family: Flaticon;
                        src: url(../fonts/Flaticon.eot);
                        src: url(../fonts/Flaticon.eot?#iefix) format("embedded-opentype"), url(../fonts/Flaticon.woff) format("woff"), url(../fonts/Flaticon.ttf) format("truetype"), url(../fonts/Flaticon.svg#Flaticon) format("svg");
                        font-weight: 400;
                        font-style: normal
                    }
                    
                    @media screen and (-webkit-min-device-pixel-ratio:0) {
                        @font-face {
                            font-family: Flaticon;
                            src: url(../fonts/Flaticon.svg#Flaticon) format("svg")
                        }
                    }
                    
                    [class*=" flaticon-"]:after,
                    [class*=" flaticon-"]:before,
                    [class^=flaticon-]:after,
                    [class^=flaticon-]:before {
                        font-family: Flaticon;
                        font-style: normal
                    }
                    
                    .flaticon-mail:before {
                        content: "\f100";
                    }
                    
                    .flaticon-whatsapp:before {
                        content: "\f101";
                    }
                    
                    .flaticon-zoom:before {
                        content: "\f102";
                    }
                    
                    .flaticon-menu:before {
                        content: "\f103";
                    }
                    
                    .flaticon-shopping-cart:before {
                        content: "\f104";
                    }
                    
                    .flaticon-view:before {
                        content: "\f105";
                    }
                    
                    .flaticon-employee:before {
                        content: "\f106";
                    }
                    
                    .flaticon-tick:before {
                        content: "\f107";
                    }
                    
                    .flaticon-responsive-design:before {
                        content: "\f108";
                    }
                    
                    .flaticon-pin:before {
                        content: "\f109";
                    }
                    
                    .flaticon-plus:before {
                        content: "\f10a";
                    }
                    
                    .flaticon-download:before {
                        content: "\f10b";
                    }
                    
                    .flaticon-file:before {
                        content: "\f10c";
                    }
                    /* 
        font-family: 'Lato', sans-serif;
font-family: 'Montserrat', sans-serif; */
                    
                    body {
                        color: #313030;
                        font-size: 14px;
                        font-family: 'Lato', sans-serif;
                        margin: 0;
                        background: #fff;
                        overflow-y: scroll;
                        overflow-x: hidden!important;
                    }
                    
                    h1,
                    h2,
                    h3,
                    h4,
                    h5,
                    h6 {
                        margin: 0;
                        padding: 0;
                    }
                    
                    p {
                        width: 100%;
                        color: #313030;
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 23px;
                        text-align: left;
                    }
                    
                    ul {
                        padding: 0;
                        margin: 0
                    }
                    
                    ol,
                    ul {
                        list-style: none
                    }
                    
                    #scrl::-webkit-scrollbar {
                        width: 6px;
                        background-color: #fff
                    }
                    
                    #scrl::-webkit-scrollbar-thumb {
                        background-color: #231f20;
                        border-radius: 10px
                    }
                    
                    .fl {
                        float: left
                    }
                    
                    .fr {
                        float: right
                    }
                    
                    .p0 {
                        padding: 0
                    }
                    
                    .pr {
                        padding: 0 7.5px 0 0
                    }
                    
                    .pl {
                        padding: 0 0 0 7.5px
                    }
                    
                    button {
                        outline: 0!important
                    }
                    
                    button:focus {
                        outline: 0!important
                    }
                    
                     :focus {
                        outline: 0!important
                    }
                    
                    a {
                        text-decoration: none!important;
                        -webkit-transition: .4s ease-in-out;
                        -moz-transition: .4s ease-in-out;
                        -ms-transition: .4s ease-in-out
                    }
                    
                    a:hover {
                        text-decoration: none!important
                    }
                    
                    .reset {
                        clear: both
                    }
                    /* cbp-af-header */
                    
                    header {
                        width: 100%;
                        z-index: 99;
                        position: relative;
                        padding: 10px;
                        -webkit-transition: height 0.5s;
                        -moz-transition: height 0.5s;
                        transition: all 0.4s ease-in-out;
                        background: #fff;
                    }
                    
                    .logo {
                        display: inline-block;
                        width: 200px;
                        transition: all .4s ease-in-out;
                        background-repeat: no-repeat;
                    }
                    
                    .right-side {
                        display: inline-block;
                        position: relative;
                        padding-right: 20px;
                    }
                    
                    .right-side ul {
                        margin: 0;
                        padding: 0px;
                        list-style: none;
                    }
                    
                    .right-side ul li a {
                        color: #131314;
                    }
                    
                    .right-side ul li {
                        display: inline-block;
                        font-size: 15px;
                        color: #131314;
                        -webkit-transition: all 0.3s ease-in;
                        -o-transition: all 0.3s ease-in;
                        transition: all 0.3s ease-in;
                        padding-left: 10px;
                        font-family: 'Lato', sans-serif;
                    }
                    
                    .right-side ul li i {
                        font-size: 20px;
                        color: #cb3727;
                    }
                    
                    .right-side ul li span {
                        position: absolute;
                        top: -3px;
                        right: 3px;
                        width: 20px;
                        text-align: center;
                        height: 20px;
                        line-height: 20px;
                        border-radius: 50%;
                        background: #f2f2f2;
                        color: #353535;
                        font-size: 10px;
                        font-weight: 400;
                    }
                    
                    .search_area {
                        background: none;
                        transform: translateY(-41px);
                        position: relative;
                        z-index: 9;
                    }
                    
                    .search_area.fixed {
                        width: 100%;
                        position: fixed;
                        top: 0;
                        background: #e2e2e2;
                        z-index: 99;
                        transform: translateY(0px);
                    }
                    
                    .search_area.fixed .search-bar {
                        padding: 16px 20px;
                    }
                    
                    .search-bar {
                        background: #e2e2e2;
                        padding: 30px 30px;
                        width: 80%;
                        margin: 0 auto;
                        /* -webkit-box-shadow: 0px 23px 16px -18px rgba(0, 0, 0, 0.44);
    -moz-box-shadow: 0px 23px 16px -18px rgba(0, 0, 0, 0.44);
    box-shadow: 0px 23px 16px -18px rgba(0, 0, 0, 0.44); */
                    }
                    
                    .toogle {
                        border: none;
                        color: #131314;
                        background: none;
                        display: flex;
                        align-items: center;
                        font-size: 15px;
                    }
                    
                    .toogle i {
                        color: #cb3727;
                        font-size: 22px;
                        padding-right: 10px;
                        padding-top: 4px;
                    }
                    
                    .searchbox {
                        width: 100%;
                        display: flex;
                    }
                    /*new-css 21-01*/
                    
                    .form-field {
                        width: 90%;
                        position: relative;
                    }
                    
                    .buttonfield {
                        width: 10%;
                    }
                    
                    .mcq_packs {
                        width: 100%;
                        font-size: 16px;
                        padding: 12px 20px;
                        border: 1px solid #ddd;
                        /* Add a grey border */
                    }
                    
                    .searchKey {
                        width: 100%;
                        list-style-type: none;
                        padding: 0;
                        margin: 0;
                        position: absolute;
                    }
                    
                    .searchKey li a {
                        border: 1px solid #ddd;
                        background-color: #f6f6f6;
                        padding: 8px 10px;
                        text-decoration: none;
                        font-size: 15px;
                        color: black;
                        display: block;
                    }
                    
                    .searchKey li a:hover:not(.header) {
                        background-color: #eee;
                        /* Add a hover effect to all links, except for headers */
                    }
                    /*new css*/
                    
                    .formclass {
                        display: flex;
                        width: 100%;
                        padding: 0;
                        margin: 0;
                    }
                    
                    .search-bar .form-group {
                        margin-bottom: 0px;
                    }
                    
                    .form-control:focus {
                        outline: 0;
                        box-shadow: none;
                        transition: all .6s ease-in-out
                    }
                    
                    .form-control::placeholder {
                        color: #5a5a59;
                        opacity: 1
                    }
                    
                    .form-control:disabled,
                    .form-control[readonly] {
                        background-color: #f0f1f3;
                        opacity: 1
                    }
                    
                    .search-bar .form-control {
                        border: 1px solid #f9fafa;
                        padding: 5px 15px;
                    }
                    
                    .search-bar .searchbox .form-control {
                        width: 100%;
                        border-radius: .25rem 0em 0em .25rem;
                    }
                    
                    .searchbox .searchbtn {
                        width: 100%;
                        background: #000;
                        height: 100%;
                        border: none;
                        color: #fff;
                        font-weight: 600;
                        -webkit-border-top-right-radius: .25rem;
                        -webkit-border-bottom-right-radius: .25rem;
                        -moz-border-radius-topright: .25rem;
                        -moz-border-radius-bottomright: .25rem;
                        border-top-right-radius: .25rem;
                        border-bottom-right-radius: .25rem;
                        margin-left: -3px;
                    }
                    
                    .modal .modal-dialog {
                        max-width: 1000px;
                    }
                    
                    .modal-header {
                        padding: 8px;
                        border-bottom: none;
                    }
                    
                    .modal-body .close {
                        padding: 1rem 1rem;
                        margin: -1rem -1rem -1rem auto;
                    }
                    
                    .modal-body {
                        padding: 30px;
                    }
                    
                    .modal-body h3 {
                        color: #cb3727;
                        font-size: 26px;
                        font-weight: 600;
                        font-family: 'Montserrat', sans-serif;
                    }
                    
                    .modal-body h3 span {
                        color: #212121;
                        font-size: 16px;
                        font-weight: 500;
                    }
                    
                    .category {
                        background: #9fa1a3;
                        color: #fff;
                        font-size: 12px;
                        padding: 0px 10px;
                        border-radius: 5px;
                        display: inline-block;
                    }
                    
                    .modal-body h4 {
                        color: #3b3b3b;
                        font-size: 20px;
                        font-weight: 600;
                        margin: 10px 0px;
                        font-family: 'Montserrat', sans-serif;
                    }
                    
                    .actualprice {
                        color: #8e8a8a;
                        font-size: 15px;
                        text-decoration: line-through;
                        font-weight: 500;
                    }
                    
                    .offerprice {
                        color: #cb3727;
                        font-size: 18px;
                        font-weight: 600;
                    }
                    
                    .modal-body h5 {
                        color: #3b3b3b;
                        font-size: 18px;
                        font-weight: 600;
                        font-family: 'Montserrat', sans-serif;
                    }
                    
                    .modal-pic {
                        position: relative;
                        width: 100%;
                        border: 1px solid #beafaf;
                    }
                    
                    input[type="number"] {
                        -webkit-appearance: textfield;
                        -moz-appearance: textfield;
                        appearance: textfield;
                    }
                    
                    input[type=number]::-webkit-inner-spin-button,
                    input[type=number]::-webkit-outer-spin-button {
                        -webkit-appearance: none;
                    }
                    
                    .number-input {
                        margin: 20px 0px;
                    }
                    
                    .number-input button {
                        -webkit-appearance: none;
                        background-color: transparent;
                        border: none;
                        align-items: center;
                        justify-content: center;
                        cursor: pointer;
                        margin: 0;
                        position: relative;
                    }
                    
                    .number-input button:before,
                    .number-input button:after {
                        display: inline-block;
                        position: absolute;
                        content: '';
                        height: 2px;
                        transform: translate(-50%, -50%);
                    }
                    
                    .number-input button.plus:after {
                        transform: translate(-50%, -50%) rotate(90deg);
                    }
                    
                    .number-input input[type=number] {
                        text-align: center;
                    }
                    
                    .md-number-input.number-input {
                        border: 2px solid #ddd;
                        width: 11.8rem;
                    }
                    
                    .md-number-input.number-input button {
                        outline: none;
                        width: 3rem;
                        height: 2rem;
                        padding-top: .8rem;
                    }
                    
                    .md-number-input.number-input button.minus {
                        padding-left: 8px;
                    }
                    
                    .md-number-input.number-input button.plus {
                        padding-left: 2px;
                    }
                    
                    .md-number-input.number-input button:before,
                    .md-number-input.number-input button:after {
                        width: 1rem;
                        background-color: #212121;
                    }
                    
                    .md-number-input.number-input input[type=number] {
                        max-width: 5rem;
                        padding: .5rem;
                        border: solid #ddd;
                        border-width: 0 2px;
                        font-size: 18px;
                        height: 3rem;
                        font-weight: bold;
                        outline: none;
                    }
                    
                    .subscribe {
                        background: #cb3727;
                        border: none;
                        color: white;
                        font-size: 16px;
                        float: right;
                        font-weight: 400;
                        padding: 10px 20px;
                        border-radius: 20px;
                        transition: all 0.4s ease-in-out;
                    }
                    
                    .subscribe i {
                        font-weight: 600;
                        font-style: 18px;
                    }
                    
                    .subscribe:hover {
                        background: #000;
                    }
                    
                    .succuess {
                        min-height: 300px;
                        width: 100%;
                        display: flex;
                        align-items: center;
                        flex-direction: column;
                        justify-content: center;
                    }
                    
                    .succuess h5 {
                        color: #cb3727;
                        font-size: 36px;
                        text-align: center;
                        font-weight: 700;
                        font-family: 'Montserrat', sans-serif;
                    }
                    
                    .succuess img {
                        width: 60px;
                    }
                    
                    .succuess h4 {
                        font-size: 20px;
                        text-align: center;
                        margin-bottom: 30px;
                    }
                    
                    .succuess h4::after {
                        display: none;
                    }
                    
                    button.close {
                        width: 65px;
                        height: 65px;
                        opacity: 1;
                        position: absolute;
                        right: 15px;
                        top: -15px;
                        transition: all 0.4s ease-in-out;
                    }
                    
                    .close:hover {
                        opacity: 1 !important;
                        transform: rotate(90deg);
                    }
                    
                    @media not all and (min-resolution:.001dpcm) {
                        @supports (-webkit-appearance: none) and (stroke-color: transparent) {
                            .number-input.md-number-input.safari_only button:before, .number-input.md-number-input.safari_only button:after {
                                margin-top: -.6rem;
                            }
                        }
                    }
                    
                    .banner {
                        height: 80vh;
                        width: 100%;
                        display: flex;
                        align-items: flex-end;
                    }
                    /* new banner 12-02-21 */
                    
                    .banner_left {
                        width: 50%;
                        background: #f6f6f6 url(../images/shape1.png) no-repeat left bottom;
                        height: 100%;
                        padding: 0px 30px;
                        display: flex;
                        justify-content: center;
                        position: relative;
                        flex-direction: column;
                    }
                    
                    .banner_left::after {
                        content: "";
                        position: absolute;
                        background: #f6f6f6;
                        width: 30px;
                        right: -29px;
                        height: 100%;
                        z-index: -1;
                    }
                    
                    .banner_right {
                        width: 50%;
                        box-shadow: -18px -1px 20px -5px rgb(174 174 174 / 45%);
                        -webkit-box-shadow: -18px -1px 20px -5px rgb(174 174 174 / 45%);
                        -moz-box-shadow: -18px -1px 20px -5px rgb(174 174 174 / 45%);
                        z-index: 1;
                        border-radius: 10px 0px 0px 0px;
                    }
                    
                    .banner_right img {
                        border-radius: 10px 0px 0px 0px;
                        height: 100%;
                        width: 100%;
                        object-fit: cover;
                    }
                    
                    .banner h1 {
                        font-family: 'Montserrat', sans-serif;
                        font-size: 40px;
                        color: rgb(0, 0, 0);
                        font-weight: 700;
                    }
                    
                    .banner h1 span {
                        color: #d8251a;
                    }
                    
                    .buynowbtn {
                        background: none;
                        border: 2px solid #d8251a;
                        font-family: 'Montserrat', sans-serif;
                        color: #d8251a;
                        padding: 10px 15px;
                        transition: all 0.4s ease-in-out;
                        font-weight: 500;
                        box-shadow: 5px 8px 15px -2px rgba(0, 0, 0, 0.2);
                        -webkit-box-shadow: 5px 8px 15px -2px rgba(0, 0, 0, 0.2);
                        -moz-box-shadow: 5px 8px 15px -2px rgba(0, 0, 0, 0.2);
                    }
                    
                    .buynowbtn:hover {
                        background: #d8251a;
                        border: 2px solid #d8251a;
                        color: #fff;
                        letter-spacing: 1px;
                    }
                    
                    .buttondiv {
                        margin-top: 20px;
                    }
                    
                    .alerts {
                        width: 100%;
                        position: fixed;
                        top: 70px;
                        z-index: 98;
                        font-weight: 400;
                    }
                    
                    .alerts .alert {
                        border-radius: 0;
                        text-align: center;
                    }
                    
                    .alerts .alert a {
                        color: #131314;
                    }
                    
                    .fw {
                        font-weight: 600;
                    }
                    
                    .welcome {
                        padding: 60px 0px;
                        background: #fff;
                    }
                    
                    .welcome p {
                        text-align: center;
                    }
                    
                    .lets-start {
                        text-align: center;
                        padding: 10px 20px;
                        border: none;
                        box-shadow: 5px 8px 15px -2px rgba(0, 0, 0, 0.2);
                        -webkit-box-shadow: 5px 8px 15px -2px rgba(0, 0, 0, 0.2);
                        -moz-box-shadow: 5px 8px 15px -2px rgba(0, 0, 0, 0.2);
                        background: #d8251a;
                        border: 2px solid #d8251a;
                        color: #fff;
                        font-family: 'Montserrat', sans-serif;
                        font-weight: 500;
                        transition: all 0.4s ease-in-out;
                        border-radius: 10px;
                    }
                    
                    .lets-start:hover {
                        border: 2px solid #d8251a;
                        color: #d8251a;
                        background: none;
                    }
                    
                    .lets-start span {
                        font-size: 18px;
                        display: block;
                        font-weight: 600;
                    }
                    
                    .about_company .lets-start {
                        text-align: left;
                    }
                    /* new banner 12-02-21 */
                    
                    .services {
                        width: 100%;
                        padding: 60px 0px;
                        background: #f4f4f4;
                    }
                    
                    .blog {
                        width: 100%;
                        padding: 60px 0px;
                        background: rgb(255, 255, 255);
                        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(228, 228, 228, 1) 100%);
                    }
                    
                    .blog h3 {
                        display: -webkit-box;
                        height: 50px;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        font-family: 'Montserrat', sans-serif;
                        color: #cb3727;
                        font-size: 20px;
                        font-weight: 600;
                    }
                    
                    .services h2,
                    .blog h2,
                    .welcome h2 {
                        color: #231f20;
                        font-family: 'Montserrat', sans-serif;
                        font-size: 36px;
                        font-weight: 700;
                        margin-bottom: 20px;
                        text-align: center;
                    }
                    
                    .welcome h2 span {
                        color: #cb3727;
                    }
                    
                    .center {
                        text-align: center;
                    }
                    /* owl */
                    /* intro */
                    
                    .intro {
                        height: 72vh;
                        position: relative;
                        overflow: hidden;
                        width: 100%;
                    }
                    
                    .slide__caption {
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        z-index: 1;
                        padding: 0px 4%;
                        top: 0;
                        display: flex;
                        align-items: center;
                        color: #fff;
                    }
                    
                    .slide__caption h2 {
                        color: white;
                        font-family: "Montserrat", sans-serif;
                        font-size: 36px;
                        font-weight: 700;
                    }
                    
                    .contents {
                        width: 70%;
                    }
                    
                    .contents2 {
                        width: 25%;
                        background: #000000ad;
                        padding: 20px;
                    }
                    
                    .contents2 p {
                        color: #fff;
                    }
                    
                    .intro .owl-carousel {
                        margin: 0
                    }
                    
                    .intro .owl-pagination {
                        display: block;
                        float: right;
                    }
                    
                    .intro .owl-theme .owl-controls .owl-page {
                        display: inline-block;
                        zoom: 1;
                    }
                    
                    .intro .owl-theme,
                    .testimonial_bg .owl-theme,
                    .testimonial_bg .owl-carousel,
                    .clients_bg .owl-theme,
                    .clients_bg .owl-carousel {
                        width: 100%;
                        margin: 0
                    }
                    
                    .clients .owl-theme .owl-controls {
                        display: none !important;
                    }
                    
                    .intro .owl-prev {
                        position: absolute;
                        right: auto;
                        left: 0
                    }
                    
                    .intro .owl-next {
                        position: absolute;
                        right: 0;
                        left: auto
                    }
                    
                    .intro .owl-theme .owl-controls {
                        position: absolute;
                        width: 100%;
                        bottom: 40px;
                        right: 20px;
                        z-index: 999;
                    }
                    
                    .intro .owl-theme .owl-controls .owl-buttons div {
                        display: none
                    }
                    
                    .carousel-control-prev {
                        left: 0;
                        font-size: 50px
                    }
                    
                    .carousel-control-next {
                        right: 0;
                        font-size: 50px
                    }
                    /*owl theme start */
                    
                    .owl-item {
                        display: -webkit-flex;
                        display: -ms-flexbox;
                        display: flex;
                        height: 100%
                    }
                    
                    .owl-carousel {
                        position: relative;
                        width: 100%;
                        float: left;
                        margin: 30px 0 0;
                        -ms-touch-action: pan-y
                    }
                    
                    .owl-carousel .owl-wrapper {
                        display: none;
                        position: relative;
                        -webkit-transform: translate3d(0, 0, 0);
                        transform: translate3d(0, 0, 0)
                    }
                    
                    .owl-carousel .owl-wrapper-outer {
                        overflow: hidden;
                        position: relative;
                        width: 100%
                    }
                    
                    .owl-carousel .owl-wrapper-outer.autoHeight {
                        -webkit-transition: height .5s ease-in-out;
                        -moz-transition: height .5s ease-in-out;
                        -ms-transition: height .5s ease-in-out;
                        -o-transition: height .5s ease-in-out;
                        transition: height .5s ease-in-out
                    }
                    
                    .owl-carousel .owl-item {
                        float: left;
                        padding: 0
                    }
                    
                    .owl-controls .owl-buttons div,
                    .owl-controls .owl-page {
                        cursor: pointer;
                        display: none;
                    }
                    
                    .owl-controls {
                        -webkit-user-select: none;
                        -khtml-user-select: none;
                        -moz-user-select: none;
                        -ms-user-select: none;
                        user-select: none;
                        -webkit-tap-highlight-color: transparent
                    }
                    
                    .carousel-control-prev {
                        left: 0;
                        font-size: 50px
                    }
                    
                    .carousel-control-next {
                        right: 0;
                        font-size: 50px
                    }
                    
                    .grabbing {
                        cursor: url(grabbing.png) 8 8, move
                    }
                    
                    .owl-carousel .owl-item,
                    .owl-carousel .owl-wrapper {
                        -webkit-backface-visibility: hidden;
                        -moz-backface-visibility: hidden;
                        -ms-backface-visibility: hidden;
                        -webkit-transform: translate3d(0, 0, 0);
                        -moz-transform: translate3d(0, 0, 0);
                        -ms-transform: translate3d(0, 0, 0);
                        transform: translate3d(0, 0, 0)
                    }
                    
                    .owl-theme .owl-controls {
                        margin-top: 35px;
                        text-align: center
                    }
                    
                    .owl-prev::before {
                        font-family: Flaticon;
                        content: "\f10f"
                    }
                    
                    .owl-next::before {
                        font-family: Flaticon;
                        content: "\f100";
                    }
                    
                    .owl-theme .owl-controls .owl-page {
                        display: inline-block;
                        zoom: 1
                    }
                    
                    .owl-theme .owl-controls .owl-page span {
                        display: block;
                        width: 15px;
                        height: 15px;
                        margin: 5px 2px;
                        background: #e1dcdc;
                        border: #e1dcdc 1px solid;
                        border-radius: 50%;
                        -webkit-border-radius: 50%;
                        -moz-border-radius: 50%;
                        -ms-border-radius: 50%;
                        -o-border-radius: 50%;
                    }
                    
                    .owl-theme .owl-controls .owl-page.active span,
                    .owl-theme .owl-controls.clickable .owl-page:hover span {
                        background: #cb3727;
                        border: #cb3727 1px solid;
                    }
                    
                    .owl-theme .owl-controls .owl-page span.owl-numbers {
                        height: auto;
                        width: auto;
                        color: #fff;
                        padding: 2px 10px;
                        font-size: 12px;
                        -webkit-border-radius: 30px;
                        -moz-border-radius: 30px;
                        border-radius: 30px;
                        -ms-border-radius: 30px;
                        -o-border-radius: 30px;
                    }
                    
                    .owl-item.loading {
                        min-height: 150px;
                        background: url(../images/AjaxLoader.gif) no-repeat center center
                    }
                    
                    .owl-theme .owl-controls {
                        margin: 0 0 0;
                        width: 100%;
                        float: left
                    }
                    
                    .owl-goDown-out {
                        -webkit-animation: scaleToFade .7s ease both;
                        -moz-animation: scaleToFade .7s ease both;
                        animation: scaleToFade .7s ease both
                    }
                    
                    .owl-goDown-in {
                        -webkit-animation: goDown .6s ease both;
                        -moz-animation: goDown .6s ease both;
                        animation: goDown .6s ease both
                    }
                    
                    .owl-fade-out {
                        z-index: 10;
                        -webkit-animation: fadeOut .7s both ease;
                        -moz-animation: fadeOut .2s both ease;
                        animation: fadeOut .7s both ease;
                    }
                    
                    .owl-fade-in {
                        -webkit-animation: fadeIn .7s both ease;
                        -moz-animation: fadeIn .7s both ease;
                        animation: fadeIn .7s both ease
                    }
                    
                    @-webkit-keyframes empty {
                        0% {
                            opacity: 1
                        }
                    }
                    
                    @-moz-keyframes empty {
                        0% {
                            opacity: 1
                        }
                    }
                    
                    @keyframes empty {
                        0% {
                            opacity: 1
                        }
                    }
                    
                    @-webkit-keyframes fadeIn {
                        0% {
                            opacity: 0;
                        }
                        100% {
                            opacity: 1;
                        }
                    }
                    
                    @-moz-keyframes fadeIn {
                        0% {
                            opacity: 0;
                        }
                        100% {
                            opacity: 1;
                        }
                    }
                    
                    @keyframes fadeIn {
                        0% {
                            opacity: 0;
                        }
                        100% {
                            opacity: 1;
                        }
                    }
                    
                    @-webkit-keyframes fadeOut {
                        0% {
                            opacity: 1;
                        }
                        100% {
                            opacity: 0;
                        }
                    }
                    
                    @-moz-keyframes fadeOut {
                        0% {
                            opacity: 1;
                        }
                        100% {
                            opacity: 0;
                        }
                    }
                    
                    @keyframes fadeOut {
                        0% {
                            opacity: 1;
                        }
                        100% {
                            opacity: 0;
                        }
                    }
                    
                    @-webkit-keyframes scaleToFade {
                        to {
                            opacity: 0;
                            -webkit-transform: scale(.8);
                        }
                    }
                    
                    @-moz-keyframes scaleToFade {
                        to {
                            opacity: 0;
                            -moz-transform: scale(.8);
                        }
                    }
                    
                    @keyframes scaleToFade {
                        to {
                            opacity: 0;
                            transform: scale(.8);
                        }
                    }
                    
                    @-webkit-keyframes goDown {
                        from {
                            -webkit-transform: translateY(-100%);
                        }
                    }
                    
                    @-moz-keyframes goDown {
                        from {
                            -moz-transform: translateY(-100%);
                        }
                    }
                    
                    @keyframes goDown {
                        from {
                            transform: translateY(-100%);
                        }
                    }
                    /* wow */
                    /* owl */
                    
                    .morecontent span {
                        display: none;
                    }
                    
                    .more a {
                        color: #cb3727;
                    }
                    
                    .subclt {
                        color: #101010;
                        font-weight: 400;
                        font-size: 16px;
                        top: -1.5em;
                    }
                    
                    .cvwritten {
                        font-size: 18px;
                        font-weight: 600;
                        background: none;
                        color: #fff;
                        padding: 10px 20px;
                        text-align: center;
                        border-radius: 10px;
                        border: 2px solid #cb3727;
                        transition: all 0.4s ease-in-out;
                        -webkit-transition: all 0.4s ease-in-out;
                        -moz-transition: all 0.4s ease-in-out;
                        -ms-transition: all 0.4s ease-in-out;
                        -o-transition: all 0.4s ease-in-out;
                        background: #cb3727;
                    }
                    
                    .cvwritten:hover {
                        color: #101010;
                        border: 2px solid #cb3727;
                        background: none;
                    }
                    
                    .dowld {
                        border: none;
                        background: none;
                        font-size: 20px;
                        font-weight: 600;
                        color: #cb3727;
                        padding: 0px;
                        transition: all 0.4s ease-in-out;
                        -webkit-transition: all 0.4s ease-in-out;
                        -moz-transition: all 0.4s ease-in-out;
                        -ms-transition: all 0.4s ease-in-out;
                        -o-transition: all 0.4s ease-in-out;
                        text-decoration: underline;
                    }
                    
                    .btnmore {
                        border: none;
                        padding: 0;
                        background: none;
                        color: #cb3727;
                        padding: 0px;
                        font-weight: 600;
                    }
                    
                    .about_company {
                        width: 100%;
                        background: #f2f3f4;
                        padding: 60px 0px 0px;
                        position: relative;
                    }
                    
                    .about_company a {
                        color: #231f20
                    }
                    
                    .about_company h2 {
                        color: #cb3727;
                        font-family: 'Montserrat', sans-serif;
                        font-size: 36px;
                        font-weight: 700;
                        margin-bottom: 20px;
                        position: relative;
                    }
                    
                    .about_company h2:after {
                        position: absolute;
                        content: "";
                        left: 0px;
                        bottom: -6px;
                        width: 50px;
                        height: 2px;
                        background: rgb(195 195 195);
                    }
                    
                    .about_company h3,
                    .whychoose h5 {
                        color: #231f20;
                        font-size: 18px;
                        font-weight: 600;
                    }
                    
                    .about_company h3 {
                        display: inline-block;
                        padding: 10px 20px;
                        border: 1px solid #cacaca;
                        border-radius: 5px;
                        background: #e9e9e9;
                        transition: all 0.4s ease-in-out;
                        -webkit-transition: all 0.4s ease-in-out;
                        -moz-transition: all 0.4s ease-in-out;
                        -ms-transition: all 0.4s ease-in-out;
                        -o-transition: all 0.4s ease-in-out;
                        box-shadow: 5px 8px 15px -2px rgba(0, 0, 0, 0.2);
                        -webkit-box-shadow: 5px 8px 15px -2px rgba(0, 0, 0, 0.2);
                        -moz-box-shadow: 5px 8px 15px -2px rgba(0, 0, 0, 0.2);
                    }
                    
                    .about_company h2 span {
                        font-family: 'Lato', sans-serif;
                        color: #737476;
                        font-size: 24px;
                        display: block;
                        font-weight: 400;
                        letter-spacing: 4px;
                    }
                    
                    .about_company img {
                        border: 5px solid #ffff;
                        box-shadow: 0 0 30px #d0d0d094;
                        transform: translateY(-100px);
                        -webkit-box-shadow: 0px 23px 23px -22px rgba(0, 0, 0, 0.48);
                        -moz-box-shadow: 0px 23px 23px -22px rgba(0, 0, 0, 0.48);
                        box-shadow: 0px 23px 23px -22px rgba(0, 0, 0, 0.48);
                        Copy Text
                    }
                    
                    .whychoose {
                        width: 100%;
                        padding: 60px 0px;
                    }
                    
                    .spans {
                        font-weight: 600;
                    }
                    
                    .whychoose h3,
                    .services h3,
                    .cvwritings h3 {
                        color: #cb3727;
                        font-family: 'Montserrat', sans-serif;
                        font-size: 24px;
                        font-weight: 700;
                        margin-bottom: 20px;
                        position: relative;
                    }
                    
                    .whychoose h3:after,
                    .services h3::after,
                    .cvwritings h3::after {
                        position: absolute;
                        content: "";
                        left: 0px;
                        bottom: -6px;
                        width: 50px;
                        height: 2px;
                        background: rgb(195 195 195);
                    }
                    
                    .cvwritings h4 {
                        font-family: 'Montserrat', sans-serif;
                        font-size: 20px;
                        font-weight: 600;
                        color: #231f20;
                    }
                    
                    .whychoose .media i {
                        color: #cb3727;
                        font-size: 60px;
                        padding: 10px;
                    }
                    
                    .whychoose .media-body h5 {
                        font-family: 'Montserrat', sans-serif;
                        font-size: 20px;
                        font-weight: 600;
                    }
                    
                    .testimonial-section2 h2 {
                        color: #fff;
                        font-family: 'Montserrat', sans-serif;
                        font-size: 36px;
                        font-weight: 700;
                        text-align: center;
                        margin-bottom: 20px;
                    }
                    
                    footer {
                        padding: 60px 0px 0px;
                        width: 100%;
                        font-family: 'Montserrat', sans-serif;
                    }
                    
                    .ftrlogo {
                        width: 250px;
                    }
                    
                    footer h4 {
                        color: #555557;
                        font-size: 18px;
                    }
                    
                    .contacts {
                        text-align: center;
                        padding: 30px 0px;
                    }
                    
                    .contacts li {
                        list-style: none;
                        display: inline-block;
                        padding-right: 30px;
                        font-size: 16px;
                        font-weight: 400;
                    }
                    
                    .contacts li:last-child {
                        padding-right: 0;
                    }
                    
                    .contacts li i,
                    footer h4 i {
                        color: #cb3727;
                        font-weight: 600;
                    }
                    
                    .contacts li a,
                    .ftr-menu li a {
                        color: #605d5d;
                    }
                    
                    .ftr-menu {
                        width: 100%;
                        text-align: center;
                        padding: 20px 0px;
                    }
                    
                    .ftr-menu li {
                        list-style: none;
                        padding: 0px 10px;
                        color: #888b90;
                        display: inline-block;
                    }
                    
                    .ftr-menu li::after {
                        content: "|";
                        position: absolute;
                        padding-left: 10px;
                        color: #cb3727;
                        display: inline-block;
                    }
                    
                    .ftr-menu li:last-child::after {
                        display: none;
                    }
                    
                    .social {
                        width: 100%;
                    }
                    
                    .social ul {
                        width: 100%;
                    }
                    
                    .social ul li {
                        list-style: none;
                        display: inline-block;
                    }
                    
                    .social ul li {
                        color: #fff;
                        background: #cb3727;
                        padding: 8px;
                        border-radius: 50%;
                        transition: all 0.4s ease-in-out;
                    }
                    
                    .social ul li:hover {
                        color: #cb3727;
                        background: #fff;
                    }
                    
                    .social ul li i {
                        color: white;
                    }
                    
                    .social ul li:hover i {
                        color: #cb3727;
                    }
                    
                    footer p {
                        text-align: center;
                    }
                    
                    .scrollup {
                        width: 52px;
                        height: 52px;
                        position: fixed;
                        bottom: 10px;
                        right: 10px;
                        display: none;
                        text-indent: -9999px;
                        z-index: 99999;
                        background: url(../images/up-arrow.svg) no-repeat;
                    }
                    
                    .productbg {
                        background: rgb(255, 255, 255);
                        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(228, 228, 228, 1) 100%);
                        padding: 20px 0px 100px;
                        width: 100%;
                        position: relative;
                    }
                    
                    .comingsoon {
                        width: 100%;
                        position: relative;
                        background: #105386;
                        border-radius: 10px;
                        transition: all 0.4s ease-in-out;
                        -webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.11);
                        -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.11);
                        box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.11);
                    }
                    
                    .comingsoon .cartbg {
                        background: #232323a6;
                        z-index: 9;
                        color: #fff;
                        font-size: 20px;
                        font-weight: 600;
                        border-radius: 10px;
                        text-align: center;
                    }
                    
                    .product_box {
                        width: 100%;
                        position: relative;
                        background: #231f20;
                        border-radius: 10px;
                        transition: all 0.4s ease-in-out;
                        -webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.11);
                        -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.11);
                        box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.11);
                    }
                    
                    .product_box:hover .product_content img {
                        opacity: .2;
                    }
                    
                    .product_content {
                        position: relative;
                        width: 100%;
                        -webkit-border-top-left-radius: 10px;
                        -webkit-border-top-right-radius: 10px;
                        -moz-border-radius-topleft: 10px;
                        -moz-border-radius-topright: 10px;
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        transition: all 0.4s ease-in-out;
                    }
                    
                    .offer {
                        position: absolute;
                        top: 0px;
                        right: 0px;
                        padding: 6px;
                        border-radius: 0px 0px 0px 10px;
                        color: #fff;
                        background: #cb3727;
                        font-size: 16px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-weight: 600;
                        z-index: 9;
                    }
                    
                    .cartbg {
                        position: absolute;
                        display: flex;
                        align-items: center;
                        flex-direction: column;
                        justify-content: center;
                        height: 100%;
                        width: 100%;
                        z-index: 9;
                    }
                    
                    .viewbutn {
                        background: #fff;
                        padding: 10px 15px;
                        color: #cb3727;
                        border-radius: 20px;
                        margin-bottom: 3px;
                        opacity: 0;
                        font-weight: 400;
                        transition: all 0.4s ease-in-out;
                        transform: translateY(20px);
                        font-family: 'Montserrat', sans-serif;
                        border: 1px solid #fff;
                    }
                    
                    .viewbutn:hover {
                        background: #cb3727;
                        color: #fff;
                        z-index: 99;
                        border: 1px solid #cb3727;
                    }
                    
                    .checkout {
                        background: #f8f9fa;
                        border: 1px solid #d4d4d4;
                        padding: 30px;
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.18);
                        -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.18);
                        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, );
                    }
                    
                    .total {
                        font-size: 20px;
                        font-weight: 600;
                    }
                    
                    .checkout h3 {
                        margin-bottom: 20px;
                    }
                    
                    .product_box:hover .viewbutn {
                        opacity: 5;
                        z-index: 99;
                        transform: translateY(0px);
                    }
                    
                    .product_content img {
                        -webkit-border-top-left-radius: 10px;
                        -webkit-border-top-right-radius: 10px;
                        -moz-border-radius-topleft: 10px;
                        -moz-border-radius-topright: 10px;
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                        transition: all 0.4s ease-in-out;
                        width: 100%;
                    }
                    
                    .product_text {
                        width: 100%;
                        padding: 10px;
                        background: #ebebeb;
                        -webkit-border-bottom-right-radius: 10px;
                        -webkit-border-bottom-left-radius: 10px;
                        -moz-border-radius-bottomright: 10px;
                        -moz-border-radius-bottomleft: 10px;
                        border-bottom-right-radius: 10px;
                        border-bottom-left-radius: 10px;
                    }
                    
                    .product_text h2 {
                        text-align: center;
                        font-family: 'Montserrat', sans-serif;
                        color: #231f20;
                        font-size: 18px;
                        font-weight: 600;
                    }
                    
                    .product_text h2 span {
                        color: #555557;
                        font-size: 16px;
                    }
                    
                    .product_text h3 {
                        font-family: 'Lato', sans-serif;
                        color: #413f3f;
                        font-size: 16px;
                        text-align: center;
                    }
                    
                    .product_text h3 span {
                        color: #8e8a8a;
                        font-size: 13px;
                        text-decoration: line-through;
                    }
                    
                    .innerbanner {
                        background: #3c3a3a;
                        padding: 50px 0px;
                    }
                    
                    .innerbanner h3 {
                        font-family: 'Montserrat', sans-serif;
                        font-size: 40px;
                        color: #fff;
                        font-weight: 700;
                        text-align: center;
                        text-shadow: #4c4b4985 1px 0 10px;
                    }
                    
                    .inner_container {
                        padding: 60px 0px;
                        width: 100%;
                        background: rgb(255, 255, 255);
                        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(228, 228, 228, 1) 100%);
                    }
                    
                    .inner_container h2 {
                        font-family: 'Montserrat', sans-serif;
                        color: #cb3727;
                        font-size: 20px;
                        font-weight: 600;
                    }
                    
                    .inner_container h3 {
                        font-family: 'Montserrat', sans-serif;
                        color: #cb3727;
                        font-size: 20px;
                        font-weight: 600;
                    }
                    
                    .think {
                        width: 100%;
                        padding: 10px 0px;
                    }
                    
                    .think li {
                        position: relative;
                        line-height: 26px;
                        color: #505050;
                        list-style: none;
                        padding-left: 20px;
                        font-family: 'Lato', sans-serif;
                    }
                    
                    .think li:before {
                        content: "\f107";
                        font-family: Flaticon;
                        display: inline-block;
                        position: absolute;
                        font-weight: 600;
                        left: 0;
                        color: #cb3727;
                    }
                    /* easyresponsice */
                    
                    ul.resp-tabs-list {
                        margin: 0px;
                        padding: 0px;
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                    }
                    
                    .resp-tabs-list li {
                        font-weight: 600;
                        font-size: 14px;
                        display: inline-block;
                        padding: 15px 18px;
                        margin: 0 5px;
                        list-style: none;
                        cursor: pointer;
                        width: 30%;
                        text-align: center;
                        font-family: 'Montserrat', sans-serif;
                        border: 1px solid #c1c1c130;
                        transition: all 0.4s ease-in-out;
                    }
                    
                    .resp-tabs-container {
                        padding: 0px;
                        clear: left;
                    }
                    
                    h2.resp-accordion {
                        cursor: pointer;
                        padding: 5px;
                        display: none;
                    }
                    
                    .resp-tab-content {
                        display: none;
                        padding-top: 15px;
                    }
                    
                    .resp-tab-active {
                        border: 1px solid #c1c1c1;
                        border-bottom: none;
                        margin-bottom: -1px !important;
                    }
                    
                    .resp-tab-active,
                    .resp-tab-item:hover {
                        border-bottom: none;
                        background-color: #cb3727 !important;
                        color: #fff !important;
                    }
                    
                    .resp-tab-item {
                        border-bottom: none;
                        background-color: #ebebeb;
                        color: #231f20;
                    }
                    
                    .resp-content-active,
                    .resp-accordion-active {
                        display: block;
                    }
                    /* .resp-tab-content {
    border: 1px solid #c1c1c14d;
} */
                    
                    h2.resp-accordion {
                        font-size: 13px;
                        border: 1px solid #c1c1c1;
                        border-top: 1px solid #c1c1c1;
                        margin: 0px;
                        padding: 10px 15px;
                    }
                    
                    h2.resp-tab-active {
                        border-bottom: 0px solid #c1c1c1 !important;
                        margin-bottom: 0px !important;
                        padding: 10px 15px !important;
                    }
                    
                    h2.resp-tab-title:last-child {
                        border-bottom: 12px solid #c1c1c1 !important;
                        background: blue;
                    }
                    /*-----------Vertical tabs-----------*/
                    
                    .resp-vtabs ul.resp-tabs-list {
                        float: left;
                        width: 30%;
                    }
                    
                    .resp-vtabs .resp-tabs-list li {
                        display: block;
                        padding: 15px 15px !important;
                        margin: 0;
                        cursor: pointer;
                        float: none;
                    }
                    
                    .resp-vtabs .resp-tabs-container {
                        padding: 0px;
                        background-color: #fff;
                        border: 1px solid #c1c1c1;
                        float: left;
                        width: 68%;
                        min-height: 250px;
                        border-radius: 4px;
                        clear: none;
                    }
                    
                    .resp-vtabs .resp-tab-content {
                        border: none;
                    }
                    
                    .resp-vtabs li.resp-tab-active {
                        border: 1px solid #c1c1c1;
                        border-right: none;
                        background-color: #fff;
                        position: relative;
                        z-index: 1;
                        margin-right: -1px !important;
                        padding: 14px 15px 15px 14px !important;
                    }
                    
                    .resp-arrow {
                        width: 0;
                        height: 0;
                        float: right;
                        margin-top: 3px;
                        border-left: 6px solid transparent;
                        border-right: 6px solid transparent;
                        border-top: 12px solid #cb3727;
                    }
                    
                    h2.resp-tab-active span.resp-arrow {
                        border: none;
                        border-left: 6px solid transparent;
                        border-right: 6px solid transparent;
                        border-bottom: 12px solid #fff;
                    }
                    /*-----------Accordion styles-----------*/
                    
                    h2.resp-tab-active {
                        background: #cb3727 !important;
                    }
                    
                    .resp-easy-accordion h2.resp-accordion {
                        display: block;
                    }
                    
                    .resp-easy-accordion .resp-tab-content {
                        border: 1px solid #c1c1c1;
                    }
                    
                    .resp-easy-accordion .resp-tab-content:last-child {
                        border-bottom: 1px solid #c1c1c1 !important;
                    }
                    
                    .resp-jfit {
                        width: 100%;
                        margin: 0px;
                    }
                    
                    .resp-tab-content-active {
                        display: block;
                    }
                    
                    h2.resp-accordion:first-child {
                        border-top: 1px solid #c1c1c1 !important;
                    }
                    /*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
                    
                    @media only screen and (max-width: 768px) {
                        ul.resp-tabs-list {
                            display: none;
                        }
                        h2.resp-accordion {
                            display: block;
                            background: #f4f4f4;
                        }
                        .resp-vtabs .resp-tab-content {
                            border: 1px solid #C1C1C1;
                        }
                        .resp-vtabs .resp-tabs-container {
                            border: none;
                            float: none;
                            width: 100%;
                            min-height: initial;
                            clear: none;
                        }
                        .resp-accordion-closed {
                            display: none !important;
                        }
                        .resp-vtabs .resp-tab-content:last-child {
                            border-bottom: 1px solid #c1c1c1 !important;
                        }
                    }
                    /* easyresponsive close */
                    /*navigation  */
                    
                    .navigation {
                        width: 100%;
                        display: table;
                        position: relative;
                        font-family: inherit;
                        background: #fff;
                        font-family: 'Lato', sans-serif;
                    }
                    
                    .navigation * {
                        box-sizing: border-box;
                        -webkit-tap-highlight-color: transparent;
                    }
                    
                    .navigation-portrait {
                        height: 48px;
                    }
                    
                    .navigation-fixed-wrapper {
                        width: 100%;
                        left: 0;
                        z-index: 19998;
                        will-change: opacity;
                    }
                    
                    .navigation-fixed-wrapper.fixed {
                        position: fixed !important;
                        -webkit-animation: fade .50s;
                        animation: fade .50s;
                    }
                    
                    @keyframes fade {
                        from {
                            opacity: 0.999;
                        }
                        to {
                            opacity: 1;
                        }
                    }
                    
                    .navigation-fixed-wrapper .navigation {
                        margin-right: auto;
                        margin-left: auto;
                    }
                    
                    .navigation-fixed-placeholder {
                        width: 100%;
                        display: none;
                    }
                    
                    .navigation-fixed-placeholder.navigation-fixed-placeholder.visible {
                        display: block;
                    }
                    
                    .navigation-hidden {
                        width: 0 !important;
                        height: 0 !important;
                        margin: 0 !important;
                        padding: 0 !important;
                        position: absolute;
                        top: -9999px;
                    }
                    
                    .align-to-right {
                        float: right;
                        display: flex;
                        margin-top: 7px;
                        flex-direction: row-reverse;
                    }
                    
                    .nav-header {
                        float: left;
                    }
                    
                    .navigation-hidden .nav-header {
                        display: none;
                    }
                    
                    .nav-brand {
                        text-decoration: none !important;
                    }
                    
                    .navigation-portrait .nav-brand {
                        font-size: 18px;
                        line-height: 48px;
                    }
                    
                    .nav-logo>img {
                        margin: 11px auto;
                        padding: 0 15px;
                        float: left;
                    }
                    
                    .nav-logo:focus>img {
                        outline: initial;
                    }
                    
                    .navigation-portrait .nav-logo>img {
                        height: 36px;
                        margin: 6px auto 6px 15px;
                        padding: 0;
                    }
                    
                    .nav-toggle {
                        width: 30px;
                        height: 30px;
                        padding: 6px 2px 0;
                        position: absolute;
                        top: 50%;
                        margin-top: -14px;
                        right: 15px;
                        display: none;
                        cursor: pointer;
                    }
                    
                    .nav-toggle:before {
                        content: "";
                        position: absolute;
                        width: 24px;
                        height: 2px;
                        background-color: #000;
                        border-radius: 10px;
                        box-shadow: 0 0.5em 0 0 #000, 0 1em 0 0 #000;
                    }
                    
                    .navigation-portrait .nav-toggle {
                        display: block;
                    }
                    
                    .navigation-portrait .nav-menus-wrapper {
                        width: 320px;
                        height: 100%;
                        top: 0;
                        left: -400px;
                        position: fixed;
                        background-color: #ffffff;
                        z-index: 20000;
                        overflow-y: auto;
                        -webkit-overflow-scrolling: touch;
                        -webkit-transition-duration: .8s;
                        transition-duration: .8s;
                        -webkit-transition-timing-function: ease;
                        transition-timing-function: ease;
                    }
                    
                    .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
                        left: auto;
                        right: -400px;
                    }
                    
                    .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
                        left: 0;
                    }
                    
                    .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
                        left: auto;
                        right: 0;
                    }
                    
                    .nav-menus-wrapper-close-button {
                        width: 30px;
                        height: 40px;
                        margin: 10px 7px;
                        display: none;
                        float: right;
                        color: #70798b;
                        font-size: 26px;
                        cursor: pointer;
                    }
                    
                    .navigation-portrait .nav-menus-wrapper-close-button {
                        display: block;
                    }
                    
                    .nav-menu {
                        margin: 0;
                        padding: 0;
                        list-style: none;
                        line-height: normal;
                        font-size: 0;
                    }
                    
                    .navigation-portrait .nav-menu {
                        width: 100%;
                    }
                    
                    .navigation-portrait .nav-menu>li a::before {
                        display: none;
                    }
                    
                    .nav-menu.nav-menu-centered {
                        text-align: center;
                    }
                    
                    .nav-menu.nav-menu-centered>li {
                        float: none;
                    }
                    
                    .nav-menu>li {
                        display: inline-block;
                        float: left;
                        text-align: left;
                    }
                    
                    .navigation-portrait .nav-menu>li {
                        width: 100%;
                        position: relative;
                        border-top: solid 1px #f0f0f0;
                    }
                    
                    .navigation-portrait .nav-menu>li:last-child {
                        border-bottom: solid 1px #f0f0f0;
                    }
                    
                    .nav-menu+.nav-menu>li:first-child {
                        border-top: none;
                    }
                    
                    .nav-menu>li>a {
                        padding: 13px 14px;
                        display: inline-block;
                        position: relative;
                        text-decoration: none;
                        font-size: 15px;
                        color: #131314;
                        font-weight: 400;
                        -webkit-transition: color 0.3s, background 0.3s;
                        transition: color 0.3s, background 0.3s;
                        font-family: 'Lato', sans-serif;
                    }
                    
                    .navigation-portrait .nav-menu>li>a {
                        width: 100%;
                        height: auto;
                        padding: 12px 15px 12px 26px;
                    }
                    
                    .nav-menu>li>a>i,
                    .nav-menu>li>a>[class*="ion-"] {
                        width: 18px;
                        height: 16px;
                        line-height: 16px;
                        -webkit-transform: scale(1.4);
                        -ms-transform: scale(1.4);
                        transform: scale(1.4);
                    }
                    
                    .nav-menu>li>a>[class*="ion-"] {
                        width: 16px;
                        display: inline-block;
                        -webkit-transform: scale(1.8);
                        -ms-transform: scale(1.8);
                        transform: scale(1.8);
                    }
                    
                    .navigation-portrait .nav-menu.nav-menu-social {
                        width: 100%;
                        text-align: center;
                    }
                    
                    .nav-menu.nav-menu-social>li {
                        text-align: center;
                        float: none;
                        border: none !important;
                    }
                    
                    .navigation-portrait .nav-menu.nav-menu-social>li {
                        width: auto;
                    }
                    
                    .nav-menu.nav-menu-social>li>a>[class*="ion-"] {
                        font-size: 12px;
                    }
                    
                    .nav-menu.nav-menu-social>li>a>.fa {
                        font-size: 14px;
                    }
                    
                    .navigation-portrait .nav-menu.nav-menu-social>li>a {
                        padding: 15px;
                    }
                    
                    .submenu-indicator {
                        margin-left: 6px;
                        margin-top: 6px;
                        float: right;
                        -webkit-transition: all 0.3s;
                        transition: all 0.3s;
                    }
                    
                    .navigation-portrait .submenu-indicator {
                        width: 54px;
                        height: 44px;
                        margin-top: 0;
                        position: absolute;
                        top: 0;
                        right: 0;
                        text-align: center;
                        z-index: 20000;
                    }
                    
                    .submenu-indicator-chevron {
                        height: 6px;
                        width: 6px;
                        display: block;
                        border-style: solid;
                        border-width: 0 1px 1px 0;
                        border-color: transparent #70798b #70798b transparent;
                        -webkit-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        transform: rotate(45deg);
                        -webkit-transition: border 0.3s;
                        transition: border 0.3s;
                    }
                    
                    .navigation-portrait .submenu-indicator-chevron {
                        position: absolute;
                        top: 18px;
                        left: 24px;
                    }
                    
                    .nav-menu>li:hover>a .submenu-indicator-chevron,
                    .nav-menu>.active>a .submenu-indicator-chevron,
                    .nav-menu>.focus>a .submenu-indicator-chevron {
                        border-color: transparent #8CC152 #8CC152 transparent;
                    }
                    
                    .navigation-portrait .submenu-indicator.submenu-indicator-up {
                        -webkit-transform: rotate(-180deg);
                        -ms-transform: rotate(-180deg);
                        transform: rotate(-180deg);
                    }
                    
                    .nav-overlay-panel {
                        width: 100%;
                        height: 100%;
                        top: 0;
                        left: 0;
                        position: fixed;
                        display: none;
                        z-index: 19999;
                    }
                    
                    .no-scroll {
                        /*width: 100%;
      overflow: hidden;*/
                        touch-action: none;
                        overflow-x: hidden;
                    }
                    /* NAVIGATION BUTTON */
                    
                    .nav-button {
                        margin: 0px 0px 0px 15px;
                        padding: 5px 14px;
                        display: inline-block;
                        color: #fff;
                        font-size: 16px;
                        font-weight: 600;
                        text-align: center;
                        text-decoration: none;
                        border-radius: 4px;
                        background: #d8251a;
                        -webkit-transition: opacity 0.3s;
                        transition: opacity 0.3s;
                        transition: all 0.4s ease-in-out;
                    }
                    
                    .nav-button:hover,
                    .nav-button:focus {
                        color: #fff;
                        text-decoration: none;
                        background: #000;
                    }
                    
                    .navigation-portrait .nav-button {
                        width: calc(100% - 52px);
                        margin: 17px 26px;
                    }
                    /* NAVIGATION TEXT */
                    
                    .nav-text {
                        margin: 25px 15px;
                        display: inline-block;
                        color: #70798b;
                        font-size: 14px;
                    }
                    
                    .navigation-portrait .nav-text {
                        width: calc(100% - 52px);
                        margin: 12px 26px 0;
                    }
                    
                    .navigation-portrait .nav-text+ul {
                        margin-top: 15px;
                    }
                    /* DROPDOWN EXTENSION */
                    
                    .nav-dropdown {
                        min-width: 180px;
                        margin: 0;
                        padding: 0;
                        display: none;
                        position: absolute;
                        list-style: none;
                        z-index: 98;
                        white-space: nowrap;
                    }
                    
                    .navigation-portrait .nav-dropdown {
                        width: 100%;
                        position: static;
                        left: 0;
                    }
                    
                    .nav-dropdown .nav-dropdown {
                        left: 100%;
                    }
                    
                    .nav-menu>li>.nav-dropdown {
                        border-top: solid 1px #f0f0f0;
                    }
                    
                    .nav-dropdown>li {
                        width: 100%;
                        float: left;
                        clear: both;
                        position: relative;
                        text-align: left;
                    }
                    
                    .nav-dropdown>li>a {
                        width: 100%;
                        padding: 8px 20px;
                        display: inline-block;
                        text-decoration: none;
                        float: left;
                        font-size: 14px;
                        color: #28292a;
                        background-color: #f9f9f9;
                        border-bottom: 1px solid #e2dddd5c;
                        -webkit-transition: color 0.3s, background 0.3s;
                        transition: color 0.3s, background 0.3s;
                    }
                    
                    .nav-dropdown>li:hover>a,
                    .nav-dropdown>li.focus>a {
                        color: #cb3727;
                    }
                    
                    .nav-dropdown.nav-dropdown-left {
                        right: 0;
                    }
                    
                    .nav-dropdown>li>.nav-dropdown-left {
                        left: auto;
                        right: 100%;
                    }
                    
                    .navigation-landscape .nav-dropdown.nav-dropdown-left>li>a {
                        text-align: right;
                    }
                    
                    .navigation-portrait .nav-dropdown>li>a {
                        padding: 12px 20px 12px 30px;
                    }
                    
                    .navigation-portrait .nav-dropdown>li>ul>li>a {
                        padding-left: 50px;
                    }
                    
                    .navigation-portrait .nav-dropdown>li>ul>li>ul>li>a {
                        padding-left: 70px;
                    }
                    
                    .navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a {
                        padding-left: 90px;
                    }
                    
                    .navigation-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a {
                        padding-left: 110px;
                    }
                    
                    .nav-dropdown .submenu-indicator {
                        right: 15px;
                        top: 10px;
                        position: absolute;
                    }
                    
                    .navigation-portrait .nav-dropdown .submenu-indicator {
                        right: 0;
                        top: 0;
                    }
                    
                    .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
                        -webkit-transform: rotate(-45deg);
                        -ms-transform: rotate(-45deg);
                        transform: rotate(-45deg);
                    }
                    
                    .navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
                        -webkit-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        transform: rotate(45deg);
                    }
                    
                    .nav-dropdown>li:hover>a .submenu-indicator-chevron,
                    .nav-dropdown>.focus>a .submenu-indicator-chevron {
                        border-color: transparent #8CC152 #8CC152 transparent;
                    }
                    
                    .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
                        left: 10px;
                    }
                    
                    .navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {
                        -webkit-transform: rotate(135deg);
                        -ms-transform: rotate(135deg);
                        transform: rotate(135deg);
                    }
                    /* HORIZONTAL DROPDOWN EXTENSION */
                    
                    .nav-dropdown-horizontal {
                        width: 100%;
                        left: 0;
                        background-color: #fdfdfd;
                        border-top: solid 1px #f0f0f0;
                    }
                    
                    .nav-dropdown-horizontal .nav-dropdown-horizontal {
                        width: 100%;
                        top: 100%;
                        left: 0;
                    }
                    
                    .navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
                        border-top: none;
                    }
                    
                    .nav-dropdown-horizontal>li {
                        width: auto;
                        clear: none;
                        position: static;
                    }
                    
                    .navigation-portrait .nav-dropdown-horizontal>li {
                        width: 100%;
                    }
                    
                    .nav-dropdown-horizontal>li>a {
                        position: relative;
                    }
                    
                    .nav-dropdown-horizontal .submenu-indicator {
                        height: 18px;
                        top: 11px;
                        -webkit-transform: rotate(90deg);
                        -ms-transform: rotate(90deg);
                        transform: rotate(90deg);
                    }
                    
                    .navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
                        height: 42px;
                        top: 0;
                        -webkit-transform: rotate(0deg);
                        -ms-transform: rotate(0deg);
                        transform: rotate(0deg);
                    }
                    
                    .navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up {
                        -webkit-transform: rotate(-180deg);
                        -ms-transform: rotate(-180deg);
                        transform: rotate(-180deg);
                    }
                    /*  navigation close*/
                    /* testimonial */
                    
                    .testimonial-section2 {
                        background-image: linear-gradient(180deg, rgba(32, 83, 151, 0.9) 0%, rgba(32, 83, 151, 0.9)75%), url(../images/testimonialbg.jpg);
                        background-size: cover;
                        padding: 60px 0px;
                        width: 100%;
                        background-size: cover;
                    }
                    
                    .testim .wrap {
                        position: relative;
                        width: 100%;
                        max-width: 1020px;
                        margin: auto;
                    }
                    
                    .testim .arrow {
                        display: block;
                        position: absolute;
                        color: #eee;
                        cursor: pointer;
                        font-size: 2em;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        -moz-transform: translateY(-50%);
                        -o-transform: translateY(-50%);
                        transform: translateY(-50%);
                        -webkit-transition: all .3s ease-in-out;
                        -ms-transition: all .3s ease-in-out;
                        -moz-transition: all .3s ease-in-out;
                        -o-transition: all .3s ease-in-out;
                        transition: all .3s ease-in-out;
                        padding: 5px;
                        z-index: 99;
                    }
                    
                    .testim .arrow:before {
                        cursor: pointer;
                    }
                    
                    .testim .arrow:hover {
                        color: #2b288d;
                    }
                    
                    .testim .arrow.left {
                        left: 10px;
                    }
                    
                    .testim .arrow.right {
                        right: 10px;
                    }
                    
                    .testim .dots {
                        text-align: center;
                        position: absolute;
                        width: 100%;
                        bottom: 60px;
                        left: 0;
                        display: block;
                        z-index: 3333;
                        height: 12px;
                    }
                    
                    .testim .dots .dot {
                        list-style-type: none;
                        display: inline-block;
                        width: 12px;
                        height: 12px;
                        border-radius: 50%;
                        border: 1px solid #eee;
                        background: #bbd6f7;
                        margin: 0 10px;
                        cursor: pointer;
                        -webkit-transition: all .5s ease-in-out;
                        -ms-transition: all .5s ease-in-out;
                        -moz-transition: all .5s ease-in-out;
                        -o-transition: all .5s ease-in-out;
                        transition: all .5s ease-in-out;
                        position: relative;
                    }
                    
                    .testim .dots .dot.active,
                    .testim .dots .dot:hover {
                        background: #fff;
                        border-color: #fff;
                    }
                    
                    .testim .dots .dot.active {
                        -webkit-animation: testim-scale .5s ease-in-out forwards;
                        -moz-animation: testim-scale .5s ease-in-out forwards;
                        -ms-animation: testim-scale .5s ease-in-out forwards;
                        -o-animation: testim-scale .5s ease-in-out forwards;
                        animation: testim-scale .5s ease-in-out forwards;
                    }
                    
                    .testim .cont {
                        position: relative;
                        overflow: hidden;
                    }
                    
                    .testim .cont>div {
                        text-align: center;
                        position: absolute;
                        top: 0;
                        left: 0;
                        padding: 0 0 70px 0;
                        opacity: 0;
                    }
                    
                    .testim .cont>div.inactive {
                        opacity: 1;
                    }
                    
                    .testim .cont>div.active {
                        position: relative;
                        opacity: 1;
                    }
                    
                    .testim .cont div .img img {
                        display: block;
                        width: 100px;
                        height: 100px;
                        margin: auto;
                        border-radius: 50%;
                        border: 3px solid #fff;
                        margin-bottom: 20px;
                    }
                    
                    .testim .cont div .h4 {
                        color: #fff;
                        font-size: 1.2em;
                        margin: 15px 0;
                        display: block;
                        font-family: 'Montserrat', sans-serif;
                    }
                    
                    .testim .cont div .h4 span {
                        color: #dddada;
                        font-size: 1em;
                        margin: 10px 0;
                        display: block;
                    }
                    
                    .testim .cont div p {
                        font-size: 1.15em;
                        color: #eee;
                        width: 80%;
                        margin: auto;
                        text-align: center;
                    }
                    
                    .testim .cont div.active .img img {
                        -webkit-animation: testim-show .5s ease-in-out forwards;
                        -moz-animation: testim-show .5s ease-in-out forwards;
                        -ms-animation: testim-show .5s ease-in-out forwards;
                        -o-animation: testim-show .5s ease-in-out forwards;
                        animation: testim-show .5s ease-in-out forwards;
                    }
                    
                    .testim .cont div.active .h4 {
                        -webkit-animation: testim-content-in .4s ease-in-out forwards;
                        -moz-animation: testim-content-in .4s ease-in-out forwards;
                        -ms-animation: testim-content-in .4s ease-in-out forwards;
                        -o-animation: testim-content-in .4s ease-in-out forwards;
                        animation: testim-content-in .4s ease-in-out forwards;
                    }
                    
                    .testim .cont div.active p {
                        -webkit-animation: testim-content-in .5s ease-in-out forwards;
                        -moz-animation: testim-content-in .5s ease-in-out forwards;
                        -ms-animation: testim-content-in .5s ease-in-out forwards;
                        -o-animation: testim-content-in .5s ease-in-out forwards;
                        animation: testim-content-in .5s ease-in-out forwards;
                    }
                    
                    .testim .cont div.inactive .img img {
                        -webkit-animation: testim-hide .5s ease-in-out forwards;
                        -moz-animation: testim-hide .5s ease-in-out forwards;
                        -ms-animation: testim-hide .5s ease-in-out forwards;
                        -o-animation: testim-hide .5s ease-in-out forwards;
                        animation: testim-hide .5s ease-in-out forwards;
                    }
                    
                    .testim .cont div.inactive .h4 {
                        -webkit-animation: testim-content-out .4s ease-in-out forwards;
                        -moz-animation: testim-content-out .4s ease-in-out forwards;
                        -ms-animation: testim-content-out .4s ease-in-out forwards;
                        -o-animation: testim-content-out .4s ease-in-out forwards;
                        animation: testim-content-out .4s ease-in-out forwards;
                    }
                    
                    .testim .cont div.inactive p {
                        -webkit-animation: testim-content-out .5s ease-in-out forwards;
                        -moz-animation: testim-content-out .5s ease-in-out forwards;
                        -ms-animation: testim-content-out .5s ease-in-out forwards;
                        -o-animation: testim-content-out .5s ease-in-out forwards;
                        animation: testim-content-out .5s ease-in-out forwards;
                    }
                    
                    @-webkit-keyframes testim-scale {
                        0% {
                            -webkit-box-shadow: 0px 0px 0px 0px #eee;
                            box-shadow: 0px 0px 0px 0px #eee;
                        }
                        35% {
                            -webkit-box-shadow: 0px 0px 10px 5px #eee;
                            box-shadow: 0px 0px 10px 5px #eee;
                        }
                        70% {
                            -webkit-box-shadow: 0px 0px 10px 5px #cb3727;
                            box-shadow: 0px 0px 10px 5px #cb3727;
                        }
                        100% {
                            -webkit-box-shadow: 0px 0px 0px 0px #cb3727;
                            box-shadow: 0px 0px 0px 0px #cb3727;
                        }
                    }
                    
                    @-webkit-keyframes testim-content-in {
                        from {
                            opacity: 0;
                            -webkit-transform: translateY(100%);
                            transform: translateY(100%);
                        }
                        to {
                            opacity: 1;
                            -webkit-transform: translateY(0);
                            transform: translateY(0);
                        }
                    }
                    
                    @-webkit-keyframes testim-content-out {
                        from {
                            opacity: 1;
                            -webkit-transform: translateY(0);
                            transform: translateY(0);
                        }
                        to {
                            opacity: 0;
                            -webkit-transform: translateY(-100%);
                            transform: translateY(-100%);
                        }
                    }
                    
                    @-webkit-keyframes testim-show {
                        from {
                            opacity: 0;
                            -webkit-transform: scale(0);
                            transform: scale(0);
                        }
                        to {
                            opacity: 1;
                            -webkit-transform: scale(1);
                            transform: scale(1);
                        }
                    }
                    
                    @-moz-keyframes testim-show {
                        from {
                            opacity: 0;
                            -moz-transform: scale(0);
                            transform: scale(0);
                        }
                        to {
                            opacity: 1;
                            -moz-transform: scale(1);
                            transform: scale(1);
                        }
                    }
                    
                    @-webkit-keyframes testim-hide {
                        from {
                            opacity: 1;
                            -webkit-transform: scale(1);
                            transform: scale(1);
                        }
                        to {
                            opacity: 0;
                            -webkit-transform: scale(0);
                            transform: scale(0);
                        }
                    }
                    
                    @-moz-keyframes testim-hide {
                        from {
                            opacity: 1;
                            -moz-transform: scale(1);
                            transform: scale(1);
                        }
                        to {
                            opacity: 0;
                            -moz-transform: scale(0);
                            transform: scale(0);
                        }
                    }
                    
                    @keyframes testim-hide {
                        from {
                            opacity: 1;
                            transform: scale(1);
                        }
                        to {
                            opacity: 0;
                            transform: scale(0);
                        }
                    }
                    
                    @media all and (max-width: 500px) {
                        .testim .arrow {
                            font-size: 1.5em;
                        }
                        .testim .cont div p {
                            line-height: 25px;
                        }
                    }
                    /* close testimonial */
                    
                    .major_logos {
                        padding: 0px 0px 20px 0px;
                        position: relative;
                        z-index: -1;
                    }
                    
                    .hidemob {
                        display: none;
                    }
                    
                    .hidedesltop {
                        display: block;
                    }
                    
                    .item {
                        position: relative;
                        background-repeat: no- repeat;
                        background-position: top center;
                        background-size: cover;
                        overflow: hidden;
                    }
                    
                    .servicebox {
                        padding: 20px;
                        background: #ededed;
                        border: 1px solid #c1bbbb;
                    }
                    
                    .mt-3 .subscribe,
                    .cvwritings .subscribe {
                        float: left;
                    }
                    
                    .cv_box {
                        width: 100%;
                        border-radius: 10px;
                        -webkit-border-radius: 10px;
                        -moz-border-radius: 10px;
                        -ms-border-radius: 10px;
                        -o-border-radius: 10px;
                    }
                    
                    .cv_box img {
                        border-radius: 10px;
                        -webkit-border-radius: 10px;
                        -moz-border-radius: 10px;
                        -ms-border-radius: 10px;
                        -o-border-radius: 10px;
                    }
                    
                    .cvwritings h4 {
                        font-family: 'Lato', sans-serif;
                        color: #413f3f;
                        font-size: 22px;
                        font-weight: 700;
                    }
                    
                    .cvwritings h4 span {
                        color: #8e8a8a;
                        font-size: 18px;
                        text-decoration: line-through;
                        font-weight: 500;
                    }
                    
                    .cods {
                        padding: 0px 0px 10px 0px;
                        font-weight: 600;
                    }
                    
                    .cods span {
                        font-weight: 400;
                    }
                    
                    .tags {
                        padding: 0px 0px 10px 0px;
                        font-weight: 400;
                    }
                    
                    .tags span {
                        font-weight: 600;
                        padding: 0px 5px;
                    }
                    
                    .tags a {
                        color: #413f3f;
                    }
                    
                    .buynow {
                        border-top: 1px solid #efe6e6;
                        border-bottom: 1px solid #efe6e6;
                        display: flex;
                        width: 100%;
                        padding: 10px 0px;
                    }
                    
                    .buynow .form-group {
                        margin-bottom: 0rem;
                    }
                    
                    .buynowbox {
                        padding-right: 10px;
                    }
                    
                    .modal-body .subscribe {
                        float: left;
                        padding: 7px 20px;
                        border-radius: 6px;
                        -webkit-border-radius: 6px;
                        -moz-border-radius: 6px;
                        -ms-border-radius: 6px;
                        -o-border-radius: 6px;
                    }
                    
                    .modal-body .think {
                        padding: 5px 0px;
                    }
                    
                    .nav-tabs {
                        width: 100%;
                    }
                    
                    .modal-body a {
                        color: #212121;
                        font-weight: 600;
                    }
                    /* tabs */
                    
                    .tabs {
                        display: flex;
                        flex-wrap: wrap;
                    }
                    
                    .tabs label {
                        order: 1;
                        display: block;
                        padding: 10px 20px;
                        font-family: 'Montserrat', sans-serif;
                        margin-right: 0.2rem;
                        cursor: pointer;
                        font-weight: 600;
                        transition: background ease 0.2s;
                    }
                    
                    .tabs .tab {
                        order: 99;
                        flex-grow: 1;
                        width: 100%;
                        display: none;
                        padding: 1rem;
                        background: #f3f2f2;
                        border: 1px solid #dedede
                    }
                    
                    .tabs input[type="radio"] {
                        display: none;
                    }
                    
                    .tabs input[type="radio"]:checked+label {
                        background: #f3f2f2;
                        border: 1px solid #dedede
                    }
                    
                    .tabs input[type="radio"]:checked+label+.tab {
                        display: block;
                    }
                    
                    @media (max-width: 45em) {
                        .tabs .tab,
                        .tabs label {
                            order: initial;
                        }
                        .tabs label {
                            width: 100%;
                            margin-right: 0;
                            margin-top: 0.2rem;
                        }
                    }
                    
                    #tabone-content,
                    #tabtwo-content {
                        color: #313030;
                    }
                    
                    .tabs h3 {
                        font-size: 16px;
                    }
                    /* tabs close */
                    /* 8-2-21 */
                    
                    .blog-content {
                        width: 100%;
                        padding: 10px 15px;
                        background: #f3f2f2;
                        display: inline-block;
                        box-shadow: -1px 13px 36px -19px rgba(0, 0, 0, 0.75);
                        -webkit-box-shadow: -1px 13px 36px -19px rgba(0, 0, 0, 0.75);
                        -moz-box-shadow: -1px 13px 36px -19px rgba(0, 0, 0, 0.75);
                    }
                    
                    .blog-content p {
                        display: -webkit-box;
                        height: 78px;
                        -webkit-line-clamp: 3;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        padding: 10px 0px;
                    }
                    
                    .blog-content h3 {
                        display: -webkit-box;
                        height: 50px;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }
                    
                    .blog-content .subscribe {
                        float: left;
                    }
                    
                    .blog-img,
                    .blogfull-img {
                        width: 100%;
                        position: relative;
                    }
                    
                    .blogfull-img img {
                        width: 100%;
                    }
                    
                    .date {
                        padding: 5px 10px;
                        position: absolute;
                        top: 10px;
                        color: #fff;
                        right: 10px;
                        background: #000;
                        text-align: center;
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 16px;
                        border: 1px solid #fff;
                    }
                    
                    .date span {
                        font-size: 18px;
                        font-weight: 700;
                        display: block;
                    }
                    
                    .full-content {
                        width: 100%;
                        padding: 10px 0px;
                    }
                    
                    .full-content h3 {
                        padding: 15px 0px;
                    }
                    
                    .inner_container h4 {
                        font-family: Montserrat, sans-serif;
                        color: #000;
                        font-size: 26px;
                        font-weight: 600;
                        position: relative;
                        margin-bottom: 15px;
                    }
                    
                    .inner_container h4::after {
                        position: absolute;
                        content: "";
                        left: 0;
                        bottom: -6px;
                        width: 50px;
                        height: 2px;
                        background: rgb(195 195 195);
                    }
                    
                    .blog-detail {
                        width: 100%;
                        border: 1px solid #f0f0f0;
                        padding: 10px;
                    }
                    
                    .blog-detail p {
                        margin-bottom: 0px;
                    }
                    
                    .modal-dialog-popup {
                        max-width: 500px !important;
                        margin: 0 auto;
                    }
                    
                    .popup-add {
                        width: 100%;
                        padding: 20px;
                        display: flex;
                        flex-wrap: wrap;
                        align-items: center;
                        justify-content: space-around;
                    }
                    
                    .popup-add .notnow,
                    .popup-add .iam {
                        padding: 10px 20px;
                        margin-top: 10px;
                        border: none;
                        border-radius: 20px;
                        color: #fff;
                    }
                    
                    .popup-add .notnow {
                        background: #c7c7c7;
                    }
                    
                    .popup-add .iam {
                        background: #d8251a;
                    }
                    
                    .modal-dialog-popup .modal-body {
                        padding: 5px;
                    }
                    
                    .modal-dialog-popup .modal-content {
                        background: rgb(255, 255, 255);
                        background: linear-gradient(302deg, rgba(255, 255, 255, 1) 0%, rgba(245, 232, 206, 1) 100%);
                    }
                    
                    .modal-dialog-popup h3 {
                        color: #676767;
                        font-weight: 500;
                        font-size: 16px;
                        text-align: center;
                        margin-top: 10px;
                    }
                    
                    .modal-dialog-popup h2 {
                        color: #cb3727;
                        padding: 5px;
                        font-family: 'Montserrat', sans-serif;
                        font-weight: 700;
                        font-size: 16px;
                        text-align: center;
                    }
                    
                    .modal-list {
                        width: 100%;
                        border: 1px solid #d9d8d8;
                        padding: 15px;
                        background: #fefbe3;
                        margin-bottom: 10px;
                    }
                    
                    .modal-list ul {
                        padding: 5px 0px;
                    }
                    
                    .modal-list ul li {
                        list-style: none;
                        padding: 5px 0px;
                        position: relative;
                        padding-left: 20px;
                    }
                    
                    .modal-list ul li:before {
                        content: "\f35a";
                        font-family: "Font Awesome 5 Free";
                        display: inline-block;
                        position: absolute;
                        font-weight: 600;
                        left: 0;
                        color: #cb3727;
                    }
                    
                    .assure {
                        font-weight: 600;
                    }
                    
                    .assure span {
                        color: #cb3727;
                    }
                    /* 8-2-21 */
                    /* start mediaquery */
                    
                    @media only screen and (min-device-width: 1024px) and (max-device-width: 1200px) {
                        .contents {
                            width: 65%;
                        }
                        .contents2 {
                            width: 35%;
                        }
                        .slide__caption h2 {
                            font-size: 34px;
                        }
                        .resp-tabs-list li {
                            font-size: 14px;
                        }
                        .logo {
                            width: 150px;
                        }
                        .nav-menu>li>a {
                            padding: 13px 8px;
                        }
                        .about_company img {
                            transform: translateY(0px);
                            -webkit-transform: translateY(0px);
                            -moz-transform: translateY(0px);
                            -ms-transform: translateY(0px);
                            -o-transform: translateY(0px);
                        }
                        .about_company {
                            padding: 60px 0px;
                        }
                    }
                    
                    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
                        .banner h1 {
                            font-size: 42px;
                        }
                        .right-side ul li span {
                            top: auto
                        }
                        .form-control {
                            font-size: 13px;
                        }
                        .about_company h2 {
                            font-size: 30px;
                        }
                        .about_company h2 span {
                            font-size: 18px;
                        }
                        .about_company img {
                            transform: translateY(0px);
                        }
                        .about_company {
                            padding: 60px 0px
                        }
                        .whychoose h3,
                        .cvwritings h3,
                        .testimonial-section2 h2 {
                            font-size: 24px;
                        }
                        .whychoose .media-body h5 {
                            font-size: 16px;
                        }
                        .intro {
                            height: auto;
                        }
                        .search_area {
                            padding: 10px 0px;
                            transform: translateY(0px);
                        }
                        .banner h1 {
                            font-size: 30px;
                        }
                        .banner {
                            background: #f6f6f6;
                            align-items: center;
                        }
                        .banner_left {
                            background-image: none;
                        }
                        .align-to-right {
                            float: left;
                            display: block;
                            flex-direction: column;
                        }
                        .right-side {
                            margin: 0px 0px 10px 18px;
                        }
                        .search_area.fixed {
                            z-index: 9;
                        }
                    }
                    
                    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
                        .banner {
                            height: auto;
                        }
                        .owl-item {
                            height: auto;
                        }
                    }
                    
                    @media only screen and (min-width: 768px) and (max-width: 991px) {
                        .owl-item {
                            height: auto;
                        }
                        .resp-tabs-list li {
                            font-size: 11px;
                            padding: 10px 10px;
                        }
                        .contents {
                            width: 55%;
                        }
                        .contents2 {
                            width: 45%;
                        }
                        .slide__caption h2 {
                            font-size: 22px;
                        }
                        .banner,
                        .intro {
                            height: auto;
                            flex-direction: column-reverse;
                        }
                        .banner_left,
                        .banner_right {
                            width: 100%;
                        }
                        .banner_left {
                            padding: 50px;
                        }
                        .banner_right img {
                            height: auto;
                            border-radius: 0px;
                        }
                        .banner h1 {
                            font-size: 30px;
                        }
                        .search_area {
                            transform: translateY(-5px);
                            -webkit-transform: translateY(-5px);
                            -moz-transform: translateY(-5px);
                            -ms-transform: translateY(-5px);
                            -o-transform: translateY(-5px);
                        }
                        .product_text h2,
                        .product_text h2 span {
                            font-size: 12px;
                        }
                    }
                    
                    @media (max-width:767px) {
                        .align-to-right {
                            float: left;
                            display: block;
                            flex-direction: column;
                            margin-top: 14px;
                        }
                        .right-side {
                            margin: 0px 0px 10px 0px;
                        }
                        .formclass {
                            flex-direction: column;
                        }
                        .searchbox {
                            margin-top: 10px;
                            height: 40px;
                        }
                        .hidemob {
                            display: block;
                        }
                        .hidedesltop {
                            display: none;
                        }
                        .banner,
                        .intro {
                            height: auto;
                            flex-direction: column-reverse;
                        }
                        .banner_left,
                        .banner_right {
                            width: 100%;
                        }
                        .banner_left {
                            height: auto;
                        }
                        .banner_left {
                            padding: 30px;
                            align-items: center;
                        }
                        .banner_left::after {
                            display: none;
                        }
                        .banner_right img {
                            height: auto;
                            border-radius: 0px;
                        }
                        .banner h1 {
                            font-size: 22px;
                            text-align: center;
                        }
                        .owl-item {
                            height: auto;
                        }
                        .contents {
                            width: 100%;
                        }
                        .slide__caption h2 {
                            font-size: 34px;
                        }
                        .contents2 {
                            display: none;
                        }
                        /* .right-side ul li span {
                            top: auto
                        } */
                        .navigation-portrait .nav-button {
                            width: auto;
                            margin: 0px 26px;
                        }
                        .form-control {
                            font-size: 13px;
                        }
                        .about_company h2,
                        .services h2 {
                            font-size: 30px;
                        }
                        .about_company h2 span {
                            font-size: 18px;
                        }
                        .about_company img {
                            transform: translateY(0px);
                        }
                        .about_company {
                            padding: 60px 0px
                        }
                        .whychoose h3,
                        .testimonial-section2 h2,
                        .succuess h5,
                        .cvwritings h3 {
                            font-size: 24px;
                        }
                        .whychoose .media-body h5 {
                            font-size: 16px;
                        }
                        .search-bar .form-group {
                            margin-bottom: 0px;
                        }
                        .search_area.fixed {
                            position: relative;
                            background: none;
                        }
                        .search-bar {
                            padding: 16px 20px;
                        }
                        .buttonfield {
                            height: 100%;
                        }
                        .viewbutn {
                            margin-bottom: 10px;
                        }
                        .right-side ul li {
                            margin-bottom: 10px;
                        }
                        .search_area {
                            transform: translateY(0px);
                        }
                        .cvwritten {
                            font-size: 18px;
                        }
                        .major_logos {
                            background: #fff;
                        }
                        .whychoose .media i {
                            font-size: 45px;
                        }
                        .media {
                            margin-bottom: 20px;
                        }
                        .borderclr {
                            border: 1px solid #d4d4d4
                        }
                        .mob_size {
                            width: 250px;
                        }
                        .productbg,
                        .about_company,
                        .whychoose,
                        .services,
                        footer,
                        .major_logos {
                            padding: 40px 0px
                        }
                        .search_area {
                            padding: 20px 0px
                        }
                        .search-bar {
                            width: 100%;
                        }
                        .search_area.fixed {
                            z-index: 9;
                        }
                        .search-bar .searchbox .form-control {
                            height: 40px;
                        }
                        .services h2,
                        .blog h2,
                        .welcome h2 {
                            font-size: 30px;
                        }
                        .modal-body {
                            padding: 15px;
                        }
                    }
                    
                    @media (max-width:480px) {
                        .services h2,
                        .blog h2,
                        .welcome h2 {
                            font-size: 24px;
                        }
                        .modal-body h3 {
                            font-size: 20px;
                        }
                        .modal-dialog-popup h3 {
                            font-size: 16px;
                        }
                        .popup-add .modal-body h3 {
                            font-size: 16px;
                        }
                        .modal-body h4 {
                            font-size: 18px;
                        }
                        .modal-body {
                            padding: 10px;
                        }
                        .banner h1 {
                            font-size: 16px;
                        }
                        .slide__caption h2 {
                            font-size: 22px;
                        }
                        .media {
                            margin-bottom: 15px;
                        }
                        .services h2,
                        .about_company h2 {
                            font-size: 28px;
                        }
                        p {
                            line-height: 20px;
                        }
                        .productbg,
                        .about_company,
                        .whychoose,
                        .services,
                        footer,
                        .major_logos,
                        .search_area,
                        .welcome,
                        .blog {
                            padding: 30px 0px
                        }
                        .innerbanner h3 {
                            font-size: 26px;
                        }
                        .slide__caption h2 br {
                            display: none;
                        }
                        .logo {
                            width: 160px;
                        }
                        .ftrlogo img {
                            width: 200px;
                        }
                        .modal .modal-dialog {
                            margin: 20px;
                        }
                        .owl-theme .owl-controls .owl-page span {
                            width: 8px;
                            height: 8px;
                        }
                        .search-bar,
                        .search_area.fixed .search-bar {
                            padding: 10px 10px;
                        }
                        .whychoose h3,
                        .services h3,
                        .cvwritings h3 {
                            font-size: 18px;
                        }
                        .slide__caption h2 {
                            font-size: 28px;
                        }
                        .ftr-menu li::after {
                            display: none;
                        }
                        .scrollup {
                            width: 30px;
                            height: 30px;
                        }
                        header {
                            padding: 5px;
                        }
                        .whychoose .media i {
                            font-size: 35px;
                        }
                        .cvwritten {
                            font-size: 16px;
                            padding: 15px;
                        }
                        .subclt {
                            font-size: 11px;
                        }
                        .mob_size {
                            width: 150px;
                        }
                        .alerts {
                            top: 60px;
                        }
                        .buynowbtn {
                            padding: 5px 15px;
                        }
                        .about_company .lets-start {
                            text-align: center;
                        }
                        .services h2,
                        .blog h2,
                        .welcome h2 {
                            margin-bottom: 8px;
                        }
                        .blog-content p {
                            height: 71px;
                        }
                        .ftrlogo {
                            width: 200px;
                        }
                        .inner_container h3 {
                            font-size: 18px;
                        }
                        .blog-content h3 {
                            display: -webkit-box;
                            height: 40px;
                            font-size: 17px;
                        }
                    }