body,
html {
    overflow-x: hidden;
}
body {
    color: #1b0e3d;
    font-family: 'Open Sans','Poppins', sans-serif !important;
    font-size: 16px;
    letter-spacing: 0.5px;
    background: #FFFFFF;
}
a {
    font-family: 'Open Sans','Poppins', sans-serif !important;
    color: #ed3338;
}
a:hover,
a:focus
 {
    text-decoration: none;
    outline: none;
    color: #f9a61d;
}
input:focus {
    outline: 0;
}
button:focus {
    outline: 0;
}
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle,
.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-secondary.dropdown-toggle
{
    background-color: #F95738;
    border-color: #F95738;
}



.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-primary.dropdown-toggle:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus, 
.btn-secondary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(249, 87, 56, 0.5);
}
a{
	transition: 0.5s;
}
p {
    line-height: 30px;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
ul{
    margin: 0;
    padding: 0;
}
.open > .dropdown-menu {
    display: block;
}
.dropdown-menu {
    box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.05);
    border: 0;
    color: #4d4d4d;
}
.dropdown-item {
    color: #4d4d4d;
}
.dropdown-item:hover {
    color: #e8644c;
}
.bootstrap-select .dropdown-toggle:focus
{
    outline: none !important;
    background: none !important;
}
.btn-default:not([disabled]):not(.disabled):active, 
.btn-default:not([disabled]):not(.disabled).active, 
.show > .btn-default.dropdown-toggle {
    background: none !important;
}
.o-hidden
{
	overflow: hidden;
}

.form-control:focus {
    border-color:#F95738;
    background: #F2F3F5;
    box-shadow: none;
}
.btn-secondary
{
	background-color:#011741; 
    border-color:#fff;
    font-weight: 700;
    font-size: 16px;
    border-radius: 0;
    height: 50px;
}
.btn-secondary:hover
{
	background-color: #F95738;
	border-color:#F95738;
}
.btn {
    border-radius: 0;
}
.btn:focus {
    box-shadow: none;
}
.btn-success {
    color: #fff;
    background-color: #90C551;
    border-color: #90C551;
}

.btn-success:hover {
    color: #fff;
    background-color: #80b245;
    border-color: #80b245;
}

.btn-primary {
    color: #fff;
    background-color: #ed3338;
    border-color: #ed3338;
    font-size: 17px;
}

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

.form-control {
    padding: .375rem 20px;
    font-size: 16px;
    color:#8F8F8F;
    border: 1px solid transparent;
    background: #F2F3F5;
    height: 50px;
    border-radius: 0;
    margin-bottom: 15px;

}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans','Poppins', sans-serif !important;
}
h1 {
    font-family: 'Open Sans','Poppins', sans-serif !important;
    font-size: 50px;
    line-height: 50px;
    color: #ed3338;

}

h2 {
    font-family: 'Open Sans','Poppins', sans-serif !important;
    font-size: 40px;
    line-height: 40px;
}

h3 {
    font-family: 'Open Sans','Poppins', sans-serif !important;
    font-size: 30px;
}

h4 {
    font-family: 'Open Sans','Poppins', sans-serif !important;
    font-size: 20px;
}

h5 {
    font-family: 'Open Sans','Poppins', sans-serif !important;
    font-size: 18px;
}

/* For mobile screens */
@media screen and (max-width: 480px) {
    h1 {
        font-family: 'Open Sans','Poppins', sans-serif !important;
        font-size: 30px;
        line-height: 50px;
        color: #ed3338;
        line-height: 30px;
    }

    h2 {
        font-family: 'Open Sans','Poppins', sans-serif !important;
        font-size: 24px;
        line-height: 30px;
    }

    h3 {
        font-family: 'Open Sans','Poppins', sans-serif !important;
        font-size: 22px;
        line-height: 30px;
    }
}

    @font-face {
        font-family: 'MarketWebRegular';
        src: url('../../fonts/MarketWebRegular.eot');
        src: url('../../fonts/MarketWebRegular.eot') format('embedded-opentype'), url('../../fonts/MarketWebRegular.woff2') format('woff2'), url('../../fonts/MarketWebRegular.woff') format('woff'), url('../../fonts/MarketWebRegular.ttf') format('truetype'), url('../../fonts/MarketWebRegular.svg#MarketWebRegular') format('svg');
    }

    /*** custom radio button css start ***/
    .custom-control {
        margin-bottom: 2px;
    }

    .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
        background-color: #e8644c;
    }

    .custom-control-label::before,
    .custom-control-label::after {
        top: 0.21rem;
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: none;
    }
    /*** custom radio button css end ***/
    /*** custom check box css start ***/
    .custom-checkbox {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 16px;
        color: #828282;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        /* Hide the browser's default checkbox */
        .custom-checkbox input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #eee;
    }

    /* On mouse-over, add a grey background color */
    .custom-checkbox:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .custom-checkbox input:checked ~ .checkmark {
        background-color: #F95738;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .custom-checkbox input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .custom-checkbox .checkmark:after {
        left: 8px;
        top: 4px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    /*** custom check box css end ***/
    /***************** Header css start *******************/
    header {
        position: relative;
        padding: 25px 0 0;
    }

        header .phn {
            font-weight: 600;
            font-size: 16px;
            color: #fff;
            margin-right: 23px;
        }

        header .hcontact {
            text-align: right;
        }

        header .row {
            position: relative;
        }
    /*** menu css start ***/
    .menu-icon {
        display: none;
        height: 25px;
    }

        .menu-icon .menu-box span {
            width: 32px;
            height: 2px;
            margin-bottom: 6px;
            background: #ed3338;
            display: block;
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
        }

    .resmenu_ul .caret {
        color: #fff;
        margin-left: 7px;
    }

    .resmenu_ul {
        padding: 0px;
        list-style: none;
    }

        .resmenu_ul > li {
            float: left;
            position: relative;
            position: relative;
            height: 100%;
            display: flex;
            align-items: center;
            padding: 25px 0;
        }

        .resmenu_ul li a {
            font-size: 16px;
            color: #1b0e3d;
            padding: 0 20px;
            display: inline-block;
            vertical-align: middle;
            text-transform: capitalize;
            font-weight: 600;
        }

        .resmenu_ul > li:hover > a,
        .resmenu_ul > li.active > a {
            color: #f9a61d;
        }

        .resmenu_ul > li ul {
            display: none
        }

        .resmenu_ul ul li {
            width: 100%;
            margin: 0;
            list-style: none;
            position: relative;
        }

        .resmenu_ul.desk ul {
            top: 100%;
            z-index: 999;
            list-style: none;
            left: 0px;
            background: #fff;
            position: absolute;
            min-width: 340px;
            padding: 25px;
            border-top: 5px solid #f9a61d;
            box-shadow: 0 10px 20px 0px rgba(111, 111, 111,0.20);
        }

    .resmenu_container {
        position: relative;
        height: 100%;
    }
    /*Sub menu styles*/
    .triangle {
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 5px solid #1b0e3d;
    }

    .resmenu_ul.desk li:hover > ul {
        display: block;
        opacity: 1;
    }

    .resmenu_ul.desk .sb-menu .sb-menu {
        left: 100%;
        top: 0;
    }

    .resmenu_ul.desk ul li a {
        padding: 5px 12px;
        display: block;
        /* background: url(../images/tiger.png) no-repeat -20px center; */
        transition: 0.5s;
    }

    .resmenu_ul.desk ul li:hover > a {
        padding-left: 25px;
        transition: 0.5s;
        background-position: 2px center;
    }

    .resmenu_ul li.has-children.hover a span.triangle {
        border-top-color: #f9a61d;
    }

    .resmenu_ul li a:hover {
        color: #f9a61d;
    }

    .resmenu_ul .triangle {
        position: absolute;
        right: 5px;
        top: 44px;
        cursor: pointer;
        z-index: 999;
    }

    .resmenu_ul.menu.desk {
        display: flex;
        align-items: center;
        height: 100%;
    }

    .resmenu_ul li.inquiry-btn a {
        color: #fff !important;
        padding: 8px 20px;
        border-radius: 5px;
        height: 43px;
        display: flex;
        align-items: center;
        display: flex;
    }
    /*** menu css start ***/
    /***************** Header css end *******************/
    .contacts {
        float: right;
        position: absolute;
        right: 15px;
        top: -16px;
    }

        .contacts li {
            display: block;
            float: left;
            margin-left: 20px;
        }

            .contacts li a {
                color: #011741;
            }

                .contacts li a:hover {
                    color: #f9a61d;
                }

            .contacts li:first-child a img {
                position: relative;
                top: -2px;
            }

    .hero-section {
        background-repeat: no-repeat;
        background-position: center left;
        height: 675px;
        background-size: 50%;
    }

        .hero-section p {
            font-size: 17px;
        }

        .hero-section .container,
        .hero-section .row {
            height: 100%;
            ;
        }

    .banner-content {
        padding-left: 50px;
    }

    .solution {
        /*margin-bottom: 50px;*/
    }


    .intro-section {
        /*padding: 50px 0;*/
        padding: 30px;
    }

        .intro-section h2 {
            text-align: center;
            color: #ed3338;
        }

.intro-img {
    float: right;
    height: 500px;
}

    /* For mobile screens */
    @media screen and (max-width: 480px) {

        .intro-section h2 {
            text-align: center;
            color: #ed3338;
            font-size: 22px;
            line-height: 30px;
        }

        .intro-img {
            float: right;
            height: 250px;
        }
    }

    .common-section {
        /*padding: 50px 0;*/
        padding: 10px 0;
    }

        .common-section h2 {
            text-align: center;
            color: #ed3338;
        }

            .common-section h2 small {
                font-size: 22px;
                display: block;
                padding-top: 10px;
            }

    /* For mobile screens */
    @media screen and (max-width: 480px) {

        .common-section h2 {
            text-align: center;
            color: #ed3338;
            font-size: 24px;
            line-height: 30px;
        }
    }

    .common-section.bggray {
        padding: 20px 0;
    }

    .bggray {
        background: #f0f1f5 !important;
    }

    .bgyellow {
        background: #ddab45;
    }

    .berryblue {
        background: #3d95aa;
    }

    .bgskyblue {
        background: #7aa0bc;
    }

    .bgblue {
        background: #ed3338;
    }

    .edge-box {
        height: 250px;
        text-align: center;
        color: #ffffff;
        padding: 30px 50px;
        display: flex;
        -ms-display: flexbox;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
        margin-top: 30px;
        transition: 0.5s;
        position: relative;
        transform: scale(1);
    }

        .edge-box:hover {
            transform: scale(1.15);
            z-index: 1;
        }

        .edge-box h4 {
            padding-top: 10px;
            line-height: 30px;
            width: 280px;
            padding-left: 50px;
            padding-right: 50px;
            color: #ffffff;
        }

    .client-carousel {
        padding: 30px 55px 0;
    }

        .client-carousel.owl-theme .owl-nav {
            position: absolute;
            top: 50%;
            margin-top: -4px;
            width: 100%;
            left: 0;
            right: 0;
        }

            .client-carousel.owl-theme .owl-nav button {
                height: 36px;
                width: 36px;
                border-radius: 100px;
                background: #ffffff;
                box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
                position: absolute;
            }

                .client-carousel.owl-theme .owl-nav button span {
                    position: absolute;
                    top: -5px;
                    font-size: 30px;
                    color: #ed3338;
                }

                .client-carousel.owl-theme .owl-nav button.owl-prev span {
                    left: 14px;
                }

                .client-carousel.owl-theme .owl-nav button.owl-next span {
                    right: 14px;
                }

                .client-carousel.owl-theme .owl-nav button.owl-prev {
                    left: 15px;
                }

                .client-carousel.owl-theme .owl-nav button.owl-next {
                    right: 15px;
                }

                .client-carousel.owl-theme .owl-nav button.disabled span {
                    color: #c3c3c3;
                }

    .content-box-right:before {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        right: -100%;
        left: 0;
        background: #ed3338;
        pointer-events: none;
        z-index: -1;
    }

    .content-box-left {
        background: #f2f2f2;
        padding: 50px 50px 50px 35px;
        text-align: center;
    }

    .content-box {
        color: #ffffff;
    }

    .we-are-excellent .col-lg-4 {
        background: #f2f2f2;
    }

    .we-are-excellent .col-lg-8 {
        padding-top: 50px;
        padding-left: 50px;
    }

    footer {
        /*background: url(../../images/footer-bg.png) no-repeat center center #ed3338;*/
        background: #000000;
        padding: 50px 0 0;
        font-size: 15px;
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }

    .footer-header {
        font-size: 20px;
        color: #fff;
        margin: 0 0 10px;
        font-weight: 600;
    }

    .footer-readmore {
        color: #ffffff;
        text-decoration: underline;
    }

footer p,
footer ul li,
footer ul li a {
    color: #797979;
    font-weight: 500;
    font-family: 'Open Sans','Poppins', sans-serif !important;
}

        footer ul li a:hover {
            color: #ed3338;
        }


    footer ul li {
        padding-bottom: 15px
    }

        footer ul li i.fa,
        footer ul li.icon-link {
            color: #fba923;
            vertical-align: middle
        }

        footer ul li i.fa-mobile {
            font-size: 26px
        }

    .copy-footer {
        padding: 15px 0;
        font-size: 12px;
        color: #ffffff;
        margin-top: 15px;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        text-align: center;
    }

        .copy-footer li {
            padding: 0 8px;
            display: inline-block;
            color: #fff;
        }

            .copy-footer li a {
                color: #fff;
                padding: 0;
            }

            .copy-footer li:last-child {
                border: 0
            }

    .fcontact li {
        padding-left: 45px;
    }

        .fcontact li i {
            position: absolute;
            left: 5px;
            text-align: center;
            width: 50px;
        }


    .ud-animation img {
        max-width: 100%;
    }

        .ud-animation img:hover {
            -webkit-animation-play-state: paused;
            -moz-animation-play-state: paused;
            -o-animation-play-state: paused;
            animation-play-state: paused;
            cursor: pointer;
        }

    .round-art {
        position: absolute;
        top: 50%;
        margin-top: -75px;
        left: 50%;
        margin-left: -75px;
    }

    @keyframes rotate {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    .c-content {
        padding-left: 8px;
        padding-right: 8px;
    }

    /*New CSS */

    .lesspad {
        padding: 10px !important;
    }

    .nopad {
        padding: 0px !important;
    }

    .page-bg {
        background-image: url(../images/footer-bg.png);
        background-position: center;
        opacity: 0.7;
    }

    .page-title-bg {
        background-image: url(../images/footer-bg.png);
        background-position: center;
        opacity: 0.7;
        padding: 5px;
    }

    .page-title-text {
        color: #fff !important;
        text-align: center;
    }




    .content-box-simple {
        background: #f2f2f2;
        padding: 50px 50px 50px 35px;
    }

    .content-box-white {
        transition: all ease-in-out 0.3s;
        background: #fff;
        box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05);
        padding: 50px 50px 50px 35px;
    }

    .content-box-simple-blue {
        background: #ed3338;
        padding: 50px 50px 50px 35px;
        color: #fff !important;
    }

    .content-box-simple-yellow {
        background: #ebce93;
        padding: 50px 50px 50px 35px;
        color: #000 !important;
    }

    .content-box-simple-berryblue {
        background: #3d95aa;
        padding: 50px 50px 50px 35px;
        color: #fff !important;
    }


    .content-box-simple-skyblue {
        background: #7aa0bc;
        padding: 50px 50px 50px 35px;
        color: #fff !important;
    }


    .company-history li {
        list-style: none;
    }

        .company-history li .history-content {
            border-left: 1px solid #cdcdcd;
            margin-left: 94px;
            padding: 0 0 50px 50px;
            position: relative;
        }

        .company-history li .year {
            color: #fba923;
            float: left;
            font-size: 24px;
            width: 94px;
        }

        .company-history li .history-content::before {
            background-color: #fba923;
            border-radius: 100%;
            content: "";
            height: 11px;
            left: -6px;
            position: absolute;
            top: 0;
            width: 11px;
        }


    /* For mobile screens */
    @media screen and (max-width: 480px) {
        .company-history-mobile li {
            list-style: none;
        }

            .company-history-mobile li .history-content {
                margin-left: 5px;
                padding: 0 0 10px 10px;
                position: relative;
            }

            .company-history-mobile li .year {
                color: #fba923;
            }

            .company-history-mobile li .history-content::before {
                /*border-radius: 100%;*/
                content: "";
                height: 11px;
                left: -1px;
                position: absolute;
                top: 0;
                width: 11px;
            }

        .content-box-title-mobile {
            font-size: 22px;
        }
    }


.contact-address-box {
    margin-top: 5px;
    text-align: left;
    margin-inline-end: 5px;
    padding: 5px 5px 5px 5px;
    transition: all ease-in-out 0.3s;
    /*background: #ffffff;*/
   /* box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05);*/
 /*   min-height: 130px;*/
    font-family: 'Open Sans','Poppins', sans-serif !important;
}

.contact-title {
    /*color: #093ed3*/
    color: #000000;
    font-weight: 500;
    font-family: 'Open Sans','Poppins', sans-serif !important;
}

.branch-address {
   /* height: 75px !important;*/
}

.branch-contacts {
  height: 50px !important;
}

    .branch-contacts-email {
        color: #000000 !important;
    }

    .branch-contacts-phone {
        color:#000000 !important;
    }

.contact-social > div {  
    background-color: #ed3338 !important;
    border-left: 1px solid #ffffff;
    padding: 15px 15px 15px 15px;        
    text-align:center;
}

/*.contact-social ul > li {    
    background-color: #ed3338 !important;
    border-left: 1px solid #ffffff;
    padding: 15px 15px 15px 15px;
}*/


/* For tablet screens */
@media screen and (max-width: 1260px) {
    .contact-address-box {
        margin-top: 5px;
        text-align: left;
        margin-inline-end: 5px;
        padding: 10px 10px 10px 10px;
        transition: all ease-in-out 0.3s;
      /*  background: #ffffff;
        box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05);*/
        /*min-height: 280px;*/
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }

    .branch-address {
       /* height: 140px !important;*/
    }

    .branch-contacts {
        height: 45px !important;
    }
}


/* For tablet screens */
@media screen and (max-width: 840px) {
    .contact-address-box {
        margin-top: 5px;
        text-align: left;
        margin-inline-end: 5px;
        padding: 10px 10px 10px 10px;
        transition: all ease-in-out 0.3s;
        /*background: #ffffff;
        box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05);*/
       /* min-height: 160px;*/
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }

    .branch-address {
       /* height: 100px !important;*/
    }

    .branch-contacts {
        height: 45px !important;
    }
}

    /* For mobile screens */
@media screen and (max-width: 480px) {
    .contact-address-box {
        margin-top: 5px;
        text-align: left;
        margin-inline-end: 5px;
        padding: 10px 10px 10px 10px;
        transition: all ease-in-out 0.3s;
      /*  background: #ffffff;
        box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05);*/
       /* min-height: 180px;*/
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }

    .branch-address {
       /* height: 100px !important;*/
    }

    .branch-contacts {
        height: 50px !important;
    }
}

    }


    .ddl-control {
        height: 36px !important;
    }


.contact-email-box {
    text-align: left;
    margin-inline-end: 5px;
    padding: 5px 5px 5px 5px;
    transition: all ease-in-out 0.3s;
  /*  background-color: #ffffff;
    box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05);
    min-height: 50px;*/
    width: 100%;
    font-family: 'Open Sans','Poppins', sans-serif !important;
}

        .contact-email-box .email {
            color: #000000;
        }


.contact-phone-box {
    text-align: left;
    margin-inline-end: 5px;
    padding: 5px 5px 5px 5px;
    transition: all ease-in-out 0.3s;
    background-color: #ffffff;
    box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05);
    min-height: 50px;
    width: 100%;
    font-family: 'Open Sans','Poppins', sans-serif !important;
}


        .contact-phone-box .phone {
            color: #000000;
        }


    .contact-social-box {
        text-align: left;
        margin-inline-end: 5px;
        transition: all ease-in-out 0.3s;
        background-color: #ffffff;
        box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05);
        min-height: 75px;
        width: 100%;
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }

    /*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/
    .fs-container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    @media (min-width: 768px) {
        .fs-container {
            width: 750px;
        }
    }

    @media (min-width: 992px) {
        .fs-container {
            width: 970px;
        }
    }

    @media (min-width: 1200px) {
        .fs-container {
            width: 1170px;
        }
    }

    .fs-container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }


    .fspanel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent !important;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    }

    .fspanel-border {
        border: 0px solid #ed3338 !important;
    }

    .fs-panel-heading {
        color: #ed3338;
        font-weight: 500;
        font-size: 40px;
        font-family: 'Open Sans','Poppins', sans-serif !important;
        margin-left: 10px;
    }

    .fs-common-heading {
        color: #ed3338;
        font-weight: 500;
        font-size: 32px;
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }

    @media (max-width: 768px) {
        .fs-panel-heading {
            font-size: 18px;
            line-height: 26px;
            padding: 0px 0px;
        }
    }


    .fs-panel-body {
        padding: 15px !important;
        border: 1px solid #ddd !important;
    }


    .fs-btn {
        background-color: #ed3338 !important;
        color: #ffffff !important;
        font-weight: bold;
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }


        .fs-btn:hover {
            background-color: #ed3338 !important;
            color: #ffffff !important;
            font-weight: bold;
            cursor: pointer;
        }

    .fs-errMsg {
        color: Red;
        font-size: 12px;
    }

    .fs-invalid {
        border: 1px solid red !important;
    }

    /*--------------------------------------------------------------*/
    /* End: Form Style CSS*/






    /*--------------------------------------------------------------
# Container and Blocks
--------------------------------------------------------------*/
    .page-container {
        background-color: none;
    }

        .page-container div h2 {
            background-color: none;
        }

        .page-container div img {
            background-color: none;
        }


    .page-container-separator {
        border-bottom: solid 1px #f0f1f5;
    }



    .block {
        padding: 20px 20px 20px 20px;
        transition: all ease-in-out 0.3s;
        /*  background: #ed3338;
    border: 2px solid #ed3338;
    box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05);*/
        margin-left: 0px;
        min-height: 200px !important;
    }

    .block-header {
        background-color: none;
    }

        .block-header h3 {
            background-color: none;
            color: #ffffff !important;
        }

        .block-header h4 {
            background-color: none;
            color: #ffffff !important;
        }

        .block-header span img {
            height: 125px;
            width: 125px;
            filter: invert(150%);
        }

    .block-image {
        background-color: none;
    }

        .block-image img {
            background-color: none;
        }

    .block-content {
        background-color: none;
        color: #000000;
    }




    /*.block-header-icon img {
    height: 125px;
    width: 125px;
    filter: invert(150%);
}*/

    /*--------------------------------------------------------------
# Service Box
--------------------------------------------------------------*/
    .service-box {
        background: #ffffff;
        /*border: solid 0px #ed3338;*/
        padding: 0px 0px 0px 0px;
        margin: 0px 0px;
        transition: 0.5s;
        height: 400px;
        border-radius: 5px;
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }

        .service-box img {
            padding: 5px;
            margin-bottom: 20px;
            width: 100% !important;
            height: 300px !important;
        }

        .service-box a {
            margin-left: 15px;
            font-weight: 600;
            position: relative;
            color: #000000;
        }

            .service-box a:hover {
                margin-left: 15px;
                font-weight: 600;
                position: relative;
                color: #ed3338;
            }


    .service_name {
        padding: 1px;
        /*background: rgba(0, 0, 0, 0.1);*/
        margin-right: 10px;
        padding: 10px 0px 10px 0px;
        text-align: left !important;
        /*border-bottom: solid 2px rgba(0, 0, 0, 0.1);*/
    }



    /*For smaller screens */
    @media (max-width: 768px) {
        .service_name {
            font-size: 18px;
            line-height: 26px;
        }
    }

    .service_more > a {
        color: #797979;
        font-size: 14px;
        font-weight: normal;
    }

        .service_more > a:hover {
            color: #ed3338;
            font-weight: normal;
        }
    /*======================*/
    /*--------------------------------------------------------------
# Blogs
--------------------------------------------------------------*/
    .blog-box {
        background: #ffffff;
        padding: 15px 15px 15px 15px;
        margin: 15px 15px;
        transition: 0.5s;
        height: 500px;
        border-radius: 5px;
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }

        .blog-box img {
            /*padding: 5px;*/
            margin-bottom: 20px;
            /*width: 450px !important;*/
            width: 100%;
            height: 350px;
        }

        .blog-box p {
            margin-top: 30px;
            padding: 10px;
            line-height: 20px;
        }

        /*       .blog-box a {
            font-weight: 600;
            position: relative;
        }*/

        .blog-box a {
            margin-left: 0px;
            font-weight: 600;
            position: relative;
            color: #000000;
            font-family: 'Open Sans','Poppins', sans-serif !important;
        }

            .blog-box a:hover {
                margin-left: 0px;
                font-weight: 600;
                position: relative;
                color: #ed3338;
            }

    .blog_more > a {
        border-radius: 50px;
        letter-spacing: 1px;
        line-height: 29px;
        padding: 10px 40px;
        margin-top: 20px;
        color: #797979;
        font-size: 16px;
        font-weight: 400;
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }

        .blog_more > a:hover {
            color: #ed3338;
            font-weight: normal;
        }

    .blog_name {
        padding: 1px;
        /*background: rgba(0, 0, 0, 0.1);*/
        margin-right: 10px;
        padding: 10px 0px 10px 0px;
        text-align: left !important;
        /*border-bottom: solid 2px rgba(0, 0, 0, 0.1);*/
    }


    .blog-post-img {
        float: right;
        height: 500px;
    }


    .blog-content-text {
        position: relative;
        color: #797979;
        font-size: 16px;
        line-height: 1.8em;
        margin-bottom: 20px;
        text-align: justify;
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }




    /*For smaller screens */
    @media (max-width: 768px) {
        .blog_name {
            font-size: 18px;
            line-height: 26px;
        }
    }
    /*======================*/
    .blog_description {
        font-weight: normal;
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }


    .blog_timestamp {
        font-style: italic;
        color: Gray;
    }


    /* For mobile screens */
    @media screen and (max-width: 480px) {
        .blog_timestamp {
            font-size: 12px;
            font-style: normal;
            color: Gray;
            padding: 5px;
        }


        .blog-content-text {
            position: relative;
            color: #797979;
            font-size: 14px;
            line-height: 1.2em;
            margin-bottom: 20px;
            text-align: justify;
            font-family: 'Open Sans','Poppins', sans-serif !important;
        }
    }

    .blog_timestamp_small {
        font-size: 12px;
        font-style: normal;
        color: Gray;
    }

    .blog_tagsbox {
        margin-top: 15px;
    }

    .blog_tag {
        border: 1px solid #eee;
        border-radius: 10px;
        padding: 5px;
        margin-left: 1px;
        background-color: #ed3338 !important;
        color: #ffffff;
        font-weight: bold;
    }

        .blog_tag a {
            color: #ffffff;
        }

    /*--------------------------------------------------------------
# Social Media
--------------------------------------------------------------*/
    .social-links {
        vertical-align: middle;
    }

        .social-links a {
            font-size: 18px;
            display: inline-block;
            color: #fff;
            line-height: 1;
            padding: 8px 0;
            margin-right: 4px;
            border-radius: 5px;
            text-align: center;
            width: 36px;
            height: 36px;
            transition: 0.3s;
            padding: 0px;
            margin-top: -30px;
        }

            .social-links a:hover {
                color: #fff;
                text-decoration: none;
            }

        .social-links img {
            height: 30px;
            width: 30px;
        }

    /*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
    #header {
        transition: all 0.5s;
        background: #fff;
        z-index: 997;
        padding: 15px 0;
        border-bottom: 1px solid #e6f2fb;
    }

        #header.header-scrolled {
            border-color: #fff;
            box-shadow: 0px 2px 15px rgba(18, 66, 101, 0.08);
        }

        #header .logo {
            font-size: 28px;
            margin: 0;
            padding: 0;
            line-height: 1;
            font-weight: 300;
            letter-spacing: 0.5px;
            font-family: 'Open Sans','Poppins', sans-serif !important;
        }

            #header .logo a {
                color: #16507b;
            }

            #header .logo img {
                max-height: 70px;
            }

    @media (max-width: 992px) {
        #header .logo {
            font-size: 28px;
        }
    }

    /*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
    /* Desktop Navigation */
    .nav-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .nav-menu > ul {
        display: flex;
    }

        .nav-menu > ul > li {
            position: relative;
            white-space: nowrap;
            /*padding: 14px 0 14px 28px;*/
            padding: 15px 15px 15px 15px;
            background-color: #ed3338;
        }

    .nav-menu a {
        /*display: block;
    position: relative;
    color: #ed3338;
    transition: 0.3s;
    font-size: 14px;
    font-family: "Open Sans", sans-seri*/
        position: relative;
        display: block;
        font-size: 16px;
        font-weight: 600;
        color: #ffffff;
        opacity: 1;
        line-height: 26px;
        opacity: 1;
        text-transform: capitalize;
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }

        .nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
            color: #ffffff;
        }

    .nav-menu .drop-down ul {
        display: block;
        position: absolute;
        left: 15px;
        /*top: calc(100% + 30px);*/
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        padding: 10px 0;
        background: #fff;
        box-shadow: 0px 0px 20px rgba(18, 66, 101, 0.1);
        transition: 0.3s;
        border-radius: 5px;
    }

    .nav-menu .drop-down:hover > ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }

    .nav-menu .drop-down li {
        min-width: 180px;
        position: relative;
    }

    .nav-menu .drop-down ul a {
        padding: 10px 10px;
        font-size: 14px;
        font-weight: 500;
        text-transform: none;
        color: #8b8b8b;
    }

        .nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
            color: #ed3338;
        }

    .nav-menu .drop-down > a:after {
        content: "\ea99";
        font-family: IcoFont;
        padding-left: 5px;
    }

    .nav-menu .drop-down .drop-down ul {
        top: 0;
        left: calc(100% - 30px);
    }

    .nav-menu .drop-down .drop-down:hover > ul {
        opacity: 1;
        top: 0;
        left: 100%;
    }

    .nav-menu .drop-down .drop-down > a {
        padding-right: 35px;
    }

        .nav-menu .drop-down .drop-down > a:after {
            content: "\eaa0";
            font-family: IcoFont;
            position: absolute;
            right: 15px;
        }

    /*    @media (max-width: 1366px) {
        .nav-menu .drop-down .drop-down ul {
            left: -90%;
        }

        .nav-menu .drop-down .drop-down:hover > ul {
            left: -100%;
        }

        .nav-menu .drop-down .drop-down > a:after {
            content: "\ea9d";
        }
    }*/

    /* Get Startet Button */
    .get-started-btn {
        margin-left: 25px;
        background: #ed3338;
        color: #ffffff !important;
        border-radius: 5px;
        padding: 10px 30px 11px 30px;
        white-space: nowrap;
        transition: 0.3s;
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
    }

        .get-started-btn:hover {
            background: #2079b8;
            color: #fff !important;
        }

    @media (max-width: 768px) {
        .get-started-btn {
            margin: 0 48px 0 0;
            padding: 5px 18px 6px 18px;
            border-radius: 3px;
        }
    }

    /* Mobile Navigation */
    .mobile-nav-toggle {
        position: fixed;
        right: 15px;
        top: 18px;
        z-index: 9998;
        border: 0;
        background: none;
        font-size: 24px;
        transition: all 0.4s;
        outline: none !important;
        line-height: 1;
        cursor: pointer;
        text-align: right;
    }

        .mobile-nav-toggle i {
            color: #ed3338;
        }

    .mobile-nav {
        position: fixed;
        top: 55px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        z-index: 9999;
        overflow-y: auto;
        background: #fff;
        transition: ease-in-out 0.2s;
        opacity: 0;
        visibility: hidden;
        border-radius: 10px;
        padding: 10px 0;
    }

        .mobile-nav * {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .mobile-nav a {
            display: block;
            position: relative;
            color: #ed3338;
            padding: 10px 20px;
            font-weight: 500;
            outline: none;
        }

            .mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
                color: #ed3338;
                text-decoration: none;
            }

        .mobile-nav .drop-down > a:after {
            content: "\ea99";
            font-family: IcoFont;
            padding-left: 10px;
            position: absolute;
            right: 15px;
        }

        .mobile-nav .active.drop-down > a:after {
            content: "\eaa1";
        }

        .mobile-nav .drop-down > a {
            padding-right: 35px;
        }

        .mobile-nav .drop-down ul {
            display: none;
            overflow: hidden;
        }

        .mobile-nav .drop-down li {
            padding-left: 20px;
        }

    .mobile-nav-overly {
        width: 100%;
        height: 100%;
        z-index: 9997;
        top: 0;
        left: 0;
        position: fixed;
        background: rgba(10, 38, 58, 0.6);
        overflow: hidden;
        display: none;
        transition: ease-in-out 0.2s;
    }

    .mobile-nav-active {
        overflow: hidden;
    }

        .mobile-nav-active .mobile-nav {
            opacity: 1;
            visibility: visible;
        }

        .mobile-nav-active .mobile-nav-toggle i {
            color: #fff;
        }


    .menu-social > ul {
        background-color: #ed3338;
        margin-right: 10px;
    }

    .menu-social ul > li {
        float: right;
        background-color: #ed3338 !important;
        border-left: 1px solid #ffffff;
        padding: 15px 15px 15px 15px;
    }

.contact-social > ul {
    background-color: #ed3338;
    margin-right: 10px;
}

.contact-social ul > li {
    float: left;
    background-color: #ed3338 !important;
    border-left: 1px solid #ffffff;
    padding: 15px 15px 15px 15px;
}

    /*--------------------------------------------------------------
# New General (Common)
--------------------------------------------------------------*/
    .goback_box {
        padding: 0px;
    }

    @media (max-width: 768px) {
        .goback_box {
            font-size: 12px;
        }
    }

    .no_padding {
        padding: 0px !important;
    }



    .nav-head a {
        color: #ed3338 !important;
    }

    .nav-back a {
        color: #ed3338 !important;
        float: right !important;
    }


    /*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/


    /*.breadcrum_box1 span {
        color: #ffffff !important;
    }

        .breadcrum_box1 span a {
            color: #ed3338 !important;
            font-weight: 900 !important;
        }

            .breadcrum_box1 span a:hover {
                color: #ed3338 !important;
            }*/

    .breadcrum_box1 span {
        color: #000000 !important;
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }

        .breadcrum_box1 span a {
            color: #ed3338 !important;
            font-weight: 300 !important;
            font-family: 'Open Sans','Poppins', sans-serif !important;
        }

            .breadcrum_box1 span a:hover {
                color: #ed3338 !important;
            }

    .breadcrum_box2 {
        margin-top: 20px;
        font-weight: 300 !important;
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }
    /*--------------------------------------------------------------*/
    /*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
    .customer-box {
        background: #f2f2f2;
        padding: 30px 25px 20px;
        margin-top: 50px;
        transition: 0.5s;
        height: calc(100% - 50px);
    }

        .customer-box a {
            font-weight: 600;
            text-align: right;
            position: relative;
        }

        .customer-box:before {
            height: 70px;
            width: 70px;
            background: #ed3338;
            content: "";
            position: absolute;
            left: 5px;
            z-index: -1;
            top: 40px;
            transition: 0.5s;
        }

        .customer-box:hover {
            background: #ed3338;
            color: #ffffff !important;
            transition: 0.5s;
        }

            /* .customer-box:hover h3,h4 {
        color: #ed3338;
    }*/

            .customer-box:hover > div > h3 {
                color: #ed3338;
            }

            .customer-box:hover > div > h4 {
                color: #ed3338;
            }

            .customer-box:hover:before {
                background: #f9a61d;
                transition: 0.5s;
            }

            .customer-box:hover a {
                color: #f9a61d;
            }






    .testimonials {
        /* box-sizing: content-box;
    text-align: center;
    min-height: 320px;*/
    }

    .testimonial-item {
        background: #f2f2f2;
        border: solid 2px #ed3338;
        padding: 30px 25px 20px;
        margin-top: 50px;
        transition: 0.5s;
        height: calc(100% - 50px);
    }


    .testimonials .testimonial-item > div > h3 {
        color: #ed3338 !important;
    }

    .testimonials .testimonial-item > div > h4 {
        color: #ed3338 !important;
    }

    .testimonial-item:before {
        height: 70px;
        width: 70px;
        background: #ed3338;
        content: "";
        position: absolute;
        left: 5px;
        z-index: -1;
        top: 40px;
        transition: 0.5s;
    }

    .testimonial-item:hover {
        background: #ed3338;
        transition: 0.5s;
    }

        .testimonial-item:hover:before {
            background: #f9a61d;
            transition: 0.5s;
        }

        .testimonial-item:hover a {
            color: #f9a61d;
        }

        .testimonial-item:hover > div > h3 {
            color: #ffffff !important;
        }

        .testimonial-item:hover > div > h4 {
            color: #ffffff !important;
        }


    .testimonial-img {
        width: 90px;
        border-radius: 50%;
        margin: 0 auto;
    }

    /*.testimonial-item h3, h4 {
        font-size: 18px;
        font-weight: bold;
        margin: 10px 0 5px 0;
        color: #ed3338;
    }*/

    .testimonial-item h4 {
        font-size: 14px;
        color: #ed3338;
        margin: 0;
    }

    .testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
        color: #c9e3f5;
        font-size: 26px;
    }

    .testimonials .testimonial-item .quote-icon-left {
        display: inline-block;
        left: -5px;
        position: relative;
    }

    .testimonials .testimonial-item .quote-icon-right {
        display: inline-block;
        right: -5px;
        position: relative;
        top: 10px;
    }

    .testimonials .testimonial-item p {
        font-style: italic;
        margin: 0 15px 15px 15px;
        padding: 20px;
        background: #f3f9fd;
        position: relative;
        margin-bottom: 35px;
        border-radius: 6px;
    }

        .testimonials .testimonial-item p::after {
            content: "";
            width: 0;
            height: 0;
            border-top: 20px solid #f3f9fd;
            border-right: 20px solid transparent;
            border-left: 20px solid transparent;
            position: absolute;
            bottom: -20px;
            left: calc(50% - 20px);
        }

    .testimonials .owl-nav, .testimonials .owl-dots {
        margin-top: 5px;
        text-align: center;
    }

    .testimonials .owl-dot {
        display: inline-block;
        margin: 0 5px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background-color: #ddd !important;
    }

        .testimonials .owl-dot.active {
            background-color: #396114 !important;
        }

    @media (max-width: 767px) {
        .testimonials {
            margin: 30px 10px;
        }
    }

    .label-caption {
        color: #000000;
        font-weight: 600;
    }

    .label-caption-big {
        color: #000000;
        font-size: 22px;
        font-weight: 600;
    }

    .home-about-content > div > h3 {
        font-size: 20px !important;
        color: rgba(121, 121, 121, 255) !important;
        font-family: Lora-Italic !important;
        font-weight: normal !important;
        text-transform: capitalize;
    }

    .icon-small > img {
        width: 15px;
        height: 15px;
    }

    .icon-medium > img {
        width: 30px;
        height: 30px;
    }

    .small-icons {
        width: 15px;
        height: 15px;
    }

    .medium-icons {
        width: 30px;
        height: 30px;
    }

    .invert_effect {
        filter: invert(100%);
    }




    .left-menu {
        background: #f0f1f5;
        border: 2px solid #f0f1f5;
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }

        .left-menu li {
            list-style: none;
            padding: 10px;
            font-weight: 600;
        }

        .left-menu > .active-item {
            border-left: 2px solid #ed3338;
        }

        .left-menu li a {
            color: #000000;
        }

        .left-menu .active-item a {
            color: #ed3338;
        }

        .left-menu li a:hover {
            color: #ed3338;
            text-decoration: underline;
        }

    .content-header {
        position: relative;
        color: #242424;
        font-size: 40px;
        font-weight: 500;
        font-family: 'Open Sans','Poppins', sans-serif !important;
        line-height: 1.4em;
        padding-top: 0px;
        margin-top: 0px;
        margin-bottom: 20px;
        /*margin-left: 15px;*/
    }

    .content-header-extra {
        margin-left: 15px;
    }

    /* For mobile screens */
    @media screen and (max-width: 480px) {
        .content-header {
            position: relative;
            color: #242424;
            font-size: 24px;
            font-weight: 500;
            font-family: 'Open Sans','Poppins', sans-serif !important;
            line-height: 30px;
            padding-top: 0px;
            margin-top: 0px;
            margin-bottom: 20px;
        }
    }

    .content-main-img {
        width: 100%;
        height: auto;
        margin-top: 1px;
        margin-bottom: 10px;
    }

        .content-main-img img {
            width: 100%;
            height: 500px;
        }



    .content-text {
        position: relative;
        color: #797979;
        font-size: 16px;
        line-height: 1.8em;
        margin-bottom: 20px;
        text-align: justify;
        font-family: 'Open Sans','Poppins', sans-serif !important;
    }

    .common-list > ul {
        padding-left: 50px;
    }

        .common-list > ul > li {
            list-style-type: none;
        }

            .common-list > ul > li::before {
                content: "\00BB";
                color: #ed3338;
                font-size: 18px;
            }
    /*======================================*/

    .main-header {
        width: 100% !important;
        max-height: 300px !important;
        height: auto;
    }

        .main-header > div {
            position: absolute;
        }


        .main-header > figure {
            width: 100% !important;
        }


    .main-header-img {
        text-align: center;
        width: 100% !important;
        height: 350px;
        filter: brightness(50%) !important;
        background-color: #000000;
    }

    .txtover {
        position: relative;
        width: 100% !important;
        height: auto;
    }




        .txtover figcaption {
            position: relative;
            top: -250px;
            left: 0px;
            height: 10px;
        }

            .txtover figcaption > span {
                color: #fff;
                font-size: 18px;
                letter-spacing: 3px;
                font-weight: bold;
                padding: 10px;
            }

    .txtover_main {
        position: relative;
        color: #ffffff;
        font-size: 50px;
        font-weight: 600;
        line-height: 1.2em;
        /*  margin-top: 5px;
        margin-bottom: 5px;*/
    }

    .txtover_subtext {
        color: #fff !important;
        text-align: center;
        font-weight: bold;
        font-size: 24px;
    }

    /* For mobile screens */
    @media screen and (max-width: 480px) {

        .main-header {
            width: 100% !important; /*box-shadow: 0 0 20px rgba(0,0,0,0.4);*/
            max-height: 300px !important;
            height: auto;
        }

        .main-header-img {
            text-align: center;
            width: 100% !important;
            height: 250px;
            filter: brightness(50%) !important;
            background-color: #000000;
        }


        .txtover figcaption {
            position: relative;
            top: -150px;
            left: 0px;
            height: 10px;
        }

        .txtover_main {
            position: relative;
            color: #ffffff;
            font-size: 24px;
            font-weight: 600;
            line-height: 30px;
            margin-top: 5px;
            margin-bottom: 5px;
        }
    }


    /*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
    /*CSS form Background Cover image Display*/

    .services-bgcover {
        background: url("https://img.freepik.com/free-photo/man-hand-holding-virtual-world-with-internet-connection-metaverse-global-business-marketing-banking-financial-pass-thru-application-technology-concept_616485-32.jpg?size=626&ext=jpg&ga=GA1.1.1741220818.1675872747&semt=ais") no-repeat center center fixed;
        /*background: url("https://images.pexels.com/photos/3184306/pexels-photo-3184306.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1") no-repeat center center fixed;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        opacity: 0.9;
    }

    .services {
        /*background: url("https://img.freepik.com/free-photo/man-hand-holding-virtual-world-with-internet-connection-metaverse-global-business-marketing-banking-financial-pass-thru-application-technology-concept_616485-32.jpg?size=626&ext=jpg&ga=GA1.1.1741220818.1675872747&semt=ais") no-repeat center center fixed;*/
        /*background: url("https://images.pexels.com/photos/3184306/pexels-photo-3184306.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1") no-repeat center center fixed;*/
        /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity:0.9;*/
    }

    .services-title {
        color: #ed3338;
        font-weight: 500;
    }

    .services .icon-box {
        text-align: center;
        padding: 70px 20px 80px 20px;
        transition: all ease-in-out 0.3s;
        background: #fff;
        box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05);
        border-bottom: 10px solid #ed3338;
    }
    /* Service Vanila Box CSS ==================              */
    .services-vanliabg {
        /*background: url("http://content.dms.demo/Ad/1/backgrounds/main-left.png") repeat;*/
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .services .vanila-icon-box {
        background: #fff;
        background: url("https://content.vistarit.biz/Ad/1/backgrounds/cards-bg-red.png") no-repeat center center fixed;
        text-align: center;
        padding: 20px 20px 20px 20px;
        transition: all ease-in-out 0.3s;
        /*box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05);*/
        box-shadow: 0 5px 40px 0 rgb(0 0 0 / 11%);
        border-radius: 1%;
        border: 0px solid purple;
    }


        .services .vanila-icon-box .icon {
            margin: 0 auto;
            width: 75px;
            height: 75px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: ease-in-out 0.3s;
            position: relative;
        }

            .services .vanila-icon-box .icon img {
                margin: 0 auto;
                width: 50px;
                height: 50px;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: ease-in-out 0.3s;
                position: relative;
            }

        .services .vanila-icon-box img {
            margin: 0 auto;
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: ease-in-out 0.3s;
            position: relative;
            filter: invert(37%) sepia(77%) saturate(7477%) hue-rotate(352deg) brightness(98%) contrast(119%); /*=========CSS code to set color of icon image============*/
        }

        .services .vanila-icon-box h3 {
            margin-top: 0px !important;
            line-height: 15px;
            min-height: 50px;
        }

            .services .vanila-icon-box h3 a {
                font-family: 'Open Sans','Poppins', sans-serif !important;
                font-size: 16px;
                font-weight: 600;
                line-height: 15px;
                margin: 0 0 15px 0;
                color: #2c3d4d;
                /* text-transform: uppercase;*/
            }

        .services .vanila-icon-box p {
            font-family: 'Open Sans','Poppins', sans-serif !important;
            font-size: 12px !important;
            text-align: justify;
            line-height: 1.8;
        }


    .services .short-text {
        min-height: 180px;
        font-family: 'Open Sans','Poppins', sans-serif !important;
        text-align: justify !important;
    }

    /* For Tablet screens */
    @media screen and (max-width: 1280px) {
        .services .short-text {
            min-height: 260px;
            font-family: 'Open Sans','Poppins', sans-serif !important;
            text-align: justify !important;
        }
    }


    /* For Tablet screens */
    @media screen and (max-width: 840px) {
        .services .short-text {
            min-height: 260px;
            font-family: 'Open Sans','Poppins', sans-serif !important;
            text-align: justify !important;
        }
    }

    /* For mobile screens */
    @media screen and (max-width: 480px) {
        .services .short-text {
            min-height: 150px;
            font-family: 'Open Sans','Poppins', sans-serif !important;
            text-align: justify !important;
        }
    }




    /* End of Custom Service Vanila Box CSS ==================              */
    .servicebox-internal {
        padding: 0px !important;
        margin-top: 50px;
    }

    .services-round-border {
        border-radius: 50%;
        border: 1px solid #ed3338;
        padding: 5px !important;
    }

        .services-round-border img {
            padding: 5px !important;
            width: 100%;
            height: 100%;
            align-content: center;
        }

    .servicebox-internal-text {
        /*padding-left: 50px;*/
        padding: 20px;
    }

    .servicebox-internal-img-box > a > img {
        width: 100%;
        height: 100%;
    }

    .servicebox-internal-text:hover {
        background-color: #ed3338;
    }

    .servicebox-internal-text > div > a {
        color: #ffffff;
        font-size: 32px;
    }

    /* For mobile screens */
    @media screen and (max-width: 480px) {
        .servicebox-internal-text > div > a {
            color: #ffffff;
            font-size: 22px;
        }
    }

    /* For Tablet screens */
    @media screen and (max-width: 840px) {
        .servicebox-internal-text > div > a {
            color: #ffffff;
            font-size: 28px;
        }
    }


    .servicebox-internal-text > div > p {
        color: #ffffff;
    }

        .servicebox-internal-text > div > p > a {
            color: #ffffff;
        }


    .servicebox-internal-alt-text {
        /*padding-left: 50px;*/
        padding: 20px;
        background-color: #ffffff !important;
        border: 2px solid #ed3338;
    }

    .servicebox-internal-alt-img-box > a > img {
        width: 100%;
        height: 100%;
    }

    .servicebox-internal-alt-text:hover {
        background-color: #ffffff;
    }


    .servicebox-internal-alt-text > div > a {
        color: #ed3338;
        font-size: 32px;
    }


    /* For mobile screens */
    @media screen and (max-width: 480px) {
        .servicebox-internal-alt-text > div > a {
            color: #ed3338;
            font-size: 22px;
        }
    }

    /* For Tablet screens */
    @media screen and (max-width: 840px) {
        .servicebox-internal-alt-text > div > a {
            color: #ed3338;
            font-size: 28px;
        }
    }

    .servicebox-internal-alt-text > div > p {
        color: #000000;
    }

        .servicebox-internal-alt-text > div > p > a {
            color: #ed3338;
        }


    .icon-box:hover {
        background: #000 !important;
        opacity: 0.6;
        box-shadow: 0px 0 35px 0 rgba(0, 0, 0, 0.08);
        /*background: #000000;*/
    }

        .icon-box:hover > div > img {
            filter: invert(100%);
        }


        .icon-box:hover > p {
            color: #ffffff !important;
        }

            .icon-box:hover > p > a {
                color: #ffffff !important;
            }

        .icon-box:hover > h3 > a {
            color: #ffffff !important;
        }

        .icon-box:hover > .services-round-border {
            border: 1px solid #ffffff;
        }

    .services .icon-box .icon {
        margin: 0 auto;
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: ease-in-out 0.3s;
        position: relative;
    }

        .services .icon-box .icon i {
            font-size: 36px;
            transition: 0.5s;
            position: relative;
        }

        .services .icon-box .icon svg {
            position: absolute;
            top: 0;
            left: 0;
        }

            .services .icon-box .icon svg path {
                transition: 0.5s;
                fill: #f5f5f5;
            }

    .services .icon-box h4 {
        font-weight: 600;
        margin: 10px 0 15px 0;
        line-height: 15px;
        font-size: 22px;
    }

        .services .icon-box h4 a {
            color: #396114;
            line-height: 15px;
            transition: ease-in-out 0.3s;
        }

    .services .icon-box p {
        line-height: 24px;
        font-size: 14px;
        margin-bottom: 0;
    }





    .services .iconbox-blue i {
        color: #47aeff;
    }

    .services .iconbox-blue:hover .icon i {
        color: #fff;
    }

    .services .iconbox-blue:hover .icon path {
        fill: #47aeff;
    }

    .services .iconbox-orange i {
        color: #ffa76e;
    }

    .services .iconbox-orange:hover .icon i {
        color: #fff;
    }

    .services .iconbox-orange:hover .icon path {
        fill: #ffa76e;
    }

    .services .iconbox-pink i {
        color: #e80368;
    }

    .services .iconbox-pink:hover .icon i {
        color: #fff;
    }

    .services .iconbox-pink:hover .icon path {
        fill: #e80368;
    }

    .services .iconbox-yellow i {
        color: #ffbb2c;
    }

    .services .iconbox-yellow:hover .icon i {
        color: #fff;
    }

    .services .iconbox-yellow:hover .icon path {
        fill: #ffbb2c;
    }

    .services .iconbox-red i {
        color: #ff5828;
    }

    .services .iconbox-red:hover .icon i {
        color: #fff;
    }

    .services .iconbox-red:hover .icon path {
        fill: #ff5828;
    }

    .services .iconbox-teal i {
        color: #11dbcf;
    }

    .services .iconbox-teal:hover .icon i {
        color: #fff;
    }

    .services .iconbox-teal:hover .icon path {
        fill: #11dbcf;
    }


    .customcontainer {
        padding: 15px;
    }


    .about-containers {
        padding-left: 30px;
    }

    .custompage-containers {
        padding-left: 30px;
    }



    /*--------------------------------------------------------------
# Product CSS
--------------------------------------------------------------*/
    .product_image_box {
        border: 1px solid #ddd;
        height: 350px;
        overflow: auto;
        margin-top: 10px;
    }

        .product_image_box img {
            width: 100%;
            min-height: 225px;
            max-height: 225px;
        }



    .categorybar-menu {
        margin-top: 30px;
    }

        .categorybar-menu li {
            border-bottom: 1px solid #ffffff;
            border-right: 1px solid #ffffff;
            background-color: #ed3338;
            padding: 10px;
            list-style: none;
        }

            .categorybar-menu li:hover {
                border-bottom: 1px solid #ffffff;
                border-right: 1px solid #ffffff;
                background-color: #ed3338;
                padding: 10px;
                list-style: none;
            }

            .categorybar-menu li a {
                font-size: 18px;
                font-weight: 500;
                color: #ffffff;
            }

                .categorybar-menu li a:hover {
                    font-size: 18px;
                    font-weight: 500;
                    color: #ffffff;
                }

    .category-item {
        font-size: 18px;
        font-weight: 600;
        color: #ffffff;
    }

    .subcategory-list ul {
        padding: 5px;
        background-color: #ffffff !important;
    }

    .subcategory-listitem {
        padding: 5px;
        background-color: #ffffff !important;
        border: 0px !important;
    }

    .subcategory-list ul li {
        border: 0px !important;
    }

    .subcategory-listitem:hover {
        background-color: #ffffff !important;
        color: #ed3338 !important;
    }

    .subcategory-item {
        cursor: pointer;
        color: #ed3338 !important;
    }

        .subcategory-item:hover {
            cursor: pointer;
            background-color: #ed3338 !important;
            color: #ffffff !important;
        }



    /* For tablet screens */
    @media screen and (max-width: 840px) {

        .categorybar-menu li a {
            font-size: 12px;
            font-weight: 500;
            color: #ffffff;
        }

            .categorybar-menu li a:hover {
                font-size: 12px;
                font-weight: 500;
                color: #ffffff;
            }


        .category-item {
            font-size: 12px;
            font-weight: 500;
            color: #ffffff;
        }
    }

    /* For mobile screens */
    @media screen and (max-width: 480px) {

        .categorybar-menu li a {
            font-size: 12px;
            font-weight: 500;
            color: #ffffff;
        }

            .categorybar-menu li a:hover {
                font-size: 12px;
                font-weight: 500;
                color: #ffffff;
            }

        .category-item {
            font-size: 12px;
            font-weight: 500;
            color: #ffffff;
        }
    }
    /* End of Product CSS --------------------------------------------------------------*/