/* Table Of Contents Start */

/* 1 Fontfamily Inclusion */

/* 2 Global Styling + Helper Classes */

/* 3 Body Section Styling

        3.1 Preloader

        3.2 Header

            3.2.1 Navbar Styling

        3.3 Main-Slider-Section

            3.3.1 Main Slider One

            3.3.2 Main Slider Two

            3.3.3 Main Slider Three

        3.4 About-Company-Section

            3.4.1 About Section Slider

            3.4.2 About Section Detail Blocks

        3.5 Company-Banner

        3.6 Team-Section

            3.6.1 Team-Slider-Images Slider

            3.7.1 Team-Slider-Detail Slider

        3.7 Company-stats-section

        3.8 Company-portfolio-section

        3.9 Pricing-table-section

        3.10 Blog-section

        3.11 Sponsors-slider-section

        3.12 Contact-form-section

            3.12.1 Contact-form-detail

            3.12.2 Contact-form

        3.13 Google Map

        3.14 Footer Section

*/

/* Table Of Contact End */

/* @font-Family Inclusion links Opensans + Montserrat */

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900|Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* Global Styling + Helper Classes */

body {

    font-size: 16px;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a,
a:hover,
a:focus {
    outline: none;
    text-decoration: none;
    color: inherit;
}

input:focus {
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    line-height: 1;
}

h1 {
    font-size: 60px;
}

h2 {
    font-size: 48px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

p {
    margin: 0;
    padding: 0;
}

.fontface-one {
    font-family: 'Montserrat', sans-serif;
}

.fontface-two {
    font-family: 'Open Sans', sans-serif;
}
.fontface-three{
    font-family: 'Poppins', sans-serif;
}
.margin-0 {
    margin: 0 !important;
}

.padding-0 {
    padding: 0 !important;
}

.background-white {
    background-color: #ffffff;
}

.background-dark {
    background-color: #333333;
}

.background-primary {
    background-color: #dc2428;
}

.background-secondary {
    background-color: #00abc9;
}

.background-grey {
    background-color: #f6f6f6;
}

.gradient-bg-pink-purple {
    background: #6450dc;
    background: -webkit-linear-gradient(left, #6450dc 0%, #ff3c85 100%);
    background: -webkit-gradient(linear, left top, right top, from(#6450dc), to(#ff3c85));
    background: -o-linear-gradient(left, #6450dc 0%, #ff3c85 100%);
    background: linear-gradient(to right, #6450dc 0%, #ff3c85 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6450dc', endColorstr='#ff3c85', GradientType=1);
}

.gradient-bg-green-blue {
    background: #00e4ce;
    background: -webkit-linear-gradient(left, #00e4ce 0%, #00abc9 100%);
    background: -webkit-gradient(linear, left top, right top, from(#00e4ce), to(#00abc9));
    background: -o-linear-gradient(left, #00e4ce 0%, #00abc9 100%);
    background: linear-gradient(to right, #00e4ce 0%, #00abc9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e4ce', endColorstr='#00abc9', GradientType=1);
}

.gradient-bg-orange-pink {
    background: #ffcb00;
    background: -webkit-linear-gradient(left, #ffcb00 0%, #ff0061 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ffcb00), to(#ff0061));
    background: -o-linear-gradient(left, #ffcb00 0%, #ff0061 100%);
    background: linear-gradient(to right, #ffcb00 0%, #ff0061 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcb00', endColorstr='#ff0061', GradientType=1);
}

.text-color-primary {
    color: #dc2428;
}

.text-color-secondary {
    color: #00abc9;
}

.text-color-white {
    color: #ffffff;
}

.text-color-dark {
    color: #333333 !important;
}

.text-color-darkgrey {
    color: #797979;
}

.font-weight-100 {
    font-weight: 100;
}

.font-weight-200 {
    font-weight: 200;
}

.font-weight-300 {
    font-weight: 300;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-800 {
    font-weight: 800;
}

.font-weight-900 {
    font-weight: 900;
}

/* Page Spaces Classes */
.padding-top-bottom {
    padding: 70px 0;
}

.padding-top {
    padding-top: 140px;
}

.padding-bottom {
    padding-bottom: 50px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-top-25 {
    padding-top: 25px;
}

.padding-bottom-25 {
    padding-bottom: 25px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-top-35 {
    padding-top: 35px;
}

.padding-bottom-35 {
    padding-bottom: 35px;
}

.padding-top-40 {
    padding-top: 40px;
}

.padding-bottom-40 {
    padding-bottom: 40px;
}

.padding-top-45 {
    padding-top: 45px;
}

.padding-bottom-45 {
    padding-bottom: 45px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.padding-top-55 {
    padding-top: 55px;
}

.padding-bottom-55 {
    padding-bottom: 55px;
}

.padding-top-60 {
    padding-top: 60px;
}

.padding-bottom-60 {
    padding-bottom: 60px;
}

.padding-top-65 {
    padding-top: 65px;
}

.padding-bottom-65 {
    padding-bottom: 65px;
}

.padding-top-70 {
    padding-top: 70px;
}

.padding-bottom-70 {
    padding-bottom: 70px;
}

/* Positions Page */
.position-absolute {
    position: absolute;
}

.position-fixed {
    position: fixed;
}

.position-static {
    position: static;
}

.position-relative {
    position: relative;
}

/* Parapgrapht Sizes */
.paragraph-13 {
    font-size: 13px;
}

.paragraph-14 {
    font-size: 14px;
}

.paragraph-15 {
    font-size: 15px;
}

.paragraph-16 {
    font-size: 16px;
}

.paragraph-17 {
    font-size: 17px;
}

.paragraph-18 {
    font-size: 18px;
}

.paragraph-19 {
    font-size: 19px;
}

.paragraph-20 {
    font-size: 20px;
}

.paragraph-21 {
    font-size: 21px;
}

.paragraph-22 {
    font-size: 22px;
}

.paragraph-23 {
    font-size: 23px;
}

.paragraph-24 {
    font-size: 24px;
}


/* Width Height */
.width-100 {
    width: 100%;
}

.height-100 {
    height: 100vh;
}

/* Backgrounds Setting */
.bg-setting {
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.static-bg {
    background: url(../img/information-banner-2.jpg);
    background-attachment: fixed;

}

/* Button Setting + Hover Effects */
.button-setting {
    padding: 7px 32px !important;
    font-size: 14px;
    color: #fff;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-family: 'Montserrat', sans-serif;
    -webkit-transition: color 300ms ease-in-out, -webkit-box-shadow 400ms ease-in-out !important;
    transition: color 300ms ease-in-out, -webkit-box-shadow 400ms ease-in-out !important;
    -o-transition: box-shadow 400ms ease-in-out, color 300ms ease-in-out !important;
    transition: box-shadow 400ms ease-in-out, color 300ms ease-in-out !important;
    transition: box-shadow 400ms ease-in-out, color 300ms ease-in-out, -webkit-box-shadow 400ms ease-in-out !important;
    display: inline-block;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.button-setting:hover,
.button-setting:focus {
    color: #fff;
}

.button-setting-primary:hover,
.button-setting-primary:focus {
    -webkit-box-shadow: 0 0 40px 40px #dc2428 inset !important;
    box-shadow: 0 0 40px 40px #dc2428 inset !important;
}

.button-setting-secondary:hover,
.button-setting-secondary:focus {
    -webkit-box-shadow: 0 0 40px 40px #11b0cc inset !important;
    box-shadow: 0 0 40px 40px #11b0cc inset !important;
}

.button-setting-white:hover {
    -webkit-box-shadow: 0 0 40px 40px #ffffff inset !important;
    box-shadow: 0 0 40px 40px #ffffff inset !important;
}

.button-setting-white:hover {
    color: #333333 !important;
}

/* Displays */
.display-block {
    display: block;
}

.display-inline-block {
    display: inline-block;
}

.display-none {
    display: none;
}

.display-inline {
    display: inline;
}

/* Preloader Styling Start */
.preloader {
    background: #ffffff;
    height: 100vh;
    z-index: 9999;
    width: 100%;
    position: fixed;
}

.loader-dot-outer,
.loader-dot,
.loader-dot-outer .loader-dot-center {
    position: absolute;
}

.loader-dot-outer {
    -webkit-filter: url(#goo);
    filter: url(#goo);
    width: 300px;
    height: 300px;
    display: block;
    margin: 0 auto;
    -webkit-transform: translateY(-50%)translateX(-50%);
    -ms-transform: translateY(-50%)translateX(-50%);
    -o-transform: translateY(-50%)translateX(-50%);
    transform: translateY(-50%)translateX(-50%);
    top: 50%;
    left: 50%;
    overflow: hidden;
    -webkit-border-radius: 70px;
    border-radius: 70px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.loader-dot-outer .loader-dot-center {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background: #dc2428;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(0.9) translate(-50%, -50%);
    -ms-transform: scale(0.9) translate(-50%, -50%);
    -o-transform: scale(0.9) translate(-50%, -50%);
    transform: scale(0.9) translate(-50%, -50%);
    -webkit-animation: loader-dot-grow linear 3.4s infinite;
    -o-animation: loader-dot-grow linear 3.4s infinite;
    animation: loader-dot-grow linear 3.4s infinite;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 -10px 40px -5px #dc2428;
    box-shadow: 0 -10px 40px -5px #dc2428;
}

.loader-dot {
    background: #dc2428;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: loader-dot-outer ease-out 3.4s infinite;
    -o-animation: loader-dot-outer ease-out 3.4s infinite;
    animation: loader-dot-outer ease-out 3.4s infinite;
    -webkit-transform: scale(0.9) translate(-50%, -50%);
    -ms-transform: scale(0.9) translate(-50%, -50%);
    -o-transform: scale(0.9) translate(-50%, -50%);
    transform: scale(0.9) translate(-50%, -50%);
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top;
    opacity: 0;
}

.loader-dot:nth-child(1) {
    -webkit-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.loader-dot:nth-child(2) {
    -webkit-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.loader-dot:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.loader-dot:nth-child(4) {
    -webkit-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
}

.loader-dot:nth-child(5) {
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}

@-webkit-keyframes loader-dot-outer {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-webkit-calc(-330px - 50%), -50%);
        transform: scale(0) translate(calc(-330px - 50%), -50%);
    }

    1% {
        opacity: 1;
    }

    35%,
    65% {
        opacity: 1;
        -webkit-transform: scale(0.9) translate(-50%, -50%);
        transform: scale(0.9) translate(-50%, -50%);
    }

    99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-webkit-calc(330px - 50%), -50%);
        transform: scale(0) translate(calc(330px - 50%), -50%);
    }
}

@-o-keyframes loader-dot-outer {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-webkit-calc(-330px - 50%), -50%);
        -o-transform: scale(0) translate(calc(-330px - 50%), -50%);
        transform: scale(0) translate(calc(-330px - 50%), -50%);
    }

    1% {
        opacity: 1;
    }

    35%,
    65% {
        opacity: 1;
        -webkit-transform: scale(0.9) translate(-50%, -50%);
        -o-transform: scale(0.9) translate(-50%, -50%);
        transform: scale(0.9) translate(-50%, -50%);
    }

    99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-webkit-calc(330px - 50%), -50%);
        -o-transform: scale(0) translate(calc(330px - 50%), -50%);
        transform: scale(0) translate(calc(330px - 50%), -50%);
    }
}

@keyframes loader-dot-outer {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-webkit-calc(-330px - 50%), -50%);
        -o-transform: scale(0) translate(calc(-330px - 50%), -50%);
        transform: scale(0) translate(calc(-330px - 50%), -50%);
    }

    1% {
        opacity: 1;
    }

    35%,
    65% {
        opacity: 1;
        -webkit-transform: scale(0.9) translate(-50%, -50%);
        -o-transform: scale(0.9) translate(-50%, -50%);
        transform: scale(0.9) translate(-50%, -50%);
    }

    99% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-webkit-calc(330px - 50%), -50%);
        -o-transform: scale(0) translate(calc(330px - 50%), -50%);
        transform: scale(0) translate(calc(330px - 50%), -50%);
    }
}

@-webkit-keyframes loader-dot-grow {

    0%,
    39% {
        -webkit-transform: scale(0) translate(-50%, -50%);
        transform: scale(0) translate(-50%, -50%);
    }

    40%,
    42% {
        -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
        transform: scale(1, 0.9) translate(-50%, -50%);
    }

    43%,
    44% {
        -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
        transform: scale(1.2, 1.1) translate(-50%, -50%);
    }

    45%,
    46% {
        -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
        transform: scale(1.3, 1.2) translate(-50%, -50%);
    }

    47%,
    48% {
        -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
        transform: scale(1.4, 1.3) translate(-50%, -50%);
    }

    52% {
        -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
        transform: scale(1.5, 1.4) translate(-50%, -50%);
    }

    54% {
        -webkit-transform: scale(1.7, 1.6) translate(-50%, -50%);
        transform: scale(1.7, 1.6) translate(-50%, -50%);
    }

    58% {
        -webkit-transform: scale(1.8, 1.7) translate(-50%, -50%);
        transform: scale(1.8, 1.7) translate(-50%, -50%);
    }

    68%,
    70% {
        -webkit-transform: scale(1.7, 1.5) translate(-50%, -50%);
        transform: scale(1.7, 1.5) translate(-50%, -50%);
    }

    78% {
        -webkit-transform: scale(1.6, 1.4) translate(-50%, -50%);
        transform: scale(1.6, 1.4) translate(-50%, -50%);
    }

    80%,
    81% {
        -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
        transform: scale(1.5, 1.4) translate(-50%, -50%);
    }

    82%,
    83% {
        -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
        transform: scale(1.4, 1.3) translate(-50%, -50%);
    }

    84%,
    85% {
        -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
        transform: scale(1.3, 1.2) translate(-50%, -50%);
    }

    86%,
    87% {
        -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
        transform: scale(1.2, 1.1) translate(-50%, -50%);
    }

    90%,
    91% {
        -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
        transform: scale(1, 0.9) translate(-50%, -50%);
    }

    92%,
    100% {
        -webkit-transform: scale(0) translate(-50%, -50%);
        transform: scale(0) translate(-50%, -50%);
    }
}

@-o-keyframes loader-dot-grow {

    0%,
    39% {
        -webkit-transform: scale(0) translate(-50%, -50%);
        -o-transform: scale(0) translate(-50%, -50%);
        transform: scale(0) translate(-50%, -50%);
    }

    40%,
    42% {
        -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
        -o-transform: scale(1, 0.9) translate(-50%, -50%);
        transform: scale(1, 0.9) translate(-50%, -50%);
    }

    43%,
    44% {
        -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
        -o-transform: scale(1.2, 1.1) translate(-50%, -50%);
        transform: scale(1.2, 1.1) translate(-50%, -50%);
    }

    45%,
    46% {
        -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
        -o-transform: scale(1.3, 1.2) translate(-50%, -50%);
        transform: scale(1.3, 1.2) translate(-50%, -50%);
    }

    47%,
    48% {
        -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
        -o-transform: scale(1.4, 1.3) translate(-50%, -50%);
        transform: scale(1.4, 1.3) translate(-50%, -50%);
    }

    52% {
        -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
        -o-transform: scale(1.5, 1.4) translate(-50%, -50%);
        transform: scale(1.5, 1.4) translate(-50%, -50%);
    }

    54% {
        -webkit-transform: scale(1.7, 1.6) translate(-50%, -50%);
        -o-transform: scale(1.7, 1.6) translate(-50%, -50%);
        transform: scale(1.7, 1.6) translate(-50%, -50%);
    }

    58% {
        -webkit-transform: scale(1.8, 1.7) translate(-50%, -50%);
        -o-transform: scale(1.8, 1.7) translate(-50%, -50%);
        transform: scale(1.8, 1.7) translate(-50%, -50%);
    }

    68%,
    70% {
        -webkit-transform: scale(1.7, 1.5) translate(-50%, -50%);
        -o-transform: scale(1.7, 1.5) translate(-50%, -50%);
        transform: scale(1.7, 1.5) translate(-50%, -50%);
    }

    78% {
        -webkit-transform: scale(1.6, 1.4) translate(-50%, -50%);
        -o-transform: scale(1.6, 1.4) translate(-50%, -50%);
        transform: scale(1.6, 1.4) translate(-50%, -50%);
    }

    80%,
    81% {
        -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
        -o-transform: scale(1.5, 1.4) translate(-50%, -50%);
        transform: scale(1.5, 1.4) translate(-50%, -50%);
    }

    82%,
    83% {
        -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
        -o-transform: scale(1.4, 1.3) translate(-50%, -50%);
        transform: scale(1.4, 1.3) translate(-50%, -50%);
    }

    84%,
    85% {
        -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
        -o-transform: scale(1.3, 1.2) translate(-50%, -50%);
        transform: scale(1.3, 1.2) translate(-50%, -50%);
    }

    86%,
    87% {
        -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
        -o-transform: scale(1.2, 1.1) translate(-50%, -50%);
        transform: scale(1.2, 1.1) translate(-50%, -50%);
    }

    90%,
    91% {
        -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
        -o-transform: scale(1, 0.9) translate(-50%, -50%);
        transform: scale(1, 0.9) translate(-50%, -50%);
    }

    92%,
    100% {
        -webkit-transform: scale(0) translate(-50%, -50%);
        -o-transform: scale(0) translate(-50%, -50%);
        transform: scale(0) translate(-50%, -50%);
    }
}

@keyframes loader-dot-grow {

    0%,
    39% {
        -webkit-transform: scale(0) translate(-50%, -50%);
        -o-transform: scale(0) translate(-50%, -50%);
        transform: scale(0) translate(-50%, -50%);
    }

    40%,
    42% {
        -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
        -o-transform: scale(1, 0.9) translate(-50%, -50%);
        transform: scale(1, 0.9) translate(-50%, -50%);
    }

    43%,
    44% {
        -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
        -o-transform: scale(1.2, 1.1) translate(-50%, -50%);
        transform: scale(1.2, 1.1) translate(-50%, -50%);
    }

    45%,
    46% {
        -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
        -o-transform: scale(1.3, 1.2) translate(-50%, -50%);
        transform: scale(1.3, 1.2) translate(-50%, -50%);
    }

    47%,
    48% {
        -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
        -o-transform: scale(1.4, 1.3) translate(-50%, -50%);
        transform: scale(1.4, 1.3) translate(-50%, -50%);
    }

    52% {
        -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
        -o-transform: scale(1.5, 1.4) translate(-50%, -50%);
        transform: scale(1.5, 1.4) translate(-50%, -50%);
    }

    54% {
        -webkit-transform: scale(1.7, 1.6) translate(-50%, -50%);
        -o-transform: scale(1.7, 1.6) translate(-50%, -50%);
        transform: scale(1.7, 1.6) translate(-50%, -50%);
    }

    58% {
        -webkit-transform: scale(1.8, 1.7) translate(-50%, -50%);
        -o-transform: scale(1.8, 1.7) translate(-50%, -50%);
        transform: scale(1.8, 1.7) translate(-50%, -50%);
    }

    68%,
    70% {
        -webkit-transform: scale(1.7, 1.5) translate(-50%, -50%);
        -o-transform: scale(1.7, 1.5) translate(-50%, -50%);
        transform: scale(1.7, 1.5) translate(-50%, -50%);
    }

    78% {
        -webkit-transform: scale(1.6, 1.4) translate(-50%, -50%);
        -o-transform: scale(1.6, 1.4) translate(-50%, -50%);
        transform: scale(1.6, 1.4) translate(-50%, -50%);
    }

    80%,
    81% {
        -webkit-transform: scale(1.5, 1.4) translate(-50%, -50%);
        -o-transform: scale(1.5, 1.4) translate(-50%, -50%);
        transform: scale(1.5, 1.4) translate(-50%, -50%);
    }

    82%,
    83% {
        -webkit-transform: scale(1.4, 1.3) translate(-50%, -50%);
        -o-transform: scale(1.4, 1.3) translate(-50%, -50%);
        transform: scale(1.4, 1.3) translate(-50%, -50%);
    }

    84%,
    85% {
        -webkit-transform: scale(1.3, 1.2) translate(-50%, -50%);
        -o-transform: scale(1.3, 1.2) translate(-50%, -50%);
        transform: scale(1.3, 1.2) translate(-50%, -50%);
    }

    86%,
    87% {
        -webkit-transform: scale(1.2, 1.1) translate(-50%, -50%);
        -o-transform: scale(1.2, 1.1) translate(-50%, -50%);
        transform: scale(1.2, 1.1) translate(-50%, -50%);
    }

    90%,
    91% {
        -webkit-transform: scale(1, 0.9) translate(-50%, -50%);
        -o-transform: scale(1, 0.9) translate(-50%, -50%);
        transform: scale(1, 0.9) translate(-50%, -50%);
    }

    92%,
    100% {
        -webkit-transform: scale(0) translate(-50%, -50%);
        -o-transform: scale(0) translate(-50%, -50%);
        transform: scale(0) translate(-50%, -50%);
    }
}

/*BackTop Button*/
.back-top {
    color: #fff;
    right: 20px;
    font-size: 22px;
    position: fixed;
    z-index: 1600;
    opacity: 0;
    visibility: hidden;
    bottom: 70px;
    height: 40px;
    width: 40px;
    background: #dc2428;
    text-align: center;
    line-height: 38px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.back-top-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.back-top:hover,
.back-top:focus {
    color: #fff;
    background: #00abc9;
}



/*---- Header Styling Starts -----*/
.navbar,
.navbar-nav .nav-link {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.navbar {
    position: absolute;
    width: 100%;
    z-index: 99 !important;
    padding-top: 40px;
}

.navbar-logo-fade {
    position: absolute;
    background: transparent;
    z-index: 9;
    display: inline-block;
}

.navbar-logo-fade.fixed-fade {
    position: fixed;
}

.sticky-bottom {
    position: relative;
    background: #fafafa;
    padding-top: 10px;
}

.navbar.fixed-menu {
    position: fixed;
    padding-top: 10px;
    top: 0;
    overflow: auto;
    background: #ffffff;
    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
    -webkit-animation-name: animationFade;
    -o-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    transition-duration: 1;
     z-index: 10000 !important;
}

@-webkit-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-o-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.navbar.sticky-bottom.fixed-menu {
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
}

.center-brand,
.center-brand.fixed-menu {
    padding-top: 30px;
    padding-bottom: 30px;
}



/*Logo Starts here*/
.navbar-brand {
    padding: 13px 0;
    width: 120px;
    position: relative;
}

.center-brand .navbar-brand {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.navbar-brand>img {
    width: 100%;
}

.navbar.fixed-menu .logo-default,
.navbar-full-white-bg .logo-default {
    display: none;
}

.navbar.fixed-menu .logo-after-scroll,
.navbar-full-white-bg .logo-after-scroll {
    display: block;
}

.logo-after-scroll {
    display: none;
}

.navbar-logo-fade .navbar-brand {
    margin-left: 65px;
}

.navbar-logo-fade.fixed-fade .navbar-brand {
    opacity: 0;
}


/*menu lists*/
.navbar-full-white-bg .nav-logo-detail-outer {
  
    width: 100%;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.nav-logo-detail-outer {
    padding: 0 15px;
}

.navbar-full-white-bg.round .nav-logo-detail-outer {
    -webkit-border-radius: 35px;
    border-radius: 35px;
}

.navbar-transparent-white .nav-logo-detail-outer {
    background: transparent;
}

.navbar-nav .nav-link {
    padding: 0 15px !important;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    color: #333;
}

.navbar-transparent-white .navbar-nav .nav-link {
    color: #fff;
}

.navbar-transparent-white.fixed-menu .navbar-nav .nav-link {
    color: #333;
}

.navbar-nav .nav-item:first-child .nav-link {
    padding-left: 0 !important;
}

.navbar-nav .nav-item:last-child .nav-link {
    padding-right: 0 !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active,
.search-outer:hover i {
    color: #11b0cc;
}


/*Toggle Responsive Menu*/
.navbar-toggler {
    color: #fff;
    background: #00abc9;
}

.navbar-toggler:focus {
    outline: 0;
}


/*Side Menu Click*/
.side-nav-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.side-nav-push-toleft {
    left: -300px;
}

.side-nav-push-toright {
    left: 300px;
}

.side-nav-push,
#menu_bars,
#menu_bars span,
.side-nav,
.side-nav .side-nav-list li>a {
    -webkit-transition: 300ms linear all;
    -o-transition: 300ms linear all;
    transition: 300ms linear all;
}

#menu_bars {
    padding: 5px;
    width: 38px;
    cursor: pointer;
    display: table;
    position: absolute;
    z-index: 1102;
    right: 50px;
}

#menu_bars.right {
    right: 30px;
}

#menu_bars.left {
    left: 30px;
    right: auto;
}

.navbar-toggle-visible #menu_bars {
    top: 30px;
}

.navbar-toggle-visible #menu_bars.right {
    right: 10px;
}

.navbar-toggle-visible #menu_bars.left {
    left: 10px;
}

#menu_bars.active {
    position: fixed;
    top: 20px;
    height: 36px;
}

#menu_bars.full.active {
    top: auto;
}

.navbar-logo-fade #menu_bars.active {
    top: 10px;
}

.navbar-logo-fade.fixed-fade #menu_bars {
    top: 20px;
}

.navbar-logo-fade.fixed-fade #menu_bars.active {
    top: 10px;
}

.navbar-logo-fade #menu_bars {
    position: relative;
    display: inline-table;
    top: 2px;
}

#menu_bars span {
    width: 30px;
    background: #fff;
    height: 1px;
    display: block;
}

.sticky-bottom #menu_bars span,
.fixed-menu #menu_bars span,
#menu_bars.active span {
    background: #333333;
}

#menu_bars.full.active span,
.navbar-logo-fade #menu_bars.active span {
    background: #fff;
}

.navbar-toggle-visible #menu_bars span,
.navbar-logo-fade.fixed-fade #menu_bars span {
    background: #333333;
}

#menu_bars span:nth-child(1),
#menu_bars span:nth-child(3) {
    width: 20px;
    margin: 0 auto;
}

#menu_bars span:nth-child(2) {
    margin: 5px 0;
}

#menu_bars:hover span:nth-child(1),
#menu_bars:hover span:nth-child(3) {
    width: 30px;
    margin: 0 auto;
}

#menu_bars.active span:nth-child(2) {
    display: none;
}

#menu_bars.active span:nth-child(1),
#menu_bars.active span:nth-child(3) {
    width: 30px;
    top: 20px;
    position: absolute;
    left: 5px;
    margin-top: -1px;
}

#menu_bars.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#menu_bars.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*SideNav*/
.side-nav {
    background: #fff;
    padding: 60px 30px;
    width: 0;
    top: 0;
    bottom: 0;
    z-index: 1100;
    position: fixed;
    overflow: hidden;
    overflow-y: auto;
    visibility: hidden;
}

.navbar-toggle-visible {
    width: 60px;
    background: #fff;
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 9;
    -webkit-box-shadow: 0px -3px 6px -6px #bbadad;
    box-shadow: 0px -3px 6px -6px #bbadad;
}

.navbar-toggle-visible.left {
    left: 0;
    right: auto;
    -webkit-box-shadow: -5px 0 5px -5px #bbadad;
    box-shadow: -5px 0 5px -5px #bbadad;
}

/*full menu*/
.side-nav.full-nav {
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .9);
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.side-nav-right {
    right: 0;
    -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
}

.side-nav-left {
    left: 0;
}

.side-nav-left.slide-nav {
    left: 60px;
}

.side-nav-right.slide-nav {
    right: 60px;
}

.side-nav-open {
    width: 300px;
    visibility: visible;
}

.side-nav.full-nav.side-nav-open {
    width: 100%;
}

.sidenav-logo {
    position: relative;
    display: inline-block;
    width: 150px;
}

.sidenav-logo>img {
    width: 100%;
}

.side-nav .side-nav-list {
    margin: 40px 0;
    width: 100%;
}

.side-nav .side-nav-list li {
    display: block;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
}

.side-nav.full-nav .side-nav-list li {
    display: inline-block;
    width: auto;
    margin: 5px 10px;
}

.side-nav .side-nav-list li>a {
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: 600;
    margin: 15px 0;
    text-transform: capitalize;
    font-family: 'Montserrat', sans-serif;
}

.side-nav.full-nav .side-nav-list li>a {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    padding: 10px 32px;
}

.side-nav.full-nav .side-nav-list li>a:hover,
.side-nav.full-nav .side-nav-list li>a:focus {
    background: #11b0cc;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.side-nav.side-nav-open .side-nav-list li {
    visibility: visible;
    opacity: 1;
}

.side-nav .side-nav-list li:nth-child(n+1) {
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
}

.side-nav .side-nav-list li:nth-child(n+2) {
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
}

.side-nav .side-nav-list li:nth-child(n+3) {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

.side-nav .side-nav-list li:nth-child(n+4) {
    -webkit-transition-duration: .25s;
    -o-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-delay: .25s;
    -o-transition-delay: .25s;
    transition-delay: .25s;
}

.side-nav .side-nav-list li:nth-child(n+5) {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

.side-nav .side-nav-list li:nth-child(n+6) {
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-delay: .35s;
    -o-transition-delay: .35s;
    transition-delay: .35s;
}

.side-nav .side-nav-list li:nth-child(n+7) {
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

.side-nav .bottom-share {
    visibility: hidden;
    opacity: 0;
    bottom: 0;
    padding-bottom: 50px;
    position: absolute;
    width: 100%;
}

.side-nav.side-nav-open .bottom-share {
    visibility: visible;
    opacity: 1;
}



/*Social Icons*/
.social-icons li {
    display: inline-block;
}

.social-icons li a {
    height: 40px;
    width: 40px;
    display: inline-block;
    color: #ffffff;
    line-height: 36px;
    text-align: center;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 12px;
    -webkit-transition: 300ms all linear;
    -o-transition: 300ms all linear;
    transition: 300ms all linear;
    border: 2px solid #ffffff;
}

.social-icons li a.facebook {
    background: #204385;
    border: 2px solid #204d74;
}

.social-icons li a.facebook:hover,
.social-icons li a.facebook:focus {
    background: transparent;
    color: #204d74;
}

.social-icons li a.twitter {
    background: #2aa9e0;
    border: 2px solid #2aa9e0;
}

.social-icons li a.twitter:hover,
.social-icons li a.twitter:focus {
    background: transparent;
    color: #2aa9e0;
}

.social-icons li a.linkedin {
    background: #0c6c9e;
    border: 2px solid #0c6c9e;
}

.social-icons li a.linkedin:hover,
.social-icons li a.linkedin:focus {
    background: transparent;
    color: #0c6c9e;
}

.social-icons li a.googleplus {
    background: #d34836;
    border: 2px solid #d34836;
}

.social-icons li a.googleplus:hover,
.social-icons li a.googleplus:focus {
    background: transparent;
    color: #d34836;
}

.social-icons li a.dribble {
    background: #ea4c89;
    border: 2px solid #ea4c89;
}

.social-icons li a.dribble:hover,
.social-icons li a.dribble:focus {
    background: transparent;
    color: #ea4c89;
}





@media only screen and (min-width: 993px) and (max-width: 1091px) {
    #menu_bars {
        right: 5px;
    }
}

/* Landscape */
@media screen and (max-width: 767px) and (orientation: portrait) {
    #menu_bars {
        right: 15px;
    }

}

@media screen and (max-width: 992px) {
    .navbar {
        padding-top: 10px;
    }

    .navbar-full-white-bg .navbar-toggler,
    .navbar-transparent-white .navbar-toggler {
        display: none;
    }

    .center-brand .navbar-toggler {
        display: block;
    }

    .navbar-full-white-bg {
        background: #fff;
    }

    .navbar-transparent-white {
        background: rgba(0, 0, 0, .2);
    }

    .center-brand,
    .center-brand.fixed-menu {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar-brand {
        width: 110px;
    }

    .center-brand .navbar-brand {
        position: relative;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    .navbar-nav .nav-link {
        padding: 10px 0 !important;
    }

    #menu_bars span {
        background: #333;
    }

    .side-nav.full-nav .side-nav-list li {
        width: 100%;
    }

    .side-nav.full-nav .side-nav-list li>a {
        display: inline-block;
        margin: 0;
        font-size: 18px;
    }
}





/*-----Slider-----*/
/* Body Sections Styling Start */
.slider-bg-outer:after {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.index-four .slider-caption-outer {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.having-logo {
    position: relative;
}

.having-logo .center-div {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.having-logo .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 70px;
}

.logo-static {
    position: relative;
    display: inline-block;
    max-width: 250px;
}

.main-slider-navigation {
    width: 400px;
    height: 90px;
    position: absolute;
    bottom: 100px;
    left: 50%;
    z-index: 100;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.main-slider-navigation .main-next,
.main-slider-navigation .main-prev {
    background: transparent;
    font-size: 26px;
    color: #FFFFFF;
    position: relative;
    display: inline-block;
    height: auto;
    width: auto;
}

.main-slider-directions {
    right: 40px;
    position: absolute;
    height: 100%;
    margin-top: -7px;
}

.main-slider-directions .swiper-button-next {
    right: 0;
}

.navigation-first-half {
    position: relative;
    width: 50%;
    height: 100%;
    float: left;
}

.main-slider-preview {
    width: 50%;
    height: 90px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
}

.main-slider-preview div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-position: center !important;
    -webkit-transition: all linear 300ms;
    -o-transition: all linear 300ms;
    transition: all linear 300ms;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.main-slider-preview div.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.main-slider-preview div.active:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.main-slider-pagination {
    left: 20px;
    right: auto;
    text-align: left;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-slider-text {
    font-size: 60px !important;
    letter-spacing: normal !important;
    font-weight: 700 !important;
}

.main-slider-text.light {
    font-weight: 100 !important;
}

.main-slider-detail-text {
    font-size: 20px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 300 !important;
    line-height: 30px !important;
}

.rev_slider_wrapper .button-setting:hover a,
.rev_slider_wrapper .button-setting:focus a {
    color: #fff;
}

.tparrows {
    opacity: .3 !important;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.tparrows:hover {
    opacity: 1 !important;
}

.hesperiden.tparrows,
.hesperiden.tparrows:hover {
    background: none;
}

.hesperiden.tparrows.tp-rightarrow:before,
.hesperiden.tparrows.tp-leftarrow:before {
    font-family: themify;
    font-size: 30px;
}

.hesperiden.tparrows.tp-rightarrow:before {
    content: '\e649';
}

.hesperiden.tparrows.tp-leftarrow:before {
    content: '\e64a';
}

.main-slider-section-inner-three .swiper-slide .carousel-text-rotate {
    opacity: 0 !important;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.main-slider-section-inner-three .swiper-slide.swiper-slide-active .carousel-text-rotate {
    opacity: 1 !important;
}

.main-slider-section-inner-three .swiper-pagination .swiper-pagination-bullet {
    background-color: #ffffff;
    opacity: 1;
    height: 12px;
    width: 12px;
    margin: 0 7px;
    -webkit-transition: 300ms all linear;
    -o-transition: 300ms all linear;
    transition: 300ms all linear;
}

.main-slider-section-inner-three .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #dc2428;
}

#banner-dotted .button-setting:hover,
#banner-dotted .button-setting:focus {
    -webkit-box-shadow: 0 0 40px 40px #fff inset !important;
    box-shadow: 0 0 40px 40px #fff inset !important;
    color: #333;
}

/*custom bullet & arrow style*/
.tparrows {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 1 !important;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.tparrows,
.tp-bullet {
    background: #dc2428;
}

.tp-bullet {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 10px;
    height: 10px;
}

.tparrows:hover,
.tparrows:focus,
.tp-bullet.selected,
.tp-bullet:hover {
    background: #00abc9;
}


/*----- About Section -----*/
.about-company-slider {
    padding-bottom: 0;
    margin-bottom: 40px;
}

.about-company-slider .swiper-slide .about-company-slide {
    opacity: 0 !important;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.about-company-slider .swiper-slide.swiper-slide-active .about-company-slide {
    opacity: 1 !important;
}

.about-company-slider .swiper-pagination {
    bottom: 33px;
    left: -80px;
}

.about-company-slider .swiper-pagination .swiper-pagination-bullet {
    background: #dc2428;
    opacity: 1;
    margin: 0 8px;
    width: 10px;
    height: 10px;
}

.about-company-slider .swiper-pagination .swiper-pagination-bullet-active {
    background: #11b0cc;
}

.about-slider-images-section-inner {
    float: right;
    z-index: 9;
    position: relative;
    padding: 0 0 14% 14%;
}

.about-slider-images-section-inner img {
    border: 20px solid #FFFFFF;
    width: 100%;
}

.about-img-gradient-box {
    height: 75%;
    width: 65%;
    -webkit-transform: translateY(32%);
    -ms-transform: translateY(32%);
    -o-transform: translateY(32%);
    transform: translateY(32%);
    position: absolute;
    z-index: 1;
    left: 5px;
    display: block;
}

.about-slider-img-detail {
    padding-left: 25px;
}

.vertical-align-about-caption {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dsiplyflex {
    display: flex;
}


/* About Services Styling Start */
.about-company-services {
    padding-top: 100px;
}

.about-company-services-two {
    padding-top: 0 !important;
}

.about-company-services-block-inner {
    padding: 0 50px 50px 50px;
    cursor: pointer;
    margin-top: 100px;
    -webkit-transition: 300ms all ease;
    -o-transition: 300ms all ease;
    transition: 300ms all ease;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.about-company-services-block-inner:hover {
    -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.11);
}

.about-company-services-block-inner-icon {
    height: 50px;
    width: 50px;
    position: relative;
    background: #333333;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: block;
    margin: 0 auto;
    line-height: 57px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.about-company-services-block-inner:hover .about-company-services-block-inner-icon {
    background: #dc2428;
}

.about-company-services-block-inner-icon i {
    font-size: 22px;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%)translateY(-50%);
    -ms-transform: translateX(-50%)translateY(-50%);
    -o-transform: translateX(-50%)translateY(-50%);
    transform: translateX(-50%)translateY(-50%);
    position: absolute;
    color: #fff;
}

/*About Information*/
.company-information-inner .button-setting {
    color: #333;
}

.company-information-inner .button-setting:hover,
.company-information-inner .button-setting:focus {
    color: #fff !important;
}

/* ----- Team Section Styling Start ----- */
.team-section-inner {
    padding-top: 100px;
}

.team-member-slider {
    padding-bottom: 95px;
}

.team-member-slider .swiper-slide-shadow-left,
.team-member-slider .swiper-slide-shadow-right {
    display: none;
}

.team-member-slider .swiper-slide {
    opacity: .5;
}

.team-member-slider .swiper-slide-prev {
    -webkit-transform: scale(1.3) translate3d(25%, 0px, -155.962px) rotateX(0deg) rotateY(2.9808deg) !important;
    transform: scale(1.3) translate3d(25%, 0px, -155.962px) rotateX(0deg) rotateY(2.9808deg) !important;
    padding-right: 15px;
    cursor: pointer;
}

.team-member-slider .swiper-slide-next {
    -webkit-transform: scale(1.3) translate3d(-25%, 0px, -155.962px) rotateX(0deg) rotateY(-2.9808deg) !important;
    transform: scale(1.3) translate3d(-25%, 0px, -155.962px) rotateX(0deg) rotateY(-2.9808deg) !important;
    padding-left: 15px;
    cursor: pointer;
}

.team-member-slider .swiper-slide-active {
    -webkit-transform: translateY(25%) !important;
    -ms-transform: translateY(25%) !important;
    -o-transform: translateY(25%) !important;
    transform: translateY(25%) !important;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    opacity: 1 !important;
}

.team-member-slider .swiper-slide-active .team-member-picture-section-inner img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    border: 20px solid #fff;
    -webkit-box-shadow: 0px 0px 20px 7px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 20px 7px rgba(0, 0, 0, 0.11);
}

.team-member-picture-section-inner img {
    width: 100%;
}

.team-member-picture-designation-section-inner {
    display: none;
}

.team-member-slider .swiper-slide-active .team-member-picture-designation-section-inner {
    display: block;
}

.team-member-progress-detail-inner .progress-outer {
    border: 1px solid #e9e9e9;
    padding: 3px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.team-member-progress-detail-inner .progress {
    height: 8px;
    background: #e9e9e9;
}

.team-member-progress-detail-inner .progress-bar {
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.team-member-image-2 {
    -webkit-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
}

.team-member-image-2 img {
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.team-member-image-2:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.team-member-image-2 img,
.team-member-slider-2 .swiper-button-next,
.team-member-slider-2 .swiper-button-prev,
.team-member-icon ul li a {
    -webkit-transition: 300ms all linear;
    -o-transition: 300ms all linear;
    transition: 300ms all linear;
}

.team-member-icon ul li a {
    color: #ffffff;
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    border: 1px solid transparent;
}

.team-member-icon ul li a.facebook-icon {
    background: #4267b2;
}

.team-member-icon ul li a.twitter-icon {
    background: #00aced;
}

.team-member-icon ul li a.instagram-icon {
    background: -webkit-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -o-radial-gradient(30% 107%, circle, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    ;
}

.team-member-icon ul li a.googleplus-icon {
    background: #d34836;
}

.team-member-icon ul li a.dribble-icon {
    background: #ea4c89;
}

.team-member-icon ul li a.linkedin-icon {
    background: #0077b5;
}

.team-member-icon ul li a.facebook-icon:hover,
.team-member-icon ul li a.facebook-icon:focus {
    border: 1px solid #4267b2;
    color: #4267b2;
}

.team-member-icon ul li a.twitter-icon:hover,
.team-member-icon ul li a.twitter-icon:focus {
    border: 1px solid #00aced;
    color: #00aced;
}

.team-member-icon ul li a.instagram-icon:hover,
.team-member-icon ul li a.instagram-icon:focus {
    border: 1px solid #d6249f;
    color: #d6249f;
}

.team-member-icon ul li a.googleplus-icon:hover,
.team-member-icon ul li a.googleplus-icon:focus {
    border: 1px solid #d34836;
    color: #d34836;
}

.team-member-icon ul li a.dribble-icon:hover,
.team-member-icon ul li a.dribble-icon:focus {
    border: 1px solid #ea4c89;
    color: #ea4c89;
}

.team-member-icon ul li a.linkedin-icon:hover,
.team-member-icon ul li a.linkedin-icon:focus {
    border: 1px solid #0077b5;
    color: #0077b5;
}

.team-member-icon ul li a:hover,
.team-member-icon ul li a:focus {
    background: transparent;
}

.team-member-slider-2 .swiper-button-next,
.team-member-slider-2 .swiper-button-prev {
    background: none;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #333333;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.team-member-slider-2 .swiper-button-next {
    right: 0;
}

.team-member-slider-2 .swiper-button-prev {
    left: 0;
}

.team-member-slider-2 .swiper-button-next:hover,
.team-member-slider-2 .swiper-button-prev:hover {
    background: #11b0cc;
    color: #ffffff;
}

/* Stats Section Styling Start */
.stats-heading {
    padding-top: 10px;
}

.stats-block-inner i,
.stats-number-inner {
    -webkit-transition: 300ms all ease;
    -o-transition: 300ms all ease;
    transition: 300ms all ease;
}

.stats-block-inner i {
    font-size: 42px;
    height: 80px;
    width: 80px;
    display: block;
    margin: 0 auto;
    line-height: 80px;
    -webkit-border-radius: 68px;
    border-radius: 68px;
}

.stats-block-inner:hover i {
    background: #333333;
    color: #ffffff !important;
}

.stats-number-inner {
    font-size: 30px;
    cursor: pointer;
}

.stats-block-inner:hover .stats-number-inner {
    color: #dc2428 !important;
}

/*----- Portfolio Styling Start -----*/
.cbp-wrapper-outer {
    overflow: visible;
}

.cbp-l-loadMore-button .cbp-l-loadMore-link,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link {
    padding: 12px 32px;
}

.cbp-l-loadMore-button .cbp-l-loadMore-link,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link,
.cbp-l-loadMore-button .cbp-l-loadMore-link:hover,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover,
.cbp-l-loadMore-button .cbp-l-loadMore-link:focus,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link:focus {
    color: #fff;
}

.cbp-l-filters-button .cbp-filter-item {
    background: transparent;
    padding: 0px;
    margin: 0;
    border: none;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
}

.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
    color: #dc2428;
    background: transparent;
}

.cbp-divider {
    display: inline;
    padding: 0 10px;
    font-style: italic;
    font-size: 14px;
}

.cbp-l-filters-button .cbp-filter-item,
.cbp-item.even {
    -webkit-transition: 300ms all ease;
    -o-transition: 300ms all ease;
    transition: 300ms all ease;
}

.cbp-item.even {
    margin-top: 40px;
}

.cbp-l-grid-mosaic .cbp-caption-activeWrap {
    background: rgba(17, 176, 204, .8);
}

.cbp-l-caption-title {
    color: #ffffff !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400 !important;
    font-size: 15px !important;
}

.portfolio-detail-text {
    color: #606060;
    font-style: italic;
}

.portfolio-hover-effect i {
    color: #fff;
    position: absolute;
    text-align: right;
    -webkit-transform: translateX(-50%)translateY(-50%);
    -ms-transform: translateX(-50%)translateY(-50%);
    -o-transform: translateX(-50%)translateY(-50%);
    transform: translateX(-50%)translateY(-50%);
    left: -100%;
    top: 50%;
    font-size: 45px;
    -webkit-transition: 300ms all ease;
    -o-transition: 300ms all ease;
    transition: 300ms all ease;
}

.portfolio-hover-effect:hover i {
    left: 50%;
}

#js-loadMore-lightbox-gallery {
    margin-top: 45px;
}

#js-loadMore-lightbox-gallery.active {
    margin-top: -180px;
    position: relative;
    z-index: 1;
}

#js-loadMore-lightbox-gallery.active-outer {
    margin-top: -250px;
}


/*----- Pricing Table Styling Start ----*/
.pricing-table-outer {
    padding-top: 50px;
}

.fontcusment {
    font-size: 18px;
    color: hwb(359deg 14% 14%) !important;
}

.pricing-table-inner {
    padding: 40px 30px;
    cursor: pointer;
    background: #fbfbfb;
    border-radius: 12px;
}

.pricing-table-inner,
.pricing-table-inner.active .pricing-main-price {
    -webkit-transition: all linear 300ms;
    -o-transition: all linear 300ms;
    transition: all linear 300ms;
}

.pricing-table-inner.active {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ffffff;
}

.pricing-table-inner.active .pricing-main-price {
    color: #11b0cc;
}

.pricing-table-inner.active .pricing-main-price span {
    color: #333333;
}

.pricing-currency-sign {
    position: absolute;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    top: 10px;
}

.pricing-table-inner a:hover,
.pricing-table-inner a:focus {
    -webkit-box-shadow: 0 0 40px 40px #333 inset !important;
    box-shadow: 0 0 40px 40px #333 inset !important
}

/*----- Sponsors Slider -----*/
.sponsor-image-outer {
    width: 45%;
    display: block;
    margin: 0 auto;
}

/*----- Contact Form Styling Start -----*/
.company-contact-detail {
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 26px 16px rgba(0, 0, 0, 0.02);
    box-shadow: 0px 0px 26px 16px rgba(0, 0, 0, 0.02);
    padding: 40px 25px;
}

.company-social-icons-list {
    display: inline;
    padding: 0 5px;
    color: #797979;
}

.company-social-icons-list:nth-child(1) {
    padding-left: 0;
}

.company-social-icons-list a {
    display: inline-block;
    height: 30px;
    text-align: center;
    line-height: 30px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.company-social-icons-list a.facebook-icon:hover,
.company-social-icons-list a.facebook-icon:focus {
    color: #4267b2;
}

.company-social-icons-list a.twitter-icon:hover,
.company-social-icons-list a.twitter-icon:focus {
    color: #00aced;
}

.company-social-icons-list a.instagram-icon:hover,
.company-social-icons-list a.instagram-icon:focus {
    color: #285AEB;
}

.company-social-icons-list a.googleplus-icon:hover,
.company-social-icons-list a.googleplus-icon:focus {
    color: #d34836;
}

.company-social-icons-list a.dribble-icon:hover,
.company-social-icons-list a.dribble-icon:focus {
    color: #ea4c89;
}

.company-social-icons-list a.linkedin-icon:hover,
.company-social-icons-list a.linkedin-icon:focus {
    color: #0077b5;
}

.form-control {
    height: 40px;
}

.contact-form-textfield label {
    margin-bottom: 0px;
    font-size: 12px;
    color: #6f6f6f;
}

.contact-form-textfield input,
.contact-form-textfield textarea {
    font-size: 16px;
    border: none;
    border-bottom: 1px solid #c3c3c3;
    color: #c3c3c3 !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent !important;
    padding-left: 0;
    -webkit-transition: 300ms ease-in all;
    -o-transition: 300ms ease-in all;
    transition: 300ms ease-in all;
    font-family: 'Open Sans', sans-serif;
}

.contact-form-textfield input::-webkit-input-placeholder,
.contact-form-textfield textarea::-webkit-input-placeholder {
    color: #c3c3c3;
}

.contact-form-textfield input:-moz-placeholder,
.contact-form-textfield textarea:-moz-placeholder {
    color: #c3c3c3;
}

.contact-form-textfield input::-moz-placeholder,
.contact-form-textfield textarea::-moz-placeholder {
    color: #c3c3c3;
}

.contact-form-textfield input:-ms-input-placeholder,
.contact-form-textfield textarea:-ms-input-placeholder {
    color: #c3c3c3;
}

.contact-form-textfield input::placeholder,
.contact-form-textfield textarea::placeholder {
    color: #c3c3c3;
}

.contact-form-textfield input:focus,
.contact-form-textfield textarea:focus {
    border-color: #333333;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333333;
}

.contact-form-textfield textarea {
    height: 75px;
    resize: none;
}

/*----- Footer Stlying Starts -----*/
.footer-web-link {
    -webkit-transition: 300ms all linear;
    -o-transition: 300ms all linear;
    transition: 300ms all linear;
}

.footer-web-link:hover {
    color: #11b0cc;
}

.footer-links-outer li {
    display: inline-block;
    color: #333333;
}

.footer-links-inner a {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.footer-links-inner:hover a,
.footer-links-inner:focus a {
    color: #11b0cc;
}

.footer-links-outer .footer-divider {
    padding: 0 7px;
}

.footer-logo {
    float: right;
    width: 120px;
}

.footer-logo img {
    width: 100%;
}

/* Blog.html + Blog-detail.html Page Styling */
.blog-section {
    position: relative;
    overflow: hidden;
}

.blog-section .blog-picture {
    position: absolute;
    right: 0;
    width: 50%;
    max-width: 99%;
    margin: 0 auto;
    top: 0;
}

.blog-section .blog-picture.left {
    left: 0;
    right: auto;
}

.blog-meta li {
    display: inline-block;
}

.blog-meta li a {
    display: block;
    font-size: 12px;
    color: #797979;
    margin: 15px 8px;
}

.blog-meta li a>i {
    font-size: 14px;
}

.blog-meta li:first-child a {
    margin-left: 0;
}

.blog-meta li:last-child a {
    margin-right: 0;
}

.blog-meta li a:hover,
.blog-meta li a:focus {
    color: #11b0cc;
}

.blog-picture>img {
    width: 100%;
}

.blog-listing-inner,
.blog-widgets-outer,
.blog-detail-page-inner,
.blog-detail-contact-form {
    padding: 30px 25px;
}

.blog-listing-image-slider .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    background: #6d6d6d;
    -webkit-transition: 300ms linear all;
    -o-transition: 300ms linear all;
    transition: 300ms linear all;
    height: 10px;
    width: 10px;
    margin: 0 6px;
}

.blog-listing-image-slider .swiper-pagination .swiper-pagination-bullet-active {
    background: #dc2428;
}

.blog-video-button {
    height: 70px;
    width: 70px;
    background: #dc2428;
    display: inline-block;
    top: 50%;
    left: 50%;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    -webkit-transform: translateX(-50%)translateY(-50%);
    -ms-transform: translateX(-50%)translateY(-50%);
    -o-transform: translateX(-50%)translateY(-50%);
    transform: translateX(-50%)translateY(-50%);
    -webkit-transition: 300ms linear all;
    -o-transition: 300ms linear all;
    transition: 300ms linear all;
}

.blog-video-button:hover {
    background: #11b0cc;
    color: #ffffff;
}

.blog-video-button:focus {
    color: #ffffff;
}

.blog-listing-heading h4 {
    -webkit-transition: 300ms linear all;
    -o-transition: 300ms linear all;
    transition: 300ms linear all;
}

.blog-listing-heading h4:hover {
    color: #11b0cc !important;
}

.blog-listing-footer-outer {
    border-top: 5px solid #f6f6f6;
    padding: 10px 25px;
    background: #ffffff;
}

.blog-detail-page-text p {
    line-height: 24px;
}

.blog-listing-footer-inner-tags p {
    color: #dc2428;
    font-size: 12px;
}

.vertical-align-social-caption {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blog-listing-footer-inner-socialicons {
    float: right;
}

.blog-listing-footer-inner-socialicons ul li {
    display: inline-block;
}

.blog-listing-footer-inner-socialicons ul li a {
    height: 40px;
    width: 40px;
    display: inline-block;
    color: #ffffff;
    line-height: 36px;
    text-align: center;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 12px;
    -webkit-transition: 300ms all linear;
    -o-transition: 300ms all linear;
    transition: 300ms all linear;
    border: 2px solid #ffffff;
}

.blog-listing-footer-inner-socialicons ul li a.facebook {
    background: #204385;
    border: 2px solid #204d74;
}

.blog-listing-footer-inner-socialicons ul li a.twitter {
    background: #2aa9e0;
    border: 2px solid #2aa9e0;
}

.blog-listing-footer-inner-socialicons ul li a.linkedin {
    background: #0c6c9e;
    border: 2px solid #0c6c9e;
}

.blog-listing-footer-inner-socialicons ul li a.facebook:hover {
    background: transparent;
    color: #204d74;
}

.blog-listing-footer-inner-socialicons ul li a.twitter:hover {
    background: transparent;
    color: #2aa9e0;
}

.blog-listing-footer-inner-socialicons ul li a.linkedin:hover {
    background: transparent;
    color: #0c6c9e;
}

.search-button-blog {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #797979;
    color: #fff;
    width: 20%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: 300ms all linear;
    -o-transition: 300ms all linear;
    transition: 300ms all linear;
    cursor: pointer;
}

.search-box-blog {
    -webkit-border-radius: 0;
    border-radius: 0;
    border-color: #797979;
    color: #797979;
}

.search-box-blog:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #797979;
}

.search-button-blog:hover {
    background: #11b0cc;
}

.categories-name>a {
    display: block;
    padding: 20px 0 10px;
    border-bottom: 1px solid #d8d8d8;
}

.categories-name>a>p:hover {
    color: #dc2428 !important;
}

.categories-name>a>p {
    -webkit-transition: 300ms all linear;
    -o-transition: 300ms all linear;
    transition: 300ms all linear;
}

.categories-name>a>p>span {
    float: right;
}

.blog-widget-tags-list-iner li {
    display: inline-block;
    padding: 8px 16px;
    background: #efefef;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
    -webkit-transition: 300ms all linear;
    -o-transition: 300ms all linear;
    transition: 300ms all linear;
    margin: 0 10px 15px 0;
}

.blog-widget-tags-list-iner li:hover {
    background: #11b0cc;
    color: #ffffff;
}

.blog-detail-bloqquote {
    background: #f6f6f6;
    padding: 30px;
    border-left: 3px solid #dc2428;
}

.blog-detail-page-text-list ul {
    list-style: circle;
    margin-left: 15px;
}

.blog-detail-page-text-list ul li {
    margin-top: 10px;
}

.blog-detail-contact-form {
    margin-top: 30px;
}

.margintop1 {
    padding: 20px 0 30px 0;
    float: left;
    width: 100%;
}





/* Large Devices Having Width > 1600px */
@media only screen and (min-width: 1600px) {
    .container {
        max-width: 1200px;
    }
}

@media only screen and (max-width: 1299px) {
    .nav-menu-button {
        right: 15px;
    }
}


/* Smaller Devices Having Width < 1200px */
@media only screen and (max-width: 1200px) {

    h1,
    .main-slider-text {
        font-size: 48px !important;
    }

    h2 {
        font-size: 36px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 20px;
    }

    .paragraph-13 {
        font-size: 12px;
    }

    /*#js-loadMore-lightbox-gallery.active {
      margin-top: 0;
   }*/

}

@media only screen and (max-width: 1199px) {
    #js-loadMore-lightbox-gallery.active {
        margin-top: 0;
    }
}

/* Smaller Devices Having Width < 992px */
@media only screen and (max-width: 992px) {

    h1,
    .main-slider-text {
        font-size: 42px !important;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 18px;
    }

    .paragraph-13 {
        font-size: 10px;
    }

    .paragraph-14 {
        font-size: 12px;
    }

    .paragraph-15 {
        font-size: 14px;
    }

    .paragraph-16 {
        font-size: 15px;
    }

    .paragraph-17 {
        font-size: 16px;
    }

    .paragraph-18 {
        font-size: 17px;
    }

    .paragraph-19 {
        font-size: 18px;
    }

    .paragraph-20 {
        font-size: 19px;
    }

    .paragraph-21 {
        font-size: 20px;
    }

    .paragraph-22 {
        font-size: 21px;
    }

    .paragraph-23 {
        font-size: 22px;
    }

    .paragraph-24 {
        font-size: 24px;
    }

    .padding-top-bottom {
        padding: 120px 0;
    }

    .padding-top {
        padding-top: 120px;
    }

    .padding-bottom {
        padding-bottom: 120px;
    }

    .padding-top-5 {
        padding-top: 2.5px;
    }

    .padding-bottom-5 {
        padding-bottom: 2.5px;
    }

    .padding-top-10 {
        padding-top: 5px;
    }

    .padding-bottom-10 {
        padding-bottom: 5px;
    }

    .padding-top-15 {
        padding-top: 7.5px;
    }

    .padding-bottom-15 {
        padding-bottom: 7.5px;
    }

    .padding-top-20 {
        padding-top: 10px;
    }

    .padding-bottom-20 {
        padding-bottom: 10px;
    }

    .padding-top-25 {
        padding-top: 12.5px;
    }

    .padding-bottom-25 {
        padding-bottom: 12.5px;
    }

    .padding-top-30 {
        padding-top: 15px;
    }

    .padding-bottom-30 {
        padding-bottom: 15px;
    }

    .padding-top-35 {
        padding-top: 17.5px;
    }

    .padding-bottom-35 {
        padding-bottom: 17.5px;
    }

    .padding-top-40 {
        padding-top: 20px;
    }

    .padding-bottom-40 {
        padding-bottom: 20px;
    }

    .padding-top-45 {
        padding-top: 22.5px;
    }

    .padding-bottom-45 {
        padding-bottom: 22.5px;
    }

    .padding-top-50 {
        padding-top: 25px;
    }

    .padding-bottom-50 {
        padding-bottom: 25px;
    }

    .padding-top-55 {
        padding-top: 27.5px;
    }

    .padding-bottom-55 {
        padding-bottom: 27.5px;
    }

    .padding-top-60 {
        padding-top: 30px;
    }

    .padding-bottom-60 {
        padding-bottom: 30px;
    }

    .padding-top-65 {
        padding-top: 32.5px;
    }

    .padding-bottom-65 {
        padding-bottom: 32.5px;
    }

    .padding-top-70 {
        padding-top: 35px;
    }

    .padding-bottom-70 {
        padding-bottom: 35px;
    }

    .button-setting {
        padding: 12px 28px !important;
    }

    /*NavBar*/
    /*.navbar {
        padding-top: 20px;
    }
    .navbar-full-white-bg {
        background: #ffffff;
        padding-top: 10px;
    }
    .navbar-full-white-bg .nav-logo-detail-outer {
        padding-left: 0;
    }
    .navbar-full-white-bg .nav-menu-button span {
        background: #333333;
    }
    .navbar-full-white-bg .navbar-brand {
        vertical-align: middle;
        padding-top: 5px;
    }
    .navbar .navbar-brand  {
        max-width: 100px;
    }
    .overlay nav ul li {
        display: block;
        margin: 30px 0;
     }
    .overlay nav ul li:nth-child(1) {
        margin-top: 0;
    }
   .nav-menu-button {
        right: 85px !important;
    }*/

    /*Slider*/
    .main-slider-detail-text {
        font-size: 18px !important;
    }

    /*About*/
    .vertical-align-about-caption {
        display: block;
        -webkit-box-align: initial;
        -webkit-align-items: initial;
        -moz-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
    }

    .about-slider-img-detail {
        text-align: center;
        padding-top: 140px;
    }

    .about-company-slider {
        padding: 0;
        margin-bottom: 0;
    }

    .about-slider-images-section-inner img {
        border-width: 15px;
    }

    .about-slider-images-section-inner {
        padding-right: 0;
    }

    .about-slider-img-detail {
        padding-left: 0;
    }

    .about-company-services {
        padding-top: 70px;
    }

    .about-company-services-block-inner {
        margin-top: 75px;
    }

    /*Team*/
    .team-member-outer {
        width: 60%;
        margin: 0 auto;
    }

    .team-section-inner {
        padding-top: 50px;
    }

    .team-section-inner-two {
        padding-top: 70px !important;
    }

    .team-member-icon {
        text-align: center;
    }

    .team-member-progress-detail {
        margin-top: 45px;
    }

    .team-section .team-member-icon {
        margin-top: 30px;
    }


    /*Stats*/
    .stats-block-inner i {
        font-size: 36px;
    }

    .stats-heading,
    .stats-heading-detail {
        text-align: center !important;
    }

    .stats-block-inner {
        padding-top: 35px;
    }

    .stats-number-inner {
        font-size: 20px;
    }

    /*POrtfolio*/
    .cbp-item {
        text-align: center;
    }

    .cbp-item.even {
        margin-top: 0;
    }

    #js-loadMore-lightbox-gallery.active {
        margin-top: 15px;
    }

    /*Pricing*/
    .pricing-table-outer {
        padding-top: 70px;
    }

    .pricing-table-inner {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: #ffffff;
    }

    .pricing-table-inner .pricing-main-price {
        color: #11b0cc !important;
    }

    .pricing-table-inner .pricing-main-price span {
        color: #333333;
    }

    /*Contact*/
    .company-contact-detail {
        text-align: center;
        padding-left: 25px;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-bottom: 70px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .company-contact-form,
    .contact-form-textfield input,
    .contact-form-textfield textarea {
        text-align: center;
    }

    /*Footer*/
    .footer-copyright-text {
        text-align: center;
    }

    .footer-links-inner a {
        font-size: 12px;
    }

    .footer-divider {
        font-size: 12px;
    }

    .footer-logo {
        float: none;
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 30px;
    }

    .footer-logo img {
        width: 90px;
    }

    .footer-links {
        margin-bottom: 30px;
    }

    .section-heading {
        text-align: center;
    }

}



/* Smaller Devices Having Width < 768px */
@media only screen and (max-width: 768px) {

    /*NavBar*/
    .nav-menu-button {
        right: 20px !important;
    }

    /*Slider*/
    .main-slider-detail-text {
        font-size: 16px !important;
    }

    /*Team*/
    .team-member-slider {
        padding-bottom: 70px;
    }

    .team-member-slider .swiper-slide-active {
        -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
        -o-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }

    .team-member-slider .swiper-slide-prev {
        -webkit-transform: scale(1) translate3d(0, 0, 0) rotateX(0deg) rotateY(0) !important;
        transform: scale(1) translate3d(0, 0, 0) rotateX(0deg) rotateY(0) !important;
        padding-right: 15px;
    }

    .team-member-slider .swiper-slide-next {
        -webkit-transform: scale(1) translate3d(0, 0, 0) rotateX(0deg) rotateY(0) !important;
        transform: scale(1) translate3d(0, 0, 0) rotateX(0deg) rotateY(0) !important;
        padding-left: 15px;
    }

    .team-member-slider .swiper-slide .team-member-picture-section-inner img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        width: 70%;
        margin: 0 auto;
        display: block;
        margin-top: 25px;
    }

    .team-member-outer {
        width: 70%;
    }

    /*Pricing*/
    .pricing-table-inner.active {
        margin: 50px auto;
    }

    /*Blog*/
    .blog-widgets-outer {
        margin-top: 30px;
    }

}

@media only screen and (max-width: 767px) {
    .company-information-inner .paragraph-23 {
        font-size: 17px;
        font-weight: 300;
    }

    .blog-section .blog-inner-detail.padding-top-bottom {
        padding-top: 60px;
    }

    .blog-section .blog-picture {
        position: relative;
        width: 100%;
    }

    .blog-section .blog-picture::after {
        content: "";
        height: 20px;
        width: 20px;
        position: absolute;
        left: 50%;
        margin-left: -10px;
        bottom: -10px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .demo-toggle {
        height: 40px;
    }

    .demo-toggle>span:first-child {
        display: none;
    }

    .demo-toggle .demo-toggle-icon {
        top: 1px;
    }

    .sponsors-slider-section {
        padding: 20px 0;
    }

}

/* Smaller Devices Having Width < 540px */
@media only screen and (max-width: 540px) {

    h1,
    .main-slider-text {
        font-size: 34px !important;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 22px;
    }

    h5 {
        font-size: 16px;
    }

    .about-slider-img-detail {
        padding-top: 100px;
    }

    .about-company-services-block-inner {
        padding: 0 35px 35px 35px;
    }

    .company-contact-detail {
        padding-left: 25px;
    }
}




.carousel-text-rotate h3 {
    font-size: 48px;
}

.outsourcing {
    background: #ffffff;
    margin-bottom: 15px;
    padding: 15px 20px 30px 20px;
    text-align: center;
    -webkit-transition: 300ms all ease;
    -o-transition: 300ms all ease;
    transition: 300ms all ease;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: left;
}

.outsourcing:hover {
    -webkit-box-shadow: 0px 0px 20px 2px rgb(0 0 0 / 11%);
    box-shadow: 0px 0px 20px 2px rgb(0 0 0 / 11%);
}

.outsourcing img {
    height: 150px;
    margin: 5px auto 5px auto;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
}

.outsourcing:hover img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.outsourcing h3 {
    font-size: 20px;
    text-align: center;
    float: left;
    width: 100%;
    padding: 5px 0 15px 0;
}

.outsourcing p {
    font-size: 12px;
    text-align: justify;
    float: left;
    line-height: 20px;
    width: 100%;
}

.tablepricinglist {
    text-align: left;
    margin: 20px 0px 35px 0;
    width: 100%;
    float: left;
}

.tablepricinglist tr td {
    padding: 5px 10px 5px 0;
    font-size: 12px;
    width: 50%;
    border-bottom: 1px solid #f2f2f2;
}

.tablepricinglist tr td:last-child {
    color: #606060;
    font-weight: 600;
}

.activetab {
    background: #1448c2 !important;
    border: 1px solid #1448c2 !important;
    color: #ffffff !important;
}

.tabpricening ul li {
    width: 80px;
    float: left;
    background: #ffffff;
    border: 1px solid #dfdfdf;
    color: #333;
    margin: 10px 5px;
    padding: 3px 4px 4px 4px;
    font-size: 13px;
    line-height: 20px;
    cursor: pointer;
    border-radius: 30px;
}

.tabpricening ul {
    text-align: center;
    width: 100%;
    margin: 30px auto 0 auto;
    display: flex;
    justify-content: center;
}

.tabpricening {
    width: 100%;
    float: left;
}

.drkbgcolor {
    background: #f7f7f7;
    padding: 60px 40px 40px 40px;
    text-align: center;
    width: 100%;
    float: left;
    margin: 5px 0;
}

.drkbgcolor1 {
    background: #1a1a1a;
    padding: 60px 40px 40px 40px;
    text-align: center;
    width: 100%;
    float: left;
    margin: 5px 0;
}

.colorwhite {
    color: #fff !important;
}

.normalpic {
    float: left;
    width: 100%;
}

.techimg1 {
    width: 350px;
    margin: 20px auto;
}

.headingtech {
    width: 100%;
    float: left;
    margin: 40px 0;
}

section,
footer {
    /*float: left;*/
    width: 100%;
}

.Businesspartner {
    width: 100%;
    float: left;
    padding: 80px 0;
    background: url(../img/gradient-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
}

.btophdding p {
    width: 90%;
    float: left;
    margin: 0;
    padding: 10px 0 40px 0;
    color: #fff;
    font-size: 14px;
}

.btophdding h2 {
    font-size: 38px;
    color: #fff;
    padding: 10px 0;
}


.busnesspartsec {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-content: center;
    position: relative;
    transition: box-shadow 0.3s ease 0s;
    margin-bottom: 5px;
    width:100%;
}

.busnesspartsec:hover {
    cursor: pointer;
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 50px -5px;
}

.dBOdDe {
    margin: 20px 20px 0px 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

input.button.button-contactForm.boxed-btn {
    background: #3347b5;
    padding: 8px 40px 10px 40px;
    border: 0;
    color: #fff;
    font-size: 13px;
    border-radius: 20px;
    cursor: pointer;
}

.cMqdRY {
    padding: 2px 10px;
    background-color: rgb(250, 70, 22);
    border: 1px solid rgb(250, 70, 22);
    color: rgb(255, 255, 255);
    border-radius: 12px;
    font-size: 9px !important;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 14px;
    display: inline-block;
    height: 18px;
    margin: 0px;
}

.fTBsJw {
    padding: 2px 10px;
    background-color: rgb(255, 255, 255);
    color: rgb(39, 49, 57);
    border-radius: 12px;
    font-size: 9px !important;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 14px;
    display: inline-block;
    height: 18px;
    margin: 0px;
}

.dBOdDe .sc-1hfiaf9-12 p {
    color: inherit;
    margin: 0px;
}


.jknyA-D {
    padding: 2px 10px;
    background-color: rgb(211, 226, 233);
    color: rgb(0, 0, 0);
    border-radius: 12px;
    font-size: 9px !important;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 14px;
    height: 18px;
    display: inline-block;
    margin: 0px;
}

.logobuspart img {
    height: 60px;
    margin: 40px 0 20px 0;
}

.logobuspart {
    width: 100%;
    text-align: center;
}

.textbusclnt p {
    color: rgb(138, 151, 160);
    font-size: 14px;
    margin: 0;
    text-align: justify;
    font-weight: 400;
    line-height: 20px;
}

.textbusclnt span {
    font-size: 12px;
    color: rgb(39, 49, 57);
    width: 100%;
    text-transform: uppercase;
}

.textbusclnt {
    width: 100%;
    float: left;
    padding: 10px 20px 20px 20px;
}

.textbusclnt h3 {
    font-size: 14px;
    text-align: left;
    padding: 10px 0 12px 0;
    width: 100%;
    font-weight: 700;
}

.paragraph-32 {
    font-size: 36px;
}

.imppartnerlist {
    float: left;
    width: 100%;
    background: #f5f5f5;
    padding: 70px;
}

.imgheropartnerico {
    width: 70%;
}

.implmtn_partner {
    width: 100%;
    float: left;
    border: 2px dotted #c6c6c6;
    padding: 20px;
    background: #fefefe;
    display: flex;
    flex-direction: column;
}

.implogo {
    float: left;
    text-align: center;
    width: 100%;
}

.implogo img {
    height: 55px;
}

.implogotext {
    padding: 10px 7px 0 7px;
    text-align: center;
    font-size: 14px;
    float: left;
    width: 100%;
    font-weight: 600;
}

.ourclient {
    text-align: center;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-size: 32px;
    /* float: left; */
    width: 100%;
}

.btophdding1 h2 {
    padding-bottom: 30px;
    line-height: 48px;
    font-size: 36px;
    width: 90%;
}

.textmodifycl {
    text-align: justify;
}

.costmtextfonts {
    text-align: justify;
}

.team-member-progress-detail-inner.padding-top-15 p {
    font-size: 10px;
}

.diplycent {
    display: flex;
    flex-direction: column;
}

ul.settechnologies {
    text-align: left;
    font-size: 13px;
    list-style: circle;
    padding-left: 20px;
    line-height: 25px;
    color: #797979;
}


.newaddpd {
    padding: 50px 40px 50px 90px;
}

.telent_logo {
    width: 230px;
    background: #fff;
    padding: 8px;
    border-radius: 5px;
    float: left;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-50 {
    padding-bottom: 50px;
}

.imagebg_new {
    width: 100%;
    float: left;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
}

.hggjh_telent {
    display: flex;
    justify-content: center;
    align-items: center;
}

.newsecadd_h {
    width: 100%;
    padding: 60px 0;
    float: left;
}

.fbox-2 .fbox-img.h-175 {
    padding-top: 42px;
    margin: 0 0px 50px;
}

.fbox-2 .fbox-img {
    -webkit-border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0;
    -o-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
}

.gr--whitesmoke {
    background-image: linear-gradient(180deg, rgba(244, 244, 249, .8) 50%, rgba(244, 244, 249, .05) 100%);
}

.fbox-img.gr--whitesmoke.h-175 img {
    padding: 0 30px;
}

h6.s-22.w-700 {
    font-size: 20px;
    margin-bottom: 20px;
}

.fbox-txt p {
    font-size: 14px;
    width: 90%;
    text-align: justify;
    color: #585858;
}


span.star_cl i {
    color: #ff9724;
    font-size: 25px;
}

span.star_cl {
    padding: 0 10px;
}

.font_size16 {
    font-size: 32px;
    font-weight: normal;
}

.clientlogo_top .sponsor-image-outer {
    width: 140px;
    float: left;
    padding: 0 10px;
    background: #fff;
    border-radius: 10px;
    margin: 10px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .08);
    filter: grayscale(1);
}

.clientlogo_top .sponsor-image-outer:hover {
    filter: grayscale(0);
}

.clientlogo_top {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.clientsect_top {
    margin-top: 30px;
}

.contact-heading.padding-bottom-35 h2 {
    font-size: 36px;
    line-height: 50px;
}

.setfont36 {
    font-size: 36px;
}


.Introduction_text p {
    font-size: 14px;
    text-align: justify;
    color:#585858;
    line-height:24px;
}

.Introduction_text h2 {
    font-size: 36px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.Introduction_text h4 {
    font-size: 20px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    color: #4e4e4e;
    line-height: 29px;
    font-weight: 400;
}
.Introduction_text {
    width: 100%;
    float: left;
    padding:0px 0 0 40px;
}
.Introduction{
    width: 100%;
    float: left;
    padding:80px 0;
}
.intro_task{
    width:100%;
}
.metho_hero_slide_12{
    background: url(../img/treditional_outsourse.png) !important;
    background-position: center !important;
    background-size:cover !important;
    padding:130px 0 !important;
}
.metho_hero_slide{
    background: url(../img/prima.jpg);
    background-size:100%;
    background-repeat: no-repeat;
    padding:90px 0;
    background-position: left;
}
.Methodology_text h2{
    font-size:36px;
    margin-bottom:30px;
    float: left;
    width:100%;
}
.Methodology_text p{
    font-size:14px;
    float: left;
    width:100%;
    text-align: justify;
    line-height:24px;
}
.Methodology_text h4 {
    color: #ffffff;
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 30px;
}
.metho_implementation {
    font-size: 23px;
    line-height: 38px;
    font-weight: 500;
    margin-bottom: 30px;
    color: #404040;
}

.accordion-title:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
    padding-left: 20px;
}
.accordion-title.collapsed:before {
    float: right !important;
    content:"\f067";
}
#accordion a.card-link.accordion-title {
    float: left;
    width: 100%;
    font-weight: 500;
    font-size: 15px;
}

#accordion .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgb(154 154 154 / 2%);
    border-bottom: 1px solid rgb(184 184 184 / 13%);
}

#accordion .card {
    margin:10px 0;
}


#accordion .card .card-body {
    font-size:14px;
    line-height:25px;
    color: #585858;
}

#accordion .card .card-body ul{
    font-size:14px;
    line-height:25px;
    color: #585858;
    padding:20px 0;
}
.faq_exrea_text {
    padding: 39px 0 15px 0;
    font-size: 14px;
    line-height: 27px;
    width: 100%;
    float: left;
}

.makeboxequal {
    width: 100%;
    float: left;
   
}
.faq_Questions {
    float: left;
    width: 100%;
    padding: 70px 0;
    background: #f2f2f2;
}
.faq_Questions h2 {
    float: left;
    width: 100%;
    font-size:36px;
    padding: 0 0 20px 0;
    color: #1e1e1e;
}
a.faq_button {
    background: #ffd419;
    padding: 10px 20px;
    float: right;
    margin-top: 20px;
}
.methoPrice a {
    color: #5466c8;
    font-weight: 500;
}
.methoPrice {
    float: left;
    width: 100%;
    padding: 50px 0 0 0;
}

.methoPrice_a {
    background: #FFC107;
    font-weight: 500;
    color: #000 !important;
    padding: 9px 20px;
    margin-top: 20px;
    float: left;
   
    font-size: 14px;
    border-radius: 2px;
}
.methoPrice p {
    font-size: 16px;
    line-height:25px;
    font-style: italic;
}
.methoPrice p span {
    color: #e75050;
    font-weight: bold;
    padding-right: 2px;
}

.clcenter_tred{
    background: #673AB7;
    float: left;
    padding: 5px 20px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    margin: 30px;
}

.maketextcenterfit{
    position: relative;
}
.clcenter_tred {
    background: #673AB7;
    float: left;
    padding: 10px 20px;
    /* text-align: center; */
    border-radius: 5px;
    color: #fff;
    /* margin: 30px; */
    position: absolute;
    left: 40%;
    top: 17%;
    z-index: 9;
}
p.tablecontentlist span {
    width: calc(100% - 38px);
    float: left;
    text-align: justify;
    font-size: 14px;
}

p.tablecontentlist i {
    float: left;
    padding-top: 5px;
    padding-right: 15px;
}
p.tablecontentlist {
    width: 100%;
    float: left;
}
.i_red {
    color: #ff7065;
}
.i_blue {
    color: #3d28de;
}
.mrgetex {
    background: #fff;
    padding: 10px 10px 12px 10px;
    border: 2px solid #f2f2f2;
    text-align: center;
    float: left;
    width: 70%;
    /* margin: 0 auto; */
    z-index: 9;
    font-weight: 500;
    font-size: 13px;
    position: relative;
}
.underlinebr {
    border-bottom: 2px dotted #f2f2f2;
    height: 1px;
    width: 100%;
    float: left;
    /* left: 0; */
    /* top: 25px; */
    position: absolute;
    z-index: 1;
}
.jhfdg123 {
    padding: 0px;
    text-align: center;
    width: 24%;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    flex-direction: row;
}
.bggry12{
    background:#f8f8f8;
    padding:20px;
    border-bottom: 1px solid #ffffff;
    width: 38%;
}
.bgred12{
    background:#f1f8ff;
    padding:20px;
    border-bottom: 1px solid #ffffff;
    width: 38%;
}
.bggry12 h2, .bgred12 h2 {
    font-size: 22px;
    width: 100%;
    text-align: center;
    padding-bottom:20px;
}
p.tablecontentlist img {
    text-align: center;
    margin: 0 auto;
    width: 75%;
}

section.aboutelitesis_index {
    padding: 80px 0;
}
a.exploremoreabt i {
    float: right;
    padding: 5px 0px 5px 10px;
    font-size: 12px;
}

a.exploremoreabt {
    float: left;
    padding: 7px 25px;
    border: 1px solid #000000;
    color: #ffffff;
    font-size: 14px;
    background: #000000;
    border-radius: 35px;
    margin-top: 40px;
}

a.exploremoreabt:hover {
    border: 1px solid #000000;
    background: #000000;
    color: #fff;
}

.hjfspan {
    color: #FF5722;
    font-size: 28px;
    font-weight:500;
}
.hjfspan1 {
    color: #1554a1;
    font-size: 30px;
    font-weight:500;
}
.hfdgih78{
    font-size: 25px;
    line-height: 41px;
    text-transform: capitalize;
}

@media screen and (max-width: 1920px) {
    #menu_bars {
        display: none;
    }
}
.fbox-2{
    padding-top:20px;
}

@media screen and (max-width: 768px) {
    #menu_bars {
        display: block;
    }

    .clientlogo_top .sponsor-image-outer {
        width: 160px;
    }
    .clientlogo_top {
        display: block;
        justify-content: center;
        margin-top: 20px;
    }
}
.pricingHead {
    text-align: left;
    /* background-image: url(../img/dollar.svg); */
}
.pricingButton {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}
img.dollarImg {
    position: absolute;
    max-height: 250px;
    right: -30%;
    bottom: 0;
    z-index: 0;
}
.zIndex{
    z-index: 1;
}

        /* Table styling */
        .styled-table {
            width: 100%;
            border-collapse: collapse;
            margin:10px 0;
            font-size: 0.8em;
            min-width: 400px;
            overflow: hidden;
        }
        
        .styled-table thead tr {
            background-color: #f5f5f5;
            color: #ffffff;
            text-align: center;
            font-weight: bold;
        }
        
        .styled-table th,
        .styled-table td {
            padding: 12px 15px;
        }
        .styled-table th{   
            color: #333;
        }
        
        .styled-table tbody tr {
            border-bottom: 1px solid #dddddd;
        }
        
        .disclamer span{
            color: red;
        }
        .disclamer {
            text-align: right;
            margin: 0;
            font-size: 12px;
        }
        .tableSections {
            margin-top: 40px;
        }
        .tableSections h3 {
            font-size: 16px;
            margin: 0;
        }
        .styled-table td:nth-child(3) {
            color: #dc2428;
            font-weight: bold;
          }
          .styled-table td:nth-child(3), .styled-table td:nth-child(4), .styled-table td:nth-child(5){
            text-align: center;
          }
          .styled-table td:nth-child(1){
            text-align: center;
          }
          .pricingButtonMain {
            padding: 10px 30px;
            background-color: #388bca;
            color: #fff;
            border-radius: 50px;
            font-weight: bold;
        }
        .pricingButtonMain:hover{
            color: #fff !important;
            background-color: #dc2428;

        }


.flagAddress{
    max-width: 40px;
}
.displayFlex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}






/* --- Ultimate Dropdown Fix --- */

/* FIX 1 → Normal header ke liye (dropdown overlap fix) */
.navbar {
    z-index: 99999 !important;
    overflow: visible !important;
}

/* FIX 2 → JAB HEADER FIXED MODE ME JAYE (scroll par) */
.navbar.fixed-menu {
    position: fixed !important;   /* restore fixed behavior */
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 100000 !important;
    overflow: visible !important;
    background: #fff !important;
}

/* FIX 3 → Dropdown always on top */
.navbar .dropdown-menu {
    position: absolute !important;
    z-index: 999999 !important;
    background: #fff;
}




.mega-dropdown:hover .dropdown-menu {
    opacity:1 !important;
    visibility:visible !important;
}










































.thrown-header-area::before,.thrown-topbar-area::before {
    width: 500px;
    top: 0;
    left: 0;
    height: 100%;
    content: ""
}

.counter-shape,.team-icon,.team-shape1,.team-shape2,.team-socail-icon,.thrown-header-area::before,.thrown-menu ul li a::before,.thrown-topbar-area::before,.topbar-social-item ul li a i::after,a.handbag:before {
    position: absolute
}

.portfolio-content h3 a,.service-title h4 a,.team-title h4 a {
    font-size: 24px;
    text-decoration: none
}

.thrown-topbar-area {
    background: #004aad;
    position: relative;
    width: 100%;
    padding: 5px
}

.topbar-info span {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #fff
}

.blog-details-meta span i,.topbar-info span i {
    color: #004aad;
    margin-right: 5px
}

#features .content-left .text,.ba-blog-details-social-icons,.blog-details-item.two,.footer-condition,.service-disctription {
    text-align: right
}

.topbar-social-item {
    text-align: right;
    padding: 1px
}

.ba-blog-details-social-icons.two,.follow-us,.form-box-button {
    text-align: left
}

.topbar-social-item h4 {
    color: var(--white-color-white,#fff);
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 0;
    display: inline-block;
    margin-right: 12px
}

.topbar-social-item span {
    font-size: 14px;
    color: #fff
}

.topbar-social-item ul {
    list-style: none;
    display: inline-block;
    margin-bottom: 0
}

.topbar-social-item ul li {
    display: inline-block;
    margin-left: 5px
}

.topbar-social-item ul li a i {
    height: 15px;
    width: 15px;
    line-height: 15px;
    display: inline-block;
    background: #fff;
    text-align: center;
    font-size: 9px;
    border-radius: 50%;
    color: #004aad;
    position: relative;
    transition: .5s;
    z-index: 1
}

.about-bottom-title.dark h4,.about-counter-discription.dark p,.about-discribtion.dark p,.about-main-title.dark h2,.about-text.dark h4,.about-title.dark h4,.accordion li a span,.as-pagination ul li a:hover,.ba-blog-details-social-icons a:hover,.banner-section .owl-next:hover,.banner-section .owl-prev:hover,.blog-bottom-title.dark h4,.blog-btn.dark a,.blog-btn.dark a i,.blog-details-tag a:hover,.blog-discription.dark p,.blog-four-discription.dark p,.blog-meta.dark span,.blog-meta.dark span i,.blog-single-box:hover .blog-bottom-title h4,.blog-single-box:hover .blog-btn a,.blog-single-box:hover .blog-btn a i,.blog-single-box:hover .blog-discription p,.blog-single-box:hover .blog-meta span,.blog-single-box:hover .blog-meta span i,.blog-single-box:hover .blog-title h4 a,.blog-title.dark h4 a,.contact-content.dark h3,.contact-content.dark h5,.contact-list.dark span,.contact-three-discription.dark p,.contact-title.dark h4,.contact-us-items-box:hover .contact-items-content h4 a,.contact-us-items-box:hover .contact-items-content h6,.copyright-text p a,.footer-wiget-icon ul li a:hover i,.header-button :hover,.pricing-list.dark span,.pricing-list.dark span i,.pricing-single-box:hover .pricing-time span i,.pricing-title.dark h3,.sales-discription.dark p,.sales-list.dark span,.scroll-area .go-top:focus,.scroll-area .go-top:hover,.section-main-title.dark h2,.serivice-discription.dark p,.service-disctription.dark span,.service-four-title.dark h4 a,.service-items-content-two.dark p,.service-items-title.dark h4 a,.service-single-box:hover .serivice-discription p,.service-single-box:hover .service-title h4 a,.service-title.dark h4 a,.slider-content span,.sucsess-content.dark h4,.sucsess-content.dark h6,.sucsess-numbar.dark h4,.sucsess-numbar.dark span,.team-card-box-social a:hover i,.team-discription.dark p,.team-item-content.dark h4 a,.team-item-content.dark span,.team-items-box:hover .team-main-icon a i,.team-itmes-content.dark h4 a,.team-itmes-content.dark span,.team-sub-icon ul li a i,.team-title.dark h4 a,.team-title.dark span,.testi-discription.dark p,.testi-main-title.dark h2,.testi-three-content.dark h4,.testi-three-content.dark p,.testi-three-title.dark h4,.testi-three-title.dark span,.testi-title.dark h4,.testi-title.dark span,.testimonial-area.style-two .owl-next:hover i,.text-sm-end a:hover,.thrown-menu.dark ul li a,.thrown-menu.style-two ul li a,.thrown-social-menu.style-two ul li a i,.topbar-info i,.topbar-social-item ul li a:hover i,.topbar-social-item ul li.active a:hover i,.widget-categories-menu ul li:hover a,.widget-tags a:hover,.work-process-content.dark h4 a,.work-process-content.dark p,.working-content h4 a:hover,a.header-button:hover,span.process-bar.dark,ul.accordion ul li a span {
    color: #fff
}

.topbar-social-item ul li a i::after {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    transform: scale(0);
    transition: .5s;
    z-index: -1;
    background: #004aad
}

.ba-blog-details-social-icons a:hover::before,.banner-section .owl-next:hover::before,.banner-section .owl-prev:hover::before,.blog-items-four:hover,.blog-single-box.style-two:hover .blog-thumb img,.project-thumb img:hover,.service-items-box-two:hover .service-icon-thumb::before,.service-items-box-two:hover .service-items-icon-two i::after,.service-items-four:hover .service-four-thumb img,.team-item-thumb img:hover,.topbar-social-item ul li a i:hover::after,.work-process-single-box:hover .work-process-number h4::before,.work-process-single-box:hover .work-process-thumb img {
    transform: scale(1.1)
}

.topbar-social-item ul li.active a i {
    color: #004aad;
    transition: .5s
}

.thrown-header-area {
    position: relative;
    z-index: 9
}

.thrown-header-area::before {
    z-index: -1
}

.banner-section .owl-next,.banner-section .owl-prev {
    height: 50px;
    width: 50px;
    text-align: center;
    color: #000
}

.header-logo a img {
    width: 235px
}

.as-pagination ul,.bratcome-text ul,.footer-condition ul,.footer-widget-contct-menu ul,.footer-wiget-menu ul,.thrown-menu ul {
    list-style: none;
    float: left
}

.thrown-menu {
    float: left;
    width: 100%
}

.as-pagination ul li,.blog-btn,.footer-condition ul li,.thrown-btn,.thrown-menu ul li,.thrown-menu.style-five ul,.thrown-menu.style-two ul,.thrown-social-menu {
    display: inline-block
}

.thrown-menu ul li a {
    display: inline-block;
    color: #141422;
    font-family: Jost;
    font-size: 16px;
    font-weight: 500;
    padding: 15px;
    text-decoration: none;
    position: relative;
    transition: .5s
}

#features .box-item:hover h4,.blog-btn.style-two a i,.blog-details-list ul li.active,.blog-details-list ul li:hover,.blog-single-box.style-two:hover .blog-meta.style-two span,.blog-single-box.style-two:hover .blog-meta.style-two span i,.blog-single-box:hover .blog-btn.style-two a,.blog-single-box:hover .blog-title.style-two h4 a,.blog-standard-content h4 a:hover,.blog-standard-meta span:hover,.choose-content h4:hover,.elite-list ul li i,.footer-condition ul li a:hover,.like-us-content h4:hover,.pricing-list span:hover,.pricing-single-box:hover .pricing-rate h3,.project-btn a:hover,.recent-widget-title h4 a:hover,.service-details-content h4 a:hover,.service-items-four:hover .service-four-btn a,.service-items-four:hover .service-four-title h4 a,.sidebar-widget-menu ul li .home-menu-title h4 a:hover,.team-item-content h4 a:hover,.team-item-content.dark h4 a:hover,.team-items-box:hover .team-itmes-content h4 a,.testi-single-box:hover .testi-title h4,.testimonial-area.style-two .owl-prev:hover i,.text-primary-dark,.thrown-menu ul li .home-menu-title h4 a:hover,.thrown-menu ul li a:hover,.work-process-single-box:hover .work-process-content h4 a {
    color: #004aad
}

.thrown-menu ul li a::before {
    content: "";
    height: 1px;
    width: 0;
    left: 0;
    right: 0;
    top: 70px;
    margin: auto;
    transition: .5s
}

#features .show-box img,.HomeVideoTitleSection .SectionTitle,.about-thumb.style-three img,.blog-details-tag a:hover::before,.blog-details-thumb img,.blog-single-box.style-two:hover .blog-meta-date::before,.contact-icon i:hover::after,.form-box-button button:hover::after,.home-menu-thumb img,.rbt-card-img img,.sales-thumb img,.service-items-box-two:hover::before,.service-items-four:hover .service-four-icon-thumb::before,.team-details-author-img img,.team-items-five:hover .team-five-content h4::before,.team-items-thumb img,.team-thumb img,.testimonial-area.style-two .owl-next i:hover::after,.testimonial-area.style-two .owl-prev i:hover::after,.text-sm-end a:hover::before,.thrown-menu ul li a:hover::before,.widget-categories-menu ul li:hover::after,.work-process-shape img {
    width: 100%
}

.thrown-menu ul li a i {
    font-size: 12px;
    margin-left: 4px
}

.thrown-social-menu ul li {
    display: inline-block;
    margin-left: 10px
}

.thrown-social-menu ul li a i {
    font-size: 18px;
    color: #666
}

.accordion li,.accordion li p,.banner-section,.blog-comment-box,.blog-standard-thumb,.counter-area,.faq-area,.home-menu-thumb,.project-items-box,.relative,.service-items-thumb-two,.sidebar-widget-menu,.team-five-thumb,.team-items-thumb,.team-thumb,.top-wrap,.widget_search form,.working-project-item,a.handbag {
    position: relative
}

.sticky-menu,.sticky-mobile-menu,.sticky-nav {
    margin: auto;
    position: fixed!important;
    transition: .5s!important;
    z-index: 9999!important;
    width: 100%;
    left: 0;
    right: 0;
    top: 0
}

.home-btn,.thrown-menu ul .home-menu,.thrown-menu ul .sub-menu {
    position: absolute;
    transition: .5s
}

a.handbag:before {
    content: "0";
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 100%;
    left: 11px;
    top: -8px
}

.sticky-nav {
    box-shadow: 0 0 60px 0 rgba(0,0,0,.07);
    -webkit-animation: .3s fadeInDown;
    animation: .5s slideInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25,25,25,.1);
    background: #ffff!important
}

.sticky-menu,.sticky-mobile-menu {
    box-shadow: 0 0 60px 0 rgba(0,0,0,.07);
    -webkit-animation: .3s fadeInDown;
    animation: .5s slideInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25,25,25,.1);
    background: #010212!important
}

.home-items,.sidebar-home-items,.thrown-menu ul .sub-menu {
    -webkit-box-shadow: 0 1px 3px #cdcdcd
}

.thrown-menu ul .sub-menu {
    background: #fff;
    top: 125%;
    border-radius: 5px;
    width: 217px;
    text-align: left;
    margin: 0;
    visibility: hidden;
    border-top: 2px solid #004aad;
    opacity: 0;
    z-index: 11
}

.thrown-menu ul .sub-menu ul li {
    display: inline-block;
    margin-left: 0;
    width: 100%
}

.thrown-menu ul .sub-menu ul li a {
    padding: 5px 12px;
    text-align: left;
    width: 100%;
    display: inline-block;
    visibility: inherit!important;
    color: #141422;
    margin: 0;
    font-size: 16px
}

.thrown-menu ul .sub-menu ul li a:hover {
    margin-left: 7px!important;
    color: #004aad
}

.about-area .barfiller .tipWrap,.accordion a.active:before,.blog-comment-box.inner::before,.blog-details-area .owl-next i::after,.blog-details-area .owl-prev i::after,.blog-single-box.style-two::before,.blog-standard-area .owl-next i::after,.blog-standard-area .owl-prev i::after,.blog-standard-meta span.meta::before,.contact-inner-box.two::before,.conversion-area .barfiller .tipWrap,.mobile-menu-area,.sidebar-widget-menu ul li .home-menu-title h4 a::before,.team-details-area .barfiller .tipWrap,.thrown-header-area.style-five::before,.thrown-header-area.style-three.dark::before,.thrown-header-area.style-two::before,.thrown-menu ul .sub-menu ul li a::before,.thrown-menu ul li .home-menu-title h4 a::before,.work-process-single-box.work::before,section.banner-section.style-five .owl-nav,section.banner-section.style-three.banner-section .owl-nav {
    display: none
}

.thrown-menu ul li:hover .home-menu,.thrown-menu ul li:hover .sub-menu {
    visibility: visible;
    opacity: 1
}

.thrown-menu ul .home-menu {
    background: #f9f9f9f9;
    left: 10%;
    width: 680px;
    margin-top: 10px;
    visibility: hidden;
    border-top: 4px solid #004aad;
    border-radius: 30px;
    padding: 20px;
    opacity: 0
}

.home-btn a.menu-btn,.home-btn span.menu-btn,.thrown-btn a {
    background: #004aad;
    color: #fff;
    font-weight: 500
}

.home-items {
    width: 200px;
    margin: 0 5px;
    border-radius: 30px;
    background: #f5f5f5
}

.home-items a .home-menu-thumb img {
    padding: 10px;
    width: 90%;
    margin: 10px
}

.sidebar-home-items {
    width: 180px;
    height: 180px;
    display: flex;
    margin-top: 20px;
    margin-left: 24px;
    border-radius: 30px
}

.home-btn {
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0
}

.home-items a:hover .home-menu-thumb .home-btn {
    bottom: 30%;
    opacity: 1!important
}

.home-menu-thumb p {
    text-align: center;
    font-weight: 900
}

.home-btn span.menu-btn {
    padding: 3px 20px
}

.banner-carousel .slide-item,.blog-thumb,.header-button,.home-btn a.menu-btn {
    position: relative;
    overflow: hidden
}

.home-btn a.menu-btn {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    display: inline-block;
    font-size: 14px;
    z-index: 9;
    transition: .5s
}

.about-counter-five.dark,.blog-area.style-two.dark,.contact-area-three.dark,.home-btn a.menu-btn:hover,.pricing-single-box.dark,.sales-report-area.dark,.service-area.dark,.team-area.dark,.testimonial-area.dark,.work-process-area.dark {
    background: #010212
}

.sidebar-widget-menu ul li .home-menu-title h4,.thrown-menu ul li .home-menu-title h4 {
    text-align: center;
    margin-top: 10px
}

.sidebar-widget-menu ul li .home-menu-title h4 a,.thrown-menu ul li .home-menu-title h4 a {
    font-size: 20px;
    padding: 0;
    font-weight: 500;
    color: #141422
}

.thrown-btn a {
    font-size: 18px;
    text-decoration: none;
    padding: 13px 20px;
    border-radius: 35px;
    z-index: 1;
    margin-top: 2px
}

.header-button {
    display: inline-block;
    max-width: 250px;
    margin: auto
}

.header-button span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #232323;
    transition: width .5s ease-in-out,height .5s ease-in-out;
    transform: translate(-50%,-50%);
    z-index: -1;
    opacity: 1!important
}

.header-button:hover span {
    width: 225%;
    height: 562.5px
}

.header-button:active {
    background-color: #141422
}

.form-box-button.details,.form-box-button.team,.thrown-btn.about5,.thrown-btn.contact,.thrown-btn.error,.thrown-btn.service,.thrown-btn.slider,.thrown-search-button.style-three {
    margin-left: 0
}

.thrown-btn.slider2 {
    margin-left: 0;
    margin-top: 40px
}

.thrown-btn.contact-us,.thrown-btn.contact-us2 {
    margin-top: 0;
    margin-left: 0
}

.thrown-btn.slider.three {
    margin-top: 32px
}

.thrown-btn.contact-us a {
    padding: 13px 42px
}

.thrown-btn.contact-us2 a {
    background: #fff;
    color: #004aad;
    padding: 13px 42px
}

.thrown-btn.contact a {
    padding: 13px 35px
}

.thrown-btn.pircing {
    margin-left: 0;
    margin-top: 19px
}

.thrown-btn.service a {
    background: #010212;
    padding: 10px 30px
}

.banner-carousel .slide-item {
    min-height: 800px
}

.banner-carousel .slide-item .image-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 700px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 6s linear;
    -moz-transition: 6s linear;
    -ms-transition: 6s linear;
    -o-transition: 6s linear;
    transition: 6s linear
}

.banner-carousel .active .slide-item .image-layer {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

.banner-section .owl-nav,.slider-content,.slider-shape {
    transform: translateY(-50%);
    position: absolute
}

.slider-content {
    top: 50%;
    width: 45%
}

.slider-sub-title h4 {
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    background: #fff;
    display: inline-block;
    padding: 12px 73px 13px 8px;
    border-radius: 40px;
    margin-bottom: 25px
}

.slider-sub-title span {
    background: #004aad;
    padding: 5px 8px;
    color: #fff;
    border-radius: 40px;
    margin-right: 14px
}

.slider-main-title h1 {
    color: #fff;
    font-family: Jost;
    font-size: 65px;
    font-style: normal;
    font-weight: 600;
    line-height: 75px
}

.slider-discripton p {
    color: #fff;
    font-family: Jost;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin: 22px 10px 60px;
    width: 86%
}

.slider-shape {
    top: 50%;
    left: 0
}

.slider-shape2 {
    position: absolute;
    top: 53%;
    right: 263px
}

.slider-box {
    position: absolute;
    right: 64px;
    top: 50%;
    width: 195px;
    height: 195px;
    background: #004aad;
    text-align: center;
    padding: 30px 0 0;
    border: 12px solid #fff;
    border-radius: 50%
}

.slider-title h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    line-height: 50px;
    text-transform: capitalize
}

.about-sub-title h4,.counter-content h5,.portfolio-content h6,.section-sub-title h4,.sub-heading {
    text-transform: uppercase
}

.slider-title span {
    color: #fff;
    text-align: center;
    font-size: 48px;
    font-weight: 500;
    line-height: 50px
}

.banner-section .owl-nav {
    top: 50%;
    left: 32px
}

.about-thumb,.banner-section .owl-next,.banner-section .owl-prev {
    position: relative;
    transition: .5s
}

.banner-section .owl-prev {
    background: #fff;
    line-height: 50px;
    border-radius: 50%;
    z-index: 1
}

.banner-section .owl-next::before,.banner-section .owl-prev::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #004aad;
    border-radius: 50%;
    transform: scale(0);
    z-index: -1;
    transition: .5s
}

.banner-section .owl-next {
    background: #fff;
    line-height: 50px;
    border-radius: 50%;
    margin-top: 12px;
    z-index: 1
}

.section-sub-title h4 {
    color: #004aad;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    padding-top: 20px;
    margin: 0
}

.section-main-title h2 {
    color: #010212;
    font-size: 40px;
    font-weight: 600;
    line-height: auto;
    margin-top: 0
}

.section-main-title h3 {
    margin-top: 10px
}

.section-main-title h4 {
    margin: 0;
    font-size: 18px;
    padding-top: 20px
}

.blog-adjustment,.blog-meta,.form-group,.section-main-title.sales,.topbar-social-item.style-two h4 {
    margin-bottom: 20px
}

.section-main-title.contact h2 {
    color: var(--neutral-10,#fff)
}

.section-sub-title.choose h4 {
    font-size: 20px;
    margin-bottom: 18px;
    font-weight: 400;
    text-transform: capitalize
}

.section-main-title.choose,.service-icon {
    margin-bottom: 23px
}

.section-main-title.choose h2 {
    font-size: 45px;
    font-weight: 600;
    color: #fff;
    line-height: 58px
}

.section-sub-title.about3 h4 {
    font-size: 22px
}

.cta-margin,.section-main-title.about3,.thrown-menu ul,.timeline-body>p,.timeline-body>ul {
    margin-bottom: 0
}

.section-main-title.about3 h2 {
    font-size: 45px;
    line-height: 55px
}

.section-main-title.work {
    margin-bottom: 47px
}

.section-sub-title.contact-thrree h4 {
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 15px
}

.section-main-title.contact-thrree {
    margin-bottom: 17px
}

.section-main-title.contact-thrree h2 {
    font-size: 45px
}

.about-area,.about-area.inner-page,.team-area.style-three {
    padding: 0 0 50px
}

.about-thumb img,.contact-icon-thumb img,.project-thumb img,.service-icon img,.service-icon-thumb img,.team-card-box-social a i,.team-item-thumb img,.team-main-icon a i {
    transition: .5s
}

.about-thumb img:hover {
    transform: perspective(300px) rotateX(2deg) rotateY(2deg)
}

.about-shape {
    position: absolute;
    bottom: -53px;
    right: -10px
}

.about-sub-title h4 {
    color: #004aad;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 10px
}

.about-main-title {
    margin-bottom: 36px
}

.about-main-title h2 {
    color: #010212;
    font-size: 45px;
    font-weight: 600;
    line-height: 72px;
    margin-top: 0
}

.about-discribtion p {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 0 20px;
    text-align: justify
}

.about-title h4 {
    color: #010212;
    font-family: Jost;
    font-style: normal;
    margin-bottom: 10px;
    font-size: 25px
}

.about-single-box {
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 0 35px 0 rgba(0,0,0,.1);
    padding: 30px 50px 25px
}

.about-icon {
    margin-bottom: 15px
}

.about-icon i {
    font-size: 26px;
    color: #004aad
}

.about-text h4 {
    color: #010212;
    font-size: 20px;
    font-weight: 500;
    line-height: 34px
}

.contact-us-area {
    background: url(../images/resource/contact-us-bg.webp) 0 0/cover no-repeat;
    padding: 56px 0 70px
}

.contact-us-items.two {
    margin-left: 40px
}

.contact-us-content h4 {
    color: #fff;
    font-family: Heebo;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 8px
}

.contact-us-content h2 {
    color: #fff;
    font-family: Jost;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 49px;
    margin-top: 0;
    margin-bottom: 10px
}

.service-single-box {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 0 55px 0 rgba(0,0,0,.1);
    padding: 31px;
    position: relative;
    z-index: 1;
    margin-bottom: 30px
}

.service-single-box::before {
    position: absolute;
    content: "";
    height: 0;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #004aad;
    z-index: -1;
    transition: .5s
}

.service-single-box.style-three:hover::before,.service-single-box:hover::before,.working-single-box:hover::after {
    height: 100%
}

.service-title h4 a {
    color: #20292f;
    font-weight: 500;
    transition: .5s
}

.serivice-discription p {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 33px 0 0;
    transition: .5s;
    text-align: justify
}

.underline .br-line {
    position: relative;
    overflow: hidden;
    height: 2px;
    width: 50%;
    background: #004aad;
    left: 0;
    top: 20px;
    z-index: 1;
    transition: .5s
}

.underline:after {
    background-color: transparent
}

.pricing-time.dark span,.service-single-box:hover .underline .br-line {
    background: #fff
}

.accordion a.active,.accordion li a i,.accordion li p {
    background: rgba(0,0,0,.45)
}

.br-line:after,.br-line:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 3px;
    height: 3px;
    left: 0;
    z-index: -1;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
    transition: .5s
}

.br-line:before,.conversion-text.dark,.service-single-box.style-three:hover .thrown-btn.service a,.service-single-box:hover .br-line:after {
    background: #004aad
}

@keyframes MOVE-BG {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(60px);
        transform: translateX(60px)
    }
}

.project-area {
    padding: 103px 0 120px;
    background: #f5f9ff
}

.column {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 32%;
    padding: 0 16px
}

.column img {
    vertical-align: middle;
    width: 100%
}

.project-thumb {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    perspective: 800px;
    perspective-origin: 0 0
}

.portfolio-content {
    background: rgba(240,88,35,.8);
    position: absolute;
    bottom: 30px;
    width: 314px;
    height: 178px;
    transform-origin: 0;
    left: 0;
    border-radius: 5px;
    right: 0;
    margin: auto;
    padding: 26px 40px 0;
    opacity: 0;
    transform: rotateY(83deg) perspective(400px);
    transition: .5s
}

.contact-us-items-box:hover::before,.project-thumb:hover .portfolio-content {
    opacity: 1;
    transform: rotateY(0) perspective(400px)
}

.portfolio-content h6 {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 40.5px
}

.contact-box.inner,.header-logo.style-five,.header-logo.style-three,.header-logo.style-two,.portfolio-content h3,.sticky-menu .header-logo.dark {
    margin-top: 0
}

.portfolio-content h3 a {
    color: #fff;
    font-weight: 500
}

.team-area {
    padding: 110px 0;
    position: relative
}

.team-socail-icon {
    right: 0;
    background: #004aad;
    padding: 17px 19px;
    transition: .5s;
    opacity: 0;
    bottom: -100px
}

.team-socail-icon a {
    list-style: none;
    display: block;
    margin-top: 13px;
    color: #fff;
    font-size: 20px
}

.accordion li a i,.team-icon span,.video-icon a {
    display: inline-block;
    text-align: center
}

.team-icon {
    right: 13px;
    bottom: -78px;
    z-index: 2
}

.team-icon span {
    width: 45px;
    height: 45px;
    line-height: 50px;
    background: #004aad;
    color: #fff;
    border-radius: 50%;
    cursor: pointer
}

.team-share-social .team-socail-icon.active {
    bottom: 0;
    opacity: 1
}

.team-content {
    background: #fff;
    box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
    padding: 17px 15px 20px
}

.team-title h4,.testi-five-rating {
    margin-bottom: 8px
}

.team-title h4 a {
    color: #102039;
    font-family: Jost;
    font-weight: 500
}

.team-title span {
    color: #666;
    font-size: 16px;
    font-weight: 400
}

.team-shape1 {
    top: 30px;
    left: 0
}

.team-shape2 {
    top: 30px;
    right: 0
}

.faq-area {
    background: url(../images/slider/dark6.webp) 0 0/cover no-repeat
}

.breatcome-content,.counter-single-box,.form-box-button.inner,.single-video {
    text-align: center;
    margin-top: 4px
}

.video-icon a {
    height: 105px;
    width: 105px;
    background: #004aad;
    line-height: 115px;
    border-radius: 100%;
    -webkit-animation: 1s linear infinite ripple-white;
    animation: 1s linear infinite ripple-blue;
    -webkit-transition: .5s
}

.video-icon a i {
    color: #fff;
    font-size: 76px
}

.tab_container {
    margin-top: 112px
}

.accordion li {
    list-style: none;
    z-index: 1;
    margin-bottom: 27px;
    border-radius: 3px
}

.accordion li a {
    display: block;
    cursor: pointer;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    padding: 0 35px;
    text-decoration: none;
    margin-bottom: 11px;
    border: 1px solid rgba(221,221,221,.45);
    box-shadow: 0 0 25px 0 rgba(0,0,0,.1);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.accordion li a i {
    width: 56px;
    height: 56px;
    line-height: 56px;
    color: #fff
}

.accordion a.active {
    border: none
}

.accordion a.active i {
    color: #fff;
    background: #004aad;
    border: none;
    margin-bottom: 0;
    transform: rotate(90deg)
}

.accordion li p {
    display: none;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    padding: 11px 38px 28px;
    width: 100%;
    margin: 0;
    top: -11px
}

a.active {
    color: #1c1632
}

.sales-report-area {
    background-color: #f0eeee54
}

.sales-discription p {
    color: #747474;
    font-size: 14px;
    font-weight: 500;
    width: 80%;
    text-align: justify
}

.conversion-list span,.sales-list span {
    display: block;
    margin-bottom: 15px;
    color: #010212;
    font-family: Jost;
    font-size: 14px;
    font-style: normal;
    font-weight: 500
}

.contact-us-list span i,.conversion-list span i,.sales-list span i {
    background: #004aad;
    width: 22px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    margin-right: 7px
}

.row.sales {
    border-radius: 8px;
    background: #004aad;
    padding: 12px 25px 16px
}

.sales-title h5 {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 8px
}

.sales-price {
    display: flex;
    align-items: center;
    margin-bottom: 6px
}

.sales-price h2,.sales-price span {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: #fff
}

.about-bottom,.about-countent-content.four,.meta-list,.meta-list li,.sales-years {
    display: flex;
    align-items: center
}

.sales-years span {
    color: #e1e1e1;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px
}

.sales-years span i {
    font-size: 15px
}

.sales-years h4 {
    color: #f0f0f0;
    font-size: 14px;
    font-weight: 400
}

.counter-area {
    background: center center/cover no-repeat #004aad;
    padding: 100px 0
}

.counter-numbar h4 {
    color: #fff;
    text-align: center;
    font-family: Jost;
    font-size: 55px;
    font-weight: 600;
    display: inline-block
}

.counter-numbar span {
    color: #fff;
    font-size: 55px;
    font-weight: 500
}

.counter-content h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin: 15px 0 6px
}

.counter-content p {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}

.counter-shape {
    top: 72px;
    left: 36%;
    transform: translateX(-50%)
}

.testimonial-area {
    padding: 117px 0 114px
}

.testi-single-box {
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    padding: 46px 27px 40px;
    position: relative;
    overflow: hidden;
    margin: 10px
}

.testi-single-box::before {
    position: absolute;
    content: "";
    width: 418px;
    height: 6px;
    background: #004aad;
    top: 0;
    right: -5px;
    transform: skewX(40deg);
    transition: .5s
}

.testi-single-box:hover::before {
    width: 0
}

.testi-single-box::after {
    position: absolute;
    content: "";
    width: 6px;
    height: 100%;
    background: #004aad;
    top: 0;
    right: 0;
    opacity: 0;
    transition: .5s
}

.testi-single-box:hover::after {
    height: 0;
    opacity: 1
}

.testi-thumb {
    float: left;
    margin-right: 21px;
    margin-top: 10px
}

.testi-title h4 {
    color: #18191d;
    font-family: Jost;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    transition: .5s
}

.testi-title span {
    color: #004aad;
    font-size: 16px;
    font-weight: 400
}

.testi-discription p {
    color: #747474;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 25px 0 0
}

.testi-icon-thumb {
    position: absolute;
    top: 60px;
    right: 60px
}

.testi-five-rating i,.testi-rating i,.testimonial-icon i {
    color: #ffc107;
    margin-right: 5px;
    font-size: 17px
}

.blog-discription p,.blog-meta span {
    color: #747474;
    font-weight: 400;
    transition: .5s;
    font-style: normal
}

.blog-bottom-title h4,.blog-btn a,.blog-title h4 a {
    color: #010212;
    font-weight: 500
}

.testimonial-area .owl-dots {
    text-align: center;
    margin-top: 31px
}

.testimonial-area .owl-dot {
    margin-right: 9px;
    height: 25px;
    width: 25px;
    border: 2px solid #004aad;
    border-radius: 50%;
    display: inline-block
}

.testimonial-area .owl-dot.active {
    height: 25px;
    width: 25px;
    background: #004aad;
    border-radius: 50%
}

.blog-area {
    background: #f5f9ff;
    padding: 40px 0;
    position: relative
}

.blog-single-box {
    background: #fff;
    box-shadow: 0 4px 30px 0 #e3e3e2;
    padding: 43px 30px 46px;
    position: relative;
    z-index: 1
}

.blog-single-box::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: url(../images/blog/blog-hover.webp) no-repeat;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    transition: .5s
}

.blog-single-box:hover::before,.project-items-box:hover .project-icon a,.team-items-five:hover .team-five-icon,.transform-img:hover~.overlay,.working-single-box:hover .working-icon {
    opacity: 1
}

.blog-title h4 a {
    font-size: 24px;
    font-style: normal;
    line-height: 38px;
    margin-bottom: 30px;
    display: inline-block;
    text-decoration: none;
    transition: .5s
}

.blog-meta span {
    font-size: 15px;
    margin-right: 15px
}

.blog-meta span i {
    margin-right: 10px;
    font-size: 14px;
    color: #004aad;
    transition: .5s
}

.blog-discription p {
    font-size: 18px;
    line-height: 32px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 30px;
    margin-bottom: 30px
}

.blog-bottom-shape,.footer-wiget-shape {
    display: inline-block;
    margin-right: 10px
}

.as-pagination ul li a::before,.ba-blog-details-social-icons a::before,.blog-bottom-shape img,.recent-widget-thumb img {
    border-radius: 50%
}

.blog-bottom-title {
    display: inline-block;
    margin-right: 130px
}

.about-counter-thumb,.service-icon-thumb {
    margin-right: 20px;
    float: left
}

.blog-bottom-title h4 {
    font-size: 18px;
    font-style: normal;
    transition: .5s
}

.blog-btn a,.footer-wiget-icon ul li a i {
    display: inline-block;
    font-size: 14px;
    transition: .5s
}

.blog-btn a,.list-item.articledate a,.publishertext span a,.rbt-card-title a,.team-five-content h2 a,.working-content h4 a {
    text-decoration: none
}

.blog-btn a i {
    color: #000;
    transition: .5s
}

.blog-shape1 {
    position: absolute;
    top: 52px;
    left: 0
}

.blog-shape2 {
    position: absolute;
    right: 0;
    bottom: 0
}

.footer-area {
    background: url(../images/footer/foooter-bg.webp) 0 0/cover no-repeat;
    padding: 40px 0 0;
    position: relative
}

.footer-wiget-text h4 {
    margin: 28px 0 24px;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px
}

.footer-shape-title h3 {
    color: #fff;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 23px
}

.footer-shape-title p {
    font-size: 14px
}

.footer-wiget-title h4 {
    padding: 0 0 18px;
    transition: .5s;
    color: #fff;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px
}

.footer-wiget-title h5 {
    margin-top: 20px;
    color: #fff
}

.copyright-text p {
    font-size: 12px;
    color: #fff
}

.footer-condition ul li a,.footer-widget-contct-menu ul li a,.footer-wiget-menu ul li a,.topbar-info.style-two span {
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.contact-box.inner.team,.footer-wiget-menu ul,.team-details-content {
    margin-top: 30px
}

.footer-wiget-menu ul li {
    list-style: none;
    margin-top: 0
}

.footer-wiget-menu ul li a {
    display: inline-block;
    text-decoration: none;
    line-height: 20px;
    transition: .5s;
    margin: 0
}

.footer-wiget-menu ul li a:hover {
    color: #004aad;
    margin-left: 10px
}

.footer-wiget-icon ul li {
    list-style: none;
    display: inline-block;
    margin-right: 15px;
    margin-top: 15px
}

.footer-wiget-icon ul li a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    color: #000;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 1a0px;
    position: relative;
    z-index: 1
}

.footer-wiget-icon ul li a i::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    right: 0;
    bottom: 0;
    background: #004aad;
    transform: scale(0);
    border-radius: 50%;
    z-index: -1;
    transition: .5s
}

.as-pagination ul li a:hover::before,.footer-wiget-icon ul li a i:hover::after,.project-items-box:hover::before,.team-card-box-social a:hover::before,.team-items-box:hover .team-main-icon a::before,.team-items-five:hover .team-five-main-icon a::before {
    transform: scale(1)
}

.footer-widget-contct-menu ul li.line {
    margin-bottom: 5px;
    border-bottom: 1px solid #252424;
    padding: 0 0 10px
}

.footer-widget-contct-menu ul li a {
    display: block;
    line-height: 32px;
    transition: .5s;
    text-decoration: none
}

.footer-condition ul li a {
    display: inline-block;
    margin-right: 28px;
    line-height: 34px;
    text-decoration: none;
    transition: .5s;
    font-size: 12px
}

.sidebar-info {
    width: 70px;
    background: #010212;
    right: 0;
    height: 100%;
    z-index: 10000;
    position: fixed
}

.side-menu {
    text-align: center;
    margin-bottom: 15px;
    margin-top: 22px
}

.side-menu a,.sidebar-menu a {
    width: 52px;
    height: 52px;
    background: #004aad;
    line-height: 52px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 26px
}

.topbar-info.style-two span {
    line-height: 28px;
    writing-mode: vertical-lr;
    display: block;
    text-align: center;
    margin: 0 33px 55px 20px
}

.topbar-info.style-two span a {
    text-decoration: none;
    color: #fff
}

.topbar-info.style-two span i {
    color: #004aad;
    margin-bottom: 10px;
    transform: rotate(90deg);
    writing-mode: vertical-rl;
    margin-right: 0;
    font-size: 20px
}

.topbar-social-item.style-two {
    writing-mode: vertical-lr;
    margin: auto
}

.service-title.style-three,.topbar-social-item.style-two ul li {
    margin-bottom: 5px
}

.topbar-social-item.style-two ul li a i {
    line-height: 24px
}

.thrown-header-area.style-two {
    margin-bottom: -102px;
    z-index: 9
}

.thrown-menu.style-two {
    display: inline-block;
    margin-right: 57px
}

.thrown-search-button.style-five,.thrown-search-button.style-two {
    display: inline-block;
    margin-left: 0
}

.slider-area {
    background: url(../images/slider/slider3.webp) 0 0/cover no-repeat;
    height: 1000px;
    position: relative;
    z-index: 1
}

.slider-area.two {
    background: url(../images/slider/slider4.webp) 0 0/cover
}

.slider-sub-title.style-two h4 {
    background: 0 0;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 30px
}

.slider-shape3 {
    position: absolute;
    left: 68px;
    bottom: 0;
    z-index: -1
}

.about-area.style-two {
    padding: 120px 0 170px
}

.about-video-icon {
    position: absolute;
    top: 46%;
    left: 40%
}

.about-video-icon a {
    width: 80px;
    height: 80px;
    background: #fff;
    display: inline-block;
    line-height: 88px;
    text-align: center;
    border-radius: 50%;
    font-size: 35px
}

.about-counter {
    position: absolute;
    bottom: -28px;
    display: flex;
    left: 20%;
    width: 329px;
    height: 96px;
    background: #fff;
    box-shadow: 20px 40px 80px 0 rgba(45,51,81,.12);
    padding: 20px;
    border-radius: 16px
}

.about-counter-thumb img,.about-shape-three img,.width-auto {
    width: auto
}

.about-countent-content h5 {
    color: var(--neutral-100,#101010);
    font-size: 24px;
    font-weight: 700
}

.about-main-title.style-two {
    margin-bottom: 27px
}

.about-main-title.style-two h2 {
    line-height: 56px
}

.about-discribtion.style-two p {
    width: 75%;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 32px
}

.about-area span.process-bar,.conversion-area span.process-bar {
    color: #010212;
    font-size: 20px;
    font-weight: 500;
    position: relative
}

.about-area .barfiller {
    width: 450px;
    height: 12px;
    position: relative;
    margin-bottom: 25px;
    margin-top: 20px;
    background-color: #f5f5f5
}

.about-area .barfiller .tip,.conversion-area .barfiller .tip {
    font-size: 16px;
    color: #004aad;
    font-weight: 500;
    top: -37px;
    padding: 10px 6px;
    left: 0;
    position: absolute
}

.about-area .barfiller .fill {
    display: block;
    position: relative;
    width: 0;
    height: 4px;
    z-index: 1
}

.about-area span.fill,.conversion-area span.fill {
    background: #004aad!important
}

.contact-discription {
    margin-top: -20px
}

.contact-discription p {
    color: var(--neutral-30,#ededed);
    font-size: 14px;
    font-weight: 400;
    width: 77%;
    margin: 33px 0 50px
}

.contact-thumb {
    margin-top: -100px;
    position: relative;
    margin-left: 60px;
    overflow: visible
}

.contact-shape {
    position: absolute;
    bottom: 50%;
    left: -72px
}

.service-area.style-two {
    padding: 105px 0 110px
}

.service-items-box-two {
    background: #fff;
    box-shadow: 0 4px 60px 0 rgba(139,139,139,.15);
    padding: 22px 16px 20px;
    display: inline-block;
    position: relative;
    z-index: 1
}

.service-items-box-two::before {
    position: absolute;
    content: "";
    height: 3px;
    width: 0;
    background: #004aad;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    transition: .5s
}

.service-icon-thumb::before,.service-items-icon-two i::after {
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    content: "";
    left: 0;
    transform: scale(0);
    transition: .5s;
    bottom: 0
}

.service-icon-thumb {
    margin-top: 6px;
    background: var(--black,#010212);
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.service-icon-thumb::before {
    position: absolute;
    background: #004aad;
    right: 0;
    border-radius: 5px
}

.service-items-title h4 a {
    color: #010212;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    text-decoration: none
}

.service-items-content-two p {
    color: var(--secondery,#666);
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    margin: 26px 0 22px
}

.service-items-icon-two {
    position: absolute;
    top: -20px;
    right: 16px
}

.service-items-icon-two i {
    height: 40px;
    width: 40px;
    background: #004aad;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    transform: rotate(45deg);
    position: relative;
    z-index: 1;
    transition: .5s
}

.service-items-box-two:hover .service-items-icon-two i {
    transform: rotate(0)
}

.service-items-icon-two i::after {
    position: absolute;
    background: var(--black,#18191d);
    right: 0;
    border-radius: 50%
}

.choose-area {
    position: relative;
    background-size: contain;
    z-index: 1;
    padding: 115px 0 78px
}

.choose-area::after {
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    right: 0;
    z-index: -1;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0
}

.choose-discription p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    width: 80%;
    margin-bottom: 48px
}

.choose-icon {
    float: left;
    margin-right: 23px;
    background: #fff;
    width: 76px;
    height: 77px;
    text-align: center;
    line-height: 76px;
    border-radius: 50%;
    transition: .5s
}

.choose-icon img {
    width: 40px
}

.choose-single-box:hover .choose-icon {
    transform: rotate(360deg)
}

.choose-content h4 {
    color: #fff;
    font-family: Jost;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 9px;
    transition: .5s
}

.choose-content p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    width: 62%;
    padding-bottom: 21px
}

.video-icon.style-two a {
    height: 136px;
    width: 136px;
    line-height: 140px
}

.single-video.style-two {
    text-align: right;
    left: -72px;
    top: 125px;
    position: relative
}

.choose-contact {
    background: #004aad;
    height: auto;
    width: 1700px;
    right: 0;
    padding: 30px 30px 0
}

.subscribe-title h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    margin-top: 12px
}

.choose-area .form-box input {
    width: 340px;
    height: 55px;
    padding: 0 20px;
    border: 0;
    outline: 0
}

.choose-area .form-box input::placeholder {
    color: #c1c1c1;
    font-size: 16px;
    font-weight: 400
}

.choose-area .form-box-button button {
    width: 180px;
    height: 55px;
    border: 0;
    outline: 0;
    background: #18191d;
    color: #fff;
    margin-left: 47px;
    position: relative;
    z-index: 1;
    transition: .5s
}

.blog-meta-date::before,.testimonial-area.style-two .owl-next i::after,.testimonial-area.style-two .owl-prev i::after,.work-process-number h4::before {
    height: 100%;
    z-index: -1;
    transition: .5s;
    content: "";
    left: 0
}

.work-process-area {
    padding: 114px 0 83px
}

.work-process-single-box {
    text-align: center;
    padding: 0 57px;
    position: relative
}

.work-process-thumb {
    position: relative;
    padding: 30px
}

.work-process-number,.work-process-number h4::before,.work-process-shape {
    position: absolute;
    top: 0;
    right: 0
}

.blog-thumb img,.service-four-thumb img,.work-process-thumb img {
    height: 200px;
    width: 100%;
    transition: .5s
}

.work-process-shape {
    left: 0;
    margin: auto
}

.work-process-number h4 {
    background: #18191d;
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    height: 80px;
    width: 80px;
    line-height: 80px;
    border-radius: 50%;
    position: relative;
    z-index: 1
}

.work-process-number h4::before {
    width: 100%;
    background: #004aad;
    transform: scale(0);
    border-radius: 50%
}

.work-process-content {
    margin-top: 76px
}

.work-process-content h4 a {
    padding: 35px 0 20px;
    color: var(--black,#18191d);
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
    text-decoration: none;
    transition: .5s
}

.work-process-content p {
    color: var(--secondery,#666);
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    margin: 17px 0 0
}

.pricing-area {
    padding: 115px 0 120px;
    background: url(../images/resource/pricing-bg.webp) center center/cover no-repeat
}

.pricing-single-box {
    background: #fff;
    box-shadow: 0 0 40px 0 rgba(0,0,0,.1);
    padding: 50px 104px 48px;
    text-align: center;
    transition: .5s;
    margin-top: 0
}

.pricing-single-box:hover {
    margin-top: -5px
}

.pricing-title h3 {
    color: #004aad;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px
}

.pricing-list span,.pricing-rate h3,.pricing-time span {
    color: var(--text-color-01,#0d0e14)
}

.pricing-rate h3 {
    font-size: 66px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 36px;
    transition: .5s
}

.pricing-rate h3 span,.pricing-rate span {
    color: var(--text-color-01,#0d0e14);
    font-size: 28px;
    font-weight: 500;
    position: relative;
    top: -24px
}

.pricing-time span {
    border-radius: 4px;
    border: 1px solid var(--stroke-01,rgba(13,14,20,.1));
    padding: 7px 28px;
    font-size: 16px;
    font-weight: 400;
    transition: .5s
}

.contact-box,.modal-contact-box {
    border-radius: 10px;
    background: var(--white,#fff);
    box-shadow: 0 0 45px 0 rgba(0,0,0,.1)
}

.pricing-single-box:hover .pricing-time span {
    background: #004aad;
    color: #fff
}

.pricing-time span i {
    color: #004aad;
    font-size: 15px;
    margin-right: 3px;
    transition: .5s
}

.pricing-list {
    margin: 43px 0 0;
    text-align: left
}

.pricing-list span {
    display: block;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
    transition: .5s
}

.pricing-list span i {
    color: #004aad;
    margin-right: 4px;
    font-size: 20px
}

.pricing-list span.inner {
    opacity: .6;
    font-weight: 400
}

.pricing-list span.inner i {
    color: #d9d9d9
}

.team-discription {
    margin-left: 150px
}

.service-four-thumb,.team-item-thumb {
    overflow: hidden
}

.team-item-content h4 a {
    color: #010212;
    font-size: 24px;
    font-weight: 500;
    text-decoration: none;
    transition: .5s
}

.team-item-content span {
    color: #747474;
    font-size: 16px;
    font-weight: 400;
    line-height: 48px
}

.team-item-content {
    margin: 30px 20px 0
}

.testimonial-area.style-two {
    background: url(../images/testimonial/testi-bg.webp) center center/cover no-repeat;
    position: relative;
    padding: 117px 0 228px
}

.contact-icon i::after,.form-box-button button::after,.service-four-icon-thumb::before {
    background: #010212;
    height: 100%;
    top: 0;
    z-index: -1;
    margin: auto;
    width: 0;
    left: 0;
    transition: .5s;
    content: ""
}

.testimonial-item-thumb {
    float: left;
    margin-right: 84px;
    margin-top: 0;
    margin-bottom: 42px
}

.testimonial-discription p {
    color: var(--white,#fff);
    font-family: Jost;
    font-size: 26px;
    font-weight: 500;
    line-height: 36px;
    margin: 31px 0 26px
}

.testimonial-title h4 {
    color: var(--white,#fff);
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    margin-right: 44px
}

.testimonial-title span {
    color: #004aad;
    font-size: 17px;
    font-weight: 400
}

.testimonial-shape {
    position: absolute;
    bottom: 185px;
    right: -15%
}

.contact-box,.contact-icon i,.modal-contact-box,.testimonial-area.style-two .owl-next i {
    position: relative;
    text-align: center
}

.testimonial-area.style-two .owl-nav {
    position: absolute;
    right: 32px;
    display: inline-flex
}

.testimonial-area.style-two .owl-prev i {
    width: 45px;
    height: 45px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    background: #004aad;
    border-radius: 50%;
    color: #fff;
    margin-right: 10px;
    transition: .5s;
    position: relative;
    z-index: 1
}

.testimonial-area.style-two .owl-prev i::after {
    position: absolute;
    width: 0;
    background: #fff;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%
}

.testimonial-area.style-two .owl-next i {
    width: 45px;
    height: 45px;
    line-height: 50px;
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    color: #004aad;
    transition: .5s;
    z-index: 1
}

.testimonial-area.style-two .owl-next i::after {
    position: absolute;
    width: 0;
    background: #004aad;
    color: #fff;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%
}

.contact-area {
    margin-top: 140px
}

.contact-area-three {
    padding: 50px 0 30px
}

.contact-three-discription p {
    color: var(--black,#18191d);
    font-size: 14px;
    font-weight: 400;
    line-height: 29px;
    margin: 0 0 27px
}

.contact-list span {
    display: block;
    color: #010212;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 16px
}

.contact-list span i {
    width: 20px;
    height: 20px;
    background: #004aad;
    line-height: 23px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 12px;
    color: #fff
}

.contact-single-box {
    margin-top: 21px
}

.contact-icon {
    float: left;
    margin-right: 18px
}

.contact-icon i {
    width: 75px;
    height: 75px;
    border-radius: 5px;
    background: #004aad;
    line-height: 75px;
    display: inline-block;
    color: #fff;
    font-size: 35px;
    z-index: 1
}

.contact-icon i::after,.service-four-icon-thumb::before {
    position: absolute;
    color: #fff;
    right: 0;
    bottom: 0;
    border-radius: 5px
}

.contact-content h5 {
    color: #004aad;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 47px
}

.contact-content h6 {
    color: #010212;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px
}

.contact-content a {
    text-decoration: none;
    font-weight: 500
}

.contact-box {
    padding: 45px;
    margin-top: -40px
}

.modal-contact-box {
    padding: 47px;
    margin-top: -100px
}

.blog-meta-date,.blog-meta-date::before {
    border-radius: 3px 0 0 3px;
    bottom: 0;
    right: 0
}

.contact-title h4 {
    color: #010212;
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 25px;
    text-align: center
}

.form-box-button button {
    padding: 10px 30px;
    background: #004aad;
    color: var(--white,#fff)
}

.form-box-button button::after {
    position: absolute;
    color: #fff;
    right: 0;
    bottom: 0;
    border-radius: 30px
}

.brand-area {
    padding: 0 0 10px;
    background: #f5f5f5
}

.brand-area .owl-carousel .owl-item img {
    display: inline-flex;
    object-fit: contain
}

.blog-area.style-two {
    background: 0 0
}

.blog-single-box.style-two {
    padding: 0;
    overflow: hidden
}

.blog-meta-date {
    width: 60px;
    height: 53px;
    background: #18191d;
    line-height: 0;
    position: absolute;
    z-index: 1;
    padding: 7px 0 0
}

.blog-meta-date::before {
    position: absolute;
    width: 0;
    top: 0;
    background: #004aad;
    margin: auto
}

.blog-meta-date h5 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 8px
}

.blog-meta-date span {
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-left: 16px
}

.blog-content.style-two {
    padding: 24px 24px 25px
}

.blog-meta.style-two {
    margin-bottom: 10px
}

.blog-meta.style-two span {
    margin-right: 28px;
    font-size: 14px
}

.blog-meta.style-two span i {
    margin-right: 5px
}

.blog-title.style-two h4 a {
    font-size: 24px;
    border-bottom: 1px solid rgba(208,208,208,.5);
    padding: 0 0 17px;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 34px
}

section.banner-section.style-three .banner-carousel .slide-item {
    height: 1000px
}

.thrown-header-area.style-three {
    z-index: 999;
    margin-bottom: -132px
}

.thrown-header-area.style-three::before {
    background: #fff;
    width: 70%;
    left: 0;
    right: 0;
    margin: auto
}

.thrown-menu.style-three {
    display: inline
}

.header-logo-adjustment {
    padding-top: 10px;
    padding-bottom: 10px
}

.thrown-search-button {
    text-align: right;
    display: inline-block;
    margin-left: 140px
}

.thrown-btn.style-three {
    position: relative;
    top: 6px;
    margin-left: 40px
}

.slider-sub-title.style-three h4 {
    background: 0 0;
    color: #fff;
    font-family: Jost;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 34px
}

.slider-main-title.style-three h1 {
    line-height: 80px
}

.about-area.style-three {
    padding: 73px 0 88px
}

.about-thumb.style-three {
    margin-left: -160px;
    margin-top: -150px
}

.about-shape-three {
    position: absolute;
    bottom: 0;
    right: 170px
}

.about-discribtion.style-three p {
    margin: 24px 0 26px
}

.about-area.style-three .process-bar {
    color: #747474;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.about-area.style-three .barfiller {
    width: 592px;
    height: 5px;
    margin-bottom: 23px;
    margin-top: 10px;
    border-radius: 7px
}

.about-bottom-thumb {
    margin-right: 15px
}

.about-bottom-title h4 {
    color: #031254;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px
}

.about-signiture {
    margin-left: 48px;
    margin-top: -20px
}

.contact-us-area.style-three {
    background: url(../images/resource/contact-bg3.webp) center/cover;
    padding: 88px 0 77px;
    position: relative;
    z-index: 1;
    margin-top: 40px
}

.contact-us-area.style-three::before {
    position: absolute;
    content: "";
    width: 50%;
    height: 100%;
    right: 0;
    background: url(../images/resource/contact-bg2.webp) center center/cover no-repeat;
    top: 0;
    z-index: -1
}

.contact-us-content.style-three h4 {
    margin-bottom: 20px;
    font-size: 17px
}

.contact-us-content.style-three h2 {
    margin-bottom: 38px;
    font-size: 42px
}

.contact-us-list span {
    display: block;
    margin-bottom: 15px;
    color: #fff;
    font-family: Jost;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.contact-us-items-box {
    text-align: center;
    background: #fff;
    display: inline-block;
    padding: 38px 88px 44px;
    margin-left: -10px;
    position: relative;
    overflow: hidden;
    perspective: 800px;
    perspective-origin: 0 0;
    z-index: 1
}

.contact-us-items-box::before {
    position: absolute;
    content: "";
    background: #004aad;
    width: 100%;
    height: 100%;
    transform-origin: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transform: rotateY(90deg) perspective(400px);
    transition: .5s;
    z-index: -1
}

.project-items-box::before,.team-card-box-social a::before,.team-five-main-icon a::before,.team-main-icon a::before {
    transform: scale(0);
    transition: .5s;
    content: ""
}

.contact-items-content h6 {
    margin: 17px 0;
    color: #010212;
    font-family: Jost;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    transition: .5s
}

.contact-items-content h4 a {
    color: #004aad;
    font-size: 24px;
    text-decoration: none;
    font-weight: 500;
    transition: .5s
}

.service-single-box.style-three {
    padding: 70px 25px 38px;
    position: relative;
    z-index: 1;
    background: #fff
}

.service-single-box.style-three::before {
    position: absolute;
    content: "";
    background: #010212;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    transition: .5s;
    z-index: -1
}

.serivice-discription.style-three p {
    margin-bottom: 22px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 33px
}

.service-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.sucsees-single-box {
    background: #fff;
    box-shadow: 0 0 35px 0 rgba(0,0,0,.1);
    padding: 68px 23px 65px
}

.sucsess-counter {
    width: 118px;
    height: 118px;
    border: 1px solid #004aad;
    border-radius: 50%;
    text-align: center;
    padding: 30px 0 0;
    display: inline-block
}

.sucsess-counter-icon i {
    color: #004aad;
    font-size: 20px
}

.sucsess-content h4,.sucsess-numbar h4,.sucsess-numbar span {
    font-size: 30px;
    font-weight: 500
}

.sucsess-numbar h4 {
    color: #1f2732;
    display: inline-block
}

.sucsess-numbar span {
    color: #1f2732
}

.sucsess-content {
    display: inline-block;
    margin-left: 20px
}

.sucsess-content h4 {
    color: #161d27;
    margin-bottom: 8px;
    text-align: left
}

.sucsess-content h6 {
    color: #909090;
    font-size: 20px;
    font-weight: 400
}

.sucsess-item-numbar h4,.sucsess-item-numbar span {
    color: #fff;
    font-size: 30px;
    font-weight: 500
}

.sucsees-item-box {
    position: relative;
    z-index: 1;
    padding: 88px 40px 57px
}

.sucsees-item-box::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: url(../images/resource/sucsess-thumb.webp);
    z-index: -1
}

.sucsess-item-numbar h4 {
    display: inline-block;
    margin-bottom: 6px
}

.sucsess-item-two h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px
}

.team-itmes-content {
    background: #fff;
    box-shadow: 0 0 45px 0 rgba(0,0,0,.1);
    padding: 19px 20px 27px
}

.team-itmes-content h4 a {
    text-decoration: none;
    line-height: 32px;
    transition: .5s;
    color: #010212;
    font-size: 24px;
    font-weight: 500
}

.team-itmes-content span {
    line-height: 24px;
    color: #747474;
    font-size: 16px;
    font-weight: 400
}

.team-main-icon a,.testimonial-area.style-five .owl-next i,.testimonial-area.style-five .owl-prev i {
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center
}

.team-items-thumb::before {
    position: absolute;
    content: "";
    width: 263px;
    height: 4px;
    background: #010212;
    left: 0;
    right: 0;
    margin: auto;
    transition: .5s
}

.team-items-box:hover .team-items-thumb::before {
    width: 0;
    background: #004aad
}

.team-main-icon {
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 99
}

.team-main-icon a {
    background: #18191d;
    color: #fff;
    font-size: 30px;
    position: relative;
    z-index: 1
}

.team-main-icon a::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #004aad;
    z-index: -1
}

.team-sub-icon {
    position: absolute;
    right: 20px;
    transition: .5s;
    bottom: 30px;
    opacity: 0
}

.team-items-box:hover .team-sub-icon {
    bottom: 170px;
    opacity: 1
}

.team-sub-icon ul {
    list-style: none;
    background: #004aad;
    padding: 3px 12px 11px
}

.team-sub-icon ul li {
    margin-top: 10px;
    text-align: center;
    line-height: 32px;
    color: #004aad
}

.faq-area.style-three {
    background: url(../images/resource/faq-bg2.webp) center/cover no-repeat;
    margin-top: -1px
}

.faq-thumb {
    position: relative;
    top: 111px
}

.testimonial-area.style-three {
    padding: 116px 0 114px
}

.testi-items-three {
    border-radius: 5px;
    background: #fff;
    box-shadow: 2px 3px 10px 0 rgba(188,188,188,.25);
    position: relative;
    padding: 60px 55px 35px;
    margin: 10px
}

.blog-quote-box,.testi-five-box {
    box-shadow: 0 0 45px 0 rgba(0,0,0,.1)
}

.testi-three-thumb {
    float: left;
    margin-right: 19px;
    margin-top: -15px
}

.testi-three-title h4 {
    color: #004aad;
    text-shadow: 0 0 0 rgba(0,0,0,.25);
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 6px
}

.testi-three-title span {
    color: #646464;
    text-shadow: 0 0 0 rgba(0,0,0,.25);
    font-size: 16px;
    font-weight: 400
}

.testi-three-content {
    margin: 43px 0 0
}

.testi-three-content h4 {
    color: #004aad;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 16px
}

.testi-three-content p {
    color: #747474;
    text-shadow: 0 0 0 rgba(0,0,0,.25);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.testi-three-rating {
    position: absolute;
    top: 78px;
    right: 60px
}

.testi-three-rating i {
    color: #ffb700;
    font-size: 17px;
    margin-left: 5px
}

.testi-three-icon-thumb {
    position: absolute;
    bottom: 76px;
    right: 50px
}

.slider-area.style-four {
    background: url(../images/slider/slider-bg4.webp);
    height: 950px
}

.slider-four-thumb {
    margin-top: 167px
}

.slider-sub-title.four h4 {
    background: 0 0;
    padding: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 35px
}

.slider-main-title.four {
    margin-bottom: 54px
}

.slider-main-title.four h1 {
    line-height: 75px
}

.about-thumb.four img:hover {
    transform: inherit
}

.about-counter.four {
    width: 379px;
    height: 160px;
    padding: 0 43px;
    border-radius: inherit;
    bottom: 0;
    left: 31%;
    background: #fff
}

.about-counter-numbar h5 {
    font-size: 97px;
    font-weight: 700;
    color: #0154f6;
    margin-right: 30px
}

.about-counter-discription p {
    color: #010212;
    font-size: 26px;
    font-weight: 500;
    line-height: 34px
}

.call-do-title h2,.topbar-info.style-five span,.topbar-info.style-five span i {
    color: var(--white-color-white,#fff)
}

.call-do-action-area {
    background: url(../images/resource/call-do-bg.webp) center center/cover no-repeat fixed;
    padding: 155px 0 129px
}

.single-video.style-four {
    position: inherit;
    margin-bottom: 50px
}

.ba-team-details-author-skill-area,.blog-items-four,.blog-single-box.style-two.inner-page,.project-items-box,.projetct-details-image,.service-items-four,.team-items-box.inner-page {
    margin-bottom: 30px
}

.video-icon.style-four a {
    height: 110px;
    width: 110px;
    line-height: 122px
}

.call-do-title h2 {
    font-size: 48px;
    font-weight: 600;
    line-height: 62px
}

.service-four-btn a,.service-four-title h4 a {
    color: #010212;
    transition: .5s;
    text-decoration: none
}

.service-four-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 40px
}

.service-four-title h4 a {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px
}

.service-four-icon-thumb {
    height: 104px;
    width: 104px;
    background: #004aad;
    line-height: 104px;
    text-align: center;
    position: relative;
    z-index: 1
}

.service-four-btn {
    border-radius: 0 0 4px 4px;
    background: var(--bg-color-02,#f5f5f5);
    padding: 25px 40px
}

.service-four-btn a {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px
}

.service-four-btn a i {
    color: #0154f6;
    margin-left: 5px
}

.project-area.style-four {
    background: 0 0;
    padding: 115px 0 90px
}

.project-items-box::before {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: rgba(0,0,0,.55)
}

.project-icon {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%,-50%)
}

.project-icon a {
    height: 45px;
    width: 45px;
    line-height: 48px;
    background: #004aad;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    opacity: 0;
    transition: .5s
}

.like-us-area {
    background: url(../images/resource/like-us-bg.webp) center center/cover no-repeat;
    padding: 118px 0 115px
}

.like-us-content h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 18px;
    position: relative;
    border-bottom: 1px solid #bababa;
    padding: 0 0 26px;
    transition: .5s
}

.like-us-content h4::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 0;
    background: #004aad;
    right: 0;
    transition: .5s;
    bottom: -1px
}

.like-us-single-box:hover .like-us-content h4::before {
    width: 100%;
    left: 0
}

.like-us-content p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    width: 79%
}

.blog-area.style-four {
    background: inherit;
    padding: 116px 0 97px
}

.blog-items-four {
    overflow: hidden;
    transition: .5s
}

.blog-items-four.inner {
    background: var(--white-color-white,#fff);
    box-shadow: 0 5px 50px 0 rgba(234,234,234,.7);
    padding: 19px 0 24px
}

.blog-four-discription p {
    text-align: center;
    margin-top: 10px;
    color: #747474;
    font-size: 18px;
    font-weight: 400
}

.blog-four-discription p a {
    color: #0154f6;
    font-weight: 500
}

.thrown-topbar-area.style-five {
    z-index: 1
}

.thrown-topbar-area.style-five::before {
    width: 56%;
    z-index: -1
}

.thrown-menu.style-five {
    display: inline-block;
    margin-right: -30px;
    margin-top: 20px
}

.slider-content.style-five {
    width: 50%;
    top: 38%
}

.slider-content.style-five.inner {
    top: 50%;
    width: 100%;
    text-align: center;
    left: 0
}

.slider-sub-title.style-five h4 {
    background: 0 0;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 14px
}

.slider-discripton.inner p {
    width: 50%;
    margin: auto;
    padding: 25px 0 58px
}

.slider-bottom {
    position: absolute;
    display: flex;
    width: 100%;
    bottom: 0;
    background: rgba(0,0,0,.6);
    height: 214px;
    padding: 68px 35px 0;
    margin-bottom: 100px
}

.slider-bottom::before {
    position: absolute;
    content: "";
    height: 10px;
    width: 100%;
    background: #004aad;
    top: 0;
    left: 0
}

.slider-bottom-shape {
    margin-top: -16px;
    margin-right: 25px
}

.slider-bottom-title {
    margin-right: 80px;
    margin-top: -12px
}

.slider-bottom-title h4 {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px
}

.slider-bottom-discription p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    width: 44%
}

.thrown-btn.slider.bottom {
    position: absolute;
    right: 26%;
    bottom: 75px
}

.thrown-btn.slider.bottom a {
    padding: 12px 28px
}

.service-area.style-five {
    padding: 116px 0 126px
}

.service-disctription span {
    color: #18191d;
    font-size: 18px;
    font-style: normal;
    font-weight: 400
}

.service-disctription span a {
    text-decoration-line: underline;
    color: #0154f6;
    font-size: 18px;
    font-weight: 400;
    text-decoration-line: underline
}

.conversion-area {
    position: relative;
    z-index: 1;
    margin-bottom: 0
}

.conversion-area::before {
    position: absolute;
    content: "";
    background: url(../images/resource/conversin-bg.webp) center center/cover no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1
}

.conversion-sub-title h4 {
    color: #010212;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px
}

.conversion-main-title h2 {
    color: #010212;
    font-size: 35px;
    font-weight: 600;
    line-height: 48px
}

.conversion-discription p {
    color: #747474;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 20px 0 24px;
    width: 90%
}

.conversion-area .barfiller {
    width: 550px;
    height: 12px;
    position: relative;
    margin-bottom: 25px;
    margin-top: 10px;
    background-color: #f5f5f5
}

.conversion-area .barfiller .fill {
    display: block;
    position: relative;
    width: 0;
    height: 6px;
    z-index: 1
}

.stat-bar:first-of-type .stat-bar-rating,.team-details-area .stat-bar:first-of-type .stat-bar-rating {
    animation-delay: .25s;
    -webkit-animation-delay: .25s
}

.conversion-text {
    background: center/cover no-repeat #004aad;
    padding: 20px 62px 1px
}

.choose-icon.style-five {
    float: inherit;
    margin-bottom: 14px
}

.choose-content.style-five {
    margin-top: 24px
}

.choose-content.style-five h4,.dtb-icon i {
    font-size: 24px
}

.choose-content.style-five h4:hover {
    color: #010212
}

.call-do-action-area.style-five {
    background: url(../images/resource/call-do-bg5.webp) center center/cover no-repeat;
    height: 890px;
    padding: 298px 0 0
}

.about-area.style-five,.blog-standard-area,.project-details-area {
    padding: 120px 0
}

.about-counter-five {
    position: absolute;
    top: 25px;
    right: 5px;
    border: 8px solid rgba(250,250,250,.3);
    background: #004aad;
    width: 300px;
    height: 420px;
    padding: 22px 0 0
}

.counter-five-content {
    text-align: center;
    margin-bottom: 60px
}

.counter-five-numbar h4,.counter-five-numbar span {
    color: #fff;
    font-size: 38px;
    font-weight: 600;
    display: inline-block
}

.counter-five-discription p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin: 8px 0 0
}

.team-area.style-five {
    padding: 118px 0 0;
    background: url(../images/team/team-bg.webp) center center/cover no-repeat
}

.team-five-main-icon {
    position: absolute;
    top: 25px;
    right: 26px;
    z-index: 99
}

.team-five-main-icon a {
    height: 60px;
    width: 60px;
    background: #004aad;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    color: #fff;
    border-radius: 50%;
    font-size: 30px;
    position: relative;
    z-index: 1
}

.team-five-content h4,.team-five-icon ul li a i {
    color: #fff;
    font-size: 14px
}

.team-five-main-icon a::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0154f6;
    border-radius: 50%;
    z-index: -1
}

.team-five-icon {
    position: absolute;
    top: 28px;
    right: 25px;
    opacity: 0;
    transition: .5s
}

.team-five-icon ul {
    list-style: none;
    background: #0154f6;
    padding: 0 24px 20px;
    display: inline-block;
    border-radius: 30px;
    transition: .5s
}

.team-items-five:hover .team-five-icon ul {
    padding: 62px 24px 20px
}

.team-five-icon ul li,.timeline-body>p+p {
    margin-top: 5px
}

.team-five-content {
    position: absolute;
    bottom: 0
}

.team-five-content h4 {
    font-weight: 400;
    border-radius: 3px 3px 0 0;
    background: #004aad;
    display: inline-block;
    padding: 8px 68px 8px 10px;
    position: relative;
    z-index: 1
}

.team-five-content h4::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 0;
    background: #010212;
    top: 0;
    border-radius: 3px 3px 0 0;
    left: 0;
    z-index: -1;
    transition: .5s
}

.team-five-content h2 {
    color: #010212;
    font-size: 24px;
    font-weight: 500;
    background: #fff;
    padding: 10px 40px 10px 8px
}

.brand-area.style-five {
    background: 0 0;
    padding: 0 0 104px;
    margin-bottom: 30px
}

.working-project-area {
    background: url(../images/resource/working.webp) center center/cover no-repeat;
    height: 673px
}

.working-project-area .row.working {
    margin: 0 70px
}

.working-single-box {
    position: relative;
    width: 100%;
    height: 673px;
    z-index: 1
}

.working-single-box.two {
    left: -23px
}

.working-single-box::after {
    position: absolute;
    content: "";
    background: linear-gradient(0deg,#004aad 0,rgba(255,255,255,.01) 100%);
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    transition: .5s
}

.working-single-box::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    background: #fff;
    left: 0
}

.working-project-item::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    background: #fff;
    right: 21px
}

.working-icon {
    position: absolute;
    bottom: 50%;
    right: 45%;
    transform: translateY(50%);
    opacity: 0;
    transition: .5s
}

.working-icon a i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #004aad;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #fff
}

.working-content {
    position: absolute;
    bottom: 0;
    left: 50px;
    opacity: 0;
    transition: .5s
}

.working-single-box:hover .working-content {
    opacity: 1;
    bottom: 55px
}

.working-content h6 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px
}

.working-content h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 500
}

.testimonial-area.style-five {
    padding: 120px 0 119px
}

.taskone-img-adjustment,.testi-item-five img {
    width: 80%
}

.testi-sub-title h4 {
    color: #004aad;
    font-family: Jost;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 25px
}

.testi-main-title h2 {
    color: #010212;
    font-family: Jost;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 45px
}

.testi-five-box {
    background: #fff;
    padding: 35px 60px 30px
}

.testi-five-discription p {
    color: #747474;
    font-family: Heebo;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    width: 90%;
    margin: 0 0 24px
}

.testi-five-title h4 {
    color: #010212;
    font-size: 20px;
    font-weight: 500
}

.testi-five-title span {
    color: #747474;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px
}

.testimonial-area.style-five .owl-nav {
    display: inline-flex;
    position: absolute;
    bottom: 40px;
    right: 120px
}

.testimonial-area.style-five .owl-prev i {
    border: 1px solid #010212;
    border-radius: 50%;
    color: #010212;
    transition: .5s
}

.testimonial-area.style-five .owl-next:hover i,.testimonial-area.style-five .owl-prev:hover i {
    background: #004aad;
    color: #fff;
    border: 1px solid #004aad
}

.testimonial-area.style-five .owl-next i {
    border: 1px solid #010212;
    border-radius: 50%;
    margin-left: 15px;
    color: #010212;
    transition: .5s
}

.about-area.style-five.dark,.about-single-box.dark,.blog-area.dark,.blog-content.style-two.dark,.brand-area.dark,.contact-box.dark,.pricing-area.dark,.service-single-box.dark,.sucsees-single-box.dark,.team-content.dark,.team-itmes-content.dark,.testi-single-box.dark,.thrown-header-area.dark,.thrown-header-area.style-three.dark {
    background: #112143
}

.slider-area.dark {
    background: url(../images/slider/dark3.webp) 0 0/cover
}

.slider-area.two.dark {
    background: url(../images/slider/dark3.3.webp) 0 0/cover
}

.about-area.dark {
    background: #010212;
    padding: 144px 0 88px
}

.project-area.dark {
    background: #112143;
    padding: 103px 0 90px
}

.blog-single-box.dark {
    background: #010212;
    box-shadow: inherit
}

.service-items-box-two.dark {
    background: #112143;
    box-shadow: none
}

.pricing-rate.dark h3,.pricing-rate.dark span {
    color: #fffd
}

.sucsess-area.dark {
    background: #010212;
    margin-top: 0;
    padding: 120px 0 0
}

.testi-items-three.dark {
    background: #112143;
    box-shadow: inherit
}

.slider-area.dark4.style-four {
    background: url(../images/slider/dark5.webp) 0 0/cover
}

.about-counter.four.dark {
    background: #010212;
    left: 31%
}

.project-area.style-four.dark {
    background: #010212;
    padding: 115px 0 90px
}

.blog-items-four.inner.dark {
    background: #010212;
    box-shadow: none
}

.breatcome-area {
    background: url(../images/slider/dark5.webp) center center/cover no-repeat;
    padding: 120px 0
}

.breatcome-title h1 {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 16px
}

.bratcome-text ul li {
    display: inline-block;
    margin-right: 15px;
    color: #fff;
    font-weight: 600;
    transition: .5s
}

.bratcome-text ul li a {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    position: relative
}

.bratcome-text ul li a::before {
    position: absolute;
    content: "/";
    left: 54px;
    font-size: 25px
}

.service-details-area {
    padding: 120px 0 100px
}

.service-details-content h4 {
    margin: 28px 0 20px
}

.service-details-content h4 a {
    color: #18191d;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px;
    text-decoration: none;
    transition: .5s
}

.widget_search.box {
    padding: 29px 22px 30px;
    border-radius: 4px;
    margin-bottom: 30px;
    background: #f5f5f5
}

.widget_search input {
    border-radius: 4px;
    padding-left: 20px;
    height: 60px;
    width: 100%;
    position: relative;
    color: #606060;
    font-weight: 400;
    border: 1px solid #004aad
}

.widget_search input::placeholder {
    color: #004aad;
    font-size: 16px;
    font-weight: 500
}

button.icons {
    border: 0;
    font-size: 18px;
    color: #fff;
    padding: 1px 15px;
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
    background: #004aad;
    border-radius: 0 3px 3px 0
}

.widget-categories-menu ul li,.widget-tags a {
    background: #fff;
    position: relative;
    transition: .5s;
    z-index: 1
}

.widget-categories-box {
    padding: 29px 30px 40px;
    margin-bottom: 30px;
    background: #f8f8f8
}

.widget-catagories-title h4 {
    color: #18191d;
    font-family: Rubik;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    margin-bottom: 45px;
    position: relative
}

.widget-catagories-title h4::before {
    position: absolute;
    content: "";
    height: 2px;
    width: 58px;
    background: #004aad;
    left: 0;
    bottom: -10px
}

.widget-categories-menu ul li {
    list-style: none;
    padding: 15px;
    margin-bottom: 17px
}

.widget-categories-menu ul li::after {
    position: absolute;
    bottom: -1px;
    width: 0;
    height: 100%;
    left: 0;
    right: 0;
    margin: auto;
    transition: .5s linear;
    background-color: #004aad;
    content: "";
    z-index: -1
}

.widget-categories-menu ul li a {
    display: block;
    overflow: hidden;
    text-decoration: none;
    color: #18191d;
    font-size: 17px;
    transition: .5s;
    font-weight: 500
}

#features .content-left span,.float-right,.timeline>li.timeline-inverted>.timeline-panel,.widget-categories-menu ul li a span {
    float: right
}

.widget-tags a {
    display: inline-block;
    text-decoration: none;
    padding: 7px 13px;
    border-radius: 3px;
    color: #004aad;
    font-size: 15px;
    font-style: normal;
    margin: 11px 5px;
    font-weight: 400
}

.blog-details-tag a:before,.text-sm-end a::before,.widget-tags a:before {
    position: absolute;
    content: "";
    left: -2px;
    top: 0;
    height: 102%;
    width: 0;
    right: 0;
    margin: auto;
    background: #004aad;
    z-index: -1;
    border-radius: 3px;
    transition: .5s
}

.widget-tags a:hover:before {
    width: 104%
}

.team-details-area {
    padding: 118px 0
}

.team-details-author-name {
    margin-bottom: 14px
}

.team-details-author-name h4 {
    font-size: 24px;
    line-height: 60px;
    color: #292930;
    font-weight: 600
}

.team-details-author-name span {
    font-size: 16px;
    line-height: 36px;
    color: #434141;
    font-weight: 400
}

.team-details-author-experience ul li {
    list-style: none;
    margin-bottom: 25px
}

.team-details-author-experience ul li .label {
    min-width: 152px;
    float: left;
    font-size: 16px;
    color: #434141;
    font-weight: 500
}

.team-details-author-experience ul li .value {
    overflow: hidden;
    display: block;
    text-decoration: none;
    font-size: 16px;
    color: #434141
}

.team-card-box-social a {
    display: inline-block;
    margin-right: 15px;
    height: 40px;
    width: 40px;
    background: #f3f3f3;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    z-index: 1
}

.team-card-box-social a::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f60;
    border-radius: 50%;
    z-index: -1
}

.team-details-area .process-ber-plugin {
    padding: 36px 0 0
}

.team-details-area span.process-bar {
    font-size: 16px;
    color: #1c1632;
    font-weight: 500;
    position: relative
}

.team-details-area .barfiller {
    width: 100%;
    height: 10px;
    position: relative;
    margin-bottom: 25px;
    margin-top: 11px;
    border-radius: 3px;
    background-color: #c9ccd2
}

.team-details-area .barfiller .fill {
    display: block;
    position: relative;
    width: 0;
    height: 100%;
    z-index: 1
}

.team-details-area .barfiller .tip {
    font-size: 16px;
    color: #1c1632;
    font-weight: 500;
    top: -37px;
    padding: 1px 6px;
    left: 0;
    position: absolute
}

.team-details-area span.fill {
    background: #004aad!important;
    border-radius: 3px
}

.form-box.team input,.form-box.team textarea {
    background: #f6f6f6;
    outline: 0;
    width: 100%;
    margin-bottom: 15px
}

.team-details-title h4 {
    font-size: 35px;
    margin-bottom: 20px
}

.contact-title.inner.team h4 {
    border-bottom: 1px solid #ddd;
    padding: 0 0 13px;
    margin-bottom: 28px
}

.form-box.team input {
    height: 58px;
    border-radius: 5px;
    border: 0;
    padding: 0 20px
}

.form-box.team textarea {
    height: 141px;
    border-radius: 5px;
    border: 0;
    padding: 15px 20px
}

.form-box select {
    width: 100%;
    height: 50px;
    background: #f8f8f8;
    color: #b2b2b2;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 17px
}

.project-details-title h5 {
    font-size: 35px;
    font-weight: 500;
    line-height: 45px
}

.project-detials-discriopton p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.project-detials-discriopton-1 p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin: 10px 0
}

.project-details-area .info li {
    display: flex;
    padding: 6px 0
}

.project-details-area .info li h6 {
    font-weight: 700;
    text-transform: capitalize;
    width: 30%
}

.blog-comment-box.inner,.project-details-area .info li h6 span {
    margin-left: 50px
}

.project-details-area .info li p {
    position: relative;
    top: 10px
}

.project-rating {
    margin-top: 11px;
    margin-bottom: 39px
}

.project-rating i {
    margin: 12px 5px 30px;
    color: #f60
}

.project-details-area .title h4 {
    font-size: 29px;
    line-height: 44px;
    text-transform: capitalize;
    font-weight: 700
}

.project-details-area .desc-list {
    padding-top: 20px
}

.project-details-area .desc-list li {
    position: relative;
    padding: 5px 0 5px 30px;
    list-style: none
}

.project-details-area .desc-list li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: #004aad
}

.project-btn a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background: #004aad;
    padding: 14px 28px;
    border-radius: 3px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: .5s
}

.project-btn a::before {
    content: "";
    transition-duration: .8s;
    position: absolute;
    width: 200%;
    height: 200%;
    background: #fff;
    top: 110%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1
}

.blog-single-video,.blog-standard-area .owl-next,.blog-standard-area .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.project-btn a:hover::before {
    top: -40%
}

.project-btn a i {
    margin-left: 4px;
    font-size: 17px
}

.blog-quote-box {
    border-radius: 4px;
    background: #fff;
    padding: 42px 40px 37px
}

.blog-quote-conent i {
    font-size: 30px;
    color: #004aad
}

.blog-quote-conent p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 10px 0 15px
}

.blog-quote-conent h4 {
    color: #004aad;
    font-size: 24px;
    font-weight: 500;
    position: relative;
    margin-left: 50px
}

.blog-quote-conent h4::before {
    position: absolute;
    content: "";
    height: 3px;
    width: 40px;
    background: #004aad;
    top: 14px;
    left: -50px
}

.blog-single-video {
    left: 0;
    right: 0;
    text-align: center
}

.blog-video-icon a {
    height: 90px;
    width: 90px;
    background: #fff;
    color: #004aad;
    text-align: center;
    font-size: 50px;
    display: inline-block;
    line-height: 94px;
    border-radius: 100%;
    -webkit-animation: 1s linear infinite ripple-white;
    animation: 1s linear infinite ripple-blue;
    -webkit-transition: .5s
}

.blog-standard-meta {
    margin: 30px 0 24px
}

.blog-standard-meta span {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    margin-right: 30px;
    position: relative;
    transition: .5s
}

.blog-standard-meta span::before {
    position: absolute;
    content: "/";
    right: -20px
}

.blog-standard-content h4 a {
    font-size: 35px;
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    transition: .5s
}

.blog-standard-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin: 20px 0 30px
}

.blog-standard-area .owl-prev {
    left: 10px
}

.blog-standard-area .owl-next {
    right: 30px
}

.blog-standard-area .owl-next i,.blog-standard-area .owl-prev i {
    background: inherit;
    font-size: 70px;
    color: #004aad
}

.as-pagination ul li a::before,.ba-blog-details-social-icons a::before {
    left: 0;
    right: 0;
    bottom: 0;
    background: #004aad;
    transform: scale(0);
    transition: .5s;
    top: 0;
    content: "";
    position: absolute;
    z-index: -1
}

.as-pagination {
    margin-top: 18px
}

.as-pagination ul li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #c8c8c8;
    height: 41px;
    width: 41px;
    line-height: 41px;
    text-align: center;
    border-radius: 50%;
    margin-left: 5px;
    transition: .5s;
    text-decoration: none;
    position: relative
}

.recent-widget-thumb {
    float: left;
    margin-right: 22px
}

.recent-widget-meta span {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-right: 30px
}

.recent-widget-meta span i {
    margin-right: 5px;
    color: #004aad
}

.recent-widget-title h4 a {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-decoration: none;
    transition: .5s
}

.blog-details-area {
    padding: 122px 0 120px
}

.blog-detaile-title h4 {
    margin: 35px 0 33px
}

.blog-detaile-title h4 a {
    font-size: 35px;
    font-weight: 500;
    text-decoration: none
}

.blog-details-meta {
    margin-bottom: 26px
}

.blog-details-meta span {
    font-size: 16px;
    font-weight: 400;
    margin-right: 20px
}

.blog-details-discription p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px
}

.blog-details-list ul li {
    list-style: none;
    margin-bottom: 23px;
    font-size: 18px;
    font-style: normal;
    line-height: 26px;
    font-weight: 600;
    transition: .5s
}

.blog-details-list ul li i {
    font-size: 22px;
    padding-right: 8px
}

.row.line {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 36px 0 37px
}

.blog-details-tag h6 {
    font-size: 24px;
    font-weight: 500;
    display: inline-block;
    margin-right: 36px
}

.blog-details-tag a {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #f8f8f8;
    border-radius: 3px;
    color: #102039;
    font-size: 15px;
    font-style: normal;
    margin-right: 15px;
    font-weight: 500;
    position: relative;
    transition: .5s;
    z-index: 1
}

.ba-blog-details-social-icons a {
    margin-left: 6px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #004aad;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: #004aad;
    position: relative;
    z-index: 1;
    transition: .5s
}

.blog-details-team-item {
    border-bottom: 1px solid #e3e3e3;
    padding: 0 0 42px
}

.blog-team-thumb {
    float: left;
    margin-right: 42px
}

.blog-team-content h4 a {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    text-decoration: none
}

.blog-team-content p {
    margin: 18px 0 16px
}

.blog-details-item {
    background: #f8f8f8;
    padding: 57px 30px 30px
}

.blog-item-thumb {
    float: left;
    margin-right: 24px;
    margin-top: -21px
}

.blog-item-thumb.two {
    float: right;
    margin-left: 24px
}

.blog-item-content h4 a {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-decoration: none
}

.blog-details-area .owl-prev {
    position: absolute;
    top: 21px;
    left: 146px
}

.blog-details-area .owl-prev i {
    background: 0 0;
    color: #004aad;
    margin-right: 0;
    font-size: 16px
}

.blog-details-area .owl-next {
    position: absolute;
    top: 24px;
    right: 170px
}

.blog-details-area .owl-next i {
    background: 0 0;
    color: #004aad;
    margin-left: 5px;
    font-size: 16px
}

.blog-details-comment h5 {
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    position: relative;
    margin-bottom: 36px
}

.blog-contact-title h4::before,.blog-details-comment h5::after {
    position: absolute;
    bottom: -10px;
    width: 70px;
    height: 3px;
    background: #004aad;
    content: "";
    left: 0
}

.blog-comment-list ul li {
    list-style: none;
    margin-bottom: 0
}

.blog-comment-box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #e4e4e4;
    bottom: -30px
}

.blog-comment-thumb {
    float: left;
    margin-right: 24px;
    margin-top: 12px
}

.blog-comment-thumb img {
    border-radius: 4px
}

.form-box-button button,.text-sm-end a {
    border-radius: 3px;
    z-index: 1;
    transition: .5s;
    position: relative
}

.blog-comment-list .title {
    margin-bottom: 5px;
    margin-left: -12px
}

.blog-comment-list h6.title {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.content-main p,.text-sm-end a {
    font-weight: 400;
    font-style: normal
}

.blog-comment-list span.date {
    margin-left: -13px
}

.content-main p {
    font-size: 16px;
    line-height: 26px;
    margin: 10px 0 0
}

.text-sm-end a {
    display: inline-block;
    text-decoration: none;
    padding: 7px 13px;
    background: #efefef;
    color: #102039;
    font-size: 15px
}

.blog-contact-title h4 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 54px;
    position: relative
}

.form-box input,.form-box textarea {
    background: #f8f8f8;
    margin-bottom: 15px;
    outline: 0;
    width: 100%
}

.form-box input {
    height: 55px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 17px
}

.form-box input::placeholder {
    color: #b1b1b1;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.form-box textarea {
    height: 145px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px 17px
}

.form-box textarea::placeholder {
    color: #b1b1b1;
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.form-box-button button {
    width: 210px;
    height: 60px;
    background-color: #004aad;
    border: 0;
    outline: 0;
    font-size: 19px;
    font-weight: 500;
    color: #fff
}

.form-box-button button::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    transform: scale(0,1);
    opacity: 0;
    border-radius: 3px;
    z-index: -1;
    transition: .5s
}

.form-box-button button:hover::before {
    background: #18191d;
    opacity: 1;
    transform: scale(1,1)
}

.contact-inner-page {
    padding: 50px 0 0;
    margin-bottom: -250px;
    position: relative
}

.contact-inner-box {
    text-align: center;
    position: relative
}

.contact-inner-box::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 201px;
    background: rgba(205,205,205,.45);
    right: 0
}

.contact-inner-icon i {
    font-size: 40px;
    color: #004aad
}

.contact-content h4 {
    font-size: 24px;
    font-weight: 500;
    line-height: 26px;
    margin: 14px 0 13px
}

.contact-content span {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    display: block
}

.contact-title h2 {
    text-align: center;
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    margin: 20px
}

.error-area {
    padding: 25px 0 124px
}

.sidebar-textwidget .contact-info ul {
    padding: 0
}

.sidebar-group .widget-heading {
    position: absolute;
    top: 55px;
    right: 32px
}

.sidebar-group .sidebar-widget {
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 480px;
    z-index: 999999;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #010212;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .7s ease-out;
    -moz-transition: .7s ease-out;
    -o-transition: .7s ease-out;
    transition: .7s ease-out
}

.sidebar-group.isActive .sidebar-widget {
    opacity: 1;
    visibility: visible;
    right: 0
}

.sidebar-textwidget {
    padding: 40px 32px
}

.close-side-widget i {
    color: #fff;
    font-size: 30px;
    display: block
}

.sidebar-widget-container {
    position: relative;
    top: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.sidebar-group.isActive .sidebar-widget-container {
    top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.sidebar-logo {
    margin: 0 0 50px
}

.sidebar-textwidget .sidebar-logo a img {
    width: 50%
}

.sidebar-group .about-box h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 600
}

.sidebar-group .about-box p {
    display: inline-block;
    color: #fff;
    padding: 15px 0 0
}

.sidebar-group .contact-info {
    margin-top: 25px
}

.sidebar-group .contact-info h2 {
    color: #fff;
    font-size: 26px;
    margin-bottom: 15px;
    font-weight: 600
}

.sidebar-group ul.list-style-one li {
    display: block;
    list-style: none;
    color: #fff;
    margin-top: 8px;
    overflow: hidden
}

.sidebar-group ul.list-style-one li i {
    font-size: 20px;
    font-weight: 600;
    color: #004aad;
    margin: 0 10px 0 0
}

.sidebar-group ul.social-box {
    margin: 25px 0 0;
    padding: 0
}

.sidebar-group ul.social-box li {
    display: inline-block;
    list-style: none;
    margin: 0 6px 0 0
}

.sidebar-group ul.social-box li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    color: var(--primary-color);
    text-decoration: none;
    transition: .5s;
    font-size: 18px;
    border-radius: 3px
}

.sidebar-group ul.social-box li a:hover {
    background: var(--primary-color);
    color: #004aad
}

.sidebar-menu {
    position: absolute;
    right: 27px;
    top: 23px;
    display: none
}

.sidebar-widget-menu ul li {
    list-style: none;
    margin-top: 10px;
    padding: 0 0 14px
}

.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0,0,0,.9);
    -webkit-transition: .5s cubic-bezier(.86, 0, .07, 1);
    -moz-transition: .5s cubic-bezier(.86, 0, .07, 1);
    -o-transition: .5s cubic-bezier(.86, 0, .07, 1);
    transition: 1.5s cubic-bezier(.86, 0, .07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86,0,0.07,1);
    -moz-transition-timing-function: cubic-bezier(0.86,0,0.07,1);
    -o-transition-timing-function: cubic-bezier(0.86,0,0.07,1);
    transition-timing-function: cubic-bezier(0.86,0,0.07,1);
    width: 100%
}

.search-active .search-popup {
    transform: translateY(0);
    margin-top: 0
}

.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    margin: -200px auto 0;
    border-radius: 50%;
    background-color: #004aad;
    width: 70px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    border-bottom: 3px solid #fff;
    -webkit-transition: .5s;
    height: 70px;
    line-height: 70px;
    text-align: center
}

.search-active .search-popup .close-search {
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.search-popup form {
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin: -35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.search-active .search-popup form {
    transform: scaleX(1);
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.search-popup .form-group {
    position: relative;
    margin: 0;
    overflow: hidden
}

.search-popup .form-group input[type=search],.search-popup .form-group input[type=text] {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 50px;
    color: #000;
    height: 70px;
    width: 100%;
    padding: 10px 30px;
    background-color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-weight: 500;
    text-transform: capitalize
}

.search-popup .form-group button,.search-popup .form-group input[type=submit] {
    position: absolute;
    right: 30px;
    top: 0;
    height: 70px;
    line-height: 70px;
    background: 0 0;
    text-align: center;
    font-size: 24px;
    color: #004aad;
    padding: 0;
    cursor: pointer;
    -webkit-transition: .5s;
    border: none
}

.search-popup .form-group button:hover,.search-popup .form-group input[type=submit]:hover {
    color: #000
}

.search-popup input::placeholder,.search-popup textarea::placeholder {
    color: #000
}

.search-popup .close-search.style-two {
    position: absolute;
    right: 25px;
    left: auto;
    color: #fff;
    width: auto;
    height: auto;
    top: 25px;
    margin: 0;
    border: none;
    background: 0 0!important;
    box-shadow: none!important;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.scroll-area .go-top,.scroll-area .go-top::before,.scroll-area .go-top:focus i:first-child,.scroll-area .go-top:hover i:first-child {
    opacity: 0;
    top: 0;
    visibility: hidden
}

.scroll-area .go-top.active,.scroll-area .go-top:focus::before,.scroll-area .go-top:hover::before {
    opacity: 1;
    visibility: visible
}

.flaticon-multiply:before {
    content: inherit
}

button.close-search i {
    font-size: 25px;
    color: #fff;
    display: inline-block
}

span.flaticon-multiply i {
    display: inline-block;
    color: #004aad
}

.scroll-area {
    position: relative;
    z-index: 999
}

.scroll-area .go-top {
    position: fixed;
    cursor: pointer;
    right: 30px;
    color: #fff;
    background-image: -moz-linear-gradient(0deg,#d1651a 0,#c1282a 100%);
    background-image: -webkit-linear-gradient(0deg,#d1651a 0,#c1282a 100%);
    z-index: 9999;
    width: 45px;
    text-align: center;
    height: 45px;
    line-height: 42px;
    -webkit-transition: .9s ease-out;
    -moz-transition: .9s ease-out;
    transition: .9s ease-out;
    border-radius: 10px
}

.scroll-area .go-top i {
    position: absolute;
    top: 50%;
    left: -4px;
    right: 0;
    margin: 0 auto;
    font-size: 15px;
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    transition: .5s ease-out
}

.scroll-area .go-top i:last-child {
    opacity: 0;
    visibility: hidden;
    top: 60%
}

.scroll-area .go-top::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: linear-gradient(to right,#004aad 0,#004aad 100%);
    background-image: -ms-linear-gradient(0deg,#004aad 0,#004aad 100%);
    -webkit-transition: .5s ease-out;
    -moz-transition: .5s ease-out;
    transition: .5s ease-out;
    border-radius: 100%
}

.scroll-area .go-top:focus i:last-child,.scroll-area .go-top:hover i:last-child {
    opacity: 1;
    visibility: visible;
    top: 50%
}

.scroll-area .go-top.active {
    top: 95%;
    -webkit-transform: translateY(-98%);
    -moz-transform: translateY(-98%);
    transform: translateY(-98%);
    border-radius: 100%;
    right: 30px
}

.top-wrap .go-top-button {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    top: 3px;
    z-index: 1;
    background: #004aad
}

.top-wrap .go-top-button i {
    font-size: 20px;
    font-weight: 700;
    padding-left: 4px;
    color: #fff
}

.top-wrap .go-top-button::after {
    z-index: -1;
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 45px;
    height: 45px;
    -webkit-animation: 1.6s ease-out infinite ripple;
    -moz-animation: 1.6s ease-out infinite ripple;
    animation: 1.6s ease-out infinite ripple;
    opacity: 0;
    background-image: -moz-linear-gradient(0deg,#004aad 0,#004aad 100%);
    background-image: -webkit-linear-gradient(0deg,#004aad 0,#004aad 100%);
    border-radius: 100%
}

.top-wrap .go-top-button:hover {
    background-color: #004aad;
    color: #fff
}

@-webkit-keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3);
        box-shadow: 0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3)
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0);
        box-shadow: 0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0)
    }
}

@keyframes ripple-blue {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3);
        box-shadow: 0 0 0 0 rgba(255,255,255,.3),0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3)
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0);
        box-shadow: 0 0 0 10px rgba(255,255,255,.3),0 0 0 20px rgba(255,255,255,.3),0 0 0 30px rgba(255,255,255,0)
    }
}

@keyframes loader {
    0% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 0
    }
}

.loader_bg {
    position: fixed;
    z-index: 9999;
    background: #1f1f1f;
    width: 100%;
    height: 100%
}

.loading-title {
    position: absolute;
    top: calc(50vh - 25px);
    left: calc(50vw - 40px);
    z-index: 1;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 3px
}

.loader {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: calc(50vh - 75px);
    left: calc(50vw - 75px)
}

.loader:after,.loader:before {
    content: "";
    border: 1em solid #004aad;
    border-radius: 50%;
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    animation: 2s linear infinite loader;
    opacity: 0
}

.loader:before {
    animation-delay: .5s
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: 700
}

.form-group input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box
}

.form-group button {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer
}

.service {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    justify-content: space-around
}

.about-us-quote {
    width: 50%;
    height: 50px;
    background: #f05a2318;
    border-left: 5px solid #004aad
}

.about-us-quote p img {
    width: 50px;
    height: 40px;
    margin-top: 5px
}

.text {
    position: relative;
    color: #fff;
    width: 100%;
    padding: 2em 0
}

.service .service-box {
    padding: 45px;
    background: #fff;
    color: #000;
    border-radius: 4px;
    box-shadow: 0 7px 20px 0 rgb(0 0 0 / 8%)
}

.error-border {
    border-color: red!important
}

#email-error,#message-error,#name-error,#number-error,#subject-error {
    color: red
}

.footer-wiget-logo a img {
    width: 250px;
    bottom: 10px
}

.footer-wiget-menu ul li i {
    font-size: 10px;
    margin-right: 5px
}

.footer-wiget-menu ul li i:hover {
    color: #004aad;
    font-size: 10px;
    margin-right: 5px
}

.contact-title-line-height {
    line-height: 55px!important
}

.home-items a {
    padding: 0;
    margin: 0;
    text-decoration: none
}

.sidebar-home-menu-thumb {
    margin-top: 20px
}

.sidebar-home-items .sidebar-home-menu-thumb img {
    width: 160px;
    margin: auto
}

.navbar-light .navbar-nav .nav-link {
    color: #000
}

li.nav-item.dropdown.show>.dropdown-menu.show {
    border-radius: 0 0 10px 10px;
    margin-top: 12px;
    padding: 10px 5px;
    background: #fafafa
}

li.nav-item.dropdown.show>.dropdown-menu.displayblock.show {
    display: block!important;
    background: #f9f9f9
}

@media (min-width: 600px) and (max-width:767px) {
    .navbar {
        padding:15px
    }

    li.nav-item.dropdown.show>.dropdown-menu.show {
        display: block
    }

    .d-block-adjustment {
        display: block!important
    }
}

@media only screen and (min-width: 575px) and (max-width:599px) {
    .d-block-adjustment {
        display:block!important
    }

    .navbar {
        padding: 15px
    }

    li.nav-item.dropdown.show>.dropdown-menu.show {
        display: block
    }
}

@media only screen and (min-width: 480px) and (max-width:574px) {
    .navbar {
        padding:15px
    }

    li.nav-item.dropdown.show>.dropdown-menu.show {
        display: block
    }

    .d-block-adjustment {
        display: block!important
    }
}

@media (min-width: 320px) and (max-width:479px) {
    .navbar {
        padding:15px
    }

    li.nav-item.dropdown.show>.dropdown-menu.show {
        display: block
    }

    .d-block-adjustment {
        display: block!important
    }
}

.nav-spacing {
    justify-content: end
}

.nav-link-adjustment {
    margin-left: 20px
}

.brand-thumb {
    width: 200px;
    height: 100px
}

.brand-thumb img {
    height: 130px
}

.front-text h2 {
    margin-bottom: 0;
    font-size: 28px;
    padding-top: 20px
}

.said-adjustment {
    font-size: 14px;
    margin-top: 10px
}

.said-adjustment-1 {
    font-size: 14px;
    margin-top: 15px
}

.about-img-adjustment img {
    width: 80%;
    margin-left: 100px;
    margin-top: 20px
}

.h2-adjustment {
    margin-top: 20px;
    margin-bottom: 30px
}

.copy-adjustment {
    font-size: 12px
}

.eupp-select {
    padding: 12px 0 2px;
    float: left;
    background: #004aad;
    color: #fff
}

.history-section {
    background: #f7f7f7;
    padding: 30px 0 50px
}

.history-section .section-heading .section-title {
    font-size: 30px;
    text-align: center;
    font-family: Jost;
    font-weight: 500;
    color: #000
}

.hgdjk {
    letter-spacing: 0
}

.front_text_1p-adjustment {
    font-size: 12px!important;
    text-align: center;
    line-height: 22px!important
}

.outsourcing {
    height: 303px
}

.cloudone-heading {
    margin-bottom: 0;
    font-size: 26px
}

#features .content-right span,.features__area,.price__area,.project__area,.services__area-2,.testimoinal__area {
    float: left
}

.price__area {
    background: #fbfbfb
}

.featulistmain {
    background: #f7f7f7
}

.about-elite-suite {
    padding: 40px 0 30px
}

.pricing-box {
    -webkit-box-shadow: 0 5px 30px -10px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px -10px rgba(0,0,0,.1);
    padding: 35px 50px;
    border-radius: 20px;
    position: relative
}

.pricing-box .plan {
    font-size: 34px
}

.pricing-badge {
    position: absolute;
    top: 0;
    z-index: 999;
    right: 0;
    width: 100%;
    display: block;
    font-size: 15px;
    padding: 0;
    overflow: hidden;
    height: 100px
}

.pricing-badge .badge {
    float: right;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -67px;
    top: 17px;
    position: relative;
    text-align: center;
    width: 200px;
    font-size: 13px;
    margin: 0;
    padding: 7px 10px;
    font-weight: 500;
    color: #fff;
    background: #004aad
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

p {
    line-height: 1.7
}

.request-quote {
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 13px
}

.sm-border-top,.sm-border-top-1 {
    border-top: 2px solid #3b8ac9;
    margin-bottom: 25px!important
}

.request-quote span {
    padding: 10px;
    color: #fff;
    font-weight: 500
}

.navbar-nav {
    font-size: 16px
}

.new-bundl-adjustment h2 {
    font-size: 28px;
    margin-bottom: 25px
}

.sm-font-weight {
    font-weight: 700;
    font-size: 16px
}

.breatcome-text,.font-md,.sub-heading {
    font-size: 18px
}

.p-10 {
    padding: 10px
}

.cta-background {
    background: url("/assets/images/resource/6098725.png") right no-repeat
}

.text-italic {
    font-style: italic
}

.sm-border-top {
    width: 30%;
    margin-top: 15px;
    float: left
}

.sm-border-top-1 {
    width: 10%
}

.contact-bg {
    background: url(../images/resource/contact-bg.webp) center center/cover no-repeat
}

.callout-banner {
    background: #004aad;
    width: auto;
    padding: 10px;
    border-radius: 10px
}

.text-transparent {
    color: transparent;
    line-height: 0;
    margin: 0;
    padding: 0
}

.font-normal {
    font-weight: 600
}

.font-bold {
    font-weight: 800
}

.dropdown-item:focus,.dropdown-item:hover {
    background: #e5e3e3;
    border-radius: 0
}

.r-bg-a {
    background: #fbf1ef
}

.sub-heading {
    font-weight: 500;
    line-height: 30px;
    display: block;
    color: #004aad
}

.loc-icon-nam {
    display: inline-flex
}

.loc-icon-nam img {
    width: 42px
}

.loc-icon-nam p {
    font-weight: 700;
    font-size: 24px;
    margin-left: 15px;
    color: #30303c;
    margin-bottom: 0
}

.address-font {
    font-size: 14px!important;
    font-weight: 400!important;
    margin-bottom: 0!important;
    line-height: 20px
}

.loc-contct a+a {
    padding-left: 10px
}

.loc-contct a {
    padding-right: 10px;
    display: inline-block;
    font-size: 20px
}

.contact-details-block {
    padding: 23px;
    border-radius: 14px;
    background: #fff;
    min-height: 150px
}

.ree-row-set {
    align-items: flex-start;
    display: flex;
    vertical-align: top
}

.ree-icon-set {
    display: inline-table;
    vertical-align: top
}

.dtb-details span {
    font-size: 20px;
    display: block;
    font-weight: 500;
    letter-spacing: 1px
}

.dtb-details a {
    text-decoration: none;
    display: block;
    font-size: 16px;
    font-weight: 400
}

.ree-details-set {
    width: calc(100% - 80px);
    padding-left: 10px;
    -ms-flex: 1;
    flex: 1
}

.newslistcard {
    display: flex
}

.newslistcard .rbt-card-body {
    padding: 20px 30px!important
}

.font22 {
    font-size: 22px!important;
    line-height: 34px!important
}

.rbt-card .rbt-card-body .rbt-card-title {
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 600;
    line-height: 25px
}

.publishertext {
    width: 100%;
    float: left;
    font-size: 13px;
    margin-bottom: 15px
}

.publishertext i {
    color: #f46277;
    font-size: 14px
}

.articledate_bg {
    background: #f1f9ff;
    float: left;
    padding: 10px 20px;
    margin: 5px 5px 5px 0;
    text-align: center
}

.list-item.articledate_bg h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 22px;
    color: #4a4a4a;
    margin: 4px 0 2px
}

.list-item.articledate_bg span {
    font-size: 13px;
    color: #8c8c8c;
    text-transform: uppercase
}

.list-item.articledate {
    font-size: 13px;
    float: left;
    width: 80%;
    padding: 5px 0 10px 15px
}

.rbt-card.variation-02 {
    border-radius: var(--radius);
    box-shadow: var(--shadow-1);
    position: relative;
    padding: 0;
    border-radius: 6px;
    box-shadow: 0 6px 34px rgba(215,216,222,.41);
    background: #fff
}

.rbt-overlay-page-wrapper .breadcrumb-image-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    padding: 44px 140px 50px;
    background: #fff;
    border-radius: 4px 4px 0 0;
    margin: 120px auto 0
}

.rbt-overlay-page-wrapper .breadcrumb-content-top .title,.rbt-page-banner-wrapper .rbt-banner-content-top .title {
    font-size: 42px
}

.meta-list li {
    list-style: none;
    margin: 0;
    line-height: 18px;
    padding: 10px;
    font-size: var(--font-size-b3)
}

.blog-content-wrapper p {
    font-size: 14px;
    text-align: justify;
    line-height: 25px
}

.wp-block-coblocks-click-to-tweet,.wp-block-pullquote blockquote,.wp-block-quote,.wp-block-quote.has-text-align-right,.wp-block-quote.is-large,.wp-block-quote.is-style-large,blockquote,blockquote.has-text-align-right {
    padding: 30px 40px 30px 100px;
    position: relative;
    font-size: 24px;
    line-height: 1.4;
    background: 0 0;
    border-radius: 5px;
    margin: 30px 0;
    font-weight: 500;
    color: var(--color-heading);
    z-index: 1;
    border: 1px solid var(--color-border)
}

.blocks-gallery-grid,ul {
    padding: 0;
    list-style: none
}

.wp-block-coblocks-click-to-tweet::before,.wp-block-pullquote blockquote::before,.wp-block-quote.has-text-align-right::before,.wp-block-quote.is-large::before,.wp-block-quote.is-style-large::before,.wp-block-quote::before,blockquote.has-text-align-right::before,blockquote::before {
    position: absolute;
    content: "";
    top: 40px;
    left: 30px;
    z-index: -1;
    background-image: url(/assets/images/resource/quote.svg);
    background-repeat: no-repeat,repeat;
    width: 52px;
    height: 44px;
    transform: rotate(180deg);
    filter: grayscale(1)
}

.blocks-gallery-grid {
    display: flex;
    margin: 0 -10px 30px;
    flex-wrap: wrap
}

.blocks-gallery-grid li.blocks-gallery-item {
    padding: 0 10px;
    flex-basis: 33.33%
}

.blocks-gallery-grid li.blocks-gallery-item img {
    border-radius: var(--radius);
    width: 100%
}

.wrapper {
    width: 100%;
    float: none!important;
    display: block;
    margin: 0 auto!important;
    max-width: 1280px;
    padding-right: 15px
}

.HomeVideoInner {
    width: 100%;
    height: 100%;
    position: relative
}

.StoryVideo video {
    object-fit: contain;
    width: 100%;
    height: auto;
    object-fit: fill;
    position: absolute
}

.HomeVideoTitleSection {
    max-width: 630px;
    padding: 192px 60px;
    height: 100%;
    background-color: rgb(255 255 255 / 25%);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px)
}

.HomeVideoTitleSection:not(.animate_it) {
    -webkit-clip-path: circle(100% at 50% 50%);
    clip-path: circle(100% at 50% 50%)
}

.HomeVideoTitleSection.animate_it {
    animation: 2s inView;
    -webkit-clip-path: circle(0% at 0% 50%);
    clip-path: circle(0% at 0% 50%)
}

.HomeVideoTitleSection.animate_reverse {
    animation: 2s outView;
    -webkit-clip-path: circle(100% at 50% 50%);
    clip-path: circle(100% at 50% 50%)
}

.StoryVideo {
    max-height: 500px
}

.Video-playbtn {
    cursor: pointer;
    width: 89px;
    height: 89px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    border-radius: 50%;
    background-color: #004aad;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    display: flex;
    justify-content: center;
    align-items: center
}

@keyframes inView {
    0% {
        -webkit-clip-path: circle(100% at 50% 50%);
        clip-path: circle(100% at 50% 50%)
    }

    to {
        -webkit-clip-path: circle(0% at 0% 50%);
        clip-path: circle(0% at 0% 50%)
    }
}

@keyframes outView {
    0% {
        -webkit-clip-path: circle(0% at 0% 50%);
        clip-path: circle(0% at 0% 50%)
    }

    to {
        -webkit-clip-path: circle(100% at 50% 50%);
        clip-path: circle(100% at 50% 50%)
    }
}

.px-50 {
    padding-left: 50px!important
}

.bg-sky {
    background: #74baf33d
}

.pl-20 {
    padding-left: 20px!important
}

.item {
    padding-left: 5px;
    padding-right: 5px
}

.item-card {
    transition: .5s;
    cursor: pointer
}

.item-card-title,.item-card-title i {
    font-size: 15px;
    transition: 1s;
    cursor: pointer
}

.item-card-title i {
    color: #ffa710
}

.card-title i:hover {
    transform: scale(1.25) rotate(100deg);
    color: #18d4ca
}

.card:hover {
    transform: scale(1.05);
    box-shadow: 10px 10px 15px rgba(0,0,0,.3)
}

.card-text {
    height: 80px
}

.card::after,.card::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale3d(0,0,1);
    transition: transform .3s ease-out;
    background: rgba(255,255,255,.1);
    content: "";
    pointer-events: none
}

.card::before {
    transform-origin: left top
}

.card::after {
    transform-origin: right bottom
}

.card:focus::after,.card:focus::before,.card:hover::after,.card:hover::before {
    transform: scale3d(1,1,1)
}

.br-t-none {
    border-top: none!important
}

.pb-190 {
    padding-bottom: 190px!important
}

.text-adjustment,.timeline {
    padding: 20px 0
}

.timeline {
    position: relative;
    list-style: none
}

.timeline:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    margin-left: -1.5px;
    background-color: #eee
}

.timeline>li {
    position: relative;
    margin-bottom: 20px
}

.timeline>li:after,.timeline>li:before {
    content: " ";
    display: table
}

.timeline>li:after {
    clear: both
}

.timeline>li>.timeline-panel {
    float: left;
    position: relative;
    width: 46%;
    padding: 20px;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.175);
    box-shadow: 0 1px 6px rgba(0,0,0,.175);
    background: #fff
}

.timeline>li>.timeline-panel:before {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 26px;
    right: -15px;
    border-top: 15px solid transparent;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #ccc
}

.timeline>li>.timeline-panel:after {
    content: " ";
    display: inline-block;
    position: absolute;
    top: 27px;
    right: -14px;
    border-top: 14px solid transparent;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #fff
}

.timeline>li>.timeline-badge {
    z-index: 100;
    position: absolute;
    top: 16px;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    border-radius: 50%;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    color: #fff;
    background-color: #999
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0
}

.timeline-badge.primary {
    background-color: #2e6da4!important
}

.timeline-badge.success {
    background-color: #3f903f!important
}

.timeline-badge.warning {
    background-color: #f0ad4e!important
}

.timeline-badge.danger {
    background-color: #d9534f!important
}

.timeline-badge.info {
    background-color: #5bc0de!important
}

.timeline-title {
    margin-top: 0;
    color: inherit
}

@media (max-width: 767px) {
    ul.timeline:before {
        left:40px
    }

    ul.timeline>li>.timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
        float: right
    }

    ul.timeline>li>.timeline-badge {
        top: 16px;
        left: 15px;
        margin-left: 0
    }

    ul.timeline>li>.timeline-panel:before {
        right: auto;
        left: -15px;
        border-right-width: 15px;
        border-left-width: 0
    }

    ul.timeline>li>.timeline-panel:after {
        right: auto;
        left: -14px;
        border-right-width: 14px;
        border-left-width: 0
    }
}

.border-rd-1 {
    border: 1px solid #0000003b;
    border-radius: 20px
}

a,a:active,a:focus,a:hover {
    text-decoration: none;
    outline: 0
}

a,a:active,a:focus {
    color: #6f6f6f;
    text-decoration: none;
    transition-timing-function: ease-in-out;
    -ms-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s
}

ul {
    margin: 0
}

#features .icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 4px;
    text-align: center;
    position: relative;
    z-index: 1
}

#features .box-item {
    box-shadow: 0 0 12px #f4f4f4;
    padding: 15px;
    line-height: 22px;
    margin-top: 30px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: .3s ease-in-out;
    -mox-transition: all .3s ease-in-out;
    transition: .3s ease-in-out;
    position: relative;
    top: 0
}

#features .box-item .icon,#features .box-item .icon i {
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear
}

#features .box-item .icon {
    text-align: center;
    margin: 12px;
    transition: .2s linear
}

#features .box-item .icon i {
    color: #008de2;
    font-size: 30px;
    transition: .2s linear
}

#features .box-item .text h4 {
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear
}

#features .box-item .text p {
    font-size: 14px;
    line-height: 26px
}

#features .box-item:hover {
    box-shadow: 0 10px 22px 10px rgba(27,38,49,.1)
}

#features .show-box {
    margin-top: 50px
}

#digital-transformation {
    background: #004aad;
    padding: 60px 0;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
    color: #fff
}

.divider {
    width: 60px;
    height: 5px;
    background: #ff8b00;
    margin: 0 auto 20px;
    border-radius: 10px
}

p.lead {
    font-size: 1.2rem;
    color: #ffffffd9;
    margin-bottom: 20px;
    animation: 1.2s ease-in-out fadeIn
}

p.text-muted {
    font-size: 1rem;
    color: #ffffff !important;
    animation: 1.4s ease-in-out fadeIn
}

.btn-primary {
    background: #ff8b00;
    border: none;
    padding: 10px 20px;
    font-size: 1.1rem;
    border-radius: 50px;
    transition: background .3s
}

.btn-primary:hover {
    background: #ff6800
}

.transformation-image {
    position: relative;
    width: 100%;
    max-width: 450px;
    margin: 0 auto
}

.transform-img {
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,.1);
    transition: transform .5s
}

.transform-img:hover {
    transform: scale(1.05)
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,123,255,.5);
    opacity: 0;
    transition: opacity .5s;
    border-radius: 20px
}

.floating-icons .icon {
    font-size: 3rem;
    color: #ff8b00;
    position: absolute;
    opacity: .8;
    animation: 3s ease-in-out infinite float
}

.icon1 {
    top: -20px;
    left: 20px;
    animation-delay: 0s
}

.icon2 {
    bottom: -20px;
    right: 20px;
    animation-delay: 1s
}

.icon3 {
    top: 50%;
    right: -30px;
    animation-delay: 2s
}

@keyframes float {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

@media (max-width: 768px) {
    .section-title {
        font-size:2.5rem
    }

    p.lead {
        font-size: 1.1rem
    }

    p.text-muted {
        font-size: .9rem
    }

    .btn-primary {
        font-size: 1rem
    }
}

#myTab li a {
    background: #004aad;
    color: #fff;
    margin-top: 10px;
    font-family: Jost;
    font-size: 16px;
    border-radius: 10px 0
}

.text-shadow {
    text-shadow: none!important
}

.text-justify {
    text-align: justify !important;
}










/