body{color: #000 !important;
    font-size: 16px !important;}
/*========================================
        03. PRE DEFINE CLASS CSS
==========================================*/

.ptb-100 {
    padding: 100px 0;
}

.pt-100 {
    padding-top: 100px;
}

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

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

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

.mt--165 {
    margin-top: -165px !important;
}

.gray-light-bg {
    background: #f6f6f6;
}

.primary-bg {
    background: #1A2C79;
}

.secondary-bg {
    background: #e80566
}

.color-primary {
    color: #1A2C79;
}

.color-secondary {
    color: #e80566;
}

.white-bg {
    background: #ffffff;
}

a {
    color: #1A2C79;
}

a:hover {
    color: #e80566;
    text-decoration: none;
}

.color-1 {
    color: #ff164e;
}

.color-1-bg {
    background: rgba(255, 22, 78, 0.15);
}

.color-2 {
    color: #e80566
}

.color-2-bg {
    background: rgba(145, 35, 255, 0.15);
}

.color-3 {
    color: #1A2C79;
}

.color-3-bg {
    background: rgba(0, 115, 236, 0.15);
}

.color-4,
.ratting-color {
    color: #ff7c3f;
}

.color-4-bg {
    background: rgba(255, 124, 63, 0.15);
}

.color-5,
.success-color {
    color: #2ebf6d;
}

.color-5-bg {
    background: rgba(46, 191, 109, 0.15);
}

.color-6 {
    color: #f25c7f;
}

.color-6-bg {
    background: rgba(242, 92, 127, 0.15);
}

.animated-btn {
    transition: all .25s ease-in-out;
}

.animated-btn:hover {
    transform: translate(0, -3px);
    -webkit-transform: translate(0, -3px);
}
p{color: #000; font-size: 16px;}
.outline-btn,
.secondary-solid-btn,
.primary-solid-btn,
.solid-white-btn,
.outline-white-btn,
.secondary-outline-btn {
    /* padding: 6px 30px; */
    font-weight: 600;
    font-size: 13px;
    transition: all .25s ease-in-out;
}

.primary-solid-btn {
    border: 1px solid #1A2C79;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .15);
    background-image: linear-gradient(to bottom, #1A2C79, #0e206d);
    color: #ffffff;
}

.primary-solid-btn:hover {
    background: transparent;
    color: #1A2C79;
}

.secondary-solid-btn {
    color: #000;
    background: #F5D727;
    border: 1px solid #F5D727;
    border-radius: 40px;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: normal;
}

.secondary-solid-btn:hover {
    background: transparent;
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.secondary-outline-btn {
    color: #e80566;
    display: inline-block;
    border: 1px solid #e80566
}

.secondary-outline-btn:hover {
    background: #e80566;
    color: #ffffff;
}

.outline-btn {
    position: relative;
    display: inline-block;
    color: #1A2C79;
    border: 1px solid #1A2C79;
}

.outline-btn:after {
    content: " ";
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    z-index: -1;
    border-radius: 4px;
    opacity: 0;
    transition: 400ms;
    text-shadow: 0 0.5px 0.3px rgba(0, 0, 0, .1);
    background-image: linear-gradient(to bottom, #1A2C79, #0e206d);
}

.outline-btn:hover:after {
    opacity: 1;
}

.outline-btn:hover {
    color: #ffffff;
    background-image: linear-gradient(to bottom, #1A2C79, #0e206d);
}

.primary-bg h1,
.primary-bg p {
    color: #fff;
}

.solid-white-btn {
    background: #ffffff;
    border-color: #ffffff;
    color: #1A2C79;
}

.solid-white-btn:hover {
    background: transparent;
    color: #ffffff;
}

.outline-white-btn {
    color: #ffffff;
    border-color: #ffffff;
}

.outline-white-btn:hover {
    background: #ffffff;
    color: #1A2C79;
}

/*icon size*/

.icon-sm {
    font-size: 25px;
    line-height: 25px;
}

.icon-md {
    font-size: 40px;
    line-height: 40px;
}

.icon-lg {
    font-size: 50px;
    line-height: 50px;
}

/*form field css*/

.form-control {
    border-color: #ebebeb;
    /* padding: .75rem 0.85rem; */
    /* height: calc(2.56em + .75rem + 2px); */
}

.form-control:focus {
    outline: none;
    box-shadow: none;
}

input[type]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
select.form-control.has-value {
    color: #b1b1b1 !important;
    font-size: 13px;
}

input[type]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder,
select.form-control.has-value {
    /* Firefox 18- */
    color: #b1b1b1;
    font-size: 13px;
}

input[type]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
select.form-control.has-value {
    /* Firefox 19+ */
    color: #b1b1b1;
    font-size: 13px;
}

input[type]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
select.form-control.has-value {
    color: #b1b1b1;
    font-size: 13px;
}

select.form-control.has-value {
    height: 52px;
}

.section-heading h2 span {
    font-weight: 400;
    font-size: 2rem;
}

/* .section-heading h2{ */

/* font-size: 42px !important; */

/* } */

.z-index {
    z-index: 9;
}

.height-lg-100vh {
    min-height: 100vh;
}


.btn-mc{ width:85%;}

@media (max-width: 576px) {
    .height-lg-100vh {
        height: auto;
    }
}

.custom-badge {
    top: 5%;
    right: 8%;
}

.image-wrap img {
    display: block;
}

/*app download btn*/

.app-download-list li a {
    padding: 10px 22px;
    color: inherit;
    font-size: 13px;
    line-height: 15px;
}

.download-text span {
    font-size: 13px;
}

.download-text h5 {
    font-size: 15px;
    color: inherit;
}

.app-download-list li a:hover {
    background: #1A2C79;
    color: #FFFFFF;
    border-color: #1A2C79 !important;
}

/*=========================================
            05. HERO SECTION CSS
============================================*/

.hero-equal-height {
    position: relative;
    min-height: 800px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.hero-equal-height.hero-tab-slider {
    min-height: 700px !important;
}

.shape-bottom img.bottom-shape {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
}

.hero-bg-1,
.hero-bg-2 {
    position: relative;
    display: block;
    width: 100%;
}

.hero-bg-1:before {
    position: absolute;
    content: '';
    background: url("../images/slider-bg-2.svg")no-repeat center bottom / cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.hero-bg-2:before {
    position: absolute;
    content: '';
    background: url("../images/slider-bg-1.svg")no-repeat center bottom / cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.bulk-list:before {
    position: absolute;
    content: '';
    background: url("../images/slider-bg-2.svg")no-repeat center bottom / cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.bulk-list:before {
    position: absolute;
    content: '';
    background: url("../images/slider-bg-1.svg")no-repeat center bottom / cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.hero-slider-content h1 {
    font-size: 50px;
    line-height: initial;
    font-weight: 700;
}

.slider-bg-image,
.gradient-overlay {
    position: relative;
    width: 100%;
    display: block;
}

.slider-bg-image:before {
    position: absolute;
    content: '';
    background: #030d1e;
    opacity: 0.60;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.video-section-wrap .background-video-overly {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: linear-gradient(75deg, rgba(26, 44, 121, 0.75) 10%, rgba(232, 5, 102, 0.85)) !important;
}

.gradient-overly-right-light,
.gradient-overly-right-color,
.gradient-overly-left,
.gradient-overly-bottom,
.gradient-overly-top {
    z-index: 1;
    width: 100%;
    min-width: 100%;
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.gradient-overly-right-light:before,
.gradient-overly-right-color:before,
.gradient-overly-left:before,
.gradient-overly-bottom:before,
.gradient-overly-top:before {
    content: "";
    z-index: -1;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.gradient-overly-right-light:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #1A2C79), to(transparent));
    background: linear-gradient(to right, #fff4f4 30%, rgba(26, 44, 121, 0.18) 100%);
}

/* .gradient-overly-right-color:before { */

/* background: -webkit-gradient(linear, left top, right top, color-stop(0, #1A2C79), to(transparent)); */

/* background: linear-gradient(to right, #1A2C79 30%, rgba(26, 44, 121, 0.18) 100%); */

/* } */

.gradient-overly-left:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #1A2C79), to(transparent));
    background: linear-gradient(to left, #1A2C79 30%, rgba(26, 44, 121, 0.18) 100%);
}

.gradient-overly-bottom:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #1A2C79), to(transparent));
    background: linear-gradient(to bottom, #1A2C79 45%, rgba(26, 44, 121, 0.18) 100%);
}

.gradient-overly-top:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #1A2C79), to(transparent));
    background: linear-gradient(to top, #1A2C79 35%, rgba(26, 44, 121, 0.18) 100%);
}

/*dot indicator css*/

.dot-indicator-center .owl-dots {
    position: absolute;
    width: 100%;
    margin-top: 0 !important;
    bottom: 15px;
}

.dot-indicator-center.owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 5px;
}

.dot-indicator-center.owl-theme .owl-dots .owl-dot.active span,
.dot-indicator-center.owl-theme .owl-dots .owl-dot:hover span {
    background: #1A2C79;
}

.dot-indicator-center.owl-theme .owl-dots button.owl-dot:focus {
    outline: none !important;
}

/*custom dot style*/

.custom-dot.owl-theme .owl-dots,
.custom-arrow.owl-theme .owl-nav {
    position: absolute;
}

.custom-dot.dot-right-center.owl-theme .owl-dots {
    margin: 0 !important;
    top: 40%;
    right: 10%;
}

.custom-dot.dot-bottom-center.owl-theme .owl-dots {
    width: 100%;
    margin: 10px auto;
}

.custom-dot.dot-bottom-center.owl-theme .owl-dots button {
    margin: 0 4px;
    border: 1px dashed #1A2C79;
}

.custom-dot.dot-right-center.owl-theme .owl-dots button {
    display: block;
    margin: 6px 0;
}

.custom-dot.custom-dot-2.owl-theme .owl-dots button {
    margin: 0 4px;
    border: 1px solid #000;
}

.custom-dot.custom-dot-2.owl-theme .owl-dots {
    left: 0;
    top: auto;
    right: 0;
}

.custom-dot.owl-theme .owl-dots button {
    border-radius: 100%;
    margin: 0 4px;
}

.custom-dot.owl-theme .owl-dots button:focus,
.custom-arrow.owl-theme .owl-nav button:focus {
    outline: none;
}

.custom-dot.owl-theme .owl-dots button.owl-dot.active,
.custom-dot.owl-theme .owl-dots button.owl-dot span {
    background: #ffffff;
}

.custom-dot.owl-theme .owl-dots button.owl-dot span:hover {
    background: #000;
}

.custom-dot.owl-theme .owl-dots button.owl-dot.active span {
    background: #000;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
}

.custom-dot.owl-theme .owl-dots .owl-dot span {
    margin: 2px;
}

/*custom arrow*/

.custom-arrow.owl-theme .owl-nav button {
    width: 30px;
    background: transparent;
    line-height: 26px;
}

.custom-arrow.owl-theme .owl-nav button:hover {
    background: #000;
    border-color: #000 !impo;
}

.custom-arrow.owl-theme .owl-nav button:hover span {
    color: #ffffff;
}

.custom-arrow.owl-theme .owl-nav button span {
    font-size: 65px;
    color: #000;
}

.custom-arrow-bottom-center.owl-theme .owl-nav {
    width: 100%;
    margin: auto;
    margin-top: 8px;
}

.custom-arrow-left-right.owl-theme .owl-nav {
    width: 100%;
}

.custom-arrow-left-right.owl-theme .owl-nav button.owl-prev,
.custom-arrow-left-right.owl-theme .owl-nav button.owl-next {}

.custom-arrow-left-right.owl-theme .owl-nav button.owl-prev {}

.custom-arrow-left-right.owl-theme .owl-nav button.owl-next {}

/*heighlight feature list*/

.highlight-list li {
    border: 1px dashed #ebebeb;
    border-radius: 4px;
    text-align: center;
    padding: 0.75rem;
    margin-bottom: 0.75rem;
    min-width: 130px;
}

.highlight-list li h5 {
    font-size: 32px;
    font-weight: 700;
}

.highlight-list li h6 {
    font-size: 13px;
}

/*slider */

.custom-indicators {
    position: absolute;
    bottom: 0;
    z-index: 5;
    width: 100%;
}

.custom-indicators li {
    min-width: 200px;
    transition: all 0.3s ease-in;
}

.custom-indicators li button {
    border: none;
    display: block;
    width: 100%;
    padding: 1.5rem;
    justify-content: center;
    border-radius: 4px 4px 0 0;
    transition: all 0.3s ease-in;
    font-weight: 600;
}

.custom-indicators li.active button {
    background: #e80566;
    color: #ffffff;
}

.custom-indicators li.active button span {
    color: #ffffff;
}

.custom-indicators li button:focus {
    outline: none;
}

@media (min-width: 320px) and (max-width: 575px) {
    .hero-equal-height.hero-tab-slider {
        min-height: 500px !important;
    }
    .custom-indicators li {
        min-width: auto;
    }
    .custom-indicators li button {
        padding: 6px 8px;
    }
}

/*=========================================
        06. CEO MESSAGE SECTION CSS
============================================*/

.ceo-message-wrap {
    position: relative;
    display: block;
}

.year-highlight-text h4 {
    font-size: 25px;
    line-height: 60px;
    font-weight: 700;
    margin: 0;
    background: #7202bb url("../images/yers-bg.jpg") no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: cover;
    background-position: center;
}

.year-highlight-text h4 span {
    font-size: 215px;
    line-height: 220px;
}

.year-highlight-text h4 sub {
    background: #1A2C79 url("../images/yers-bg.jpg") no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: auto;
    background-position: center;
    display: inline-block;
    top: -6px;
    font-size: 25px;
    line-height: 25px;
}

.ceo-image {
    margin-top: 30px;
}

/*core services css*/

.core-services-single {
    position: relative;
    display: block;
    transition: all 0.3s ease-in;
}

.core-services-single a {
    text-decoration: none;
    position: absolute;
    right: 15px;
    bottom: -15px;
    color: #ffffff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.12);
}

.core-services-single:hover {
    background: linear-gradient(75deg, #1A2C79 10%, #e80566);
    color: #fff;
}

.core-services-single:hover h5,
.core-services-single:hover span {
    color: #ffffff !important;
}

.core-services-single:hover a,
.core-services-single:hover a>span {
    color: #1A2C79 !important;
    background: #ffffff;
}

/*our services style two*/

.services-block-three>a {
    display: block;
    position: relative;
}

.services-block-three>a:before {
    display: block;
    content: "";
    width: 9%;
    height: 17%;
    position: absolute;
    bottom: -2px;
    right: -2px;
    border-bottom: 1px solid #1A2C79;
    border-right: 1px solid #1A2C79;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}




.services-block-three>a:after {
    display: block;
    content: "";
    width: 9%;
    height: 17%;
    position: absolute;
    top: -2px;
    left: -2px;
    border-top: 1px solid #1A2C79;
    border-left: 1px solid #1A2C79;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.services-block-three a,
.services-block-three p {
    color: #757575;
    text-decoration: none;
}

.services-block-three p {
    margin-bottom: 0;
}

.services-block-three>a:hover {
    opacity: 1;
    border-color: #ebebeb;
}

.services-block-three>a:hover:before,
.services-block-three>a:hover:after {
    width: 95%;
    height: 90%;
}

/*=========================================
        07. FEATURE SECTION CSS
============================================*/

.icon-box-left {
    position: relative;
    padding-left: 60px;
    text-align: left;
}

.icon-box-left .icon-box-icon {
    position: absolute;
    height: 38px;
    width: 38px;
    left: 0;
    text-align: center !important;
    line-height: 3.375rem;
    font-size: 2.1875rem;
}

.icon-box .icon-box-icon {
    font-size: 2.375rem;
    margin: 0 0 10px;
    transition: all .3s ease-in-out;
}

.icon-box:hover .icon-box-icon {
    transform: translateY(-5px);
}

/*feature box css*/

.features-box {
    position: relative;
    display: block;
}

.features-box-icon {
    display: table-cell;
    vertical-align: top;
}

.features-box-icon i {
    display: inline-block;
    width: 80px;
    height: 80px;
    text-align: center;
    color: #1A2C79;
    font-size: 50px;
    padding: 10px;
    border-radius: 50%;
}

.features-box-content {
    display: table-cell;
    padding-left: 20px;
}

/*=========================================
        08. PROGRESSBAR CSS
============================================*/

.progress {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    height: .45rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #ebebeb;
    border-radius: 30px;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #1A2C79;
    transition: width .6s ease;
}

.progress-item+.progress-item {
    margin-top: 24px;
}

.progress-item {
    margin-bottom: 20px;
}

.progress-title>h6 {
    font-size: .95375rem;
    margin-bottom: 8px;
    font-weight: 500;
}

/*progressbar animation*/

.progress span {
    display: block;
    height: 100%;
}

.progress-line {
    background-color: #1A2C79;
    -webkit-animation: progressBar 3s ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation: progressBar 3s ease-in-out;
    -moz-animation-fill-mode: both;
}

@-webkit-keyframes progressBar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@-moz-keyframes progressBar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/*=========================================
        09. CORE IDEA CSS
============================================*/

.switchable {
    position: relative;
}

.imageblock-section {
    position: relative;
    display: block;
    width: 100%;
}

.imageblock-section .imageblock-section-img {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 2;
    padding: 0;
}

.switchable.switchable-content div[class*='col-']:first-child {
    float: right;
    right: 0;
    left: auto;
}

.switchable>div[class*='col-'] {
    padding: 0;
}

.background-image-holder {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
    z-index: 0;
    transition: opacity .3s linear;
    -webkit-transition: opacity .3s linear;
    opacity: 0;
    background: #252525;
}

.background-image-holder:not([class*='col-']) {
    width: 100%;
}

.switchable div[class*='col-']:first-child {
    float: left;
    right: auto;
}

@media (max-width: 767px) {
    .switchable .imageblock-section-img[class*='col-'] {
        float: none !important;
    }
}

.switchable>div[class*='col-'] {
    padding: 0;
}

@media (max-width: 767px) {
    .imageblock-section .imageblock-section-img {
        position: relative;
        min-height: 18.57142857em;
    }
}

@media (min-width: 768px) {
    .switchable .container>.row {
        flex-flow: row-reverse;
    }
    .switchable.switchable-content .container>.row {
        flex-flow: row;
    }
}

/*=========================================
            10. MAIN SERVICES CSS
============================================*/

.services-single {
    transition: all 0.3s ease-in;
}

.services-single a {
    color: #ffffff;
    opacity: 0.8;
}

.services-single:hover h5,
.services-single:hover span,
.services-single:hover a {
    color: #ffffff !important;
    opacity: 1;
}

.services-single:hover {
    transition: all 0.3s ease-in;
    background: linear-gradient(75deg, #1A2C79 10%, #e80566);
    color: #fff;
}

/*=========================================
            11. PORTFOLIO CSS
============================================*/

.filter-btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 6px 20px;
    border-radius: 4px;
    background: transparent;
    margin-right: 5px;
    border: 1px dashed #1A2C79;
    transition: all 0.3s ease-in;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.filter-btn:hover {
    background: #1A2C79;
    color: #ffffff;
}

button.filter-btn:focus {
    outline: none;
    box-shadow: none !important;
}

.mixitup-control-active {
    background: #1A2C79;
    color: #ffffff;
}

.mixitup-control-active[data-filter]:after {
    background: transparent;
}

.control[data-filter]+.control[data-sort] {
    margin-left: .85rem;
}

/*portfolio container*/

.portfolio-container {
    text-align: justify;
}

/*portfolio grid*/

.portfolio-item,
.gap {
    display: inline-block;
    vertical-align: top;
}

.portfolio-item {
    background: #ebebeb;
    margin-top: 1rem;
    position: relative;
}

/*portfolio hover*/

.portfolio-wrapper {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.portfolio-wrapper .content-overlay {
    background: #1A2C79;
    background: -webkit-linear-gradient(left, #1A2C79 2%, #e80566 82%);
    background: linear-gradient(to right, #1A2C79 2%, #e80566 82%);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.portfolio-wrapper:hover .content-overlay {
    opacity: 0.8;
}

.portfolio-wrapper a img {
    display: block;
}

.content-image {
    width: 100%;
}

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.portfolio-wrapper:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.fadeIn-bottom {
    top: 80%;
}

.fadeIn-top {
    top: 20%;
}

.fadeIn-left {
    left: 20%;
}

.fadeIn-right {
    left: 80%;
}

/*portfolio grid brack point*/

/* 2 Columns */

.portfolio-item,
.gap {
    width: calc(100% / 2 - (((2 - 1) * 1rem) / 1));
}

/* 3 Columns */

@media screen and (min-width: 541px) {
    .portfolio-item,
    .gap {
        width: calc(100% / 3 - (((3 - 1) * 1rem) / 3));
    }
}

/* 4 Columns */

@media screen and (min-width: 961px) {
    .portfolio-item,
    .gap {
        width: calc(100% / 3 - (((3 - 1) * 1rem) / 3));
    }
}

/* 5 Columns */

@media screen and (min-width: 1281px) {
    .portfolio-item,
    .gap {
        width: calc(100% / 3 - (((3 - 1) * 1rem) / 3));
    }
}

/*=========================================
            12. BLOG SECTION CSS
============================================*/

.single-blog-card {
    margin-bottom: 25px;
}

.single-blog-card span.category {
    z-index: 2;
    top: 0;
    left: 30px;
    font-size: 18px;
    background: #1E409E;
    color: #ffffff;
    padding: 20px 10px;
    font-weight: normal;
    opacity: 0.7;
}

.author-content {
    padding-top: 6px;
}

.author-content a {
    font-size: 14px;
    line-height: 13px;
}

.author-content small {
    font-size: 12px;
}

.blog-img {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.blog-img img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 300px;
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
}

.blog-img:hover img {
    transform: scale(1.2);
}

.meta-list {
    opacity: 0.8;
    font-size: 95%;
}

.meta-list li.list-inline-item:not(:last-child) {
    margin-right: 0.7rem;
}

.single-blog-card a {
    font-weight: 600;
}

.single-blog-card a,
.single-blog-card a:hover {
    text-decoration: none;
}

a.detail-link {
    display: inline-block;
    text-decoration: none;
    color: #495057;
    font-weight: 600;
    font-size: 14px;
}

a.detail-link span {
    font-size: 12px;
    vertical-align: middle;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    color: #1A2C79;
}

a.detail-link:hover {
    color: #e80566;
}

a.detail-link:hover span {
    transform: translateX(3px);
    margin-left: 8px;
}

/*=========================================
            13. WORK PROCESS CSS
============================================*/

.work-process-list {
    width: 100%;
    display: block;
    position: relative;
}

.work-process-list li {
    width: 18%;
    display: inline-block;
    text-align: center;
    margin-right: 0;
}

.work-process-list li span:before {
    position: absolute;
    content: '';
    height: 4px;
    background: #000;
    width: 100%;
    top: 20%;
    z-index: -1;
    left: 0;
    right: 0;
    border: 3px solid #005cbf;
}

.work-process-list li span:after {
    position: absolute;
    content: '';
    height: 4px;
    background: #000;
    width: 100%;
    top: 20%;
    z-index: -1;
    left: 0;
    right: 0;
    border: 3px solid #005cbf;
}

.work-process-list li span {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #ebebeb;
    display: block;
    margin: auto;
    border-radius: 50%;
    z-index: 2;
}

/*work process scrolling style css*/

.step {
    position: relative;
    padding: 5.625rem 20% 20% 0;
}

.step.step-highlight::before {
    background: #fff;
    border-color: #fff;
    color: #000;
}

.owl-carousel .owl-stage-outer .owl-stage .owl-item {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    counter-increment: owlItem;
}

.step-title {
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: 0.025em;
}

.text-white .step::before {
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.step:hover::before,
.step.step-highlight::before {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    transform: scale(1.25);
    background: #ffffff;
    border-color: transparent;
    color: #1A2C79;
}

.step::before {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    content: counter(owlItem, decimal);
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 3.75rem;
    height: 3.75rem;
    line-height: calc(3.75rem - .25rem);
    text-align: center;
    border: 2px solid #e5e5e5;
    z-index: 20;
    border-radius: 50%;
    font-size: 1.5rem;
}

.owl-item:not(:last-child) .step::after {
    content: "";
    display: block;
    position: absolute;
    top: 29px;
    left: 3.75rem;
    width: calc(100% - 40px);
    height: 2px;
    background: #e5e5e5;
    z-index: 10;
}

.owl-carousel.visible .owl-stage-outer {
    overflow: visible;
}

.text-white .step::after {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.work-process-carousel {
    position: relative;
    display: block;
}

.work-process-carousel .owl-nav {
    position: absolute;
    right: 0;
    bottom: 0;
}

.work-process-carousel .owl-nav button.owl-next,
.work-process-carousel .owl-nav button.owl-prev {
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    line-height: 45px;
    padding: 10px !important;
}

/*work process new style*/

.work-process-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
}

.single-work-process {
    position: relative;
    margin: 0 15px 60px;
    width: : 100%;
    text-align: center;
}

.work-process-icon-wrap {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
}

@media screen and (max-width: 991px) {
    .single-work-process {
        width: calc(50% - 30px);
    }
    .work-process-divider {
        width: calc(100% - 145px);
    }
    .single-work-process:nth-child(2n) .work-process-divider {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .single-work-process {
        width: 100%;
        margin: 0 0 50px;
        text-align: center;
        padding: 0 30px;
    }
    .work-process-divider {
        display: none;
    }
}

.work-process-divider {
    background-image: linear-gradient(90deg, #73778c, #73778c 40%, transparent 40%, transparent 100%);
}

.single-work-process .work-process-divider {
    position: absolute;
    left: auto;
    top: 40px;
    width: calc(100% - 130px);
    height: 1px;
    background-image: linear-gradient(90deg, #73778C, #73778C 40%, transparent 40%, transparent 100%);
    background-size: 12px 1px;
}

.single-work-process .work-process-divider:after {
    content: '\e628';
    font-family: 'themify';
    position: absolute;
    right: -30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
}

.work-process-icon-wrap i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.single-work-process:last-child .work-process-divider {
    display: none !important;
}

/*=========================================
            14. COUNTER SECTION CSS
============================================*/

.counter-wrap {
    width: 100%;
    display: block;
    position: relative;
}

.counter-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-auto-flow: dense;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.counter-wrap li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    text-align: center;
    padding: 30px;
}

.counter-wrap li:last-child {
    border-right: none;
    margin-right: 0 !important;
}

.counter-wrap .single-counter {
    margin: 0;
}

.rounded {
    margin: 14px 0;
    min-width: 175px;
}

.roundedr span {
    font-size: 35px;
    line-height: 38px;
}

.rounded h3 {
    font-size: 38px;
    color: #232424;
    font-weight: 700;
	padding-bottom:10px;
	padding-top:10px;
}

.rounded p {
    font-size: 22px;
    color: #232424;
    font-weight: 500;
}

@media (min-width: 320px) and (max-width: 575px) {
    .single-counter {
        margin: 0;
    }
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 1.5;
    color: #1f1f20 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
        border-top-color: rgb(206, 212, 218);
        border-right-color: rgb(206, 212, 218);
        border-bottom-color: rgb(206, 212, 218);
        border-left-color: rgb(206, 212, 218);
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/*=========================================
            16. TEAM SECTION CSS
============================================*/

.team-1-wrap {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
}

.team-style-2 {
    border: 1px solid #ececec;
    border-radius: 4px;
    background: #fff;
}

.team-img {
    position: relative;
    overflow: hidden;
}

.team-img:before {
    content: "";
    background-image: linear-gradient(to left, rgba(41, 103, 230, 0.75), rgba(48, 91, 228, 0.75), rgba(59, 79, 226, 0.80), rgba(71, 64, 222, 0.85), rgba(84, 45, 216, 0.95));
    position: absolute;
    opacity: 0.8;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 0;
    height: 0;
    padding: 25%;
    border-radius: 50%;
    transition: opacity .3s ease-out, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease-out;
    transition: transform .3s ease, opacity .3s ease-out, -webkit-transform .3s ease;
    will-change: opacity, transform;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

.team-overly-content {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    opacity: 0;
    will-change: opacity;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.team-1-wrap:hover .team-overly-content {
    opacity: 1;
    height: 100%;
    transition: opacity 0.4s cubic-bezier(0.71, 0.05, 0.29, 0.9) 0.2s;
}

.team-1-wrap:hover .team-img:before {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(4);
    transform: translate(-50%, -50%) scale(4);
    transition-duration: .6s;
}

.team-img img {
    display: block;
    transition: all 0.3s ease-in;
}

.team-1-wrap:hover .team-img img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.team-overly-content ul li a {
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    line-height: 25px;
    padding: 5px;
    background-color: #fff;
    border-radius: 100%;
    margin: 4px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #757575;
}

.team-overly-content ul li a:hover {
    color: #1A2C79;
}

.team-info {
    display: block;
    text-align: center;
    width: 100%;
    padding: 15px;
}

/*team two style css*/

.staff-member {
    position: relative;
    display: block;
}

.staff-member img {
    width: 100%;
}

.staff-member h5,
.staff-member p,
.staff-member span {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}

.staff-member h5,
.staff-member p,
.staff-member span {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 1;
}

.staff-member span {
    font-size: 0.9rem;
    font-weight: 400;
    color: #757575;
    display: inline-block;
}

.staff-member .overlay {
    background: #1A2C79;
    background: -moz-linear-gradient(left, #1A2C79 2%, #e80566 82%);
    background: -webkit-linear-gradient(left, #1A2C79 2%, #e80566 82%);
    background: linear-gradient(to right, #1A2C79 2%, #e80566 82%);
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px 30px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    border-radius: 4px;
}

.staff-member .overlay .teacher-quote {
    font-size: 0.9rem;
    font-weight: 300;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.staff-member .overlay .teacher-name {
    color: #fff;
    text-decoration: none !important;
    display: block;
    margin-top: 15px;
}

.staff-member .overlay h5 {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    opacity: 0;
}

.staff-member .overlay .teacher-field {
    font-size: 0.9rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 0;
}

.staff-member .overlay ul.social {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
}

.staff-member .overlay ul.social li {
    margin: 0;
}

.staff-member .overlay ul.social a {
    margin: 0 5px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    display: block;
}

.staff-member .overlay ul.social li a:hover span {
    color: #e80566;
}

.staff-member .overlay ul.social {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
}

.staff-member:hover .social {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.staff-member .overlay .teacher-see-profile {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.staff-member:hover .overlay {
    opacity: 0.90;
}

.staff-member:hover .overlay h5,
.staff-member:hover .overlay p,
.staff-member:hover .overlay span,
.staff-member:hover .overlay ul.social {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.team-social-list li a {
    padding: 5px;
}

.team-social-list li span {
    font-size: 18px;
    line-height: inherit;
    vertical-align: middle;
}

/*=========================================
            17. VIDEO PROMO CSS
============================================*/

.video-play-icon {
    position: relative;
    display: block;
    width: 100%;
    top: 40%;
    left: -10%;
}

.video-play-icon span {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    position: absolute;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    background: #ffffff;
    -webkit-transition: .5s;
    padding-left: 5px;
}

.color-bip span {
    -webkit-animation: ripple 1s linear infinite;
    animation: ripple 1s linear infinite;
}

.white-bip span {
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-white 1s linear infinite;
}

a.video-play-icon-without-bip:hover span {
    color: #ffffff;
}

a.video-play-icon {
    border-radius: 50%;
    display: block;
}

a.video-play-icon-without-bip {
    animation: none;
}

a.video-play-icon-without-bip:hover {
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-white 1s linear infinite;
    -webkit-transition: .5s;
    background-color: #1A2C79;
}

@-webkit-keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(50, 100, 245, .15), 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15);
        box-shadow: 0 0 0 0 rgba(50, 100, 245, .15), 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15)
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15), 0 0 0 60px rgba(50, 100, 245, 0);
        box-shadow: 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15), 0 0 0 60px rgba(50, 100, 245, 0)
    }
}

@keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(50, 100, 245, .15), 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15);
        box-shadow: 0 0 0 0 rgba(50, 100, 245, .15), 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15)
    }
    100% {
        -webkit-box-shadow: 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15), 0 0 0 60px rgba(50, 100, 245, 0);
        box-shadow: 0 0 0 20px rgba(50, 100, 245, .15), 0 0 0 40px rgba(50, 100, 245, .15), 0 0 0 60px rgba(50, 100, 245, 0)
    }
}

@-webkit-keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

@keyframes ripple-white {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 30px rgba(255, 255, 255, 0)
    }
}

.about-img-wrap {
    position: relative;
    display: block;
    overflow: hidden;
}

.about-img-wrap img {
    display: block;
}

/*======================================
      18. PROMO BLOCK WITH HOVER BG IMAGE
=========================================*/

.single-promo-block {
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.promo-hover-bg-1:before {
    background-image: url("../images/blog/1.jpg");
}

.promo-hover-bg-2:before {
    background-image: url("../images/blog/2.jpg");
}

.promo-hover-bg-3:before {
    background-image: url("../images/blog/3.jpg");
}

.promo-hover-bg-4:before {
    background-image: url("../images/blog/4.jpg");
}

.promo-hover-bg-5:before {
    background-image: url("../images/blog/5.jpg");
}

.promo-hover-bg-6:before {
    background-image: url("../images/blog/6.jpg");
}

.single-promo-block:before {
    top: 80%;
    opacity: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-filter: brightness(40%);
    filter: brightness(40%);
}

.single-promo-block:before,
.single-promo-block:after {
    content: '';
    height: 100%;
    right: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.single-promo-block:after {
    z-index: 1;
    top: 100%;
    background-image: linear-gradient(75deg, rgba(26, 44, 121, 0.75) 10%, rgba(232, 5, 102, 0.80));
}

.single-promo-block>* {
    position: relative;
    z-index: 3;
}

@media screen and (min-width: 1367px),
screen and (any-hover: hover) and (min-width: 1200px),
not all,
not all,
not all {
    .single-promo-block.hover-image:hover:before {
        opacity: 1;
        -webkit-transition: all 0.17s ease-out 0.18s;
        transition: all 0.17s ease-out 0.18s;
    }
    .single-promo-block.hover-image:hover:before,
    .single-promo-block.hover-image:hover:after {
        top: 0;
    }
    .single-promo-block.hover-image:hover .promo-block-content h5,
    .single-promo-block.hover-image:hover .promo-block-icon span {
        color: #ffffff;
    }
    .single-promo-block.hover-image:hover .promo-block-content p {
        color: rgba(255, 255, 255, 0.75);
    }
}

.overlay-top-img {
    position: absolute;
    bottom: -27px;
}

.project-info-list li {
    border-left: 4px solid #1A2C79;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
}

.project-info-list li a {
    color: #707070;
}

/*=========================================
      19. TESTIMONIAL CSS
============================================*/

.testimonial-single {
    display: block;
    position: relative;
}

.client-info h5 {
    font-size: 15px;
}

/*owl carousel slider*/

.owl-carousel .owl-item .client-img img {
    width: 60px;
    display: initial;
}

.client-ratting-list li:not(:last-child) {
    margin-right: 0;
    line-height: 14px;
}

.client-ratting-list li span {
    font-size: 11px;
}

/*testimonial old*/

.bg-left-shape {
    position: relative;
}

.bg-left-shape:before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 50%;
    height: 80%;
    left: 15%;
    top: 22%;
    background-image: url("../images/globe-bg.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.testimonial-wrap {
    padding: 30px;
}

.testimonial-wrap span.icon {
    font-size: 35px;
    color: #1A2C79;
}

.testimonial-wrap blockquote {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 127px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}

.client-say {
    position: relative;
    display: inline-block;
}

.client-say p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 110px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
    float: left;
}

.client-say p span {
    font-size: 32px;
    color: #1A2C79;
}

.client-say img {
    position: relative;
    width: 6% !important;
    display: initial !important;
    top: 5px;
    margin-right: 10px;
}

.author-img {
    width: 4.425rem;
    height: 4.425rem;
    line-height: 4.425rem;
    border-radius: 50%;
    border: 2px solid #ffffff;
}

.dot-indicator.owl-theme button.owl-dot span {
    display: inline-block;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    background: #d8d8d8;
    border-radius: 50%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    transition: 0.3s;
}

.dot-indicator.owl-theme button.owl-dot:focus {
    border: none;
    outline: none;
}

.dot-indicator.owl-theme button.owl-dot.active span {
    background: #7202bb;
    border: 2px solid transparent;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

.screen-carousel.dot-indicator.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 20px;
}

.arrow-indicator.owl-theme .owl-nav {
    position: absolute;
    left: 0;
    margin-top: 4px;
}

.arrow-indicator.owl-theme .owl-nav [class*=owl-] {
    width: 40px;
    height: 40px;
    margin: 2px;
    box-shadow: 0 2px 4px rgba(12, 12, 12, 0.12);
    background: #ffffff;
    border-radius: 50%;
}

.arrow-indicator.owl-theme .owl-nav [class*=owl-]:focus {
    outline: none;
}

.arrow-indicator.owl-theme .owl-nav [class*=owl-] span {
    font-size: 20px;
    line-height: 20px;
    color: #1A2C79;
}

.arrow-indicator.owl-theme .owl-nav [class*=owl-]:hover {
    background: #1A2C79 !important;
}

.arrow-indicator.owl-theme .owl-nav [class*=owl-]:hover span {
    color: #ffffff !important;
}

/*client section css*/

.client-section-wrap ul {
    display: block;
}

.client-section-wrap ul li {
    padding-right: 50px;
    margin: 5px 0;
}

.client-section-wrap ul li img {
    transition: all 0.3s ease-in;
}

.client-section-wrap ul li img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    filter: none;
    -webkit-filter: grayscale(0%);
}

.client-section-wrap ul li:last-child {
    padding-right: 0;
}

.single-client {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-column-align: center;
    justify-items: center;
    width: 60%;
    height: auto;
    -webkit-transition: -webkit-transform .5s ease-in;
    transition: -webkit-transform .5s ease-in;
    transition: transform .5s ease-in;
    transition: transform .5s ease-in, -webkit-transform .5s ease-in;
    margin: 8px auto;
}

.single-client img {
    max-width: 100%;
    max-height: 100%;
    -webkit-filter: opacity(50%);
    filter: opacity(90%);
    width: 100%;
}

.single-client:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.single-client:hover .client-img {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}

.shape-img {
    position: relative;
    z-index: 2;
    width: 100%;
}

.shape-img img {
    width: 100%;
    position: absolute;
    max-width: none;
    height: auto;
}

.client-img-list li.client-thumb img {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
    border: 4px solid #ffffff;
    border-radius: 50%;
}

.client-img-list li.client-thumb {
    display: inline-block;
}

.client-img-list li.client-1 {
    position: absolute;
    top: 0;
    left: 15%;
    width: 120px;
    height: 120px;
    -webkit-animation: thumb-scale-up-one 7s infinite linear;
    animation: thumb-scale-up-one 7s infinite linear;
}

.client-img-list li.client-2 {
    position: absolute;
    width: 120px;
    height: 120px;
    right: 35%;
    top: 0;
    -webkit-animation: thumb-scale-up-two 6s infinite linear;
    animation: thumb-scale-up-two 6s infinite linear;
}

.client-img-list li.client-3 {
    position: absolute;
    width: 130px;
    height: 130px;
    top: 0;
    right: 50px;
    -webkit-animation: thumb-scale-up-three 8s infinite linear;
    animation: thumb-scale-up-three 8s infinite linear;
}

.client-img-list li.client-4 {
    position: absolute;
    width: 110px;
    height: 110px;
    top: 125px;
    left: 90px;
    -webkit-animation: thumb-scale-up-one 7s infinite linear;
    animation: thumb-scale-up-one 7s infinite linear;
}

.client-img-list li.client-5 {
    position: absolute;
    width: 160px;
    height: 160px;
    left: 37%;
    top: 70px;
    -webkit-animation: thumb-scale-up-three 8s infinite linear;
    animation: thumb-scale-up-three 8s infinite linear;
}

.client-img-list li.client-6 {
    position: absolute;
    width: 120px;
    height: 120px;
    left: 180px;
    top: 200px;
    -webkit-animation: thumb-scale-up-two 6s infinite linear;
    animation: thumb-scale-up-two 6s infinite linear;
}

.client-img-list li.client-7 {
    position: absolute;
    top: 130px;
    right: 110px;
    width: 100px;
    height: 100px;
    -webkit-animation: thumb-scale-up-one 7s infinite linear;
    animation: thumb-scale-up-one 7s infinite linear;
}

@-webkit-keyframes thumb-thumb-scale-up-one {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    40% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes thumb-scale-up-one {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    40% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes thumb-scale-up-two {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }
    40% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }
}

@keyframes thumb-scale-up-two {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }
    40% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
    100% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }
}

@-webkit-keyframes thumb-scale-up-three {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    40% {
        -webkit-transform: scale(.4);
        transform: scale(.5);
    }
    100% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
}

@keyframes thumb-scale-up-three {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    40% {
        -webkit-transform: scale(.4);
        transform: scale(.5);
    }
    100% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
}

/*=========================================
        20. SUBSCRIBE FORM CSS
============================================*/

.subscribe-form #email {
    background: #FDFCFB;
    font-family: inherit;
    color: #737373;
    letter-spacing: 1px;
    text-indent: 5%;
    border-radius: 30px;
}

.subscribe-form input.button {
    position: absolute;
    right: 8px;
    border-radius: 30px;
    padding: initial;
    top: 8px;
    bottom: 8px;
    width: 30%;
}

.subscribe-form-footer {
    position: absolute;
    top: -40px;
    width: 100%;
}

.subscribe-form-footer input.form-control {
    padding: 2.0175rem 1.15rem;
    border-radius: 50px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.22);
}

.subscribe-form-footer input.button {
    border-radius: 50px;
}

/*=========================================
        21. ACCORDION FAQ CSS
============================================*/

.accordion-faq.accordion>.card {
    overflow: hidden;
}

.accordion-faq.accordion .card-header {
    position: relative;
    cursor: pointer;
    background: #ffffff;
}

.accordion-faq.accordion .card-header:first-child {
    border-radius: calc(0.375rem - 1px) calc(0.375rem - 1px) 0 0;
}

.accordion-faq.accordion .card-header {
    border-bottom: 1px solid #EFF2F7;
}

.accordion-faq.accordion>.card:not(:first-of-type) .card-header:first-child {
    border-radius: 0;
}

.accordion-faq.accordion>.card .card-header {
    margin-bottom: -1px;
}

.accordion-faq.accordion>.card .card-header h6 {
    font-weight: 600;
}

.accordion-faq.accordion .card-header[aria-expanded=false]:after {
    content: "+";
}

.accordion-faq.accordion .card-header[aria-expanded=true]:after {
    content: "-";
}

.accordion-faq.accordion .card-header:after {
    content: "+";
    position: absolute;
    right: 1.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 700;
}

/*=========================================
           22. CONTENT BOX CSS
============================================*/

.service-block-one .inner-box {
    position: relative;
    display: block;
}

.service-block-one .inner-box .image-box {
    position: absolute;
    left: 0;
    top: 0;
    background: #1A2C79;
    overflow: hidden;
}

.service-block-one .inner-box .image-box a {
    position: relative;
    z-index: 1;
    text-decoration: none;
}

.service-block-one .inner-box .image-box img {
    width: 100%;
    opacity: 1;
    transition: all 500ms ease;
    display: block;
}

figure {
    margin: 0;
}

.service-block-one .inner-box .content-box {
    position: relative;
    padding: 28px 30px 30px 240px;
    min-height: 300px;
}

.service-block-one .inner-box:hover .image-box img {
    opacity: 0.5;
    transform: scale(1.05);
}

.service-block-one .inner-box .content-box .icon-box {
    position: relative;
    display: inline-block;
    font-size: 55px;
    line-height: 55px;
    color: #000;
    font-weight: 500;
    margin-bottom: 17px;
}

.service-block-one .inner-box .content-box .link-btn a {
    position: relative;
    display: inline-block;
    text-decoration: none;
}

.service-block-one .inner-box .content-box .link-btn i {
    position: relative;
    font-size: 12px;
    transition: all 500ms ease;
}

.service-block-one .inner-box .content-box .link-btn a:hover i {
    transform: rotate(360deg);
}

@media only screen and (max-width: 599px) {
    .service-block-one .inner-box .image-box {
        position: relative;
    }
    .service-block-one .inner-box .image-box a {
        display: block;
    }
    .service-section .service-block-one .inner-box .content-box {
        padding-top: 40px !important;
    }
    .service-block-one .inner-box .content-box {
        padding-left: 30px;
    }
}

/*=========================================
            23. PRICING CSS
============================================*/

.card.single-pricing-pack {
    transition: all 0.2s ease 0s;
    box-shadow: 0 0 0 1px #ebebeb;
    border: none;
    border-top: 4px solid transparent;
}

.card.single-pricing-pack:hover {
    z-index: 2;
    border-radius: 1rem !important;
}

.single-pricing-pack:hover {
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
    transform: translate(0, -5px);
    border-top: 4px solid #1A2C79;
}

.single-pricing-pack .card-body {
    color: rgb(132, 146, 166);
    flex: 1 1 auto;
    padding: 1.5rem;
}

.pricing-header {
    position: relative;
    background: transparent;
}

.pricing-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    line-height: 120px;
    margin: 0 auto;
}

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

.pricing-header::after {
    content: "";
    display: block;
    width: 80%;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -40%;
    height: 1px;
    background: radial-gradient(at center center, rgb(222, 228, 239) 0px, rgba(255, 255, 255, 0) 75%);
}

.pricing-feature-list li {
    font-size: 14px;
    line-height: 28px;
}

/*price new style*/

.popular-price {
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
    transform: translate(0, -5px);
    border-top: 4px solid #1A2C79 !important;
}

.pricing-value {
    position: relative;
    display: block;
}

.pricing-value.card-footer {
    border-color: #ebebeb;
    background: transparent;
}

.pricing-value.card-footer::after {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%;
    right: 2.875rem;
    display: block;
    content: "\e628";
    font-size: 1.375rem;
    font-family: "themify";
}

.pricing-value.card-footer:hover {
    background: #1A2C79;
    color: #ffffff;
}

.pricing-value.card-footer:hover::after {
    right: 1.875rem;
    color: inherit;
}

.pricing-value .card-price {
    font-size: 2.5rem;
    font-weight: 500;
}

a.pricing-value {
    text-decoration: none;
    color: #757575;
}

/*=========================================
           24. SINGLE PAGE HEADER CSS
============================================*/

@media (min-width: 320px) and (max-width: 576px) {
    .page-header-content {
        padding-top: 3rem !important;
    }
}

.custom-breadcrumb ol {
    margin-bottom: 0;
}

.custom-breadcrumb ol li a,
.custom-breadcrumb ol li.breadcrumb-item.active {
    color: #ffffff;
    opacity: 0.7;
}

.custom-breadcrumb ol li a:hover {
    opacity: 1;
}

.custom-breadcrumb ol li.breadcrumb-item {
    padding-left: 0;
}

.custom-breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    font-family: themify;
    content: "\e649";
    font-size: 10px;
    color: #ffffff;
    opacity: 0.7;
}

/*=========================================
            25. CONTACT US CSS
============================================*/

.single-promo-card {
    transition: all .2s ease;
}

.card.single-promo-card {
    border: 1px solid #eff2f7;
    border-radius: 1rem;
}

.single-promo-card .card-body {
    padding: 1.5rem;
}

.single-promo-hover:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125) !important;
}

.link-color {
    color: #707070;
}

.google-map {
    height: 100%;
    margin-bottom: -8px;
}

.google-map iframe {
    width: 100%;
    border: 0;
    -webkit-filter: grayscale(99%);
    -webkit-backface-visibility: hidden;
}

/*=========================================
           26. FOOTER CSS
============================================*/

.footer-top {
    padding-bottom: 25px;
    background: url(../images/map-footer.png) no-repeat center center;
    background-color: #0F1D44;
	background-position: 50% 4%;
}

.security-icon-list li {
    margin: 0 15px 12px 0;
}

@media (min-width: 320px) and (max-width: 567px) {
    .footer-top {
        padding: 0;
    }
}

.footer-nav-wrap h4 {
    font-size: 20px;
    margin-bottom: 1.4rem;
	text-transform: uppercase;
}

.footer-nav-wrap ul li a {
    font-size: 16px;
    line-height: 24px;
    padding: 3px 0;
    color: inherit;
    color: #A4B0B6;
}

.footer-nav-wrap ul li a:hover,
.copyright-text a:hover,
.social-list li a:hover {
    opacity: 1;
    text-decoration: none;
    color: #fff;
}

.payment-method ul {
    display: inline-flex;
    align-items: center;
}

.payment-method ul li img {
    max-width: 60px;
}

.payment-method ul li:last-child img {
    margin-right: 0;
}

.copyright-text {
    font-size: 13px;
}

.social-list li a {
    padding: 6px 10px;
}

.footer-nav-list li a span {
    font-size: 12px;
    vertical-align: middle;
}

.bottom-sticky-footer {
    position: absolute;
    bottom: 1px;
    width: 100%;
    height: 55px;
}

.social-nav ul li a {
    opacity: 0.8;
    transition: all 0.3s ease-in;
}

.tooltip-hover {
    position: relative;
}

.tooltip-hover a {
    display: block;
}

.tooltip-item {
    position: absolute;
    background-color: rgb(255, 255, 255);
    pointer-events: none;
    color: rgb(51, 51, 51);
    font-size: 13px;
    bottom: 90%;
    left: 50%;
    opacity: 0;
    white-space: nowrap;
    visibility: hidden;
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.2) 0 4px 15px;
    transform: translate3d(-50%, 0px, 0px);
    padding: 0.4rem 0.8rem;
    border-radius: 3px;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.tooltip-item:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0px;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 6px solid rgb(255, 255, 255);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.tooltip-hover:hover .tooltip-item {
    opacity: 1;
    visibility: visible;
    bottom: calc(100% + 5px);
}

.get-in-touch-list li {
    font-size: 14px;
}

.get-in-touch-list li span {
    font-size: 18px;
}

/*=========================================
            27. PRELOADER CSS
============================================*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
}

.loader1 {
    display: block;
    position: relative;
    left: 45%;
    top: 50%;
}

.loader1 span {
    vertical-align: middle;
    border-radius: 100%;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 3px 2px;
    -webkit-animation: loader1 0.8s linear infinite alternate;
    animation: loader1 0.8s linear infinite alternate;
}

.loader1 span:nth-child(1) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background: rgba(41, 103, 230, 0.6);
}

.loader1 span:nth-child(2) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
    background: rgba(41, 103, 230, 0.8);
}

.loader1 span:nth-child(3) {
    -webkit-animation-delay: -0.26666s;
    animation-delay: -0.26666s;
    background: rgba(41, 103, 230, 1);
}

.loader1 span:nth-child(4) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
    background: rgba(41, 103, 230, 0.8);
}

.loader1 span:nth-child(5) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background: rgba(41, 103, 230, 0.4);
}

@keyframes loader1 {
    from {
        transform: scale(0, 0);
    }
    to {
        transform: scale(1, 1);
    }
}

@-webkit-keyframes loader1 {
    from {
        -webkit-transform: scale(0, 0);
    }
    to {
        -webkit-transform: scale(1, 1);
    }
}

/*=========================================
            28. BLOG PAGE CSS
============================================*/

.row-post-thumbnail .post {
    border: 0;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.post {
    padding-bottom: 25px;
}

.post-preview {
    padding-bottom: 5px;
    border-radius: .1875rem;
    transition: all .3s ease-in-out;
}

.post-preview img {
    border-radius: .1875rem;
    width: 100%;
    display: block;
}

.post-header {
    margin: 15px 0 20px;
}

.post-header .post-title {
    font-size: 1.5625rem;
    margin-bottom: 0;
    color: #333333;
}

.post-header .post-title a {
    color: #5d5d5d;
}

.post-header .post-title a:hover {
    color: #e80566;
}

.post-meta {
    list-style: none;
    font-size: .8125rem;
    padding: 0;
    margin: 0;
}

.post-meta a,
.post-meta li {
    color: #495057;
    opacity: 0.8;
}

.post-meta a:hover {
    color: #e80566;
    opacity: 1;
}

.post-meta>li {
    position: relative;
    display: inline-block;
    padding: 0 14px 0 0;
    margin: 0 14px 0 0;
}

.post-meta>li:not(:last-child):after {
    position: absolute;
    content: '/';
    right: -5px;
    top: 0;
}

.post-content p {
    margin-bottom: 5px;
}

.post-more a span {
    vertical-align: middle;
}

.post-footer {
    margin-top: 15px;
}

/*blog single css*/

.post-content blockquote {
    border-left: 2px solid #eaeaea;
    padding: 10px 0 10px 40px;
    margin: 40px 0;
    transition: all .3s ease-in-out;
}

.post-content blockquote:hover {
    border-color: #e80566;
}

.blockquote {
    font-weight: 500;
    color: #222;
}

.post-content ol {
    list-style-type: decimal;
}

.post-content ul,
.post-content ol {
    margin: 15px 0 15px 40px;
}

/*comments css*/

.comment,
.comment-shop {
    border-bottom: 1px solid #f0f0f0;
    padding: 30px 0 0;
}

.comment-author,
.comment-author-shop {
    margin: 5px 0 0;
    height: 64px;
    width: 64px;
    float: left;
}

.comment-body,
.comment-body-shop {
    position: relative;
    padding: 0 0 30px;
    margin: 0 0 0 85px;
}

.comment-meta,
.comment-meta-shop {
    margin: 0 0 15px;
}

.comment-meta-date {
    font-size: 13px;
}

.children>.comment,
.children>.comment-shop {
    border: 0;
    border-top: 1px solid #f0f0f0;
    margin-left: 85px;
}

.comment-meta-author a,
.comment-meta-author-shop a {
    font-weight: 500;
    color: #222;
}

.comment-meta-date a,
.comment-meta-date-shop a {
    color: #788487;
    opacity: .6;
}

.comment-meta-date a:hover,
.comment-meta-date a:focus,
.comment-meta-date-shop a:hover,
.comment-meta-date-shop a:focus {
    color: #1A2C79;
    opacity: 1;
}

.comment-reply,
.comment-reply-shop {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
}

.comment-reply>a,
.comment-reply-shop>a {
    background: #f4f4f4;
    border-radius: .1875rem;
    padding: 5px 15px;
    display: block;
    color: #222;
}

.comment-reply>a:hover,
.comment-reply>a:focus,
.comment-reply-shop>a:hover,
.comment-reply-shop>a:focus {
    background: #e80566;
    ;
    color: #fff;
}

.comment-list+.comment-respond,
.comment-list-shop+.comment-respond {
    margin-top: 30px;
}

/*pagination*/

.custom-pagination-nav ul li {
    text-align: center;
    margin-right: 10px;
}

.custom-pagination-nav ul li:focus,
.custom-pagination-nav ul li a:focus {
    outline: none;
    box-shadow: none;
}

.custom-pagination-nav ul li a.page-link {
    width: 35px;
    height: 35px;
    line-height: 33px;
    border-radius: 100%;
    padding: inherit;
    font-weight: 600;
    color: #1A2C79;
}

.custom-pagination-nav ul li a.page-link:hover {
    background: #e80566;
    color: #FFFFFF;
}

.custom-pagination-nav ul li.page-item:first-child .page-link,
.custom-pagination-nav ul li.page-item:last-child .page-link {
    border: none;
    background: transparent;
}

.custom-pagination-nav ul li.page-item:first-child .page-link:hover,
.custom-pagination-nav ul li.page-item:last-child .page-link:hover {
    color: #e80566;
}

.custom-pagination-nav ul li.page-item.active .page-link {
    background-color: #e80566;
    border-color: #e80566;
}

/*blog sidebar*/

.widget-search {
    padding: 0;
    border: 0;
}

.widget {
    margin-bottom: 50px;
}

.widget-search form {
    position: relative;
}

.widget-search .search-button {
    background-color: transparent;
    border: none;
    position: absolute;
    top: 50%;
    height: 100%;
    right: .875rem;
    transform: translateY(-50%);
    transition: all .3s ease-out;
    color: #ddd;
}

.widget-search .search-button span {
    font-size: 20px;
    line-height: 32px;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

.widget .widget-title {
    margin-bottom: 24px;
}

.widget .widget-title>h6 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 12px;
    margin: 0;
    color: #788487;
}

.widget ul {
    margin-bottom: 0;
}

.widget-categories ul li:first-child,
.widget-recent-entries ul li:first-child,
.widget-recent-entries-custom ul li:first-child {
    padding-top: 0;
}

.widget-categories ul li,
.widget-recent-entries ul li,
.widget-recent-entries-custom ul li {
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 0;
    margin: 0;
}

.widget a {
    color: #788487;
    display: block;
    font-size: 14px;
}

.widget a:hover {
    color: #e80566;
}

.widget-recent-entries-custom .wi {
    float: left;
    width: 80px;
}

.widget-recent-entries-custom .wb {
    padding-left: 16px;
    width: 100%;
}

.widget-recent-entries-custom .wi,
.widget-recent-entries-custom .wb {
    vertical-align: middle;
    display: table-cell;
}

.post-date {
    font-size: 13px;
    color: #a3a6a8;
    display: block;
    margin: 0;
}

.tag-cloud>a,
.post-tags>a {
    background: #f4f4f4;
    border-radius: .1875rem;
    position: relative;
    display: inline-block;
    padding: 6px 15px;
    margin: 5px 8px 5px 0;
    text-transform: uppercase;
    font-size: 10px !important;
    color: #222;
    font-weight: 500;
}

.tag-cloud>a:hover,
.post-tags>a:hover {
    background: #1A2C79;
    color: #fff;
    opacity: 1;
}

/*=========================================
            29. BACK TO TOP CSS
============================================*/

button.scroll-top:focus {
    outline: none;
}

.scroll-top.open {
    bottom: 30px;
    right: 0;
}

.scroll-top {
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    bottom: 105%;
    right: 50px;
    font-size: 16px;
    border-radius: 50%;
    z-index: 99;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    background: #1A2C79;
    transition: 1s ease;
    border: none;
}

.scroll-top span {
    color: #fff;
}

.scroll-top:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

/*new css new update*/

.full-screen {
    min-height: 100vh;
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.countdown-wrap h2,
.countdown-wrap h5 {
    color: #fff !important;
}

/*404 page*/

.error-content .notfound-404 {
    position: relative;
    height: 280px;
    z-index: 2;
    margin-bottom: 30px;
}

.error-content .notfound-404 h1 {
    font-size: 230px;
    font-weight: 700;
    margin: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-size: cover;
    background-position: center;
}

@media (min-width: 320px) and (max-width: 767px) {
    .error-content .notfound-404 {
        height: auto;
        display: block;
        position: relative;
    }
    .error-content .notfound-404 h1 {
        font-size: 80px;
        position: relative;
    }
}

/*login css*/

.login-signup-content {
    height: 100%;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-signup-wrap h1 {
    font-size: 35px;
}

.vh-100 {
    height: 100vh !important;
}

.bg-cover {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.ml-n3,
.mx-n3 {
    margin-left: -.98rem !important;
}

.small,
small {
    font-size: 90%;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #95aac9;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #d2ddec;
    border-radius: .375rem;
}

.form-control:focus {
    border-color: #1A2C79;
}

.btn.border-radius {
    border-radius: 4px;
}

.login-signup-form .form-group {
    position: relative;
}

.login-signup-form .form-group label {
    font-weight: 500;
    font-size: 90%;
}

.login-signup-form .form-group .input-group.input-group-merge>.form-control {
    text-indent: 35px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: calc(2.65em + .75rem + 2px);
}

.login-signup-form .form-group .input-group.input-group-merge>.form-control:focus {
    z-index: inherit;
}

.input-icon {
    height: calc(3.4rem + 2px);
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    top: 0;
    bottom: 0;
    left: 0;
}

.input-icon span {
    padding: 18px 15px;
    border-left: 2px solid #1A2C79;
    position: absolute;
    font-size: 18px;
    height: calc(3.4rem + 2px);
    border-radius: 4px;
    color: #afafaf;
}

/*login signup new style*/

.login-signup-card {
    position: relative;
    z-index: 2;
}

.custom-control-label {
    line-height: 1.5;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

/*testimonial author*/

.author-info {
    display: flex;
    align-items: center;
}

/*subscribe form two*/

.subscribe-form-footer.subscribe-form-two {
    top: 0;
}

.text-blue {
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 32px !important;
}

.lead {
    font-size: 17px !important;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
    color: #1C1C1C !important;
}

.lead span {
    color: #000;
}

.text-2 {
    color: #020202;
    font-size: 25px;
    font-weight: normal;
    font-family: 'Montserrat', sans-serif;
}

.secondary-solid-btn-2 {
    color: #fff;
    background: #15860B;
    border-radius: 40px;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    font-weight: normal;
    width: 335px;
    margin-top: 10px;
    display: inline-block;
    padding: 4px 30px;
}

.secondary-solid-btn-2 a:link {
    color: #fff;
}

.secondary-solid-btn-2 a:visited {
    color: #fff;
}

.secondary-solid-btn-2 a:hover {
    color: #F5D727;
}

@media(max-width:767px) {
    .secondary-solid-btn-2 {
        width: 100%;
        font-size: 17px !important;
        margin-bottom: 45px;
    }
    .custom-dot.custom-dot-2.owl-theme .owl-dots {
        left: 0;
        top: auto;
        bottom: -20%;
        right: 0;
        z-index: 100;
        position: relative;
    }
    .secondary-solid-btn {
        display: block;
        font-size: 15px !important;
    }
}

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}

a {
    text-decoration: none;
    cursor: pointer;
}

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

input,
button,
select,
textarea {}

p {
    position: relative;
    line-height: 1.6em;
}

.strike-through {
    text-decoration: line-through;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.medium-container {
    max-width: 850px;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
}

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

.theme-btn {
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.styled-font {}

.centered {
    text-align: center;
}

.anim-3,
.anim-3-all * {
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.anim-5,
.anim-5-all * {
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.anim-7,
.anim-7-all * {
    transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
}

/*Btn Style One*/

.btn-style-one {
    position: relative;
    padding: 9px 48px 7px;
    line-height: 24px;
    background: none;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #fc3950 !important;
    color: #fc3950;
    text-transform: uppercase;
    font-family: 'Reem Kufi', sans-serif;
}

.btn-style-one:hover {
    background: #fc3950;
    color: #ffffff;
    border-color: #fc3950;
}

.btn-style-two {
    position: relative;
    padding: 9px 48px 7px;
    line-height: 24px;
    background: #fc3950;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #fc3950 !important;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Reem Kufi', sans-serif;
}

.btn-style-two:hover {
    background: none;
    color: #fc3950;
    border-color: #fc3950;
}

.theme-btn .icon-left {
    padding-right: 10px;
}

.theme-btn .icon-right {
    padding-left: 10px;
}

.theme_color {
    color: #fc3950;
}

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

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

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

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



/*** 

====================================================================
	Search Popup
====================================================================

***/

.search-popup {
    position: fixed;
    left: 0px;
    top: -100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.80);
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    overflow: auto;
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
}

.search-popup.popup-visible {
    top: 0;
    visibility: visible;
    opacity: 1;
}

.search-popup .close-search {
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 20px;
    color: #ffffff;
    cursor: pointer;
    z-index: 5;
}

.search-popup .close-search:hover {
    opacity: 0.70;
}

.search-popup .search-form {
    position: relative;
    padding: 0px 15px 50px;
    padding-top: 200px;
    max-width: 1024px;
    margin: 0 auto;
}

.search-popup .search-form fieldset {
    position: relative;
    border: 5px solid rgba(255, 255, 255, 0.80);
    -webkit-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}

.search-popup .search-form fieldset input[type="search"],
.search-popup .search-form fieldset input.form-control {
    position: relative;
    height: 70px;
    padding: 20px 220px 20px 30px;
    background: #ffffff;
    line-height: 30px;
    font-size: 24px;
    color: #233145;
    -webkit-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.search-popup .search-form fieldset input[type="submit"] {
    position: absolute;
    display: block;
    right: 0px;
    top: 0px;
    text-align: center;
    width: 220px;
    padding: 20px 10px 20px 10px;
    color: #ffffff;
    background: #2e4c66;
    line-height: 30px;
    height: 70px;
    font-size: 20px;
    text-transform: uppercase;
    -moz-border-radius: 0px 7px 7px 0px;
    -ms-border-radius: 0px 7px 7px 0px;
    -o-border-radius: 0px 7px 7px 0px;
    -webkit-border-radius: 0px 7px 7px 0px;
    border-radius: 0px 7px 7px 0px;
}

.search-popup .search-form fieldset input[type="submit"]:hover {
    background: #fc3950;
    color: #ffffff;
}

.search-popup h3 {
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 30px;
    text-align: center;
    letter-spacing: 1px;
}

.search-popup .recent-searches {
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}

.search-popup .recent-searches li {
    display: inline-block;
    margin: 0px 10px 10px 0px;
}

.search-popup .recent-searches li a {
    display: block;
    line-height: 24px;
    border: 1px solid #ffffff;
    padding: 5px 20px;
    color: #ffffff;
    border-radius: 3px;
}

.search-popup .recent-searches li a:hover {
    color: #fc3950;
    border-color: #fc3950;
}

/*** 

====================================================================
	Social Icon One
====================================================================

***/

.social-icon-one {
    position: relative;
}

.social-icon-one li {
    position: relative;
    margin-right: 10px;
    display: inline-block;
}

.social-icon-one li a {
    position: relative;
    min-width: 45px;
    min-height: 45px;
    color: #8f8f8f;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    background-color: #414141;
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
}

.social-icon-one li a:hover {
    background-color: #fc3950;
    color: #ffffff;
}

/*** 

====================================================================
	Social Icon Two
====================================================================

***/

.social-icon-two {
    position: relative;
}

.social-icon-two li {
    position: relative;
    margin-right: 10px;
    display: inline-block;
}

.social-icon-two li a {
    position: relative;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
}

.social-icon-two li a:hover {
    color: #fc3950;
}

/*** 

====================================================================
	Social Icon Three
====================================================================

***/

.social-icon-three {
    position: relative;
}

.social-icon-three li {
    position: relative;
    margin-right: 10px;
    display: inline-block;
}

.social-icon-three li a {
    position: relative;
    min-width: 45px;
    min-height: 45px;
    color: #7d7d7d;
    font-size: 16px;
    line-height: 43px;
    text-align: center;
    border: 1px solid #7d7d7d;
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
}

.social-icon-three li a:hover {
    background-color: #fc3950;
    border-color: #fc3950;
    color: #ffffff;
}

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 38px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    border-radius: 50%;
    background: #333333;
    display: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.scroll-to-top:hover {
    color: #ffffff;
    background: #fc3950;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/

.main-header {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 99;
    width: 100%;
    padding: 30px 0px 0px;
}

.main-header .auto-container {
    position: relative;
}

.main-header .main-box {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header.fixed-header .main-box {
    position: fixed;
    padding: 0px 0px;
    z-index: 999;
    opacity: 1;
    visibility: visible;
    border-bottom: 1px solid #e0e0e0;
    background-color: rgba(255, 255, 255, 0.97);
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.main-header .main-box .outer-container {
    position: relative;
    padding: 0px 60px 0px 0px;
}

.header-style-two .main-box .outer-container {
    position: relative;
    padding: 0px 80px 0px 0px;
}

.main-header .main-box .logo-box {
    position: relative;
    float: left;
    left: 0px;
    z-index: 10;
    padding: 5px 0px;
}

.main-header .main-box .logo-box .logo img {
    display: inline-block;
    max-width: 100%;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .nav-toggler {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -18px;
    display: none;
}

.main-header .nav-toggler button {
    position: relative;
    display: block;
    height: 36px;
    background: none;
    color: #ffffff;
    text-align: center;
    font-size: 18px;
    line-height: 36px;
    border-radius: 3px;
    font-weight: normal;
}

.main-header .outer-container .other-options {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -10px;
    width: 50px;
    height: 20px;
    color: #555555;
    border-left: 1px solid #555555;
}

.header-style-two .outer-container .other-options {
    border-left-color: #ffffff;
    width: 70px;
}

.header-style-three .outer-container .other-options {
    width: 50px;
}

.main-header .outer-container .cart-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding: 0px;
    margin: 0px;
    color: #555555;
    cursor: pointer;
    background: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .outer-container .cart-btn:hover {
    color: #fc3950;
}

.header-style-two .outer-container .cart-btn {
    right: 50px;
    color: #ffffff;
}

.header-style-three .outer-container .cart-btn {
    display: none;
}

.main-header .outer-container .cart-btn .count {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    background: #ffffff;
    color: #555555;
    border-radius: 50%;
    font-size: 10px;
    text-align: center;
}

.main-header .outer-container .share-btn {
    position: absolute;
    right: 40px;
    top: 0px;
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding: 0px;
    margin: 0px;
    color: #555555;
    cursor: pointer;
    background: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .outer-container .share-btn:hover {
    color: #fc3950;
}

.header-style-two .outer-container .share-btn {
    display: none;
}

.header-style-three .outer-container .share-btn {
    right: 0px;
}

.main-header .outer-container .search-box-outer {
    position: absolute;
    right: 0px;
    top: 0;
    width: 30px;
    height: 20px;
    text-align: right;
}

.header-style-two .outer-container .search-box-outer {
    right: 30px;
}

.main-header .outer-container .search-box-btn {
    position: relative;
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 20px !important;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    color: #555555;
    background: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.header-style-two .outer-container .search-box-btn {
    color: #ffffff;
}

.main-header .outer-container .search-box-btn:hover {
    color: #fc3950;
}

.main-header .search-box-outer .dropdown-menu {
    top: 58px;
    border-top: 3px solid #fc3950;
    padding: 0px;
    width: 280px;
    border-radius: 0px;
}

.header-style-three .search-box-outer .dropdown-menu {
    top: 48px;
}

.header-style-two .search-box-outer .dropdown-menu {
    border-top-color: #fc3950;
}

.main-header .search-box-outer .dropdown-menu>li {
    padding: 0px;
    border: none;
    background: none;
}

.main-header .search-panel .form-container {
    padding: 25px 20px;
}

.main-header .search-panel .form-group {
    position: relative;
    margin: 0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 7px 40px 7px 15px;
    height: 40px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus {
    border-color: #fc3950;
}

.header-style-two .search-panel input:focus,
.header-style-two .search-panel select:focus {
    border-color: #fc3950;
}

.main-header .search-panel .search-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #555555;
    font-size: 12px;
    background: none;
    cursor: pointer;
}

.main-header .nav-outer {
    position: relative;
    float: right;
}

.header-style-two {
    position: absolute;
    padding-top: 0px;
    background-color: rgba(0, 0, 0, 0.50);
}

.header-style-two .nav-toggler {
    display: block;
}

.header-style-two .main-box {
    padding-top: 0px;
}

.header-style-two .main-box .logo-box {
    padding: 15px 0px;
}

.header-style-two .main-box .navigation>li>a {
    color: #ffffff;
    padding: 38px 0px;
}

.header-style-two.fixed-header .main-box {
    background-color: rgba(0, 0, 0, 0.90);
    padding: 0px;
    border: 0px;
}

.header-style-three {
    padding: 0px;
    border-bottom: 1px solid #e1e1e1;
}

.header-style-three .main-box {
    max-width: 1750px;
    margin: 0 auto;
    padding: 0px 15px;
}

.header-style-three.fixed-header .main-box {
    padding: 0px 15px;
    border-bottom: 1px solid #e0e0e0;
}

.main-menu {
    position: relative;
    text-align: center;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navbar-collapse {
    padding: 0px;
}

.main-menu .navigation {
    position: relative;
}

.main-menu .navigation>li {
    position: relative;
    display: inline-block;
    margin: 0px 40px 0px 0px;
    text-align: left;
}

.main-menu .navigation>li:last-child {
    margin-right: 20px;
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    color: #111111;
    line-height: 24px;
    text-transform: capitalize;
    letter-spacing: 0px;
    opacity: 1;
    padding: 28px 0px;
    font-size: 16px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'Reem Kufi', sans-serif;
}

.main-menu .navigation>li.dropdown>a {
    padding-right: 15px;
}

.main-menu .navigation>li.dropdown>a:after {
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    right: 0px;
    top: 50%;
    height: 20px;
    line-height: 20px;
    margin-top: -8px;
    font-size: 14px;
    font-weight: normal;
    display: block;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a,
.main-menu .navigation>li.current-menu-item>a {
    color: #fc3950;
    opacity: 1;
}

.main-menu .navigation>li>ul {
    position: absolute;
    left: 0px;
    top: 120%;
    width: 220px;
    padding: 0px;
    z-index: 100;
    display: none;
    background: #ffffff;
    border-top: 3px solid #fc3950;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 100%;
}

.main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 12px 20px;
    line-height: 22px;
    font-weight: 400;
    font-size: 15px;
    text-transform: capitalize;
    color: #222222;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li:hover>a {
    background: #fc3950;
    color: #ffffff;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 12px;
    width: 10px;
    height: 20px;
    display: block;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 20px;
    width: 220px;
    padding: 0px;
    z-index: 100;
    display: none;
    background: #ffffff;
    border-top: 3px solid #fc3950;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 12px 20px;
    line-height: 22px;
    font-weight: 400;
    font-size: 15px;
    text-transform: capitalize;
    color: #222222;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
    background: #fc3950;
    color: #ffffff;
}

.main-menu .navigation>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 0px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    background: url(../images/icons/submenu-icon.png) center center no-repeat;
    background-size: 20px;
    cursor: pointer;
    z-index: 5;
    display: none;
}

/*** 

====================================================================
	Hidden Sidebar style
====================================================================

***/

.hidden-bar {
    position: fixed;
    top: 0;
    width: 305px;
    height: 100%;
    background: #223555;
    z-index: 9999;
    transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
}

.hidden-bar .mCSB_inside>.mCSB_container {
    margin-right: 0px;
}

.hidden-bar.right-align {
    right: -400px;
}

.hidden-bar.right-align.visible-sidebar {
    right: 0px;
}

.hidden-bar.right-align .hidden-bar-closer {
    left: 0px;
}

.hidden-bar.left-align {
    left: -400px;
}

.hidden-bar.left-align.visible-sidebar {
    left: 0px;
}

.hidden-bar.left-align .hidden-bar-closer {
    right: -20px;
}

.hidden-bar .hidden-bar-closer {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    background: #ffffff;
    color: #000000;
    text-align: center;
    line-height: 38px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    z-index: 999999;
}

.hidden-bar .hidden-bar-closer:hover {
    background: #fc3950;
}

.hidden-bar .hidden-bar-closer:hover .btn {
    color: #ffffff;
}

.hidden-bar .hidden-bar-closer .btn {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 14px;
}

.hidden-bar .social-icons {
    text-align: center;
    margin: 50px 0px 30px;
}

.hidden-bar .social-icons ul {
    font-size: 0;
    margin-left: -5px;
    margin-right: -5px;
}

.hidden-bar .social-icons ul li {
    display: inline-block;
    padding: 0 5px;
}

.hidden-bar .social-icons ul li a {
    display: block;
    width: 36px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    background: #fc3950;
    color: #ffffff;
    border-radius: 5px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.hidden-bar .social-icons ul li a:hover {
    background: #ffffff;
    color: #fc3950;
}

.hidden-bar-wrapper {
    height: 100%;
}

.hidden-bar .logo {
    padding: 30px 0px;
    background: #223555;
}

.hidden-bar .logo img {
    display: inline-block;
    max-width: 100%;
}

.hidden-bar .side-menu {
    background-color: transparent;
    padding: 0;
    font-size: 13px;
    letter-spacing: 1px;
}

.hidden-bar .side-menu ul li ul a {
    background: transparent;
}

.hidden-bar .side-menu ul li ul li ul li a {
    background: transparent;
}

.hidden-bar .side-menu a.current {
    color: #fff;
}

.hidden-bar .side-menu li.current>a {
    color: #fff;
}

.hidden-bar .side-menu ul li a {
    background: transparent;
    color: #ffffff;
    display: block;
    font-weight: 500;
    font-size: 14px;
    text-transform: capitalize;
    border-top: 1px solid rgba(255, 255, 255, 0.30);
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
    padding: 10px 15px 10px 20px;
    position: relative;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.hidden-bar .side-menu ul li a:hover,
.hidden-bar .side-menu ul>li.current>a,
.hidden-bar .side-menu ul>li>ul>li.current>a {
    background: rgba(255, 255, 255, 0.10);
    color: #ffffff;
}

.hidden-bar .side-menu ul li a .btn.expander {
    background: none;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.80);
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 0px;
    position: absolute;
    top: 7px;
    right: 20px;
    outline: none;
}

/*** 

====================================================================
	Main Slider style
====================================================================

***/

.main-slider {
    position: relative;
    z-index: 10;
}

.main-slider .tp-caption .theme-btn.btn-style-one {
    color: #fc3950 !important;
}

.main-slider .tp-caption .theme-btn.btn-style-one:hover {
    color: #ffffff !important;
}

.main-slider .tp-caption .theme-btn.btn-style-two {
    color: #ffffff !important;
}

.main-slider .tp-caption .theme-btn.btn-style-two:hover {
    color: #fc3950 !important;
}

.main-slider .tp-caption {
    z-index: 5 !important;
}

.main-slider .tp-dottedoverlay {
    background-color: rgba(0, 0, 0, 0.0) !important;
}

.main-slider .has-overlay .tp-dottedoverlay {
    background-color: rgba(0, 0, 0, 0.40) !important;
}

.main-slider .text {
    font-weight: 400;
    line-height: 1.8em;
    color: #fc3950;
    font-size: 22px;
    font-style: italic;
}

.main-slider .text.white-color {
    font-weight: 400;
    line-height: 1.8em;
    color: #ffffff;
    font-size: 24px;
    font-style: italic;
}

.main-slider .text.light {
    color: #ffffff;
}

.main-slider h2 {
    font-size: 55px;
    color: #333333;
    font-weight: 400;
    line-height: 1.2em;
    font-family: 'Reem Kufi', sans-serif;
}

.main-slider h2.white-color {
    color: #ffffff;
}

.main-slider h2.medium-size-text {
    font-size: 48px;
}

.main-slider .tp-bullets.preview3 .bullet {
    background: #000000 !important;
    width: 25px !important;
    height: 4px !important;
    border: 0px !important;
    border-radius: 2px !important;
    margin: 0px 7px;
}

.main-slider .tp-bullets.preview3 .bullet:hover,
.main-slider .tp-bullets.preview3 .bullet.selected {
    border-color: #fc3950 !important;
    background: #fc3950 !important;
}

.main-slider .tparrows.preview3,
.main-slider .tparrows.preview3 {
    background: none !important;
    width: 50px !important;
    overflow: hidden;
    margin-top: 0px !important;
    height: 50px !important;
}

.main-slider .tparrows.preview3::after {
    top: 0px;
    background: rgba(0, 0, 0, 0.0);
    color: #d0d0d0;
    font-size: 16px;
    height: 50px !important;
    line-height: 46px;
    width: 50px !important;
    padding: 0px;
    border: 2px solid #d0d0d0;
    border-radius: 25px;
}

.main-slider .tparrows.tp-leftarrow.preview3::after {
    content: '\f060';
    font-family: 'FontAwesome';
}

.main-slider .tparrows.tp-rightarrow.preview3::after {
    content: '\f061';
    font-family: 'FontAwesome';
}

.main-slider .tparrows.preview3.tp-leftarrow {
    left: 30px !important;
}

.main-slider .tparrows.preview3.tp-rightarrow {
    right: 30px !important;
}

.main-slider .tparrows.preview3:hover::after {
    color: #fc3950;
    border-color: #fc3950;
}

.main-slider .tparrows.preview3 .tp-arr-iwrapper {
    visibility: hidden;
    opacity: 0;
    display: none;
}

.main-slider .tp-bannertimer {
    display: none !important;
}

/*** 

====================================================================
	social-icon
====================================================================

***/

.social-icon {
    position: relative;
    float: right;
    margin-left: 45px;
}

.social-icon a {
    position: relative;
    display: inline-block;
    text-align: center;
    margin-left: 4px;
    width: 38px;
    height: 38px;
    line-height: 36px;
    font-size: 14px;
    border: 2px solid #373737;
    color: #ffffff;
    border-radius: 50%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.social-icon a:hover {
    background-color: #fc3950;
    border-color: #fc3950;
}

/*** 

====================================================================
	Sec Title
====================================================================

***/

.sec-title {
    position: relative;
    margin-bottom: 28px;
}

.sec-title h2 {
    position: relative;
    font-size: 42px;
    color: #333333;
    padding-bottom: 14px;
    font-weight: 400;
}

.sec-title h2:after {
    position: absolute;
    content: '';
    width: 42px;
    height: 1px;
    left: 0px;
    bottom: 3px;
    background-color: #999999;
}

/*** 

====================================================================
	Sec Title Two
====================================================================

***/

.sec-title-two {
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}

.sec-title-two h2 {
    position: relative;
    font-size: 42px;
    color: #333333;
    padding-bottom: 14px;
    font-weight: 400;
}

.sec-title-two h2:after {
    position: absolute;
    content: '';
    width: 42px;
    height: 1px;
    left: 50%;
    margin-left: -21px;
    bottom: 3px;
    background-color: #999999;
}

.sec-title-two .text {
    position: relative;
    color: #555555;
    font-size: 16px;
    margin-top: 30px;
}

/*** 

====================================================================
	Sec Title Three
====================================================================

***/

.sec-title-three {
    position: relative;
    margin-bottom: 28px;
    text-align: right;
}

.sec-title-three h2 {
    position: relative;
    font-size: 42px;
    color: #333333;
    padding-bottom: 14px;
    font-weight: 400;
}

.sec-title-three h2:after {
    position: absolute;
    content: '';
    width: 42px;
    height: 1px;
    right: 0px;
    bottom: 3px;
    background-color: #999999;
}

/*** 

====================================================================
	About Section
====================================================================

***/

.about-section {
    position: relative;
    padding: 140px 0px 115px;
}

.about-section .image-column {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}

.about-section .image-column .image-box img {
    position: relative;
    max-width: 100%;
    display: inline-block;
}

.about-section .content-column .text p {
    position: relative;
    color: #555555;
    font-size: 16px;
    margin-bottom: 20px;
}

.about-section .content-column .text .btn-style-two {
    margin-top: 10px;
}

/*** 

====================================================================
	Section Section One
====================================================================

***/

.services-section-one {
    position: relative;
    padding: 20px 0px 100px;
}

.services-block {
    position: relative;
    margin-bottom: 50px;
}

.services-block .inner-box {
    position: relative;
    text-align: center;
}

.services-block .inner-box .icon-box {
    position: relative;
    color: #fc3950;
    font-size: 36px;
}

.services-block .inner-box h3 {
    position: relative;
    line-height: 1em;
    margin-top: 25px;
    padding-bottom: 25px;
}

.services-block .inner-box h3:after {
    position: absolute;
    left: 50%;
    bottom: 0px;
    content: '';
    width: 22px;
    height: 1px;
    margin-left: -11px;
    background-color: #999999;
}

.services-block .inner-box h3 a {
    color: #333333;
    font-size: 26px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block .inner-box h3 a:hover {
    color: #fc3950;
}

.services-block .inner-box .text {
    position: relative;
    color: #555555;
    font-size: 16px;
    margin-top: 18px;
    margin-bottom: 22px;
}

.services-block .inner-box .arrow-box {
    position: relative;
    width: 42px;
    height: 42px;
    color: #fc3950;
    margin: 0 auto;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    font-weight: 700;
    display: inline-block;
    border: 1px solid #fc3950;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block .inner-box:hover .arrow-box {
    background-color: #fc3950;
    color: #ffffff;
}

/*** 

====================================================================
	Call To Action
====================================================================

***/

.call-to-action {
    position: relative;
    padding: 120px 0px 90px;
    background: url(../images/map-bg.png) no-repeat center center;
    background-color: #fff;
}


@media(max-width:767px){
	
	
	.call-to-action {
    padding:45px 0;

}
}

.call-to-action h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}

@media(max-width:767px) {
    .call-to-action h2::after {
        content: "";
        height: 4px;
        display: inline-block;
        background: #F7901E;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 135px !important;
        margin: 0 auto;
        width: 98px;
    }
}

.call-to-action .inner-box {
    position: relative;
    text-align: center;
}

.call-to-action .creative-logo {
    position: relative;
}

.call-to-action .inner-box h2 {
    font-size: 45px;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.80);
    line-height: 1.4em;
    margin-top: 40px;
    margin-bottom: 30px;
}

/*** 

====================================================================
	Gallery Section
====================================================================

***/

.gallery-section {
    padding: 140px 0px;
}

.gallery-section.style-two {
    background-color: #fafafa;
    padding-bottom: 110px;
}

.gallery-section .sortable-masonry .items-container {
    margin-bottom: 10px;
}

.gallery-section .filters {
    text-align: center;
    margin-bottom: 40px;
}

.gallery-section .filters li {
    position: relative;
    display: inline-block;
    padding: 12px 0px;
    line-height: 24px;
    color: #666666;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    margin: 0px 30px 0px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    font-family: 'Reem Kufi', sans-serif;
}

.gallery-section .filters li:after {
    position: absolute;
    content: '';
    right: -34px;
    top: 50%;
    width: 8px;
    height: 2px;
    background-color: #999999;
}

.gallery-section .filters li:last-child::after {
    display: none;
}

.gallery-section .filters .filter.active,
.gallery-section .filters .filter:hover {
    color: #fc3950;
}

.sortable-masonry .masonary-item {
    position: relative;
    float: left;
    width: 30%;
    padding: 0px 15px;
}

.sortable-masonry .big-column {
    width: 35%;
}

.gallery-item {
    position: relative;
    margin-bottom: 30px;
}

.gallery-item.mix {
    display: none;
}

.gallery-item .inner-box {
    position: relative;
    display: block;
}

.gallery-item .inner-box .image-box {
    position: relative;
}

.gallery-item .inner-box .image-box img {
    position: relative;
    width: 100%;
    display: block;
}

.gallery-item .inner-box .image-box .overlay-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block;
    padding: 50px 50px;
    background-color: rgba(0, 0, 0, 0.70);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.gallery-item .inner-box:hover .image-box .overlay-box {
    opacity: 1;
}

.gallery-item .inner-box .image-box .overlay-box .content {
    position: absolute;
    left: 40px;
    bottom: 35px;
}

.gallery-item .inner-box .image-box .overlay-box .content h4 {
    position: relative;
    line-height: 1.2em;
    padding-top: 15px;
    margin-bottom: 5px;
}

.gallery-item .inner-box .image-box .overlay-box .content h4 a {
    position: relative;
    color: #ffffff;
    font-size: 18px;
}

.gallery-item .inner-box .image-box .overlay-box .content h4:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 22px;
    height: 1px;
    background-color: #fc3950;
}

.gallery-item .inner-box .image-box .overlay-box .content .designation {
    color: #ffffff;
    font-style: italic;
}

/*** 

====================================================================
	Service Section Two
====================================================================

***/

.services-section-two {
    position: relative;
    padding: 150px 0px 100px;
}

.services-section-two .services-block-two-title {
    position: relative;
    max-width: 370px;
    margin: 0 auto;
    margin-bottom: -250px;
}

.services-block-two {
    position: relative;
    margin-bottom: 50px;
}

.services-block-two .sec-title-two {
    position: relative;
    margin-top: 32px;
}

.services-block-two .inner-box {
    position: relative;
    padding: 55px 45px 40px;
    background-color: #fbfbfb;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.services-block-two .inner-box:hover {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}

.services-block-two .inner-box .icon-box {
    position: absolute;
    right: 50px;
    top: 48px;
    color: #fc3950;
    font-size: 42px;
    line-height: 1em;
}

.services-block-two .inner-box h3 {
    position: relative;
    line-height: 1em;
    padding-bottom: 25px;
    margin-bottom: 20px;
}

.services-block-two .inner-box h3 a {
    color: #000000;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.services-block-two .inner-box h3:after {
    position: absolute;
    left: 0px;
    bottom: 0px;
    content: '';
    width: 22px;
    height: 1px;
    background-color: #999999;
}

.services-block-two .inner-box .text {
    position: relative;
    color: #555555;
    font-size: 16px;
    margin-bottom: 22px;
}

.services-block-two .inner-box .read-more {
    position: relative;
    color: #333333;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Reem Kufi', sans-serif;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.services-block-two .inner-box .read-more:hover,
.services-block-two .inner-box h3 a:hover {
    color: #fc5e70;
}

.services-block-two .inner-box .read-more .arrow {
    color: #fc5e70;
    font-weight: 400;
    margin-left: 6px;
}

.testimonial-section {
    position: relative;
    padding: 95px 0px;
    background-color: #fbfbfb;
}

.testimonial-block {
    position: relative;
}

.testimonial-block .inner-box {
    position: relative;
    text-align: center;
}

.testimonial-block .inner-box .icon-box {
    position: relative;
    width: 46px;
    height: 46px;
    color: #fc3950;
    line-height: 44px;
    font-size: 18px;
    border-radius: 50%;
    margin: 0 auto;
    border: 1px solid #fc3950;
}

.testimonial-block .inner-box .text {
    font-size: 16px;
    max-width: 730px;
    margin: 0 auto;
    color: #555555;
    margin-top: 30px;
    font-weight: 300;
}

.testimonial-block .inner-box .author {
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 40px;
    font-family: 'Reem Kufi', sans-serif;
}

.testimonial-section .owl-controls {
    padding: 0px !important;
    margin: 0px !important;
}

.testimonial-section .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    position: absolute;
    margin: 0;
    top: 50%;
    margin-top: -50px;
    text-align: center;
    background: none;
    color: #4e4e4e;
    font-size: 20px;
    line-height: 38px;
    padding: 0;
    opacity: 0.70;
    border-radius: 0px;
    transition: all 500ms ease 0s;
}

.testimonial-section .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
    opacity: 1;
}

.testimonial-section .owl-controls .owl-prev {
    left: 0px;
}

.testimonial-section .owl-controls .owl-next {
    right: 0px;
}

.testimonial-section .owl-dots .owl-dot span {
    position: relative;
    margin: 0px 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #c3c3c3;
    transition: all 500ms ease 0s;
}

.testimonial-section .owl-dots .owl-dot span:before {
    content: '';
    position: absolute;
    left: -5px;
    top: -5px;
    bottom: -5px;
    right: -5px;
    border-radius: 50%;
    border: 2px solid #fc3950;
    opacity: 0;
    transition: all 500ms ease 0s;
}

.testimonial-section .owl-dots .owl-dot:hover span,
.testimonial-section .owl-dots .owl-dot.active span {
    background: #fc3950;
    border-color: #fc3950;
}

.testimonial-section .owl-dots .owl-dot:hover span:before,
.testimonial-section .owl-dots .owl-dot.active span:before {
    opacity: 1;
}

/*** 

====================================================================
	Price Section
====================================================================

***/

.price-section {
    position: relative;
    padding: 140px 0px 120px;
}

.price-section .sec-title-two {
    margin-bottom: 90px;
}

.price-section .row {
    margin: 0px -5px;
}

.price-box {
    position: relative;
    padding: 0px 5px;
    margin-bottom: 50px;
}

.price-box .inner-box {
    position: relative;
    border: 1px solid #eeeeee;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.price-box .inner-box .upper-box {
    position: relative;
    padding: 25px 0px;
    text-align: center;
    background-size: cover;
    border-bottom: 1px solid #eeeeee;
    border-top: 4px solid transparent;
    background: url(../images/background/pattern-1.png) repeat;
}

.price-box .inner-box .upper-box h4 {
    position: relative;
    color: #fc3950;
    font-size: 22px;
}

.price-box .inner-box .upper-box h3 {
    font-size: 50px;
    color: #333333;
    font-weight: 700;
    line-height: 1em;
    margin-top: 30px;
    margin-bottom: 20px;
}

.price-box .inner-box .upper-box .month {
    position: relative;
    color: #333333;
    font-size: 15px;
    font-weight: 300;
    font-family: 'Alegreya Sans', sans-serif;
}

.price-box .inner-box .lower-box {
    position: relative;
    padding: 36px 0px;
    text-align: center;
}

.price-box .inner-box .lower-box ul {
    position: relative;
    margin-bottom: 30px;
}

.price-box .inner-box .lower-box ul li {
    position: relative;
    color: #555555;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 14px;
}

.price-box .inner-box .lower-box ul li.mark-list {
    text-decoration: line-through;
    color: #aaaaaa;
    font-size: 15px;
}

.price-box .inner-box:hover .upper-box {
    border-top: 4px solid #fc3950;
}

.price-box .inner-box:hover {
    -ms-transform: scale(1, 1.05);
    -webkit-transform: scale(1, 1.05);
    transform: scale(1, 1.05);
}

.sponsors-style-one {
    position: relative;
    padding: 70px 0px;
    text-align: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.sponsors-style-one:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(252, 57, 80, 0.90);
}

.sponsors-style-one .owl-controls {
    display: none !important;
}

.sponsors-style-one .image-box img {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 100%;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

/*main-footer*/

.main-footer {
    position: relative;
    background-color: #232323;
}

.main-footer .upper-box {
    position: relative;
    padding-top: 110px;
    padding-bottom: 30px;
}

.main-footer .footer-widget {
    position: relative;
}

.main-footer .footer-widget h2 {
    position: relative;
    color: #ffffff;
    font-size: 26px;
    margin-bottom: 25px;
}

.main-footer .footer-column {
    position: relative;
    margin-bottom: 50px;
}

.main-footer .logo-widget {
    position: relative;
}

.main-footer .logo-widget .text {
    position: relative;
    font-size: 16px;
    color: #eaeaea;
    font-weight: 300;
    margin-bottom: 32px;
    margin-top: 12px;
}

.main-footer .links-widget {
    position: relative;
}

.main-footer .links-widget .links.border-right {
    position: relative;
    border-right: 1px solid #353535;
    margin-right: 25px;
}

.main-footer .links-widget .links {
    position: relative;
}

.main-footer .links-widget .links li {
    position: relative;
    margin-bottom: 6px;
}

.main-footer .links-widget .links li a {
    position: relative;
    font-size: 16px;
    color: #eaeaea;
    font-weight: 300;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.links-widget .links li a:hover {
    color: #fc3950;
}

/*List Style*/

.list-style {
    position: relative;
}

.list-style li {
    position: relative;
    padding-left: 30px;
    color: #eaeaea;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 15px;
}

.list-style li .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 16px;
    color: #fc3950;
}

/*List Style Two*/

.list-style-two {
    position: relative;
}

.list-style-two li {
    position: relative;
    padding-left: 35px;
    color: #555555;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
}

.list-style-two li .icon {
    position: absolute;
    left: 0px;
    top: 2px;
    font-size: 18px;
    color: #fc3950;
    font-weight: 400;
}

.main-footer .footer-bottom {
    position: relative;
    padding: 21px 0px;
    background-color: #1c1c1c;
}

.main-footer .footer-bottom .copyright {
    position: relative;
    color: #eaeaea;
    font-size: 16px;
    font-weight: 300;
}

.main-footer .footer-bottom .copyright a {
    color: #fc3950;
}

.main-footer .footer-bottom .footer-nav {
    position: relative;
}

.main-footer .footer-bottom .footer-nav li {
    position: relative;
    padding-right: 10px;
    margin-right: 4px;
    display: inline-block;
}

.main-footer .footer-bottom .footer-nav li:last-child::after {
    display: none;
}

.main-footer .footer-bottom .footer-nav li:last-child {
    padding-right: 0px;
    margin-right: 0px;
}

.main-footer .footer-bottom .footer-nav li:after {
    position: absolute;
    right: 0px;
    top: 5px;
    content: '-';
    line-height: 1em;
    color: #eaeaea;
    font-size: 18px;
}

.main-footer .footer-bottom .footer-nav li a {
    color: #eaeaea;
    font-size: 16px;
    font-weight: 300;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.main-footer .footer-bottom .footer-nav li a:hover {
    color: #fc3950;
}

/*Footer Style Two*/

.footer-style-two {
    position: relative;
    text-align: center;
    background-size: cover;
}

.footer-style-two .upper-box {
    position: relative;
    padding-top: 70px;
    padding-bottom: 90px;
}

.footer-style-two:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.70);
}

.footer-style-two .logo-box {
    position: relative;
    margin-bottom: 22px;
}

.footer-style-two .footer-nav {
    position: relative;
    margin-bottom: 50px;
}

.footer-style-two .footer-nav ul {
    position: relative;
}

.footer-style-two .footer-nav ul li {
    position: relative;
    margin-right: 40px;
    display: inline-block;
}

.footer-style-two .footer-nav ul li a {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Reem Kufi', sans-serif;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.footer-style-two .footer-nav ul li a:hover {
    color: #fc3950;
}

.footer-style-two .footer-bottom {
    position: relative;
    padding: 25px 0px;
    text-align: center;
    border-top: 1px solid #252525;
}

.footer-style-two .footer-bottom .copyright {
    position: relative;
    color: #eaeaea;
    font-size: 16px;
}

.footer-style-two .footer-bottom .copyright a:hover {
    color: #f21832;
}

/*Footer Style Three*/

.footer-style-three {
    position: relative;
    padding: 40px 0px;
    background-color: #1a1a1a;
}

.footer-style-three .social-widget {
    margin-top: 15px;
}

.footer-style-three .copyright-widget {
    position: relative;
    padding-top: 25px;
}

.footer-style-three .copyright-widget .copyright {
    position: relative;
    color: #eaeaea;
    font-size: 16px;
}

/*** 

====================================================================
	Brand Section
====================================================================

***/

.brand-section {
    position: relative;
    padding: 100px 0px 40px;
}

.brand-section .content-column {
    position: relative;
    padding-top: 70px;
    padding-bottom: 50px;
}

.brand-section .content-column .inner-box {
    position: relative;
}

.brand-section .content-column .inner-box .text {
    position: relative;
    color: #555555;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 32px;
}

.brand-section .image-column {
    position: relative;
    text-align: center;
}

.brand-section .image-column figure img {
    position: relative;
    max-width: 100%;
    display: inline-block;
}

.creation-section {
    position: relative;
    padding-bottom: 50px;
}

.creation-section .image-column {
    position: relative;
    margin-bottom: 40px;
    text-align: center;
}

.creation-section .image-column figure img {
    position: relative;
    max-width: 100%;
    display: inline-block;
}

.creation-section .content-column {
    padding-top: 100px;
    margin-bottom: 50px;
}

.creation-section .content-column .inner-box .text {
    margin-bottom: 30px;
}

/*** 

====================================================================
	Services Section Three
====================================================================

***/

.services-section-three {
    position: relative;
    padding: 140px 0px 80px;
    background-color: #fafafa;
}

.services-section-three .title-block {
    margin-bottom: 50px;
}

.services-section-three .title-block .text {
    color: #555555;
    font-size: 16px;
    font-weight: 300;
}

.services-block-three {
    position: relative;
    margin-top: 12px;
    margin-bottom: 40px;
}

.services-block-three .inner-box {
    position: relative;
    padding-right: 78px;
}

.services-block-three .inner-box .icon-box {
    position: relative;
    color: #fc3950;
    font-size: 40px;
    line-height: 1em;
    margin-bottom: 30px;
}

.services-block-three .inner-box h3 {
    position: relative;
    line-height: 1em;
    padding-bottom: 25px;
    margin-bottom: 20px;
}

.services-block-three .inner-box h3:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 22px;
    height: 1px;
    background-color: #999999;
}

.services-block-three .inner-box h3 a {
    font-size: 26px;
    color: #333333;
    font-weight: 400;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.services-block-three .inner-box h3 a:hover {
    color: #fc3950;
}

.services-block-three .inner-box .text {
    color: #555555;
    font-size: 16px;
    font-weight: 300;
}

/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section {
    position: relative;
    padding: 150px 0px 95px;
}

.team-member {
    position: relative;
    margin-bottom: 50px;
}

.team-member .inner-box {
    position: relative;
}

.team-member .inner-box .image-box {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.team-member .inner-box .image-box img {
    position: relative;
    max-width: 100%;
    display: inline-block;
}

.team-member .inner-box .image-box .overlay-box {
    position: absolute;
    left: 0px;
    bottom: -100px;
    width: 100%;
    text-align: center;
    padding: 30px 0px 15px;
    background-color: rgba(51, 51, 51, 0.90);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.team-member .inner-box .image-box .overlay-box .arrow-box {
    position: absolute;
    top: -18px;
    left: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 auto;
    margin-left: -20px;
    border: 4px solid rgba(252, 57, 80, 0.50);
}

.team-member .inner-box .image-box .overlay-box .arrow-box .arrow {
    position: relative;
    color: #ffffff;
    font-size: 14px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    line-height: 30px;
    display: inline-block;
    background-color: #fc3950;
}

.team-member .inner-box .lower-content {
    position: relative;
    text-align: center;
    padding: 14px 0px 0px;
}

.team-member .inner-box .lower-content h3 {
    position: relative;
    font-size: 20px;
    color: #333333;
    font-weight: 400;
}

.team-member .inner-box .lower-content .designation {
    position: relative;
    color: #fc3950;
    font-size: 15px;
    font-style: italic;
    line-height: 1em;
}

.team-member .inner-box:hover .image-box .overlay-box {
    bottom: 0px;
}

/*** 

====================================================================
	Tab Section
====================================================================

***/

.tab-section {
    position: relative;
    padding: 130px 0px 80px;
}

.tab-section:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.90);
}

.tab-section .image-column {
    position: relative;
    margin-bottom: 40px;
    text-align: center;
}

.tab-section .image-column .image-box {
    position: relative;
}

.tab-section .image-column .image-box img {
    position: relative;
    width: 100%;
    display: block;
    border: 6px solid #ffffff;
}

/*** 

====================================================================
	Product Tabs Style
====================================================================

***/

.product-info-tabs {
    position: relative;
}

.tabs-box {
    position: relative;
}

.tabs-box .tab-buttons {
    position: relative;
}

.tabs-box .tab-buttons .tab-btn {
    position: relative;
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    padding: 0px 0px 11px;
    line-height: 24px;
    display: block;
    width: 25%;
    float: left;
    text-align: center;
    cursor: pointer;
    margin-bottom: 15px;
    font-family: 'Reem Kufi', sans-serif;
}

.tabs-box .tab-buttons .tab-btn .icon-box {
    position: relative;
    width: 74px;
    height: 74px;
    color: #fc3950;
    border-radius: 50%;
    margin: 0 auto;
    border: 4px solid transparent;
    margin-bottom: 25px;
    background-color: rgba(255, 255, 255, 1);
}

.tabs-box .tab-buttons .tab-btn .icon-box .icon {
    position: relative;
    color: #fc3950;
    font-size: 33px;
    line-height: 62px;
    border-radius: 50%;
    display: block;
}

.tabs-box .tab-buttons .tab-btn.active-btn .icon-box {
    background-color: rgba(255, 255, 255, 0.40);
}

.tabs-box .tab-buttons .tab-btn.active-btn .icon-box .icon {
    color: #ffffff;
    background-color: #fc3950;
}

.tabs-box .tabs-content {
    position: relative;
}

.tabs-box .tabs-content .tab {
    position: relative;
    padding: 10px 0px 6px;
    text-align: center;
    display: none;
}

.tabs-box .tabs-content .tab.active-tab {
    display: block;
}

.tabs-box .tabs-content .tab .content h3 {
    font-size: 30px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 30px;
    padding-bottom: 15px;
    text-transform: capitalize;
    font-family: 'Reem Kufi', sans-serif;
}

.tabs-box .tabs-content .tab .content h3:after {
    position: absolute;
    left: 50%;
    bottom: 0px;
    content: '';
    width: 42px;
    height: 1px;
    margin-left: -21px;
    background-color: #999999;
}

.tabs-box .tabs-content .tab .content .text {
    font-size: 16px;
    font-weight: 300;
    color: #e7e7e7;
    margin-bottom: 30px;
}

/*** 

====================================================================
	Sponsors Style Two
====================================================================

***/

.sponsors-style-two {
    position: relative;
    padding: 140px 0px 150px;
}

.sponsors-style-two .inner-client-box {
    position: relative;
    margin-top: 80px;
}

.sponsors-style-two .inner-client-box:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    border: 1px solid #ffffff;
}

.sponsors-style-two .column {
    position: relative;
    padding: 35px 0px;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}

.sponsors-style-two .column:after {
    position: absolute;
    content: '';
    right: -15px;
    bottom: -15px;
    width: 30px;
    height: 30px;
    z-index: 3;
    background-color: #ffffff;
}

.sponsors-style-two .column .image-box {
    position: relative;
    z-index: 2;
}

.sponsors-style-two .column .image-box a img {
    max-width: 100%;
    display: inline-block;
}

/*** 

====================================================================
	Fact Counter style
====================================================================

***/

.fact-counter-column {
    position: relative;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0px 35px 0px;
}

.fact-counter-column:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.90);
}

.fact-counter {
    position: relative;
}

.fact-counter .column {
    position: relative;
    margin-bottom: 40px;
}

.fact-counter .column .inner {
    position: relative;
    text-align: center;
}

.fact-counter .column .inner .icon-box {
    position: relative;
    width: 100px;
    height: 100px;
    color: #fc3950;
    margin: 0 auto;
    font-size: 40px;
    margin-bottom: 25px;
    line-height: 94px;
    border-radius: 50%;
    border: 1px dashed #ffffff;
}

.fact-counter .count-outer {
    position: relative;
    font-size: 50px;
    line-height: 1em;
    font-weight: 600;
    margin: 0px 0px;
}

.fact-counter .count-outer .count-text {
    position: relative;
    font-weight: 400;
    color: #ffffff;
    font-size: 40px;
    font-family: 'Reem Kufi', sans-serif;
}

.fact-counter .column .counter-title {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Reem Kufi', sans-serif;
}

.fact-counter-column.style-two {
    padding-top: 30px;
    padding-bottom: 100px;
}

.fact-counter-column.style-two:before {
    display: none;
}

.fact-counter-column.style-two .fact-counter .column .inner .icon-box {
    border-color: #a8a8a8;
}

.fact-counter-column.style-two .fact-counter .count-outer .count-text {
    color: #333333;
}

.fact-counter-column.style-two .fact-counter .column .counter-title {
    color: #555555;
}

/*** 

====================================================================
	News Section
====================================================================

***/

.news-section {
    position: relative;
    padding: 150px 0px 100px;
}

.news-section.style-two {
    background-color: #fafafa;
}

.news-section .sec-title-two {
    position: relative;
    margin-bottom: 60px;
}

.news-block {
    position: relative;
    margin-bottom: 60px;
}

.news-block .inner-box {
    position: relative;
}

.news-block .inner-box .image-box {
    position: relative;
}

.news-block .inner-box .image-box img {
    position: relative;
    width: 100%;
    display: block;
}

.news-block .inner-box .lower-content {
    position: relative;
    padding-top: 30px;
}

.news-block .inner-box .lower-content h3 {
    position: relative;
    line-height: 1.4em;
    margin-bottom: 4px;
}

.news-block .inner-box .lower-content h3 a {
    position: relative;
    font-size: 26px;
    color: #333333;
    font-weight: 400;
    display: inline-block;
    font-family: 'Reem Kufi', sans-serif;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-block .inner-box .lower-content h3 a:hover {
    color: #fc3950;
}

.news-block .inner-box .lower-content .posted {
    position: relative;
    color: #555555;
    font-size: 16px;
    font-style: italic;
    margin-top: 0px;
    margin-bottom: 20px;
}

.news-block .inner-box .lower-content .text {
    position: relative;
    font-size: 16px;
    font-weight: 300;
    color: #555555;
    margin-bottom: 35px;
}

.news-block .inner-box .lower-content .text p {
    position: relative;
    color: #555555;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 25px;
}

.news-block .inner-box .lower-content .text p span {
    color: #fc3950;
}

.news-block .inner-box .lower-content .text blockquote {
    position: relative;
    border-radius: 5px;
    padding: 60px 90px;
    border: 0px;
    margin: 30px 0px;
    background: #333333 url(../images/background/pattern-2.png) repeat-x;
}

.news-block .inner-box .lower-content .text blockquote .text-block {
    position: relative;
    color: #f3f3f3;
    font-size: 18px;
    font-style: italic;
    display: inline;
}

.news-block .inner-box .lower-content .text blockquote .quote-left {
    position: absolute;
    left: -30px;
    top: -30px;
    color: #d6384b;
    font-size: 28px;
}

.news-block .inner-box .lower-content .text blockquote .quote-right {
    position: absolute;
    right: -38px;
    bottom: -18px;
    color: #d6384b;
    font-size: 28px;
}

.news-block .inner-box .lower-content .post-option {
    position: relative;
    padding: 25px 0px;
    margin-top: 12px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.news-block .inner-box .lower-content .post-option .prev-post,
.news-block .inner-box .lower-content .post-option .next-post {
    position: relative;
    font-size: 12px;
    color: #555555;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Reem Kufi', sans-serif;
}

.news-block .inner-box .lower-content .post-option .prev-post:hover,
.news-block .inner-box .lower-content .post-option .next-post:hover {
    color: #fc3950;
}

.news-block .inner-box .lower-content .post-option .prev-post .arrow-icon,
.news-block .inner-box .lower-content .post-option .next-post .arrow-icon {
    color: #898989;
}

.news-block .inner-box .lower-content .post-option .middle-icon {
    position: absolute;
    left: 50%;
    margin-left: -15px;
}

.news-block .inner-box .lower-content .post-option .middle-icon a {
    position: relative;
    color: #898989;
    font-size: 30px;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.news-block .inner-box .lower-content .post-option .middle-icon a:hover {
    color: #fc3950;
}

.news-block .inner-box .image-box .single-item-carousel li:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.10);
}

.news-block .owl-theme .owl-controls {
    padding: 0px;
    margin: 0px;
}

.news-block .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    position: absolute;
    width: 44px;
    height: 44px;
    margin: 0;
    top: 50%;
    margin-top: -22px;
    text-align: center;
    background: rgba(255, 255, 255, 0.50);
    color: #8c8c8c;
    font-size: 16px;
    line-height: 42px;
    font-weight: 400;
    padding: 0;
    transition: all 500ms ease 0s;
}

.news-block .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
    color: #ffffff;
    background-color: rgba(252, 57, 80, 0.50);
}

.news-block .owl-theme .owl-controls .owl-nav [class*="owl-prev"] {
    border-radius: 50%;
    left: 30px;
}

.news-block .owl-theme .owl-controls .owl-nav [class*="owl-next"] {
    border-radius: 50%;
    right: 30px;
}

.news-block .owl-theme .owl-controls .owl-dots {
    display: none !important;
}

/*** 

====================================================================
	Default Video Box
====================================================================

***/

.default-video-box {
    position: relative;
    text-align: center;
}

.fun-facts-section .default-video-box {
    top: -70px;
}

.default-video-box .inner-box {
    position: relative;
    display: block;
}

.default-video-box .image-box {
    position: relative;
    display: block;
}

.default-video-box .image-box img {
    position: relative;
    display: block;
    width: 100%;
}

.default-video-box .overlay-link {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.50);
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.default-video-box .overlay-link:hover {
    background: rgba(0, 0, 0, 0.70);
}

.default-video-box .overlay-link .icon-box {
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top: 50%;
    width: 80px;
    height: 80px;
    border: 5px solid rgba(252, 57, 80, 0.50);
    margin-top: -35px;
    color: #ffffff;
    border-radius: 50%;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.default-video-box .overlay-link .icon-box .icon {
    position: relative;
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 20px;
    background: #fc3950;
    border-radius: 50%;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.news-block .default-video-box .overlay-link .icon-box .icon {
    background: #fc3950;
    color: #ffffff;
    line-height: 70px;
    padding-left: 5px;
}

/*** 

====================================================================
	Service Section Four
====================================================================

***/

.services-section-four {
    position: relative;
    padding: 150px 0px 130px;
}

.services-section-four .title-column {
    position: relative;
    text-align: right;
    padding-right: 30px;
    margin-bottom: 60px;
}

.services-section-four .title-column .inner-box .text {
    margin-bottom: 30px;
}

.services-section-four .content-column .row {
    position: relative;
    margin: 0px -10px;
}

.services-block-four {
    position: relative;
    margin-bottom: 20px;
    padding: 0px 10px;
}

.services-block-four .inner-box {
    position: relative;
}

.services-block-four .inner-box .image-box {
    position: relative;
}

.services-block-four .inner-box .image-box img {
    position: relative;
    width: 100%;
    display: block;
}

.services-block-four .inner-box .overlay-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.88);
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.services-block-four .inner-box .overlay-box .inner {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
}

.services-block-four .inner-box .overlay-box .inner .content {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.services-block-four .inner-box .overlay-box .inner .content .icon-box {
    color: #fc3950;
    font-size: 46px;
    line-height: 1em;
}

.services-block-four .inner-box .overlay-box .inner .content h3 {
    position: relative;
    line-height: 1em;
    margin-top: 15px;
}

.services-block-four .inner-box .overlay-box .inner .content h3 a {
    position: relative;
    color: #ffffff;
    font-size: 26px;
}

.services-block-four .inner-box:hover .overlay-box {
    background-color: rgba(252, 57, 80, 0.88);
}

.services-block-four .inner-box:hover .overlay-box .inner .content .icon-box {
    color: #ffffff;
}

/*** 

====================================================================
	Faq Section
====================================================================

***/

.faq-section {
    position: relative;
    padding: 150px 0px 0px;
}

.faq-section.bottom-padding {
    padding-bottom: 80px;
}

.faq-section .image-column {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}

.faq-section .image-column img {
    position: relative;
    max-width: 100%;
    display: inline-block;
}

/*** 

====================================================================
	Accordion Box
====================================================================

***/

.accordion-column {
    padding-left: 60px;
    margin-bottom: 40px;
}

.accordian-style-one {
    position: relative;
    margin-top: 60px;
}

.accordian-style-one .block {
    position: relative;
    margin-bottom: 25px;
}

.accordian-style-one .block:before {
    position: absolute;
    content: '';
    left: 23px;
    top: 25px;
    height: 100%;
    width: 1px;
    background-color: #f0f0f0;
}

.accordian-style-one .block:last-child::before {
    display: none;
}

.accordian-style-one .block .acc-btn {
    position: relative;
    font-size: 22px;
    margin-bottom: 0px;
    cursor: pointer;
    line-height: 24px;
    padding: 10px 30px 10px 75px;
    font-weight: 400;
    overflow: hidden;
    color: #333333;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'Reem Kufi', sans-serif;
}

.accordian-style-one .block .acc-btn.active .icon-outer {
    border-color: #fed7dc;
}

.accordian-style-one .block .icon-outer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 45px;
    height: 44px;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    color: #fc3950;
    background-color: #ffffff;
    border: 2px solid #ebebeb;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.accordian-style-one .block .icon-outer .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 41px;
    height: 40px;
    border-radius: 50%;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.accordion-box .block .icon-outer .icon-plus {
    opacity: 1;
}

.accordion-box .block .icon-outer .icon-minus {
    opacity: 0;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
    opacity: 1;
    background: #fc3950;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
    opacity: 0;
}

.accordion-box .block .acc-btn.active .icon-outer {
    color: #ffffff;
}

.accordion-box .block .acc-content {
    position: relative;
    display: none;
}

.accordion-box .block .acc-content.current {
    display: block;
}

.accordian-style-one .block .content {
    position: relative;
    font-size: 14px;
    padding: 10px 20px 5px 75px;
}

.accordian-style-one .block .content p {
    margin-bottom: 20px;
    line-height: 2em;
    color: #555555;
    font-size: 16px;
}

.accordian-style-one .block .content p:last-child {
    margin-bottom: 0px;
}

.accordian-style-two .block .icon-outer .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 36px;
    height: 36px;
    padding-left: 2px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #fc3950;
    color: #fc3950;
}

.accordian-style-two .block .acc-btn.active .icon-outer .icon-minus {
    color: #ffffff;
}

.accordian-style-two {
    position: relative;
}

.accordian-style-two .accordion-box {
    margin-top: 40px;
    margin-bottom: 62px;
    padding: 20px 25px 0px;
    background-color: #fafafa;
}

.accordian-style-two .accordion-box .block {
    position: relative;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 14px;
    margin-bottom: 18px;
}

.accordian-style-two .accordion-box .block:last-child {
    border-bottom: 0px;
}

.accordian-style-two .accordion-box .block:before {
    display: none;
}

.accordian-style-two .accordion-box .block .acc-btn {
    position: relative;
    font-size: 20px;
    margin-bottom: 0px;
    cursor: pointer;
    line-height: 24px;
    padding: 10px 36px 10px 0px;
    font-weight: 400;
    overflow: hidden;
    color: #333333;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-family: 'Reem Kufi', sans-serif
}

.accordian-style-two .accordion-box .block .icon-outer {
    position: absolute;
    right: 0px;
    top: 2px;
    left: auto;
    width: 36px;
    height: 36px;
    border-color: #fc3950;
    background: #fafafa;
}

.accordian-style-two .accordion-box .block .content {
    position: relative;
    padding: 10px 0px 5px 0px;
}

.accordian-style-two .accordion-box .block .content p {
    margin-bottom: 20px;
    line-height: 1.6em;
    color: #555555;
    font-size: 16px;
    font-weight: 300;
}

/*** 

====================================================================
	Video Section
====================================================================

***/

.video-section {
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #243a51;
}

.video-section .play-link {
    position: relative;
    display: block;
    text-align: center;
    left: 0px;
    top: 0px;
    font-size: 24px;
    font-weight: 400;
    width: 100%;
    height: 100%;
    color: #ffffff;
    padding: 140px 0px 132px 0px;
    background: rgba(0, 0, 0, 0.80);
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}

.video-section .play-link .icon-box {
    position: relative;
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin: 0 auto;
    color: #ffffff;
    background: #fc3950;
    padding-left: 5px;
    margin-bottom: 15px;
    border-radius: 50%;
}

.video-section .play-link .icon-box:before {
    content: '';
    position: absolute;
    left: -5px;
    top: -5px;
    right: -5px;
    bottom: -5px;
    border: 5px solid rgba(252, 57, 80, 0.40);
    border-radius: 50%;
}

.video-section h3 {
    position: relative;
    color: #ffffff;
    font-size: 42px;
    font-weight: 400;
    margin-bottom: 18px;
}

.video-section .text {
    position: relative;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    margin-top: 18px;
}

/*** 

====================================================================
	Default Section
====================================================================

***/

.default-section {
    position: relative;
    padding: 140px 0px 120px;
}

.default-section.style-two {
    background-color: #fbfbfb;
}

.default-section.style-two .form-column .inner-box {
    background-color: #ffffff;
}

.default-section .title-column {
    position: relative;
    margin-bottom: 40px;
}

.default-section .title-column .text {
    position: relative;
    color: #555555;
    font-size: 16px;
    margin-bottom: 60px;
}

.default-section .title-column .image {
    position: relative;
    text-align: center;
}

.default-section .title-column .image img {
    position: relative;
    max-width: 100%;
    display: inline-block;
}

.default-section .title-column .inner-box {
    padding-right: 60px;
}

.default-section .form-column {
    position: relative;
}

.default-section .form-column .inner-box {
    position: relative;
    padding: 35px 45px 25px;
    background-color: #fafafa;
}

.default-section .form-column .inner-box .title-box {
    position: relative;
    text-align: center;
    margin-bottom: 35px;
}

.default-section .form-column .inner-box .title-box h2 {
    position: relative;
    color: #333333;
    font-size: 26px;
    padding-bottom: 20px;
    margin-bottom: 12px;
    font-family: 'Reem Kufi', sans-serif;
}

.default-section .form-column .inner-box .title-box h2:after {
    position: absolute;
    content: '';
    width: 22px;
    height: 1px;
    left: 50%;
    margin-left: -11px;
    bottom: 3px;
    background-color: #999999;
}

.default-section .form-column .inner-box .title-box .text {
    position: relative;
    color: #555555;
    font-size: 16px;
}

/*** 

====================================================================
	Default Form Style
====================================================================

***/

.default-form {
    position: relative;
}

.default-form .row {
    position: relative;
    margin: 0px -10px;
}

.default-form .form-outer {
    position: relative;
    max-width: 920px;
    margin: 0 auto;
}

.default-form .form-outer button {
    margin-top: 20px;
}

.default-form .form-group {
    position: relative;
    margin-bottom: 20px;
    padding: 0px 10px;
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form select,
.default-form textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 23px;
    padding: 10px 15px;
    height: 45px;
    color: #222222;
    font-size: 16px;
    border: 1px solid #dbdbdb;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
}

.default-form textarea {
    resize: none;
    height: 145px;
    border: 1px solid #dbdbdb;
    background-color: #ffffff;
}

.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus {
    border-color: #fc3950;
}

.default-form input.error,
.default-form select.error,
.default-form textarea.error {
    border-color: #fc3950;
}

.default-form label.error {
    color: #ff0000;
    line-height: 20px;
    padding: 10px 0px 0px 0px;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;
}

.default-form button {
    padding: 8px 58px;
    margin-top: 20px;
    font-weight: 600;
}

/*** 

====================================================================
	Page Title Style
====================================================================

***/

.page-title {
    position: relative;
    padding: 280px 0px 180px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
}

.page-title:before {
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.80);
}

.page-title .auto-container {
    position: relative;
    z-index: 1;
}

.page-title h1 {
    position: relative;
    font-size: 65px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 32px;
    line-height: 1.4em;
}

.page-title .bread-crumb-outer {
    position: relative;
    display: inline-block;
    padding: 0px 0px;
}

.page-title .bread-crumb-outer .bread-crumb li {
    position: relative;
    float: left;
    margin-right: 30px;
    color: #ffffff;
    line-height: 24px;
    font-size: 18px;
    font-family: 'Reem Kufi', sans-serif;
}

.page-title .bread-crumb-outer .bread-crumb li:last-child {
    margin-right: 0px;
}

.page-title .bread-crumb-outer .bread-crumb li:after {
    content: '\f105';
    position: absolute;
    right: -22px;
    width: 10px;
    line-height: 24px;
    font-size: 14px;
    color: #ffffff;
    font-family: 'FontAwesome';
}

.page-title .bread-crumb-outer .bread-crumb li:last-child:after {
    display: none;
}

.page-title .bread-crumb-outer .bread-crumb li a {
    color: #ffffff;
}

.page-title .bread-crumb-outer .bread-crumb li a:hover {
    color: #fc3950;
}

.page-title .bread-crumb-outer .bread-crumb li.active {
    color: #fc3950;
}

/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
    position: relative;
    padding: 140px 0px 100px;
}

.sidebar-page-container .services-news-section {
    margin-bottom: 40px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
    margin-bottom: 30px;
}

.sidebar-page-container .blog-sidebar {
    padding-left: 20px;
}

.sidebar .sidebar-widget {
    position: relative;
    margin-bottom: 50px;
}

.sidebar .sidebar-title {
    position: relative;
    padding-bottom: 28px;
}

.sidebar .sidebar-title h3 {
    font-size: 26px;
    color: #333333;
    font-weight: 400;
    padding-bottom: 12px;
    text-transform: capitalize;
}

.sidebar .sidebar-title h3:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 1px;
    background-color: #999999;
    left: 0px;
    bottom: 0px;
}

.sidebar .popular-categories .list {
    position: relative;
}

.sidebar .popular-categories .list li {
    position: relative;
    margin-bottom: 20px;
}

.sidebar .popular-categories .list li a {
    position: relative;
    display: block;
    color: #333333;
    font-size: 20px;
    font-weight: 400;
    padding: 20px 40px;
    line-height: 32px;
    background-color: #fbfbfb;
    border: 1px solid transparent;
    font-family: 'Reem Kufi', sans-serif;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.sidebar .popular-categories .list li a .icon {
    float: right;
    color: #fd5e71;
    line-height: 32px;
    font-size: 28px;
    font-weight: 400;
}

.sidebar .popular-categories .list li a:hover,
.sidebar .popular-categories .list li.active a {
    color: #fd5e71;
    border-color: #fd5e71;
    background: none;
}

.sidebar .twitter-widget .feed {
    position: relative;
    font-size: 15px;
    line-height: 2em;
    padding-left: 30px;
    margin-bottom: 15px;
}

.sidebar .twitter-widget .feed:last-child {
    margin-bottom: 0px;
}

.sidebar .twitter-widget .feed .month {
    color: #6c9ecd;
    font-size: 14px;
    font-weight: 300;
}

.sidebar .twitter-widget .feed .month a {
    position: relative;
    color: #fc3950;
    font-weight: 300;
    font-size: 15px;
}

.sidebar .twitter-widget .feed .text {
    margin-bottom: 0px;
    line-height: 1.6em;
    font-weight: 300;
    color: #555555;
    font-size: 16px;
}

.sidebar .twitter-widget .feed .icon {
    position: absolute;
    left: 0px;
    color: #fc3950;
    font-size: 18px;
    line-height: 1em;
    top: 8px;
}

.sidebar .search-box .form-group {
    position: relative;
    margin: 0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
    position: relative;
    line-height: 28px;
    padding: 10px 40px 8px 20px;
    border: 1px solid #eaeaea;
    background: #ffffff;
    color: #3a3a3a;
    display: block;
    font-size: 14px;
    width: 100%;
    height: 50px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sidebar .search-box .form-group input:focus {
    border-color: #fc3950;
}

.sidebar .search-box .form-group button {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 50px;
    width: 40px;
    line-height: 42px;
    text-align: center;
    display: block;
    font-size: 15px;
    color: #a4a4a4;
    background: none;
    font-weight: normal;
}

.sidebar .search-box .form-group input:focus+button,
.sidebar .search-box .form-group button:hover {
    color: #fc3950;
}

/*Sidebar Category*/

.sidebar .sidebar-category {
    margin-bottom: 30px;
}

.sidebar .sidebar-category .list {
    position: relative;
}

.sidebar .sidebar-category .list li {
    position: relative;
    line-height: 24px;
    margin-bottom: 10px;
}

.sidebar .sidebar-category .list li a {
    position: relative;
    display: block;
    color: #555555;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    padding: 6px 15px;
    padding-left: 0px;
    background: none;
}

.sidebar .sidebar-category .list li a:before {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 16px;
    right: 0;
    line-height: 24px;
    position: absolute;
}

.sidebar .sidebar-category .list li a:hover {
    color: #fc3950;
}

/*services single section*/

.services-single-section {
    position: relative;
    margin-bottom: 20px;
}

.services-single-section .image-box {
    position: relative;
}

.services-single-section .image-box img {
    position: relative;
    width: 100%;
    display: block;
}

.services-single-section .lower-content {
    position: relative;
    padding-top: 25px;
}

.services-single-section .lower-content h3 {
    position: relative;
    color: #333333;
    font-size: 26px;
    font-weight: 400;
    padding-bottom: 12px;
    margin-bottom: 30px;
}

.services-single-section .lower-content h3:after {
    position: absolute;
    content: '';
    width: 22px;
    height: 1px;
    background-color: #999999;
    left: 0px;
    bottom: 0px;
}

.services-single-section .lower-content .text {
    position: relative;
}

.services-single-section .lower-content .text p {
    position: relative;
    color: #555555;
    font-size: 16px;
    margin-bottom: 22px;
    line-height: 1.8em;
    letter-spacing: 0.3px;
}

.services-single-section .lower-content .two-column {
    position: relative;
    margin-top: 40px;
}

.services-single-section .lower-content .two-column .image-column {
    position: relative;
    margin-bottom: 40px;
}

.services-single-section .lower-content .two-column .image-column figure img {
    position: relative;
    width: 100%;
    display: block;
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination {
    position: relative;
    margin-top: 70px;
    display: block;
}

.styled-pagination li {
    position: relative;
    display: inline-block;
    margin: 0px 5px;
}

.styled-pagination li a {
    position: relative;
    display: block;
    line-height: 22px;
    padding: 9px 5px;
    font-size: 16px;
    min-width: 42px;
    border: 1px solid #e4e4e4;
    background: #ffffff;
    color: #ababab;
    font-weight: 400;
    text-align: center;
    border-radius: 50%;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}

.styled-pagination li a.next,
.styled-pagination li a.prev {
    padding: 7px 20px;
    font-size: 14px;
    letter-spacing: 1px;
}

.styled-pagination li a:hover,
.styled-pagination li a.active {
    color: #ffffff;
    background: #fc3950;
    border-color: #fc3950;
}

/*** 

====================================================================
	Portfolio Single Section
====================================================================

***/

.portfolio-single-section {
    position: relative;
    padding: 150px 0px 125px;
}

.portfolio-single-section .owl-controls {
    margin-top: 30px;
}

.portfolio-single-section .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    position: absolute;
    width: 40px;
    height: 40px;
    margin: 0;
    top: 50%;
    margin-top: -20px;
    text-align: center;
    background: none;
    color: #dfdfdf;
    font-size: 16px;
    line-height: 38px;
    padding: 0;
    border: 2px solid #dfdfdf;
    opacity: 1;
    transition: all 500ms ease 0s;
    border-radius: 20px;
}

.portfolio-single-section .owl-controls .owl-prev {
    left: 50px;
}

.portfolio-single-section .owl-controls .owl-next {
    right: 50px;
}

.portfolio-single-section .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
    opacity: 1;
    color: #595959;
    border-color: #595959;
}

.portfolio-single-section .owl-dots .owl-dot span {
    position: relative;
    margin: 0px 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #c3c3c3;
    transition: all 500ms ease 0s;
}

.portfolio-single-section .owl-dots .owl-dot span:before {
    content: '';
    position: absolute;
    left: -5px;
    top: -5px;
    bottom: -5px;
    right: -5px;
    border-radius: 50%;
    border: 2px solid #fc3950;
    opacity: 0;
    transition: all 500ms ease 0s;
}

.portfolio-single-section .owl-dots .owl-dot:hover span,
.portfolio-single-section .owl-dots .owl-dot.active span {
    background: #fc3950;
    border-color: #fc3950;
}

.portfolio-single-section .owl-dots .owl-dot:hover span:before,
.portfolio-single-section .owl-dots .owl-dot.active span:before {
    opacity: 1;
}

.portfolio-single-section .portfolio-description {
    position: relative;
    margin-top: 40px;
}

.portfolio-single-section .portfolio-description .column {
    position: relative;
}

.portfolio-single-section .portfolio-description .column h2 {
    position: relative;
    font-size: 26px;
    font-weight: 400;
    color: #333333;
    padding-bottom: 17px;
    margin-bottom: 30px;
}

.portfolio-single-section .portfolio-description .column h2:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 22px;
    height: 1px;
    background-color: #999999;
}

.portfolio-single-section .portfolio-description .column ul {
    position: relative;
}

.portfolio-single-section .portfolio-description .column ul li {
    position: relative;
    font-size: 16px;
    color: #333333;
    margin-bottom: 20px;
}

.portfolio-single-section .portfolio-description .column ul li a {
    position: relative;
    color: #333333;
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.portfolio-single-section .portfolio-description .column ul li a:hover {
    color: #fc3950;
}

.portfolio-single-section .portfolio-description .column .text {
    position: relative;
}

.portfolio-single-section .portfolio-description .column .text p {
    position: relative;
    color: #555555;
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 300;
}

.portfolio-single-section .portfolio-feature-images {
    margin-top: 35px;
}

.portfolio-single-section .portfolio-feature-images .image-box {
    margin-bottom: 20px;
}

.portfolio-single-section .portfolio-feature-images img {
    width: 100%;
    display: block;
}

.post-author {
    position: relative;
    padding: 0px 0px 30px;
    margin-bottom: 50px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.post-author .inner {
    position: relative;
    padding: 0px 0px 0px 136px;
    font-size: 14px;
}

.post-author .inner .author-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 106px;
    height: 106px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #fc455a;
}

.post-author .inner .author-thumb img {
    padding: 5px;
    border-radius: 50%;
    width: 100%;
    display: block;
}

.post-author .inner .comment-inner {
    position: relative;
}

.post-author .inner .most-inner .author-info {
    margin-bottom: 5px;
    color: #3e5773;
    line-height: 24px;
    font-size: 13px;
}

.post-author .inner .most-inner strong {
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    margin-right: 15px;
    display: inline-block;
    font-family: 'Reem Kufi', sans-serif;
}

.post-author .inner .most-inner .text {
    color: #555555;
    font-size: 16px;
    margin-top: 18px;
    margin-bottom: 8px;
    line-height: 1.6em;
}

.comments-area {
    position: relative;
    margin-bottom: 40px;
    margin-top: 10px;
}

.sidebar-page-container .group-title {
    position: relative;
    margin-bottom: 10px;
}

.sidebar-page-container .group-title h2 {
    font-size: 26px;
    color: #333333;
    font-weight: 400;
    padding-bottom: 16px;
}

.sidebar-page-container .group-title h2:after {
    position: absolute;
    left: 0px;
    bottom: 0px;
    content: '';
    width: 22px;
    height: 1px;
    background-color: #999999;
}

.sidebar-page-container .comments-area .comment-box {
    position: relative;
    padding: 40px 0px 30px;
    border-bottom: 1px solid #ebebeb;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box:last-child {
    border-bottom: 0px;
}

.sidebar-page-container .comments-area .comment-box:hover {
    border-color: #fc3950;
}

.sidebar-page-container .comments-area .comment {
    position: relative;
    padding: 0px 0px 0px 136px;
    font-size: 14px;
}

.sidebar-page-container .comments-area .comment .comment-inner {
    position: relative;
}

.sidebar-page-container .comments-area .comment .comment-reply {
    position: relative;
    color: #fc3950;
    font-size: 12px;
    font-weight: 700;
    float: right;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: 'Reem Kufi', sans-serif;
}

.sidebar-page-container .comments-area .comment .comment-reply:hover {
    color: #444444;
}

.sidebar-page-container .comments-area .reply-comment {
    padding-left: 120px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 106px;
    height: 106px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #fc455a;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
    padding: 5px;
    border-radius: 50%;
    width: 100%;
    display: block;
}

.sidebar-page-container .comments-area .comment-info {
    margin-bottom: 5px;
    color: #3e5773;
    line-height: 24px;
    font-size: 13px;
}

.sidebar-page-container .comments-area .comment-box strong {
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    margin-right: 15px;
    display: inline-block;
    font-family: 'Reem Kufi', sans-serif;
}

.sidebar-page-container .comments-area .comment-box .text {
    color: #555555;
    font-size: 16px;
    margin-top: 18px;
    margin-bottom: 8px;
    line-height: 1.6em;
}

.sidebar-page-container .comments-area .comment-time {
    font-size: 15px;
    color: #555555;
    font-style: italic;
    display: inline-block;
}

.blog-section .styled-pagination {
    margin-top: 40px;
}

.blog-section .related-posts {
    position: relative;
    margin-top: 0px;
}

.blog-section .related-posts h2 {
    position: relative;
    font-size: 26px;
    color: #333333;
    padding-bottom: 14px;
    font-weight: 400;
    margin-bottom: 40px;
}

.blog-section .related-posts h2:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 1px;
    left: 0px;
    bottom: 3px;
    background-color: #999999;
}

/*** 

====================================================================
	Comment Form
====================================================================

 ***/

.comment-form .form-group {
    position: relative;
    margin-bottom: 30px;
    padding: 0px 10px;
}

.comment-form .group-title h3 {
    position: relative;
    font-size: 26px;
    color: #333333;
    padding-bottom: 14px;
    font-weight: 400;
    margin-bottom: 40px;
}

.comment-form .group-title h3:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 1px;
    left: 0px;
    bottom: 3px;
    background-color: #999999;
}

.comment-form .form-group .field-label {
    position: relative;
    display: block;
    font-size: 13px;
    margin-bottom: 7px;
    color: #3e5773;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 23px;
    padding: 10px 20px;
    color: #aaaaaa;
    border: 1px solid #dbdbdb;
    height: 45px;
    font-size: 15px;
    background: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
    border-color: #fc3950;
}

.comment-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 10px 20px;
    color: #222222;
    border: 1px solid #dbdbdb;
    height: 145px;
    background: #ffffff;
    resize: none;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.error-section {
    position: relative;
    text-align: center;
    padding: 150px 0px 150px;
}

.error-section h3 {
    position: relative;
    font-size: 50px;
    font-weight: 400;
    color: #fc3950;
    margin-bottom: 35px;
    font-family: 'Reem Kufi', sans-serif;
}

.error-section h2 {
    position: relative;
    color: #333333;
    font-weight: 400;
    font-size: 200px;
    line-height: 1em;
}

.error-section .text {
    position: relative;
    color: #fc3950;
    font-size: 28px;
    margin-top: 15px;
    margin-bottom: 40px;
    line-height: 1.4em;
}

/*** 

====================================================================
	Map Section Style
====================================================================

***/

.map-section {
    position: relative;
}

.map-section .map-container {
    position: relative;
    z-index: 10;
}

.map-data {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}

.map-canvas {
    position: relative;
}

.map-data h6 {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    color: #121212;
}

/*** 

====================================================================
	Contact Section
====================================================================

***/

.contact-section {
    position: relative;
    padding: 150px 0px 100px;
}

.contact-section .contact-form-column {
    position: relative;
}

.contact-section .contact-form-column .inner-box {
    position: relative;
    padding-right: 50px;
}

.contact-section .contact-form-column .inner-box .text {
    position: relative;
    font-size: 16px;
    color: #555555;
    margin-bottom: 45px;
}

.contact-form button {
    margin-top: 10px;
}

.contact-section .contact-info-column {
    position: relative;
}

.contact-section .contact-info-column .text {
    margin-bottom: 40px;
}

/*** 

====================================================================
	Fullwidth Section
====================================================================

***/

.fullwidth-section {
    position: relative;
    background: #fbfbfb;
}

.fullwidth-section .sec-title-two {
    margin-bottom: 50px;
}

.fullwidth-section .sec-title-two .text {
    max-width: 650px;
    margin: 30px auto 0px;
}

.fullwidth-section .outer-box {
    position: relative;
    min-height: 200px;
}

.fullwidth-section .left-column {
    position: absolute;
    left: 0px;
    top: 0px;
    float: left;
    width: 50%;
    height: 100%;
}

.fullwidth-section .bx-viewport .fade-image-carousel,
.fullwidth-section .bx-viewport,
.fullwidth-section .bx-viewport .fade-image-carousel .slide-item {
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.fullwidth-section .bx-viewport .fade-image-carousel .slide-item:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.20);
}

.fullwidth-section .fade-image-carousel .image {
    position: relative;
    display: none;
    width: 100%;
}

.fullwidth-section .fade-image-carousel .image img {
    position: relative;
    display: block;
    width: 100%;
}

.fullwidth-section .bx-controls-direction {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -44px;
    width: 42px;
    height: 100px;
    z-index: 100;
}

.fullwidth-section .bx-controls-direction .bx-next,
.fullwidth-section .bx-controls-direction .bx-prev {
    position: relative;
    display: block;
    margin: 0px;
    margin-bottom: 7px;
    width: 42px;
    height: 42px;
    line-height: 38px;
    text-align: center;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-size: 12px;
    border-radius: 50%;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.fullwidth-section .bx-controls-direction .bx-next:hover,
.fullwidth-section .bx-controls-direction .bx-prev:hover {
    color: #fc3950;
    border-color: #ffffff;
    background: #ffffff;
}

.fullwidth-section .bx-pager {
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -27px;
    width: 20px;
    height: 60px;
    z-index: 100;
}

.fullwidth-section .bx-pager .bx-pager-item {
    position: relative;
    display: block;
    width: 10px;
    margin-bottom: 10px;
}

.fullwidth-section .bx-pager .bx-pager-item a {
    position: relative;
    display: block;
    width: 10px;
    height: 10px;
    background: none;
    border: 2px solid #ffffff;
    border-radius: 50%;
    overflow: hidden;
    text-indent: 100px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.fullwidth-section .bx-pager .bx-pager-item a.active {
    background: #ffffff;
}

.fullwidth-section .right-column {
    position: relative;
    float: right;
    width: 50%;
}

.fullwidth-section .right-column .column-inner {
    position: relative;
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
    padding: 120px 20px 70px;
}

.circular-graph-column {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}

.circular-graph-column .inner-box {
    position: relative;
    display: block;
    max-width: 300px;
    margin: 0 auto;
}

.circular-graph-column .graph-outer {
    position: relative;
    max-width: 120px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.circular-graph-column .inner-text {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    display: block;
    padding-top: 44px;
    line-height: 40px;
    font-size: 28px;
    font-weight: normal;
    color: #333333;
    font-family: 'Reem Kufi', sans-serif;
}

.circular-graph-column h3 {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    font-family: 'Reem Kufi', sans-serif;
}

.circular-graph-column .circular-line {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 190px;
    height: 190px;
    border: 2px solid #cccccc;
    z-index: 0;
}

.circular-graph-column canvas {
    position: relative;
    z-index: 1;
}

/* custom css */

.banner-bg-img {
    background: url('../images/banner-1.jpg')no-repeat center center / cover
}

.banner-bg-img::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -158px;
    background-position-y: bottom;
    z-index: 1;
    background-repeat: repeat no-repeat;
    background: url("../images/curve-2.png") center bottom no-repeat;
}

/* end */

/* about banner */

.about-img {
    background: url('../images/about/aboutus.jpg')no-repeat center center / cover
}

/* end */

/* about us */

.about-us-section {
    background-color: #F9F9F9;
    padding: 45px 0;
    padding-top: 200px;
}

@media(max-width:767px) {
    .about-us-section .col-md-3 {
        width: 50%;
        float: left;
    }
    .about-us-txt p {
        text-align: justify;
    }
}

.shape-txt {
    position: absolute;
    text-align: center;
    margin-top: 0;
    z-index: 99;
    background-color: transparent !important;
    width: 100%;
    margin-top: -51px;
}

.shape-txt h1 {
    margin-top: -50px;
    color: #312F2F;
	font-size: 42px !important;
}

.about-us-section h3 {
    font-size: 16px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #191818;
}

.about-box h2 {
    font-size: 24px !important;
    font-family: 'Montserrat', sans-serif;
    color: #191818;
    margin: 0;
}

.about-us-section p {
    color: #3c3a3a !important;
    font-size: 16px !important;
}

.about-box {
    background-color: #fff;
    padding: 5px;
    text-align: center;
    margin-top: 10px;
    height: 130px;
    box-shadow: 0px 16px 41px rgba(0, 0, 0, 0.1);
    webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.about-box:hover {
    /* box-shadow:0 20px 16px 0 rgba(0,0,0,.16); */
    /* padding-top:0; */
    margin-top: 1px;
    box-shadow: 0 20px 40px rgba(153, 153, 153, 0.25);
}

}

.about-box h1 {
    font-size: 18px !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-weight: 700;
    color: #343335 !important;
}

.about-box p {
    font-size: 14px !important;
    color: #474748 !important;
    text-align: center;
}

.about-box img {
    padding-top: 10px;
}

.bulk-section {
    padding: 65px 0;
    /* background: url("../images/bulk-curve.png") center no-repeat; */
    background-position: center top;
    background-color: #F9F9F9;
}

@media(max-width:767px) {
    .bulk-section {
       padding-top: 45px;
	   padding-bottom: 10px;
    }
}

.bulk-sms h2 {
    position: relative;
}


.bulk-sms h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}

@media(max-width:767px) {
    .bulk-sms h2::after {
        content: "";
        height: 4px;
        display: inline-block;
        background: #F7901E;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 180px;
        margin: 0 auto;
        width: 98px;
    }
}

.bulk-sms .box {
    background-color: #fff;
    /* padding: 30px; */
    text-align: center;
    margin-top: 10px;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
    webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    overflow: hidden;
    margin-bottom: 30px;
    margin-right: 3px;
    margin-left: 2px;
}

.bulk-sms .box:hover {
    box-shadow: 0 20px 40px rgba(153, 153, 153, 0.25);
    background-color: #000;
}

.bulk-sms .box span {
    position: absolute;
    top: -34px;
    left: -33px;
    color: #F5F5F5;
    font-size: 100px;
    font-weight: 800;
}

.bulk-sms .box h4 a {
    font-size: 23px;
    font-weight: normal;
    padding: 0;
    margin: 20px 0;
    color: #0F0F0F;
    text-decoration: none;
}

.bulk-sms .box p {
    color: #1e1e1e;
    font-size: 17px;
    margin: 0;
    padding: 0;
    top: 10px;
}

.bulk-sms .box:hover span {
    color: #1DACF1
}

.bulk-sms .box:hover h4 {
    color: #FAFD03;
}

.bulk-sms .box:hover p {
    color: #FFFFFF;
}

.grand-parent {
    position: relative;
}

.parent {
    /*position: relative;*/
    overflow: hidden;
}

.child {
    position: absolute;
    top: -10px;
    left: -5px;
}

.box i {
    font-size: 50px;
    display: block;
    padding-bottom: 20px;
}

.box h4 {
    font-size: 18px;
    color: #000;
    margin: 20px 0 0;
    font-weight: 500;
}

/* bulk feature */

.bulk-feature {
    padding: 65px 0;
    background: url("../images/bulk-sms-bg.png") center top no-repeat;
    background-color: #F9F9F9;
    background-position: 50% 4%;
}

.bulk-feature h2 {
    position: relative;
}


.bulk-feature h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}

@media(max-width:767px) {
    .bulk-feature h2::after {
        content: "";
        height: 4px;
        display: inline-block;
        background: #F7901E;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 48px;
        margin: 0 auto;
        width: 98px;
    }
}

.bulk-feature .box {
    background-color: #fff;
    padding: 30px 0;
    text-align: center;
    margin-top: 10px;
    box-shadow: 0px 16px 41px rgba(0, 0, 0, 0.1);
    webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 30px;
    height: 372px;
    display: table;
}

.bulk-feature .box:hover {
    box-shadow: 0px 16px 41px rgba(0, 0, 0, 0.2);
}

.bulk-feature .box span {
    position: absolute;
    top: 45px;
    left: -33px;
    color: #F2F2F4;
    font-size: 111px;
    font-weight: 700;
}

.bulk-feature .box h4 a {
    font-size: 23px;
    font-weight: normal;
    padding: 0;
    margin: 20px 0;
    color: #49474A text-decoration: none;
}

.bulk-feature .box p {
    color: #343335;
    font-size: 17px;
    margin: 0;
    padding: 0;
    top: 10px;
    padding: 10px;
}

.bulk-feature .box:hover span {
    color: #343335
}

.bulk-feature .box:hover h4 {
    color: #FF65A9;
}

.bulk-feature .box:hover p {
    color: #0F0F0F;
}

@media(max-width:767px) {
    .bulk-feature .box {
        height: auto;
    }
}

.col {
    display: table-cell;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
    padding: 60px 0;
    height: 92px;
    position: fixed;
    left: 0;
    /* top: 0; */
    right: 0;
    transition: all 0.5s;
    z-index: 997;
    background-color: rgba(255, 255, 255, 0.8);
}

#header #logo {
    float: left;
}

#header #logo {
    margin: -54px 0 0 0;
}

#header #logo h1 a,
#header #logo h1 a:hover {
    color: #0;
}

@media (max-width: 768px) {
    #header #logo {
        margin: -28px 0 0 0;
    }
    #header #logo img {
        max-height: 60px !important;
    }
    #header {
        padding: 35px 0;
        height: 0;
    }
    #header.header-fixed {
        padding: none !important;
        transition: all 0.5s;
    }
}

#header.header-fixed {
    background: #fff;
    transition: all 0.5s;
    box-shadow: 0px 10px 60px 0px rgba(46, 61, 98, 0.1);
    webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    top: 0;
}

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

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Nav Menu Essentials */

.nav-menu,
.nav-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: -8px;
}

.nav-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}

.nav-menu li {
    position: relative;
    white-space: nowrap;
}

.nav-menu>li {
    float: left;
}

.nav-menu li:hover>ul,
.nav-menu li.sfHover>ul {
    display: block;
}

.nav-menu ul ul {
    top: 0;
    left: 100%;
}

.nav-menu ul li {
    min-width: 180px;
}

/* Nav Menu Arrows */

.sf-arrows .sf-with-ul {
    padding-right: 30px;
}

.sf-arrows .sf-with-ul:after {
    content: "\f107";
    position: absolute;
    right: 18px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}

.sf-arrows ul .sf-with-ul:after {
    content: "\f105";
}

/* Nav Meu Container */

#nav-menu-container {
    float: right;
    margin-top: 4px;
}

@media (max-width: 768px) {
    #nav-menu-container {
        display: none;
    }
}

/* Nav Meu Styling */

.nav-menu a {
    text-decoration: none;
    display: inline-block;
    color: #050505;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
    outline: none;
    text-transform: uppercase;
    padding-right: 20px;
}


.nav-menu a:hover{
	color: #06A5EF;
}

.nav-menu>li {
    margin-left: 10px;
}

.nav-menu ul {
    margin: 4px 0 0 0;
    padding: 10px;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    background: #fff;
}

.nav-menu ul li {
    transition: 0.3s;
}

.nav-menu ul li a {
    padding: 10px;
    color: #333;
    transition: 0.3s;
    display: block;
    font-size: 13px;
    text-transform: none;
}

.nav-menu ul li:hover>a {
    color: #06A5F1;
}

.nav-menu ul ul {
    margin: 0;
}

/* Mobile Nav Toggle */

#mobile-nav-toggle {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    margin: 14px 20px 0 0;
    border: 0;
    background: none;
    font-size: 24px;
    display: none;
    transition: all 0.4s;
    outline: none;
    cursor: pointer;
}

#mobile-nav-toggle i {
    color: #000; 
}




@media (max-width: 768px) {
    #mobile-nav-toggle {
        display: inline;
    }
}

/* Mobile Nav Styling */

#mobile-nav {
    position: fixed;
    top: 0;
    padding-top: 18px;
    bottom: 0;
    z-index: 998;
    background: rgba(52, 59, 64, 0.9);
    left: -260px;
    width: 260px;
    overflow-y: auto;
    transition: 0.4s;
}

#mobile-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#mobile-nav ul li {
    position: relative;
}

#mobile-nav ul li a {
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    padding: 10px 22px 10px 15px;
    position: relative;
    text-decoration: none;
    width: 100%;
    display: block;
    outline: none;
}

#mobile-nav ul li a:hover {
    color: #000;
}

#mobile-nav ul li li {
    padding-left: 30px;
}

#mobile-nav ul .menu-has-children i {
    position: absolute;
    right: 0;
    z-index: 99;
    padding: 15px;
    cursor: pointer;
    color: #fff;
}

#mobile-nav ul .menu-has-children i.fa-chevron-up {
    color: #000;
}

#mobile-nav ul .menu-item-active {
    color: #000;
}

#mobile-body-overly {
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(52, 59, 64, 0.9);
    display: none;
}

/* Mobile Nav body classes */

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

body.mobile-nav-active #mobile-nav {
    left: 0;
}

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

.bulk-list {}

.bulk-list ul {}

.bulk-list ul li {}

.bulk-list li a {
    background-color: #fff;
    box-shadow: 0px 10px 60px 0px rgba(46, 61, 98, 0.1);
    webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    color: #000;
    text-align: center;
    padding: 10px;
    display: inline-block;
    max-width: 25%;
    padding: 10px;
}

.bulk-list li a p:hover {
    color: #FAFD03 !important;
}

.bulk-list li a:hover {
    background-color: #000;
    color: #fff;
}

.testimonial {
    text-align: center;
    padding: 20px 10px 5px;
    margin-top: 110px;
    border-top: 2px dashed #D8D8D8;
    position: relative;
}

/* .testimonial:before{ */

/* content: "\f10d"; */

/* font-family: "Font Awesome 5 Free"; */

/* font-weight: 900; */

/* position: absolute; */

/* top: 20px; */

/* left: 20px; */

/* font-size: 50px; */

/* color: #4b489b; */

/* opacity: 0.5; */

/* } */

.testimonial .pic {
    width: 70px;
    height: 70px;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0px 10px 60px 0px rgba(46, 61, 98, 0.3);
}

.testimonial span {
    font-size: 18px;
    color: #FF65A9 !important;
    top: 18px;
    left: 0;
    position: relative;
}

.testimonial .text-icon h3 {
    font-size: 16px !important;
    color: #312F2F;
}





@media(max-width:767px) {
    .testimonial span {
        left: 1px;
        top: 22px;
    }
}

.testimonial .pic img {
    width: 100%;
    height: auto;
}

.testimonial .description {
    font-size: 15px;
    color: ##3c3a3a;
    line-height: 25px;
}

.testimonial .testimonial-title {
    display: block;
    text-align: right;
    font-size: 22px;
    color: #4b489b;
    margin: 0;
}

.testimonial .post {
    display: block;
    font-size: 12px;
    color: #6f6f6f;
    margin-top: 7px;
}

.owl-theme .owl-controls .owl-page span {
    width: 20px;
    height: 3px;
    background: #4b489b;
}

@media only screen and (max-width: 479px) {
    .testimonial {
        padding: 25px;
    }
    .testimonial::before {
        top: 10px;
    }
    .testimonial .pic {
        width: 80px;
        height: 80px;
        top: -10px;
    }
}

.text-icon {
    position: relative;
    top: -130px;
}

.text-icon h1 {
    font-size: 16px !important;
    color: #312F2F;
}




.text-icon i {
    font-size: 40px !important;
    display: block;
    padding-bottom: 10px;
}

.other-services {
    background-color: #fff;
}

.section-heading p {
    font-size: 18px !important;
    color: #1C1C1C !important;
    padding-bottom: 0;
}

.text-icon a {
    color: #312F2F !important;
}

.text-icon a:hover {
    color: #F7901E !important;
}

.hero-content-slider .owl-prev {
    display: none !important
}

.hero-content-slider .owl-next {
    display: none !important
}

@media(max-width:767px) {
    .owl-carousel .owl-nav button.owl-prev {
        left: 0;
    }
    .owl-carousel .owl-nav button.owl-next {
        right: 0;
    }
}

.other-services {
    padding: 65px 0;
}

.who-can h2 {
    color: #fff;
}


.who-can h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}



.bg-w {
    background: url('../images/bg-w.jpg')no-repeat center center / cover #fff;
    padding-top: 150px;
}

@media(max-width:767px) {
    .bg-w {
        padding-bottom: 0px;
    }
}

section {
    position: relative;
}

.single-blog-card {
    box-shadow: 0 20px 40px rgba(153, 153, 153, 0.25) !important;
    border-radius: 30px !important;
    background-color: #fff !important;
    overflow: hidden;
}

.our-blog-section h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}

@media(max-width:767px) {
    .our-blog-section h2::after {
        content: "";
        height: 4px;
        display: inline-block;
        background: #F7901E;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 48px;
        margin: 0 auto;
        width: 98px;
    }
}

.our-blog-section {
    padding: 45px 0;
    padding-top: 45px;
    padding-top: 65px;
    background-color: #F9F9F9;
}

.card-title a {
    color: #2E2D2D !important;
    font-size: 18px !important;
    transition: transform 0.3s ease-in-out;
}

.card-title a:hover {
    color: #1E409E !important;
}

.card-text {
    color: #1E409E !important;
}

.blog-btn a {
    font-size: 16px;
    color: #1E409E !important;
    text-align: center;
}

.blog-btn a:hover {
    color: #2E2D2D !important;
}



.shape-txt h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}

@media(max-width:767px) {
    .shape-txt h2::after {
        content: "";
        height: 4px;
        display: inline-block;
        background: #F7901E;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 91px;
        margin: 0 auto;
        width: 98px;
    }
}


h2 {
    line-height: 33pt !important;
}


.other-services h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}

@media(max-width:767px) {
    .other-services h2::after {
        content: "";
        height: 4px;
        display: inline-block;
        background: #F7901E;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 134px !important;
        margin: 0 auto;
        width: 98px;
    }
}

/* .footer-section{ */

/* margin-top: 120px; */

/* } */

.fshape::before {
    background: url("../images/footer-shape.png") no-repeat 50%;
    bottom: 0;
    content: "";
    display: block;
    height: 121px;
    position: relative;
    width: 100%;
    /*background-color: #F9F9F9;*/
}

@media(max-width:767px) {
    .fshape::before {
        background: url("../images/footer-shape.png") no-repeat 65%;
    }
}

.ctm-i i {
    font-size: 14px !important;
}

footer .footer-nav-wrap i {
    color: #fff;
    margin-right: 10px;
}

.social-box ul {
    margin-top: 20px;
}


@media(max-width:767px){
	
	.social-box ul {
    margin-bottom: 20px;
}
}

.social-box li {
    position: relative;
    margin-right: 11px;
    display: inline-block;
}

.social-box li:last-child {
    position: relative;
    margin-right: 0;
    display: inline-block;
}

.social-box li a {
    position: relative;
    color: #ffffff;
    font-size: 15px;
    width: 35px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    border-radius: 50px;
    border: 1px dashed #ffffff;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.fa-facebook-f {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-facebook-f:hover {
    background-color: #3b5998;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-pinterest {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-pinterest:hover {
    background-color: #CC2127;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-twitter {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-twitter:hover {
    background-color: #00ACED;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-instagram {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-instagram:hover {
    background-color: #dc004e;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}



.fa-linkedin {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-linkedin:hover {
    background-color: #0976B4;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-youtube {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-youtube:hover {
    background-color: #FF0000;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.info {
    margin: 0;
    padding: 3px 11px;
    border: 1px solid #A4B0B6;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    background: rgba(7, 15, 23, 0.25);
    color: #CECCCC;
    border-radius: 6px;
    margin-top: 20px;
    font-size: 15px;
}

.info a:link {
    color: #CECCCC;
}

.info a:visited {
    color: #CECCCC;
}

.info a:hover {
    color: #fff;
}

.info i {
    border-right: 1px solid #A4B0B6;
    margin-right: 2px;
    padding-right: 8px;
}

.we-als h5 {
    color: #fff;
}

.area ul {}

.area ul li {
    display: inline-block;
}

.area ul li a {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: inherit;
    color: #A4B0B6;
    font-size: 14px;
    border-right: 1px solid #A4B0B6;
    margin-right: 2px;
    padding-right: 8px;
    line-height: 12px;
}

.bor-n {
    border-right-style: none !important;
}

.area ul li a:hover {
    color: #fff;
}

.footer-bottom {
    background-color: #07102B;
    padding: 10px;
    text-align: center;
}

.ft ul li {
    display: inline-block;
}

.ft ul li a {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: inherit;
    color: #A4B0B6;
    font-size: 14px;
    border-right: 1px solid #A4B0B6;
    margin-right: 2px;
    padding-right: 8px;
    line-height: 12px;
}

.ft ul li a:hover {
    color: #fff;
}

.ft p {
    color: #A4B0B6 !important;
    font-size: 16px !important;
    margin: 0 !important;
}

.ft span {
    color: #A4B0B6 !important;
    font-size: 13px !important;
}

.extra-nav a {
    background-color: #FB397D;
    float: right;
    border: 1px solid #FB397D;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 20px;
    padding: 3px 20px;
    margin-top: -6px;
    transition: all .25s ease-in-out;
}

.extra-nav a:hover {
    background: transparent;
    color: #000;
}

.extra-nav a {
    font-size: 16px;
}

@media(max-width:767px) {
    .extra-nav {
        margin-right: 50px;
    }
    #mobile-nav .extra-nav li a {
        padding: 10px !important;
    }
    .secondary-solid-btn-2 {
        margin-top: 0;
        text-align: center;
    }
}

.extra-nav-mobile a {
    background-color: #FB397D;
    float: left;
    border: 1px solid #FB397D;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 20px;
    padding: 3px 20px;
    margin-top: -16px;
    transition: all .25s ease-in-out;
    width: 90%;
    margin-top: 15px;
    margin-left: 11px;
    text-align: center;
}

.extra-nav-mobile a:hover {
    background: transparent;
    color: #fff;
}

.extra-nav-mobile a {
    font-size: 16px;
}

/* sidebar */

.float {
    position: fixed;
    bottom: 140px;
    right: 0;
    z-index: 9999;
    width: 60px;
    height: 60px;
}

.float-2 {
    position: fixed;
    top: 180px;
    right: 0;
    z-index: 9999;
    z-index: 9999;
}

.float-2 img {
    height: 217px;
}

@media(max-width:767px) {
    .float-2 img {
        height: 130px;
    }
    .we-als h5 {
        color: #fff;
        margin-top: 20px;
    }
    .area ul {
        margin-bottom: 20px;
    }
}

.pdt {
    position: relative;
    margin-top: -600px;
    z-index: 1000;
}

/* #testimonial-slider-2{ */

/* padding: 50px 20px 35px 20px; */

/* background: #fff; */

/* text-align: center; */

/* box-shadow: 0 0 115px 19px rgba(236, 236, 236, 1); */

/* } */

.testimonial-2 .description {
    font-size: 14px;
    color: #777;
    line-height: 26px;
    text-indent: 30px;
    position: relative;
}

.testimonial-2 .title {
    font-size: 24px;
    font-weight: bold;
    color: #363636;
    text-transform: capitalize;
    margin: 0;
}

.testimonial-2 .post {
    display: block;
    font-size: 15px;
    color: #363636;
}

.owl-buttons {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 40%;
    left: 0;
}

.owl-prev,
.owl-next {
    position: absolute;
    left: 0;
    transition: all 0.4s ease-in-out 0s;
}

.owl-next {
    left: auto;
    right: 0;
}

.owl-theme .owl-controls .owl-page span {
    width: 121px !important;
    height: 80px !important;
    border-radius: 0 !important;
    background: url("../images/wicon1.png") no-repeat;
    background-size: cover;
    transition: all 0.3s ease-in-out 0s;
    margin: 5px 13px !important;
}

@media(max-width:767px) {
    .owl-theme .owl-controls .owl-page span {
        width: 60px !important;
        height: 43px !important;
        border-radius: 0 !important;
        background: url("../images/wicon1.png") no-repeat;
        background-size: cover;
        transition: all 0.3s ease-in-out 0s;
        margin: 0 !important;
    }
    .bg-w {
        padding-top: 190px;
    }
}

.owl-theme .owl-controls .owl-page:nth-child(1) span {
    background: url("../images/wicon1.png") no-repeat;
    background-size: cover;
}

.owl-theme .owl-controls .owl-page:nth-child(2) span {
    background: url("../images/wicon7.png") no-repeat;
    background-size: cover;
}

.owl-theme .owl-controls .owl-page:nth-child(3) span {
    background: url("../images/wicon3.png") no-repeat;
    background-size: cover;
}

.owl-theme .owl-controls .owl-page:nth-child(4) span {
    background: url("../images/wicon4.png") no-repeat;
    background-size: cover;
}

.owl-theme .owl-controls .owl-page:nth-child(5) span {
    background: url("../images/wicon6.png") no-repeat;
    background-size: cover;
}

.owl-theme .owl-controls .owl-page:nth-child(6) span {
    background: url("../images/wicon9.png") no-repeat;
    background-size: cover;
}

.owl-theme .owl-controls .owl-page:nth-child(7) span {
    background: url("../images/wicon8.png") no-repeat;
    background-size: cover;
}

/* .owl-theme .owl-controls .owl-page:nth-child(8) span{ */

/* background: url("../images/wicon8.png") no-repeat; */

/* background-size: cover; */

/* } */

.owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 0.5;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page.active:hover span {
    border-color: #d133ff;
    opacity: 1;
}

@media only screen and (max-width: 479px) {
    .owl-buttons {
        bottom: 30%;
    }
}

.owl-controls {
    background-color: #fff;
    padding: 20px 0;
    box-shadow: 0px 16px 41px rgba(0, 0, 0, 0.1);
}

.owl-theme .owl-controls {
    margin-top: 0 !important;
    text-align: left !important;
}

.owl-buttons {
    display: none;
}

.owl-controls {
    width: 90%;
}

.wtxt {
    margin-bottom: 45px;
}

.box img {
    width: auto !important;
    height: auto;
    text-align: center !important;
    display: inline-block !important;
    margin-bottom: 20px;
}

.text-icon img {
    width: auto !important;
    height: auto;
    text-align: center !important;
    display: inline-block !important;
}

[tooltip]:before {
    white-space: pre-wrap;
    width: 0px;
    padding: 10px;
    font-weight: 500;
    border-radius: 2px;
    background-color: #000;
    color: #fff;
    content: attr(tooltip);
    margin-right: 0;
    position: absolute;
    right: 100%;
    bottom: 5%;
    opacity: 0;
    font-size: 14px;
}

[tooltip]:hover:before,
[tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
	width: 200px;
}

.action-btns i {
    font-size: 20px;
    margin-right: 10px;
}

.testimonial-2 h3 {
    color: #2DB9FC;
    font-size: 27px;
}

.testimonial-2 p {
    color: #FFFFFF;
}

.read-m a {
    background: transparent;
    float: left;
    border: 1px solid #FFFFFF;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 20px;
    padding: 3px 20px;
    margin-top: -16px;
    transition: all .25s ease-in-out;
    margin-top: 20px;
}

.read-m a:hover {
    background: #FFFFFF;
    color: #000;
}

.testimonial-2 ul {
    margin: 0;
    padding: 0;
}

.testimonial-2 li {
    color: #fff !important;
}

.testimonial-2 i {
    color: #2DB9FC;
    margin-right: 10px;
}

/* notificatio bar top */

.block {
    display: block;
}

.hide {
    display: none;
}

#notification-bar {
    position: fixed;
    width: 100%;
    top: 0;
    background-color: #0348bc;
    clear: both;
    z-index: 999;
    height: 36px;
    line-height: 35px;
}

#notification-bar .container {
    width: ;
    margin: 0 auto;
}

#notification-bar p {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    float: left;
    padding: 0;
    line-height: 35px;
    color: #fff;
}

#notification-bar a.btn-action {
    width: 110px;
    height: 25px;
    line-height: 25px;
    margin-top: 5px;
    padding: 0;
    float: right;
    margin-right: 50px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    opacity: .85;
    border-radius: 3px;
    text-align: center;
    background-color: #fff;
    color: #0348bc;
    text-decoration: none;
    font-size: 14px;
}

#notification-bar a.btn-action:hover {
    opacity: 1;
}

#notification-bar .fa-times-circle {
    float: right;
    margin-top: 5px;
    font-size: 26px;
    color: #ddd;
    text-align: right;
    z-index: 9;
    cursor: pointer;
}

#notification-bar label {
    display: contents !important;
    margin-bottom: .5rem;
}

/* input[type=checkbox] { */
    /* position: absolute; */
    /* top: -9999px; */
    /* left: -9999px; */
/* } */



input[type=text] {
    height: 30px;
    font-size: 18px;
    padding: 0 0 0 5px;
    /* border: 1px solid #555; */
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 3px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 3px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 1px;
}

input[type=text]+input[type=text] {
    margin-left: 10px;
}

/* Initial bar stage  */

input[type=checkbox]~#notification-bar {
    /* Animation */
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    /* Start animation to go down */
    -webkit-animation-name: goDown;
    animation-name: goDown;
}

/* Close the bar */

input[type=checkbox]:checked~#notification-bar {
    /* Animation */
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    /* Start animation to go up */
    -webkit-animation-name: goUp;
    animation-name: goUp;
}

input[type=checkbox]~.fa-long-arrow-down {
    position: absolute;
    display: none;
    right: 10%;
    cursor: pointer;
}

input[type=checkbox]:checked~.fa-long-arrow-down {
    display: block;
    top: -35px;
    padding: 10px;
    font-size: 50px;
    color: #ffbe03;
    background-color: #444;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 5px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 5px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 5px;
}

input[type=checkbox]:checked~.fa-long-arrow-down:hover {
    top: -15px;
    color: #ccc;
}

/* ANIMATION for go up */

@-webkit-keyframes goUp {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    100% {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
}

@keyframes goUp {
    0% {
        -webkit-transform: none;
        transform: none;
    }
    100% {
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
}

/* ANIMATION for go down */

@-webkit-keyframes goDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes goDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.find-me {
    position: relative;
    margin: 100px;
    color: #fff;
}

.find-me a {
    color: #fff;
}

.exp {
    float: right;
    text-align: center;
    width: 11%;
    top: -137px;
    position: absolute;
    z-index: 1;
    background-color: #05A5F1;
    line-height: 103pt;
    right: 0;
    height: 137px;
    color: #fff;
    font-size: 70px;
    transition: all .25s ease-in-out;
}

.exp:hover {
    background-color: red;
}

.exp a:link {
    color: #fff;
}

.exp a:visited {
    color: #fff;
}

.exp a:hover {
    color: #000;
    box-shadow: 0px 0px 30px 0px rgba(186, 184, 191, 0.35);
}

@media(max-width:767px) {
    .owl-controls {
        width: 100%;
    }
    .exp {
        text-align: center;
        width: 100%;
        background-color: #05A5F1;
        color: #fff;
        font-size: 20px;
        transition: all .25s ease-in-out;
        position: relative;
        line-height: 40px;
        height: 40px;
        top: 0;
    }
}

#hellobar-bar {
    font-family: "Open Sans", sans-serif;
    width: 100%;
    margin: 0;
    height: 30px;
    display: table;
    font-size: 17px;
    font-weight: 400;
    padding: .33em .5em;
    -webkit-font-smoothing: antialiased;
    color: #5c5e60;
    /* position: fixed; */
    background-color: white;
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.15);
}

#hellobar-bar.regular {
    height: 40px;
    font-size: 14px;
    padding: 0 !important;
}

.hb-content-wrapper {
    text-align: center;
    text-align: center;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    background-color: #0348BC;
    color: #fff;
    width: 100%;
}

.hb-content-wrapper p {
    margin-top: 0;
    margin-bottom: 0;
}

.hb-text-wrapper {
    margin-right: .67em;
    display: inline-block;
    line-height: 1.3;
}

.hb-text-wrapper .hb-headline-text {
    font-size: 1em;
    display: inline-block;
    vertical-align: middle;
}

#hellobar-bar .hb-cta {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0;
    color: #ffffff;
    background-color: #22af73;
    border-color: #22af73
}

.hb-cta-button {
    opacity: 1;
    color: #fff;
    display: block;
    cursor: pointer;
    line-height: 1.5;
    max-width: 22.5em;
    text-align: center;
    position: relative;
    border-radius: 3px;
    white-space: nowrap;
    margin: 1.75em auto 0;
    text-decoration: none;
    padding: 0;
    overflow: hidden;
}

.hb-cta-button .hb-text-holder {
    border-radius: inherit;
    padding: 5px 15px;
}

.hb-close-wrapper {
    display: table-cell;
    width: 1.6em;
}

.hb-close-wrapper .icon-close {
    font-size: 14px;
    top: 15px;
    right: 25px;
    width: 15px;
    height: 15px;
    /* opacity: .3; */
    color: #fff;
    cursor: pointer;
    position: absolute;
    text-align: center;
    line-height: 15px;
    z-index: 1000;
    text-decoration: none;
}

@media(max-width:767px) {
    .other-services {
        padding: 0;
        padding-top: 45px;
    }
    .text-blue {
        font-size: 28px !important; 
    }
    .text-2 {
   
		
		font-size: 16px !important;
line-height: 23px !important;
    }
	
    #hellobar-bar {
        display: none;
    }
    .bulk-feature {
        padding-top: 45px;
		padding-bottom: 15px;
    }
}

/* about us pages section starts */

.we-are {
    padding: 15px 0;
    background: url("../images/about/weare-bg.png") center top no-repeat;
    background-color: #fff;
    background-position: 50% 4%;
}

.we-are p {
    font-size: 16px !important;
    color: #616161 !important;
    line-height: 24pt;
}

.we-are h1 {
    font-size: 26px;
}

.we-are p {
    font-size: 16px !important;
    color: #616161 !important;
}

.set1 ul {
    padding: 0;
    margin: 0;
}

.set1 ul li {
    font-size: 18px;
    font-weight: 700;
    display: table-row;
}

.set1 ul li span {
    font-weight: normal;
    padding-bottom: 8px;
    display: block;
    font-size: 16px !important;
    color: #616161 !important;
}

.set1 ul li img {
    float: left;
    margin-right: 10px;
    vertical-align: middle;
}

/*why only section */

.why-only-us {
    background-image: url("../images/why/why-bg.jpg");
    padding: 65px 0;
    border-top: 1px solid #EEEEEE;
}

.why-only-us h2 {
    font-size: 34px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}


.why-only-us h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}





.why-only-us p{
	margin-top: 20px;
}

.why-box {
    background-color: #fff;
    border: 1px solid #E2E2E2;
    border-radius: 6px;
    padding: 10px;
}

.why-box ul {
    padding: 0;
    margin: 0;
    text-align: center;
}

.why-box ul li {
    font-size: 36px;
    font-weight: 700;
}

.why-box:hover {
    box-shadow: 0px 16px 41px rgba(0, 0, 0, 0.2);
    /* cursor: pointer; */
}

.why-box ul li::after {
    content: "";
    height: 3px;
    display: inline-block;
    background: #05A4F0;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 80px;
    margin: 0 auto;
    width: 112px;
}

.why-box span {
    font-size: 19px;
    font-weight: normal;
    display: inline-block;
    margin-top: 19px;
    color: #020202;
    font-weight: normal;
}

.why-box ul li img {
    margin-right: 10px;
    vertical-align: middle;
}

.mt-75 {
    margin-top: 75px;
}

@media(max-width:767px) {
    .mt-4 {
        margin-top: 0 !important;
    }
    .mt-75 {
        margin-top: 45px;
    }
    .why-only-us {
        padding: 35px 0;
    }
    .we-are {
        padding: 35px 0;
    }
}

/* who we are section */

.who-we-are {
    padding: 65px 0;
    background: url("../images/who-we-are/bg-img.png") center top no-repeat;
    background-color: #fff;
    background-position: 50% 4%;
}

.top {
    box-shadow: 0px -15px 10px -15px #DCDCDC;
}
 

.our-vision-w ul {
    padding: 0;
    margin: 0;
}

.our-vision-w ul li {
    font-size: 23px;
    font-weight: 700;
    display: table-row;
}

.our-vision-w ul li span {
    font-size: 16px;
    font-weight: normal;
    padding-top: 14px;
    display: inline-block;
    color: #616161 !important;
}

.our-vision-w ul li img {
    float: left;
    margin-right: 10px;
    vertical-align: middle;
}

.mt-6 {
    margin-top: 45px;
}

.who-we-are p {
    font-size: 16px !important;
    color: #616161 !important;
    line-height: 24pt;
}

/* build great section */

.build-great {
    background-image: url("../images/why/why-bg.jpg");
    padding: 65px 0;
    border-top: 1px solid #EEEEEE;
}

.build-great h2 {
    font-size: 34px;
    text-align: left;
    color: #000 !important;
    margin-bottom: 18px;
}

.build-list ul {
    padding: 0;
    margin: 0;
}

.build-list ul li {
    font-size: 21px;
    font-weight: normal;
    padding: 7px 0;
    color: #111111 !important;
}

.build-list ul li img {
    margin-right: 10px;
    vertical-align: middle;
}

/* request demo section */

.request {
    padding: 65px 0;
    background: url("../images/request-demo-bg.png") center top no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: center;
    background-position-y: top;
    background-color: #fff;
    background-position: 50% 4%;
    padding-bottom: 100px;
}

.request h2 {
    font-size: 30px;
    text-align: center;
    color: #000 !important;
    margin-bottom: 0;
    font-weight: normal !important;
}

.request h3 {
    font-size: 28px !important;
    text-align: center;
    color: #0F1D44 !important;
    margin-bottom: 18px;
    font-weight: 700 !important;
    border-bottom: 1px solid #0F1D44;
    padding-bottom: 10px;
}

.rqst:after {
    content: "";
    display: inline-block;
    position: relative;
    left: 0;
    right: 0px;
    top: 24px;
    bottom: 0;
    width: 34px;
    height: 20px;
    background-image: url("../images/arrow-rq.jpg");
    margin: auto;
    display: block;
}

.rqst {
    max-width: 100%;
    width: 521px;
    margin: 0 auto;
    clear: both;
}

.btn-cnt {
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 35px;
}

.btn-cnt a {
    background-color: #0F1D44;
    font-size: 24px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 50px;
    padding: 14px 100px;
    margin-top: 30px;
    transition: all .25s ease-in-out;
    border: 2px solid #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4);
}

.btn-cnt a:hover {
    background: transparent;
    color: #000;
}

/* end */
.prcin_vw_bx {
        padding: 25px;
    border-radius: 6px;
    background: #2CB742;
  }
  
  .prcin_vw_bx p {
    color: #fff !important;
    font-size: 22px !important;
}
  .view-pricing-plan {
    padding: 6px 15px;
    background: #209520;
    text-decoration: none;
    color: #FFF;
    border-radius: 600px;
  }
  
  .view-pricing-plan:hover{ 
  padding:6px 15px; 
  background:#f05316; 
  text-decoration:none; 
  color:#FFF; 
  border-radius:600px; }
  
  .whatsapp_box_2b {
    padding: 20px 35px;
    border-radius: 8px;
    margin-bottom: 25px;
    background: #fff;
    box-shadow: 1px 2px 4px -1px rgba(0,0,0,.3);
    border: 1px solid #ddd;
    
  }
  
  
  
  
  .whatsapp_box_2b p {
    text-align: justify;
    line-height: 27px;
    font-size:16px;
  }
  
  .whatsapp_box_3b {
    padding: 20px 35px;
    border-radius: 8px;
    margin-bottom: 25px;
    background: #fff;
    box-shadow: 1px 2px 4px -1px rgba(0,0,0,.3);
    border: 1px solid #ddd;
   
  }
  
  .whatsapp_box_3b p {
    line-height: 28px;
    padding-bottom: 10px;
  }
  
  .whatsapp_box_3b p {
    line-height: 28px;
    padding-bottom: 10px;
    font-size:16px;
  }
  .shortcode-box {
    padding: 30px;
    border: solid 1px #f55b28;
    margin: 0px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-bottom: 20px;
    background: #fde8e1;
    border-radius: 15px;
}.btn-orange {
    color: #fff;
    background-color: #f57c00 !important;
    padding: 14px 50px;
    font-size: 16px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-weight: 700;
    /* text-transform: uppercase; */
    display: inline-block;
    border-radius: 30px;
    border: 1px solid #fff;
}
.text-green {
    color:#F7901E;
}
h1 {
    font-size: 30px !important;
}.all-boxes1 {
    display: flex; 
    align-items: center;margin: 10px 0;
}
.how-it-work-voicecall .all-boxes1{flex-wrap: wrap;}

.how-business-automated-box {
    padding: 20px 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    background: #fff;
    min-height: 305px;
    box-shadow: 0px 16px 41px rgba(0, 0, 0, 0.1);
}
.dot span {
    color: #302F2F !important;
    padding-right: 100px;
}

@media(max-width:767px) {
    .height-mobile {
        position: relative;
        min-height: 500px;
    }
    .pt-100 {
        padding-top: 116px !important;
    }
    .btn-cnt a {
        background-color: #0F1D44;
        font-size: 22px;
        color: #fff;
        text-transform: capitalize;
        border-radius: 50px;
        padding: 10px 40px !important;
        margin-top: 30px;
        transition: all .25s ease-in-out;
        border: 2px solid #fff;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4);
    }
    .btn-cnt {
        margin-bottom: 0 !important;
    }
    .request {
        padding-bottom: 0 !important;
    }
    .request h2 {
        font-size: 24px !important;
        text-align: center;
        color: #000 !important;
        font-weight: normal !important;
        line-height: 25pt !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .build-great h2 {
        font-size: 28px;
        line-height: 25pt !important;
    }
    .who-we-are h2 {
        font-size: 28px;
        line-height: 25pt !important;
    }
    .why-only-us h2 {
        font-size: 28px;
    }
    .we-are h1 {
        font-size: 28px;
    }
    .request h3 {
        font-size: 23px;
    }
    .build-list ul li {
        font-size: 16px;
    }
    .build-list ul li img {
        margin-right: 10px;
        height: 21px;
        margin-top: 6px;
    }
    .build-list ul li {
        display: flex;
    }
    .mt-6 {
        margin-top: 0;
    }
}

/* whatsapp --- pages css */

.txt-tpage {
    font-size: 20px;
}

.btn-whatsapp-pg {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 35px;
}

.btn-whatsapp-pg a {
    background-color: #01AE38;
    font-size: 24px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 50px;
    padding: 8px 28px;
    margin-top: 30px;
    transition: all .25s ease-in-out;
    border: 2px solid #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4);
    margin-left: 10px;
}

.btn-whatsapp-pg a:hover {
    background: transparent;
    color: #000;
    border: 2px solid #01AE38;
}



.wts {
    margin-bottom: 30px;
}

.wts .col-md-4 {
    float: left;
}

.tabbox {
    color: #080808;
    text-align: left;
    padding: 10px;
    font-weight: 700;
    background-color: #F6F4F4;
    border-right: 1px solid #777676;
    display: table;
    width: 100%;
}


.tabbox:hover{
	
	background-color: #7ED0F6;
}

.tabbox img {
    margin-right: 10px;
    vertical-align: middle;
}

.img-tab {
    float: left;
}

.txttab {
    float: left;
}

.tabbox p {
    text-align: left;
    font-size: 15px;
    margin-top: 18px;
}

@media(max-width:767px) {
    .tabbox p {
        text-align: center;
        font-size: 14px;
        margin-top: 0;
    }
    .img-tab {
        float: none;
        text-align: center;
    }
    .tabbox {
        border-right-style: none;
    }
    .wts .col-md-4 {
        margin-bottom: 1px !important;
    }
}

.wts .active {
    background-color: #7FD1F7 !important;
}

.nobor {
    border-right-style: none !important;
}

.btn-shd {
    box-shadow: 0px 15px 10px -15px #111;
    display: table;
    width: 100%;
}

/* Business Advantages section css */

.business-advantages {
    padding: 65px 0;
    background: url("../images/about/weare-bg.png") center top no-repeat;
    background-color: #fff;
    background-position: 50% 20%;
}



.titleMain p {
    font-size: 18px !important;
    line-height: 24px;
    color: #616161 !important;
	margin-top: 20px;
}
 
 ul {
    padding: 0 !important;
    margin: 0 !important;
}

.business-set ul li {
    position: relative;
    font-weight: 700; color: #000;
    padding-left: 60px;
    margin: 0 0 15px;
}
.business-set ul li span {
    font-weight: normal;color: #616161 !important;
    
}

.business-set ul li img {
   position: absolute;
    left: 0;
}

.titleMain h2 {
    font-size: 36px !important;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
    font-weight: 500;
}
h1 {
    font-size: 30px !important;
}

.titleMain h2::after {
    content: '';
    display: block;
    margin: auto;
    height: 4px;
    width: 0px;
    background: #F7901E;
    transition: all 0.4s linear;
    width: 98px;
    position: relative;
    left: 0;
    right: 0;
    top: 6px;
}

.m-b {
    margin-bottom: 83px;
}

.m-b-2 {
    margin-bottom: 60px;
}

@media(max-width:767px) {
    .m-b-2 {
        margin-bottom: 60px !important;
    }
}

/* Business Advantages section css end */

/*use case section css */

.use-case {
    background: url("../images/phone-communicator/bg-img.png") center top no-repeat;
    background-color: #F7F7F7;
    padding: 65px 0;
    background-position: 50% 10%;
}

.use-case h1 {
    font-size: 35px;
}

.use-case h2 {
    font-size: 18px;
    padding: 0 !important;
    margin: 0 !important;
}

.use-case p {
    margin-bottom: 20px;
    padding: 0 !important;
}

.use-case p:last-child {
    margin-bottom: 0 !important;
}

.use-case span {
    color: #2196F3;
}

.case-list ul {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

.case-list ul li {
    font-size: 16px;
    font-weight: normal;
    padding: 7px 0;
    color: #242424 !important;
}

.case-list i {
    margin-right: 4px;
    vertical-align: middle;
    color: #2196F3;
}

.sec-m {
    margin-left: 50px;
    margin-top: 15px;
}

/* get-started demo section */

.get-started {
    padding: 65px 0;
    background: url("../images/request-demo-bg.png") center top no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: center;
    background-position-y: top;
    background-color: #fff;
    background-position: 50% 4%;
    padding-bottom: 100px;
}

.get-started h2 {
    font-size: 30px;
    text-align: center;
    color: #000 !important;
    margin-bottom: 0;
    font-weight: normal !important;
}

.get-started h3 {
    font-size: 28px;
    text-align: center;
    color: #0F1D44 !important;
    margin-bottom: 18px;
    border-bottom: 1px solid #0F1D44;
    padding-bottom: 10px;
}

.rqst:after {
    content: "";
    display: inline-block;
    position: relative;
    left: 0;
    right: 0px;
    top: 24px;
    bottom: 0;
    width: 34px;
    height: 20px;
    background-image: url("../images/arrow-rq.jpg");
    margin: auto;
    display: block;
}

.rqst {
    max-width: 100%;
    width: 521px;
    margin: 0 auto;
    clear: both;
}

.btn-cnt {
    text-align: center;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 35px;
}

.btn-cnt a {
    background-color: #0F1D44;
    font-size: 24px;
    color: #fff;
    text-transform: capitalize;
    border-radius: 50px;
    padding: 14px 100px;
    margin-top: 30px;
    transition: all .25s ease-in-out;
    border: 2px solid #fff;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4);
}

.btn-cnt a:hover {
    background: transparent;
    color: #000;
    border: 2px solid #0F1D44;
}









/* end */

/* all in one */

.all-in-one {
    background-color: #F9F9F9;
    padding: 65px 0;
}

.all-in-one h1 {
    font-size: 35px;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal !important;
}


.all-in-one h1::after {
    content: '';
    display: block;
    margin: auto;
    height: 4px;
    width: 0px;
    background: #F7901E;
    transition: all 0.4s linear;
    width: 98px;
    position: relative;
    left: 0;
    right: 0;
    top: 6px;
}

/* .all-in-one Span{ */

/* font-weight: 700; */

/* } */



.all-boxes {
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    margin-top: 25px;
    border-radius: 6px;
    border: 1px solid #E6E6E6;
    padding: 30px 20px;
}

.all-boxes h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
}
.bimg {
    width: 40px;
    margin-right: 10px;
    flex-shrink: 0;
}

.bor-right {
    border-right: 1px solid #E8E8E8;
}

.bor-right h4 {
    font-size: 28px;
    color: #474747;
    font-weight: 100 !important;
}

.bor-right p {
    font-size: 16px;
    color: #474747;
    font-weight: normal !important;
    text-align: left
}

.icon-txt ul {
    text-align: center !important;
}

.icon-txt ul li {
    display: inline-block;
    margin-right: 60px;
    font-size: 14px;
}

.icon-txt ul li:last-child {
    margin-right: 0 !important;
}

.border-none {
    border-right-style: none !important;
}

.icon-txt img {
    margin-right: 0;
    vertical-align: middle;
}

.bor-right span {
    display: inline-block;
    font-size: 18px !important;
    color: #676767 !important;
}

.icon-txt span {
    display: block;
    font-size: 10px !important;
    color: red !important;
}

.icon-txt ul li a {
    color: #474747;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-table;
}

.icon-txt ul li a:hover {
    color: red;
}

.icon-txt img:hover {
    opacity: .9
}

@media(max-width:767px) {
    .sec-m {
        margin-left: 0;
        margin-top: 15px;
    }
    .get-started {
        padding-bottom: 45px !important;
    }
    .icon-txt ul {
        text-align: center;
    }
    .icon-txt ul li {
        display: inline-block;
        margin-right: 12px !important;
        margin-left: 8px !important;
        margin-bottom: 20px !important;
    }
    .all-boxes .col-md-8 {
        padding: 0 !important;
    }
    .bimg {
        float: none;
        margin-right: 0;
        text-align: center;
        margin-bottom: 20px;
    }
    .all-boxes {
        text-align: center;
    }
    .bor-right p {
        text-align: center;
    }
    .bor-right {
        border-right: none;
    }
}

/* WhatsApp Official Business Account */

.box-lf {
    background-color: #F6F6F6;
    padding: 20px;
    display: table-cell;
}

.box-lf h1 {
    color: #2CB742;
    font-size: 26px;
}

.box-lf p {
    color: #232424;
    font-size: 18px;
}

.col1 {
    background-color: #F6F6F6;
    padding: 20px;
    display: table-cell;
    width: 60%;
}



.col2 {
    background-color: #2CB742;
    padding: 10px;
    display: table-cell;
    width: 40%;
}

.box-ri ul {
    margin: 0;
    padding: 0;
}

.box-ri ul li {
    color: #fff;
    font-size: 18px !important;
    padding-left: 20px;
}

.box-ri {
    background-color: #2CB742;
    padding: 20px;
    display: table-cell;
}

.box-ri ul {
    margin: 0;
    padding: 0;
}

.box-ri li {
    color: #fff;
    font-size: 18px !important;
    position: relative;
    display: block;
}

.box-ri ul li::before {
    font-family: 'FontAwesome';
    content: "\f101";
    position: absolute;
    top: 0;
    left: 0;
    color: #179ea8;
    color: #fff;
}

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

@media(max-width:767px) {
    .col1 {
        width: 100%;
        display: block
    }
    .col2 {
        width: 100%;
        display: block
    }
}

/* how it works */

.howitwork {
    padding: 65px 0;
    background-color: #fff;
}

.howitwork h2 {
    font-size: 36px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}


.howitwork h2::after {
    content: '';
    display: block;
    margin: auto;
    height: 4px;
    width: 0px;
    background: #F7901E;
    transition: all 0.4s linear;
    width: 98px;
    position: relative;
    left: 0;
    right: 0;
    top: 6px;
}

.howitwork p{
	margin-top: 20px;
}

.h-box {
    text-align: center;
    padding: 13px;
    border-right: 1px solid #009933;
}

.howitwork .col-md-4 {
    padding: 0;
}

.h-box h1 {
    font-size: 30px;
    color: #121212;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.h-box p {
    font-size: 20px;
    margin-top: 20px;
}

.bgcolor1 {
    background-color: #E1F1FF;
}

.bgcolor2 {
    background-color: #FDEAB4;
}

.bgcolor3 {
    background-color: #FBD5CD;
}

@media(max-width:767px) {
    .howitwork .col-md-4 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .h-box {
        border-right-style: none;
    }
}

/* features */

.features {
    padding-top: 65px;
    background: url("../images/features/bg-p.png") center top no-repeat;
    background-color: #fff;
    background-position: 50% 4%;
}

.features h2 {
    font-size: 36px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}


.features h2::after {
    content: '';
    display: block;
    margin: auto;
    height: 4px;
    width: 0px;
    background: #F7901E;
    transition: all 0.4s linear;
    width: 98px;
    position: relative;
    left: 0;
    right: 0;
    top: 6px;
}

.features p{
	margin-top: 20px;
}

.s-txtr {
    text-align: right;
}

.s-txtr h1 {
    font-size: 25px !important;
    color: #000 !important;
    font-weight: 600;
}

.s-txtr p {
    font-size: 18px;
    color: #616161 !important;
}

.mb3 {
    margin-bottom: 45px;
}

/* affordable */

.affordable {
    padding-top: 65px;
    background: url("../images/features/bg-p.png") center top no-repeat;
    background-color: #fff;
    background-position: 50% 4%;
}

.affordable h2 {
    font-size: 36px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}

.s-txtl {
    text-align: left;
}

.s-txtl h1 {
    font-size: 25px !important;
    color: #000 !important;
    font-weight: 600;
}

.s-txtl p {
    font-size: 18px;
    color: #616161 !important;
}

.quote {
    background-color: #A6DDEB;
    padding: 14px 28px;
    color: #000;
    border-radius: 20px;
    max-width: 100%;
    width: 270px;
    float: right;
}

.quote::after {
    content: "";
    display: inline-block;
    position: relative;
    left: 0;
    right: 0px;
    top: 55px;
    bottom: 0;
    width: 82px;
    height: 41px;
    background: url("../images/features/qtimg.png")no-repeat top;
    margin: auto;
    display: block;
}

@media(max-width:767px) {
    .s-txtl {
        text-align: center !important;
    }
    .s-txtr {
        text-align: center !important;
    }
    .s-txtr h1 {
        margin-top: 45px;
    }
    .s-txtr p {
        font-size: 16px;
    }
    .s-txtl p {
        font-size: 16px;
    }
    .howitwork {
        padding: 0;
    }
    h2 {
        font-size: 28px !important;
    }
    h1 {
        font-size: 28px !important;
    }
    .get-started {
        padding: 0;
    }
}

.business-advantages {
    padding: 45px 0;
}



.login-btn {
    color: #ffffff !important;
    padding: 8px 20px !important;
    background-color: #FB397D;
    border-radius: 20px;
    border: 1px solid #FB397D;
}

.login-btn:hover {
    color: #000 !important;
    background: transparent;
    border: 1px solid #FB397D;
}

@media(max-width:767px) {
    .login-btn-m {
        color: #ffffff !important;
        padding: 4px 20px !important;
    }
    .login-btn-m:hover {
        color: #fff !important;
    }
    .custom-banner-height {
        min-height: 1px !important;
    }
    .cmt-txt {
        margin-top: 0 !important;
    }
    .cmt-txt2 {
        margin-top: 0 !important;
    }
    .cmt-txt3 {
        margin-top: 0 !important;
    }
    .m-mr {
        margin-top: 45px;
    }
    .text-left {
        text-align: center !important;
    }
    .get-started h2 {
        margin-top: 25px;
    }
    .use-case h2 {
        font-size: 18px !important;
    }
}

.custom-banner-height {
    min-height: 665px;
}

.cmt-txt {
    margin-top: 35px;
}

.cmt-txt2 {
    margin-top: 105px;
}

.cmt-txt3 {
    margin-top: 140px;
}

/*--------------------------------------------------
-------------------- rotate words ------------------
---------------------------------------------------*/

.rotator-wrapper {
    position: relative;
}

#flip {
    display: inline-block;
    background-color: #000;
    padding: 6px 0 6px 0;
}

.rotator-wrapper span {
    display: inline-block;
    min-width: 160px;
}

.rotator-wrapper span span {
    position: absolute;
    top: 7px;
    opacity: 0;
    animation: rotateWord 10s linear infinite 0s;
    color: #fff;
    text-align: center;
}

.rotator-wrapper span span:nth-child(2) {
    animation-delay: 2s;
}

.rotator-wrapper span span:nth-child(3) {
    animation-delay: 4s;
}

.rotator-wrapper span span:nth-child(4) {
    animation-delay: 6s;
}

.rotator-wrapper span span:nth-child(5) {
    animation-delay: 8s;
}

@keyframes rotateWord {
    0% {
        opacity: 0;
    }
    2% {
        opacity: 0;
        transform: translateY(-30px);
    }
    5% {
        opacity: 1;
        transform: translateY(0px);
    }
    15% {
        opacity: 1;
        transform: translateY(0px);
    }
    20% {
        opacity: 0;
        transform: translateY(30px);
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {
    .rotator-wrapper span span {
        position: absolute;
        top: 40px;
    }
}

/* email marketing */

.email-marketing-banner {
    background: url('../images/email-marketing/banner-img.jpg')no-repeat center center / cover;
}

.email-marketing {
    padding: 15px 0;
    padding-bottom: 45px;
    background: url("../images/email-marketing/bg.png") center top no-repeat;
    background-color: #fff;
    background-position: 50% 4%;
}

.email-marketing p {
    font-size: 16px !important;
    color: #616161 !important;
    margin-top: 20px;
}

.email-marketing h2 {
    font-size: 34px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}

.email-marketing h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}





/* powerful web*/

.powerful-web {
    padding: 15px 0;
    padding-bottom: 45px;
    background: url("../images/powerful-web/bg.png") center top no-repeat;
    background-color: #fff;
    background-position: 50% 4%;
}

.powerful-web p {
    font-size: 16px !important;
    color: #616161 !important;
    line-height: 24pt;
    margin-top: 20px;
}

.powerful-web h2 {
    font-size: 34px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}

.powerful-web h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}

@media(max-width:767px) {
    .powerful-web h2::after {
        content: "";
        height: 4px;
        display: inline-block;
        background: #F7901E;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 48px;
        margin: 0 auto;
        width: 98px;
    }
}

.powerful-web .box {
    background-color: #fff;
    padding: 30px 0;
    text-align: center;
    margin-top: 10px;
    box-shadow: 0px 16px 41px rgba(0, 0, 0, 0.1);
    webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 30px;
    /* height: 372px; */
    display: table;
}

.powerful-web .box:hover {
    box-shadow: 0px 16px 41px rgba(0, 0, 0, 0.2);
}

.powerful-web .box span {
    position: absolute;
    top: 45px;
    left: -33px;
    color: #F2F2F4;
    font-size: 111px;
    font-weight: 700;
}

.powerful-web .box h4 a {
    font-size: 23px;
    font-weight: normal;
    padding: 0;
    margin: 20px 0;
    color: #49474A text-decoration: none;
}

.powerful-web .box p {
    color: #777777 !important;
    font-size: 17px;
    margin: 0;
    padding: 0;
    padding: 10px;
}

.powerful-web .box:hover span {
    color: #343335
}

/* .powerful-web .box:hover h4 {color: #FF65A9 ;} */

.powerful-web .box:hover p {
    color: #0F0F0F;
}

.powerful-web h4 {
    font-size: 22px;
    color: #121212;
    margin: 0 !important;
    padding: 0 !important;
	font-weight: 200 !important;
}

@media(max-width:767px) {
    .powerful-web .box {
        height: auto;
    }
}

.col {
    display: table-cell;
}

/* What is Bulk Email? */

.what-bulk-email {
    padding: 25px 0;
    margin-bottom: 15px;
}

.what-bulk-email h2 {
    font-size: 41px;
    font-weight: normal !important;
}


.what-bulk-email h2 {
    font-size: 31px;
}


.what-bulk-email h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}

.what-bulk-email p {
    font-size: 19px;
    color: #777777 !important;
}

/* Use of Marketing */

.use-marketing {
    padding: 65px 0;
    background-color: #F3F8FD;
}

.use-marketing h2 {
    font-size: 31px;
}


.use-marketing h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}

@media(max-width:767px) {
    .use-marketing h2::after {
        content: "";
        height: 4px;
        display: inline-block;
        background: #F7901E;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 48px;
        margin: 0 auto;
        width: 98px;
    }
}

.use-marketing p {
    font-size: 19px;
    color: #777777 !important;
    max-width: 100%;
    width: 1040px;
    text-align: center;
    margin: 0 auto;
}

.titleMain {
    padding-top: 15px;
}

.sec-img h1 {
    font-size: 27px;
    color: #363535 !important;
    text-align: left;
}

.sec-img p {
    font-size: 16px;
    color: #777777 !important;
	text-align: left;
}

.sec-img ul {
    margin: 0;
    padding: 0; 
}

.sec-img li {
    color: #777777;
    font-size: 16px !important;
    position: relative;
    display: block;
    text-align: left;
    padding-left: 30px;
    line-height: 22pt;
}

.sec-img ul li::before {
    font-family: 'FontAwesome';
    content: "\f058";
    position: absolute;
    top: 0;
    left: 0;
    color: #37E7B7;
}



.mt-39 {
    margin-top: 39px !important;
}

/* why choose bulk */

.why-choose-bulk {
    padding-top: 65px;
    padding-bottom: 10px;
    background-color: #fff;
}

.why-choose-bulk p {
    font-size: 16px !important;
    color: #616161 !important;
    margin-top: 20px;
}

.why-choose-bulk h2 {
    font-size: 34px;
    text-align: center;
    color: #363535 !important;
    padding: 0;
    margin: 0;
}

.why-choose-bulk h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}

@media(max-width:767px) {
    .why-choose-bulk h2::after {
        content: "";
        height: 4px;
        display: inline-block;
        background: #F7901E;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 48px;
        margin: 0 auto;
        width: 98px;
    }
}

.why-choose-bulk .box {
    background-color: #fff;
    padding: 30px 0;
    text-align: center;
    margin-top: 10px;
    box-shadow: 0px 16px 41px rgba(0, 0, 0, 0.1);
    webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 30px;
    height: 350px;
    display: table;
}

.why-choose-bulk .box:hover {
    box-shadow: 0px 16px 41px rgba(0, 0, 0, 0.2);
}

.why-choose-bulk .box span {
    position: absolute;
    top: 45px;
    left: -33px;
    color: #F2F2F4;
    font-size: 111px;
    font-weight: 700;
}

.why-choose-bulk .box h4 a {
    font-size: 23px;
    font-weight: normal;
    padding: 0;
    margin: 20px 0;
    color: #49474A text-decoration: none;
}

.why-choose-bulk .box p {
    color: #777777 !important;
    font-size: 17px;
    margin: 0;
    padding: 0;
    padding: 10px;
}

.why-choose-bulk .box:hover span {
    color: #343335
}

/* .powerful-web .box:hover h4 {color: #FF65A9 ;} */

.why-choose-bulk .box:hover p {
    color: #0F0F0F;
}

.why-choose-bulk h4 {
    font-size: 22px;
    color: #121212;
    margin: 0 !important;
    padding: 0 !important;
	font-weight: 200 !important;
}

@media(max-width:767px) {
    .why-choose-bulk .box {
        height: auto;
    }
}

.col {
    display: table-cell;
}

.cbtn-shd {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4);
}

/* download */

.download-banner {
    background: url('../images/download/bannerimg.jpg')no-repeat center center / cover;
}

.download {
    padding-bottom: 111px;
	padding-top: 15px ;
    background: url("../images/download/bg-img.png") center top no-repeat;
    background-color: #fff;
    background-position: 50% 12%;
}

.download p {
    font-size: 16px !important;
    color: #616161 !important;
    margin-top: 20px;
}

.download h2 {
    font-size: 34px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}


.download h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}





.click-sec h1 {
    font-size: 25px !important;
    color: #0A2A81 !important;
	padding: 0 !important;
	margin: 0 !important;
}


.chk p{
	padding: 12px 0;
	font-size: 15px !important;
}

.chk span a{
	
	color: #0274BD !important;
}


.click-sec h3 {
    font-size: 19px !important;
    color: #1A1A1A !important;
	text-align: left;
}

.click-sec .dwn-btn {
    color: #ffffff !important;
    padding: 8px 40px !important;
    background-color: #000;
    border-radius: 20px;
}

.click-sec .dwn-btn:hover {
    color: #000 !important;
    background: transparent;
    border: 1px solid #000;
}


.click-sec .dwn-btn::before {
    font-family: 'FontAwesome';
    content: "\f019";
    position: absolute;
    top: 9px;
    left: 18px;
    
}


.dwn-btn-y {
    background-color: #F5D726;
    font-size: 16px;
    color: #080808;
    text-transform: capitalize;
    border-radius: 50px;
    padding: 9px 36px;
    margin-top: ;
    transition: all .25s ease-in-out;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4);
	display: inline-block;
	text-align: center;
	line-height: 13pt;
	font-weight: 700;
}

.dwn-btn-y:hover {
    background: transparent;
    color: #080808;
    border: 1px solid #F5D726;
}


.dwn-btn-y::before {
    font-family: 'FontAwesome';
    content: "\f1c1";
    position: relative;
    top: 9px;
    left: -12px;
    color: red;
	font-size: 25px;
}

.dwn-btn-y1::before {
    font-family: 'FontAwesome';
    content: "";
    position: relative;
    top: 9px;
    left: -12px;
    color: red;
	font-size: 25px;
}



.dwn-btn-y  span{
	font-size: 13px !important;
	font-weight: normal !important;
}

.dwn-btn-y-2  span{
	font-size: 13px !important;
	font-weight: normal !important;
}


.dwn-btn-y-2 {
    background-color: #F5D726;
    font-size: 16px;
    color: #080808;
    text-transform: capitalize;
    border-radius: 50px;
    padding: 9px 36px;
    margin-top: ;
    transition: all .25s ease-in-out;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.4);
	display: inline-block;
	text-align: center;
	line-height: 13pt;
	font-weight: 700;
}

.dwn-btn-y-2:hover {
    background: transparent;
    color: #080808;
    border: 1px solid #F5D726;
}

.mt-65 {
    margin-top: 65px;
}




.bg-primary {
    background-color: #000 !important;
	border-radius: 50px !important;
	left: 23px !important;
	position: relative;
	padding: 10px 2px;
	width: 215px;
}



input.bg-primary {
    background-image: url(../images/dicon.png); 
    background-color: transparent;
    background-repeat: no-repeat;  
    background-position: 20px 10px;  
    border: none;          
    cursor: pointer; 
	vertical-align: middle;
	text-align: right;
	right: 30px;
	padding-right: 25px;
	font-size: 18px;
}



.mtb{
	margin-top: 20px;
	margin-bottom: 20px;
}


@media(max-width:767px){
	
	.chk {
		text-align: center !important;
	}
	
	.btn-mc {
		text-align: center !important;
	}
	
	.float-right{
		float: none !important;
		margin-top: 20px;
		margin-bottom: 45px;
	}
	
.bg-primary{
	left: 0 !important;
}	
	
	.download{
		padding: 0;
	}
	
}


.btn.disabled, .btn:disabled {
    opacity: 0.45 !important;
}

.btn:disabled {
  cursor: not-allowed;
}




/* bulk-sms-excel */

.bulk-sms-excel{
	
	padding: 0 0 45px 0;
	background-color: #fff;
}


.bulk-sms-excel h2 {
    font-size: 34px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}

.bulk-sms-excel h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}




.bulk-sms-excel p {
    font-size: 16px !important;
    color: #616161 !important;
    padding: 0 !important;
	margin: 0 !important;
	padding-bottom: 10px !important;
}


.bulk-sms-excel p:last-child{
	padding-bottom: 0 !important;
}

.bulk-sms-excel .box{
	
	background-color: #F8F8F8;
	width: 100%;
	box-shadow: 0px -2px 34px rgba(0, 0, 0, 0.1);
	padding: 40px;
	
}

.bulk-sms-excel .box h1{
	
	font-size: 28px !important;
	color: #F07008 !important;
	
}

.bulk-sms-excel .box h3{
	
	font-size: 19px !important;
	color: #2196F3 !important;
	text-align: left;
	padding: 0 !important;
	margin: 0 !important;
	
}

.bulk-sms-excel p{
	margin-top: 20px !important;
}

/* Installation & Uninstallation */

.installation{
	
	padding: 0 0 45px 0;
	background-color: #fff;
}


.installation h2 {
    font-size: 27px;
    text-align: left;
    color: #F07008 !important;
    padding: 0;
    margin: 0;
}


@media(max-width:767px){
	
	.installation h2 {
    font-size: 23px;
    
}
}

.installation p {
    font-size: 16px !important;
    color: #616161 !important;
    padding: 0 !important;
	margin: 0 !important;
	padding-bottom: 10px !important;
}


.installation p:last-child{
	padding-bottom: 0 !important;
}

.installation .box{
	
	background-color: #FFFFFF;
	width: 100%;
	box-shadow: 0px -2px 34px rgba(0, 0, 0, 0.1);
	padding: 40px;
	
}


.installation .box h1{
	
	font-size: 20px !important;
	color: #0A2A81 !important;
	
}

.installation .box h2{
	
	font-size: 16px !important;
	color: #2196F3 !important;
	text-align: left;
	padding: 0 !important;
	margin: 0 !important;
	
}

.nlist ul{
	
}


.nlist li{
	list-style-type: numeric;
	line-height: 25px;
	margin-left: 16px;
	color: #616161 !important;
}


.mt-45{
	
	margin-top: 45px !important;
}



/* software-features */

.software-features{
	
	padding: 0 0 45px 0;
	background-color: #fff;
}


.software-features h2 {
    font-size: 34px;
    text-align: center;
    color: #000  !important;
    padding: 0;
    margin: 0;
}

.software-features h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}





.software-features p {
    font-size: 14px !important;
    color: #929293 !important;
    margin-top: 20px;
	
}


.software-features p:last-child{
	padding-bottom: 0 !important;
}

.software-features .box{
	
text-align: center;	
}


.software-features .box h1{
	
	font-size: 16px !important;
	color: #4B5876 !important;
	margin: 0 !important;
	padding: 0 !important;
	
}

.software-features .box h2{
	
	font-size: 16px !important;
	color: #2196F3 !important;
	text-align: left;
	padding: 0 !important;
	margin: 0 !important;
	
}

.mt-45{
	
	margin-top: 45px !important;
}


.software-features .box img{
	
	margin-bottom: 0px !important;
}




.software-features-arrows .owl-theme .owl-nav [class*="owl-"] {
    color: #FFF !important;
    font-size: 20px;
	font-weight: 700;
    margin: 5px;
    padding: 0 !important;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
	background-color: #EAC2D9 !important;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	
}


.software-features-arrows{
	padding: 30px;
}


.box-bspace {
	margin-bottom: 75px;
}


@media(max-width: 767px){
	
	.box-bspace {
	margin-bottom: 0px;
}

.software-features-arrows{
	padding: 0 !important;
	padding-left: 25px !important;
padding-right: 25px !important;}


}

/* how-to-use */

.how-to-use{
	
	padding: 20px 0 10px 0;
	background: url("../images/how-to-use/bg.png") center top no-repeat;
	background-color: #fff;
	background-position: 50% 95%;
}


.how-to-use h2 {
    font-size: 34px ;
    text-align: center;
    color: #000  !important;
    padding: 0;
    margin: 0;
}

.how-to-use h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}





.how-to-use p {
    font-size: 16px !important;
    color: #606162 !important;
    margin-top: 20px;
	
	
}



.how-to-use p:last-child{
	padding-bottom: 0 !important;
}

.how-to-use .box{
	
border: 1px solid #D9D8D8;
border-radius: 10px;
padding: 40px;
}


.how-to-use .box h1{
	
	font-size: 27px !important;
	color: #0A2A81 !important;
	margin: 0 !important;
	padding: 0 !important;
	margin-bottom: 20px !important;
	
}



.mt-45{
	
	margin-top: 45px !important;
}


.how-to-use .box img{
	
	margin-bottom: 0px !important;
}


.bxshd{
	
	box-shadow: 0px -2px 34px rgba(0, 0, 0, 0.2);
}



.how-to-use-box{
	
	background: url("../images/how-to-use/bg.png") center top no-repeat;
	background-color: #fff;
	background-position: 50% 95%;
}


/* note */

.note{
	padding: 45px 0;
}

.notetxt{
	background-color: #F9F9F9;
	padding: 20px;
	border-radius: 6px;
	box-shadow: 1px 4px 25px -12px rgba(0, 0, 0, 0.3);
	border-left: 4px solid #FB6868;
	color: #FB6868;
	font-size: 16px;
}


@media(max-width:767px){
	
	.btn-shd .col-md-4{
	float: left;
	width: 33%;
	
}

.business-advantages {
    padding: 0;
}

.tabbox{
	height: 114px;
	border-right: 1px solid #fff;
}

.tabbox p {
    text-align: center;
    font-size: 10px;
    margin-top: 0;
}

.btn-shd{
	box-shadow: none;
}


}


.fixed.navbar-expand-tab{
	top:350px;
top: 0;
left:0;
padding:0px 0px;
position: fixed;
width: 100%;
background: #fff;
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.26);
webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index:100;
top:120px;
}


.video-sec h2 {
    font-size: 34px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
	margin-bottom: 45px !important;
}





#user-license .dialog {
    width: 700px;
    margin: 1.75rem auto;
}


.usertxt{
	height: 500px;
	
	overflow-x: hidden;
	overflow-y: scroll;
}


.usertxt h1{
	font-size: 27px;
	color: #000 !important;
}


.usertxt h3{
	font-size: 22px;
	color: #1A1A1A !important;
}


/* Bulk SMS */

.bulk-sms-banner {
    background: url('../images/bulk-sms/banner-img.jpg')no-repeat center center / cover;
}


/* Track*/

.track {
    padding: 15px 0;
    padding-bottom: 85px;
    background: url("../images/track/p-bg.png") center top no-repeat;
    background-color: #fff;
    background-position: 50% 4%;
}

.track p {
    font-size: 16px !important;
    color: #616161 !important;
    line-height: 24pt;
    margin-top: 20px;

}

.cstm-p p {
    font-size: 18px !important;
    color: #616161 !important;
    line-height: 24pt;
    padding-top: 20px;
	max-width: 100%;
	width: 1100px !important;
	text-align: center;
	margin: 0 auto;
}



.track h2 {
    font-size: 34px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}

.track h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}

/*@media(max-width:767px) {
    .track h2::after {
        content: "";
        height: 4px;
        display: inline-block;
        background: #F7901E;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 48px;
        margin: 0 auto;
        width: 98px;
    }
}*/


/* advantages */

.advantages{
	
	padding: 65px 0;
	background-color: #F1F3FA;
}


.advantages h2 {
    font-size: 34px;
    text-align: center;
    color: #0F1D44 !important;
    padding: 0;
    margin: 0;
}

.advantages h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}



.advantages p {
    font-size: 16px !important;
    color: #616161 !important;
    line-height: 24pt;
    margin-top: 20px;
}


.advantages p:last-child{
	padding-bottom: 0 !important;
}

.advantages .box{
	background-color: #fff;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 20px #dddddd;
box-shadow: 0px 0px 10px #dddddd;
	border-radius: 6px;
	margin: 10px;
}


.advantages .box h1{
	
	font-size: 16px !important;
	color: #4B5876 !important;
	margin: 0 !important;
	padding: 0 !important;
	
}

.advantages .box h2{
	
	font-size: 16px !important;
	color: #2196F3 !important;
	text-align: left;
	padding: 0 !important;
	margin: 0 !important;
	
}

.mt-45{
	
	margin-top: 45px !important;
}


.advantages .box img{
	
	margin-bottom: 0px !important;
	float: left;
}




.advantages-arrows .owl-theme .owl-nav [class*="owl-"] {
    color: #3263FC !important;
    font-size: 20px;
	font-weight: 700;
    margin: 5px;
    padding: 0 !important;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
	background-color: #fff !important;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
	
}


.advantages-arrows  .owl-nav button.owl-prev {

    left: -65px;

}

.advantages-arrows  .owl-nav button.owl-next {

    right: -65px;

}

/* footer contact info */

.footer-contact-info {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
  margin-top: 10px;

}

.footer-contact-info li {
  color: #A4B0B6;
  position: relative;
  padding-left: 23px;
  
}

.footer-contact-info li a {
  color: #A4B0B6;
  display: inline-block;
}

.footer-contact-info li a:hover {
  color: #fff;
}

.footer-contact-info li:last-child {
  margin-bottom: 0;
}

.footer-contact-info li i {
  position: absolute;
  left: 0;
  color: #fff;
  top: 6px;
}


.advtxt h3 {
	color: #0F1D44;
	font-size: 26px !important;
}

.advtxt p {
	color: #0F1D44;
	font-size: 15px !important;
	line-height: 18pt !important;
}


@media(max-width: 767px){
	
	.advantages .box {
    
    margin-left: 15px;
    margin-right: 15px;
}

.advantages-arrows .owl-nav button.owl-prev {
    left: 0px;
}


.advantages-arrows .owl-nav button.owl-next {
    right: 0px;
}

.advantages .box  {

	text-align: center;
}

.advantages .box img{
	float: none;
}

}


/* powerful web*/

.key-features {
    padding: 65px 0;
    background-color: #fff;
}

.key-features p {
    font-size: 16px !important;
    color: #616161 !important;
    line-height: 24pt;
    margin-top: 20px;
}

.key-features h2 {
    font-size: 34px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}

.key-features h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}


.key-box ul li h3{
	font-size: 20px !important;
}


.key-box ul{}


.key-box li{
	
	background-color: #fff;
    
    text-align: center;
        
    margin-bottom: 45px;
    /* height: 372px; */
    display: inline-block;
	/* padding: 20px; */
	border-bottom: 6px solid #FCEFF3;
	max-width: 31%;
	margin-right: 25px;
	  transition: all 0.4s linear;

}



.key-box li:last-child{
	margin-right: 0px;
}

.key-box li:hover{
	-webkit-box-shadow: 0px 0px 20px #dddddd;
box-shadow: 0px 0px 20px #dddddd;
    webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
	
}

/* child  */
.key-box li:nth-child(1):after {
  content: '';
  display: block;
  margin: auto;
  height: 6px;
  width: 0px;
  background: #AFDCCC;
  transition: all 0.4s linear;
  width: 175px;
  position: relative;
  left: 0;
  right: 0;
  top: 6px;
}

.key-box li:nth-child(1):hover::after {
  width: 100%;
}


.key-box li:nth-child(1) h1{
	color: #87D2B8 !important;
}

/* child  end*/


/* child  */
.key-box li:nth-child(2):after {
  content: '';
  display: block;
  margin: auto;
  height: 6px;
  width: 0px;
  background: #FF9AB1;
  transition: all 0.4s linear;
  width: 175px;
  position: relative;
  left: 0;
  right: 0;
  top: 6px;
}

.key-box li:nth-child(2):hover::after {
  width: 100%;
}


.key-box li:nth-child(2) h1{
	color: #FF9AB1 !important;
}

/* child  end*/


/* child  */
.key-box li:nth-child(3):after {
  content: '';
  display: block;
  margin: auto;
  height: 6px;
  width: 0px;
  background: #FEC47A;
  transition: all 0.4s linear;
  width: 175px;
  position: relative;
  left: 0;
  right: 0;
  top: 6px;
}

.key-box li:nth-child(3):hover::after {
  width: 100%;
}


.key-box li:nth-child(3) h1{
	color: #FEC47A !important;
}

/* child  end*/


/* child  */
.key-box li:nth-child(4):after {
  content: '';
  display: block;
  margin: auto;
  height: 6px;
  width: 0px;
  background: #A69BE0;
  transition: all 0.4s linear;
  width: 175px;
  position: relative;
  left: 0;
  right: 0;
  top: 6px;
}

.key-box li:nth-child(4):hover::after {
  width: 100%;
}


.key-box li:nth-child(4) h1{
	color: #A69BE0 !important;
}

/* child  end*/


/* child  */
.key-box li:nth-child(5):after {
  content: '';
  display: block;
  margin: auto;
  height: 6px;
  width: 0px;
  background: #7AB9ED;
  transition: all 0.4s linear;
  width: 175px;
  position: relative;
  left: 0;
  right: 0;
  top: 6px;
}

.key-box li:nth-child(5):hover::after {
  width: 100%;
}


.key-box li:nth-child(5) h1{
	color: #7AB9ED !important;
}

/* child  end*/


/* child  */
.key-box li:nth-child(6):after {
  content: '';
  display: block;
  margin: auto;
  height: 6px;
  width: 0px;
  background: #AEDB83;
  transition: all 0.4s linear;
  width: 175px;
  position: relative;
  left: 0;
  right: 0;
  top: 6px;
}

.key-box li:nth-child(6):hover::after {
  width: 100%;
}


.key-box li:nth-child(6) h1{
	color: #AEDB83 !important;
}


/* child  end*/


/* child  */
.key-box li:nth-child(7):after {
  content: '';
  display: block;
  margin: auto;
  height: 6px;
  width: 0px;
  background: #FF9AB1;
  transition: all 0.4s linear;
  width: 175px;
  position: relative;
  left: 0;
  right: 0;
  top: 6px;
}

.key-box li:nth-child(7):hover::after {
  width: 100%;
}


.key-box li:nth-child(7) h1{
	color: #FF9AB1 !important;
}


/* child  end*/


/* child  */
.key-box li:nth-child(8):after {
  content: '';
  display: block;
  margin: auto;
  height: 6px;
  width: 0px;
  background: #F6B974;
  transition: all 0.4s linear;
  width: 175px;
  position: relative;
  left: 0;
  right: 0;
  top: 6px;
}

.key-box li:nth-child(8):hover::after {
  width: 100%;
}


.key-box li:nth-child(8) h1{
	color: #F6B974 !important;
}

/* child  end*/


/* child  */
.key-box li:nth-child(9):after {
  content: '';
  display: block;
  margin: auto;
  height: 6px;
  width: 0px;
  background: #A69BE0;
  transition: all 0.4s linear;
  width: 175px;
  position: relative;
  left: 0;
  right: 0;
  top: 6px;
}

.key-box li:nth-child(9):hover::after {
  width: 100%;
}


.key-box li:nth-child(9) h1{
	color: #A69BE0 !important;
}

/* child  end*/

/* child  */
.key-box li:nth-child(10):after {
  content: '';
  display: block;
  margin: auto;
  height: 6px;
  width: 0px;
  background: #4cd2d4;
  transition: all 0.4s linear;
  width: 175px;
  position: relative;
  left: 0;
  right: 0;
  top: 6px;
}

.key-box li:nth-child(10):hover::after {
  width: 100%;
}


.key-box li:nth-child(10) h1{
	color: #4cd2d4 !important;
}

/* child  end*/


/* child  */
.key-box li:nth-child(11):after {
  content: '';
  display: block;
  margin: auto;
  height: 6px;
  width: 0px;
  background: #4388dc;
  transition: all 0.4s linear;
  width: 175px;
  position: relative;
  left: 0;
  right: 0;
  top: 6px;
}

.key-box li:nth-child(11):hover::after {
  width: 100%;
}


.key-box li:nth-child(11) h1{
	color: #4cd2d4 !important;
}

/* child  end*/

/* child  */
.key-box li:nth-child(12):after {
  content: '';
  display: block;
  margin: auto;
  height: 6px;
  width: 0px;
  background: #dc6043;
  transition: all 0.4s linear;
  width: 175px;
  position: relative;
  left: 0;
  right: 0;
  top: 6px;
}

.key-box li:nth-child(12):hover::after {
  width: 100%;
}


.key-box li:nth-child(12) h1{
	color: #4cd2d4 !important;
}

/* child  end*/





.key-box li:nth-child(10){
	margin-bottom: 0 !important;
}

.key-box li:nth-child(11){
	margin-bottom: 0 !important;
}

.key-box li:nth-child(12){
	margin-bottom: 0 !important;
}

/* child  */




@media(max-width:767px){
	.key-box li:nth-child(7){
		margin-bottom: 45px !important;
}

.key-box li:nth-child(8){
		margin-bottom: 45px !important;
}

.key-box li {
	display: block;
	margin-left: 15px !important;
	margin-right: 15px !important;
}

.key-box li{
max-width: 100%;}
	
}


.key-box li:nth-child(3){
		margin-right: 0 !important;
}

.key-box li:nth-child(6){
		margin-right: 0 !important;
}

.key-box li:nth-child(9){
		margin-right: 0 !important;
}

.spacing{
	padding: 20px;
}



.key-box ul li h1{
	font-size: 20px !important;
}


.key-box ul li p{
	font-size: 16px !important;
	line-height: 18pt;
}



/* SMS Gateway */

.sms-gateway {
    padding: 65px 0;
	background-color: #F3F8FD;
}

.sms-gateway p {
    font-size: 16px;
    color: #616161 !important;
	margin-top: 20px;
	margin-bottom: 45px;
}

.sms-gateway h2 {
    font-size: 34px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}

.sms-gateway h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}


	
	.img-center{
		
		text-align: center !important;
	}
}

.pgate{
	
	font-size: 17px;
	color: #777777 !important;
	margin-top: 20px;
}


.sec-img-sms p{
	text-align: left;
	line-height: 22pt;
	font-size: 16px !important;
}


.sec-img-sms h3 {
    font-size: 21px;
    color: #30302F !important;
    text-align: left;
}


.sms-leftmr{
	padding: 0 55px;
}


@media(max-width:767px){
	
	.sms-leftmr{
	padding: 0 35px ;
}
}

/* Promotional SMS */

.promotional-sms {
    padding-top: 65px;
    padding-bottom: 10px;
    background-color: #fff;
}

.how-business-automated-box h3 {
    font-size: 19px !important;
}


.sms-imgbox{
	
	text-align: center;
}

.sms-imgbox h3{
	
	font-size: 30px !important;
	color: #0F1D44 !important;
	text-align: center;
	margin-bottom: 30px;
}


.promotional-sms-txtbox{
	text-align: center;
	color: #808080;
	font-size: 16px;
	background-color: #F4F6FD;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 17px;
}

.promotional-sms-txtbox-2{
	text-align: left;
	color: #808080;
	font-size: 16px;
	background-color: #F4F6FD;
	border-radius: 10px;
	padding: 22px 35px 30px;
	margin-bottom: 17px;
	background-color: #FFF9F3;
}


.promotional-sms-txtbox-2 h3{
	
	color: #0F1D44 !important;
	font-size: 20px;
	padding: 0 !important;
	margin: 0 !important;
	
}

.promotional-sms-txtbox-2 p{
	padding: 0 !important;
	margin: 0 !important;
}


.promotional-sms-txtbox-2 ul{
	margin-top: 10px;
}


.promotional-sms-txtbox-2 li{
	line-height: 21pt;
}


.promotional-sms-txtbox-2 li {
    position: relative;
    padding-left: 25px;
}
.promotional-sms-txtbox-2 i {
    margin-right: 0;
    position: absolute;
    left: 0;
    top: 7px;
}


.color-1{
	color: #65E3AD;
}

.color-2{
	color: #F3A0A9;
}

.color-3{
	color: #FFC680;
}

.border-fade{
	
  border-right: 1px solid;
  border-image: linear-gradient(0deg, #fff, #000, #fff) 1 stretch;
	
}


@media(max-width:767px){
	
	.border-fade{
	
  border-right-style: none;
	
}
}


/* Why Use */

.why-use {
    padding: 65px 0;
	background-color: #F3F8FD;
}

.why-use p {
    font-size: 16px;
    color: #777777 !important;
	margin-top: 20px;
}

.why-use h2 {
    font-size: 34px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}

.why-use h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}


	
	.img-center{
		
		text-align: center !important;
	}
}

.whyuse-txtbox{
	margin-top: 45px;
	text-align: center !important;
	
}


.whyuse-txtbox h3{
	font-size: 27px !important;
	color: #383838 !important;
	text-align: center;
}


.whyuse-txtbox h4{
	font-size: 23px !important;
	color: #383838 !important;
	text-align: center;
}

.whyuse-txtbox p{
	font-size: 16px !important;
	color: #383838 !important;
	text-align: center;
}

.whyuse-txtbox img{
	margin-bottom: 10px;
}


/*short code */


.voice-call-header {
    background: url(../images/voice-call-header.jpg) no-repeat center center / 90%;
}

.missed-call-header {
    background: url(../images/miss-call-alert-header.jpg) no-repeat center center / cover;
}



.short-code-banner {
    background: url('../images/short-code/banner-img.jpg')no-repeat center center / cover;
}




.cstm-font {
	font-size: 24px !important;
}


.short-code {
    padding: 15px 0;
    padding-bottom: 45px;
    background: url("../images/short-code/bg.png") center top no-repeat;
    background-color: #fff;
    background-position: 50% 4%;
}

.short-code p {
    font-size: 16px !important;
    color: #616161 !important;
    margin-top: 20px;
}

.short-code h2 {
    font-size: 34px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}

.short-code h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}



/*what short code */

.what-short-code {
    padding: 65px 0;
    padding-bottom: 45px;
    background-color: #F1F3FA;
}

.what-short-code p {
    font-size: 16px !important;
    color: #616161 !important;
    margin-top: 20px;
}

.what-short-code h2 {
    font-size: 34px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}

.what-short-code h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}



/*industries-already */

.industries-already {
    padding: 65px 0;
    padding-bottom: 45px;
    background-color: #fff;
}

.industries-already p {
    font-size: 16px !important;
    color: #616161 !important;
    margin-top: 20px;
}

.industries-already h2 {
    font-size: 34px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}

.industries-already h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}


.industries-list ul{
	
}

.industries-list li {
  color: #555353;
  position: relative;
  padding-left: 23px;
  display: block;
  margin-bottom: 30px;
  
}


.industries-list li span{
	font-size: 19px;
	color: #202020 !important;
}

.industries-list li:last-child {
  margin-bottom: 0;
}

.industries-list li i {
  position: absolute;
  left: 0;
  color: #3CD8FB;
  top: 8px;
  font-size: 19px;
}



.industries-slider-arrow  .owl-theme .owl-nav [class*="owl-"] {
    position: absolute;
    top: 32%;
    opacity: ;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    transition: all 0.50s linear;
    font-size: 65px;
    background-color: transparent !important;
    outline: 0 !important;
    color: #BBECFC !important;
}

/* Insight Features */


.insight-features{
	padding-bottom: 45px;
	background-color: #fff;
}

.insight-features h2 {
    font-size: 34px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}

.insight-features h2::after {
    content: '';
    display: block;
    margin: auto;
    height: 4px;
    width: 0px;
    background: #F7901E;
    transition: all 0.4s linear;
    width: 98px;
    position: relative;
    left: 0;
    right: 0;
    top: 6px;
}


.insight-features p{
	margin-top: 20px;
}

.insight-features-list ul{
	
}

.insight-features-list li{
	
	background-color: #fff;
    margin-bottom: 20px;
    display: block;
	max-width: 100%;
	transition: all 0.4s linear;
	box-shadow:0 5px 40px 0 rgba(0,0,0,.11);
	text-align: left;
	padding: 20px;
	border-radius:25px 0 25px 0;
	font-size: 21px;
	padding-left: 61px;

}


.insight-features-list li i{
	margin-right: 12px !important;
margin-left: -34px !important;
font-size: 25px !important;
position: absolute;
margin-top: 6px;
}

@media(max-width:767px){
	
	.insight-features-last li:last-child{
	margin-bottom: 0 !important;
}

.insight-features-list li{
	font-size: 18px !important;
}

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

}

.insight-features-list li:hover {
 color:#fff!important;
 background:#000!important;
 transform:translateY(-10px)
}




/*Benefits */


.benefits-banner {
    background: url('../images/benefits/banner-img.jpg')no-repeat center center / cover;
}

.cstm-font {
	font-size: 24px !important;
}


.benefits {
    padding: 15px 0;
    padding-bottom: 45px;
    background: url("../images/benefits/bg.png") center top no-repeat;
    background-color: #fff;
    background-position: 50% 4%;
}

.benefits p {
    font-size: 16px !important;
    color: #616161 !important;
    margin-top: 20px;
}

.benefits h2 {
    font-size: 34px;
    text-align: left;
    color: #121111 !important;
    padding: 0;
    margin: 0;
}

.benefits h2::after {
    content: '';
display: block;
margin: auto;
height: 3px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 33px;
position: relative;
left: 70px;
right: 0;
top: -110px;
}


.benefits ul{
	
}

.benefits li {
  color: #555353;
  position: relative;
  padding-left: 23px;
  display: block;
  margin-bottom: 30px;
  
}


.benefits li span{
	font-size: 19px;
	color: #202020 !important;
	font-weight:bold;
}

.benefits li:last-child {
  margin-bottom: 0;
}

.benefits li img {
width: 51px !important;
height: 51px !important;
}



.benefits-arrow  .owl-theme .owl-nav [class*="owl-"] {
    color: #3263FC !important;
    font-size: 20px;
	font-weight: 700;
    margin: 5px;
    padding: 0 !important;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
	background-color: #fff !important;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	box-shadow: 0px 0 10px 1px rgba(0, 0, 0, 0.1);
}

/*usage */


.usage {
    padding: 65px 0;
    padding-bottom: 45px;
    background: url("../images/usage/bg.png") center top no-repeat;
    background-color: #fff;
    background-position: 50% 10px;
	border-top: 1px solid #F5F5F5;
}

.usage p {
    font-size: 16px !important;
    color: #616161 !important;
    margin-top: 20px;
}

.usage h2 {
    font-size: 34px;
    text-align: center;
    color: #000 !important;
    padding: 0;
    margin: 0;
}

.usage h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}


.phone-content{
	margin-bottom: 60px;
}

.phone-content h3{
	color: #1D1F20 !important;
	font-size: 17px !important;
}


@media(max-width:767px){
	.text-right{
		text-align: center !important;
	}
	
	
	.phone-content:last-child{
	margin-bottom: 0 !important;
}


.phone-content p{
	font-size: 16px !important;
}
}



/* how-it-work */

.how-it-work{
	background-color: #000;
	padding: 65px 0;
}

.how-it-work h2 {
    font-size: 31px;
    text-align: center;
    color: #fff !important;
    padding: 0;
    margin: 0;
}

.how-it-work h2::after {
    content: '';
display: block;
margin: auto;
height: 4px;
width: 0px;
background: #F7901E;
transition: all 0.4s linear;
width: 98px;
position: relative;
left: 0;
right: 0;
top: 6px;
}


.how-it-work p{
	color: #F2F2F2;
	margin-top: 20px;
	font-size: 16px !important;
}


.teb{
	border-top: 1px solid #3CACF3;
}


/*=========================================
           TAB SECTION CSS
============================================*/

.how-it-work-tabs-wrap {
    margin-top: 30px;
}




.nav-link ul {
    
	margin: 0 auto !important;
	text-align: center !important;
}

.how-it-work-tabs li {
    position: relative;
	display: inline-block;
}



.how-it-work-tabs li a {
    border: none !important;
	font-size: 16px !important;
	font-weight: 600;
	
}

.how-it-work-tabs li:first-child{
	margin-right: 0 !important;
}

.how-it-work-tabs li a,
.how-it-work-tabs li a.active {
    background: transparent !important;
	
}

.how-it-work-tabs li a,
.how-it-work-tabs li a.hover {
    background: #3C3C3C !important;
	color: #fff !important;
	
	
}



.how-it-work-tabs li a.active {
    color: #070707 !important;
	background-color: #DCE909 !important;
	
}

.how-it-work-tabs li a{
	border-radius: 0 !important;
}


.how-it-work-tab-content{
	text-align: center;
	margin-top: 10px;
}

.how-it-work-tab-content img{
	margin-top: 10px;
}

.how-it-work-tab-content h1{
	font-size: 16px !important;
	color: #fff;
	margin-top: 10px;
}


.teb ul {
	text-align: center !important;
margin: 0 auto !important;}

.nav-tabs {
    border-bottom-style: none !important;
}


.nav {
    display: block !important;
	margin: 0 auto;
}



.box-p p{
	margin: 0 !important;
	padding: 0 !important;
	padding-bottom: 20px !important;
}

@media (max-width:767px){

.blog-border-left{ border-left:0px solid #CCCCCC5E;}	
.btn-mc{ width:100%;}	
.click-sec h3 {
    font-size: 19px !important;
    color: #1A1A1A !important;
    text-align: center;
}

.software-features-arrows .owl-theme .owl-nav [class*="owl-"] {
    color: #FFF !important;
    font-size: 20px;
    font-weight: 700;
    margin: 55px 5px;
    padding: 0 !important;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    background-color: #EAC2D9 !important;
    border-radius: 100%;
    width: 40px;
    height: 40px;
}
	
	
.download {
    padding-bottom: 111px;
    padding-top: 15px;
    background: url("../images/download/bg-img.png") center top no-repeat;
        background-size: auto;
    background-color: #fff;
    background-position: 50% 12%;
    background-size: cover;
}

.click-sec h1 {
    font-size: 25px !important;
    color: #0A2A81 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
}	
	
.benefits-arrow .owl-theme .owl-nav [class*="owl-"] {
color: #3263FC !important;
font-size: 20px;
font-weight: 700;
margin: 5px -15px;
padding: 0px !important;
display: inline-block;
cursor: pointer;
border-radius: 3px;
background-color: #fff !important;
border-radius: 100%;
width: 30px;
height: 30px;
box-shadow: 0px 0 10px 1px rgba(0, 0, 0, 0.1);
}
	
	
	
	.fixed.navbar-expand-tab{
	top:350px;
top: 0;
left:0;
padding:0px 0px;
position: fixed;
width: 100%;
background: #fff;
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.26);
webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index:100;
top:70px;
}
	
	
.download {
    padding-bottom: 0px;
    padding-top: 15px;
    background: url("../images/download/bg-img.png") center top no-repeat;
        background-color: rgba(0, 0, 0, 0);
        background-position-x: center;
        background-position-y: top;
        background-size: auto;
    background-size: auto;
    background-color: #fff;
    background-position: 50% 12%;
    background-size: cover;
}	
	

.advantages-arrows .owl-theme .owl-nav [class*="owl-"] {
    color: #3263FC !important;
    font-size: 20px;
    font-weight: 700;
    margin: 5px;
        margin-top: 5px;
    padding: 0 !important;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    background-color: #fff !important;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
    margin-top: -40px;
}	
.marginsignup { margin-bottom:15px !important;}	
	
	
	}


.login-img {
    background: url(../images/login-page.jpg)no-repeat center center / cover;
}

.payment-img {
    background: url(../images/payemt--page-header-image.jpg)no-repeat center center / cover;
}




.custom-banner-height {
    min-height: 490px !important;
}

.hero-equal-height {
    position: relative;
    min-height: 800px;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.pb-100 {
    padding-bottom: 100px;
}
.pt-100 {
    padding-top: 65px;
}

.margin-right8px { margin-left:25px;}   
.raj form {border: 3px solid #f1f1f1;}

input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.button2 {
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

.button2:hover {
  opacity: 0.8;
}

.button1 {
  background-color: #F7901E !important;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

.button1:hover {
  opacity: 0.8;
}

.button3 {
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

.button3:hover {
  opacity: 0.8;
}

.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}

img.avatar {
  width: 15%;
  border-radius: 50%;
}

.container1 {
  padding: 16px;
}

span.psw {
  float: right;
  padding: 16px;
}

.border-pink{height: 4px;
display: inline-block;
background: #F7901E;
width: 98px; margin-bottom:10px;
}   

.login-section{ margin:60px 0px; width:100%;}

.border1 {
    border-right: 1px solid #000;
}

.qr-code-button{ 
padding:7px 25px; 
font-size:14px; 
background:#26aff3; 
text-decoration:none; 
color:#FFF; 
border-radius:600px;
border:2px solid #FFF;
margin-top:30px;
}

.qr-code-button:hover{ 
padding:7px 25px; 
font-size:14px; 
background:#ffffff; 
text-decoration:none; 
color:#26aff3; 
border-radius:600px;
border:2px solid #26aff3;
font-weight:bold;
}

.scroll-top {
    width: 50px;
    height: 50px;
    line-height: 20px !important;
    position: fixed;
    bottom: 105%;
    right: 50px;
    font-size: 16px;
    border-radius: 50%;
    z-index: 99;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    background: #1A2C79;
    transition: 1s ease;
    border: none;
}

.faq h6 {
    color: #373636 !important;
    font-size: 15px;
    letter-spacing: 0px !important; font-weight:700;
}

.faq p {
    color: #444444;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: 21px;
    margin-bottom: 30px;
    text-align: justify;
    letter-spacing: 0px;
}

.faq-details{ padding-right:20px;}
.faq-details1{ padding-left:20px;}


.site-nav li { list-style: url(../images/fa-circle-dot.png) !important;     color: #000;
    font-weight: normal;
    list-style-type: none !important;
}} 
.site-nav li a{ text-decoration:none; color:#000; line-height:25px; padding-left:5px;}
.site-nav li a:hover{ color:#0a92e8; line-height:25px;}
.fa-dot-circle-o{ font-size:13px; color:#3CF; padding-right:5px;}

table.distributedLedger tr td .bs-linebreak.borderbottom {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

table.distributedLedger tr td span {
    padding: 2px;
        padding-bottom: 2px;
    display: block;
}

table.distributedLedger tr td.no {
    color: red;
}

table.distributedLedger tr td.yes {
    color: green;
}

    
.onboarding div.heading-title {
    max-width: 380px;
    background: rgb(98,0,183);
    background: #F7901E !important;
    padding: 20px;
    color: #fff;
    text-align: center;
    font-size: 25px;
    line-height: 30px;
    margin: 0 auto 50px !important;
    position: relative;
}
.onboarding div.heading-title, .onboarding div.grayboxtxt {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: block;
}

.onboarding div.grayboxtxt {
    max-width: 380px;
    background: #e5e5e6;
    padding: 20px;
    margin: 0 auto 50px;
    position: relative;
}
.onboarding div.heading-title, .onboarding div.grayboxtxt {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: block;
}   
    
.onboarding div.gray-txt {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 5px;
}


.onboarding div.grayboxtxt::after {
    content: "";
    position: absolute;
    top: -40px;
    width: 50px;
    height: 50px;
    background: url(../images/down-arrow-gred.jpg) no-repeat;
    margin: 0 auto;
    left: 180px;    filter: grayscale(1);
}
    
.onboarding div.purpl-txt {
    font-size: 14px;
    color: #F7901E !important;
}   
    
.business-advantage {
    width: 100%;
    background-color: #f9f9f9;
    padding: 30px 30px 30px 30px !important;
}

.business_box {
    padding: 20px 0px 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    background: #fff;
    box-shadow: 1px 3px 3px -1px rgba(0,0,0,0.1);
    min-height: 500px;
    border: 1px solid beige;
}
.business_box h3{ font-size:18px; padding: 0px 20px !important;}
.business_box p {
    text-align: left;
    padding: 0px 15px;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.6;
    font-size: 14px;
    color: #201520;
}

.business_box ul {
    padding: 0 0 0 30px !important;
    margin: 0 0 14px !important;
}

.guideline-button, .read-dlt {
    padding: 6px 15px;
    background: #F7901E !important;
    text-decoration: none;
    color: #FFF;
    border-radius: 600px;
    font-weight: 500;
    font-size: 12px;
}

.guideline-button:hover, .read-dlt:hover {
    padding: 6px 25px;
    background: #ffffff;
    text-decoration: none;
    color: #3d3e3e;
    border-radius: 600px;
    font-weight: bold;
    border:1px solid #06F;
}



.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.thumbnail img { vertical-align:middle !important; margin-right:5px;}

   
        /* Do / Don't boxes */
        .dos-box {
            background: #edf9c266;
            padding: 20px 12px;
            border-radius: 20px;
        }

        .donts-box {
            background: #fcdada57;
            margin-top: 20px;
            padding: 20px 12px;
            border-radius: 20px;
        }

        /* Lists */
        .site-nav li,
        .site-nav5 li,
        .step2list li {
            list-style: disc;
            margin-bottom: 10px;
            line-height: 1.7;
        }

        .site-nav,
        .site-nav5,
        .step2list {
            padding-left: 20px;
        }
 

        /* Step headings */
        .step-heading {
            color: #F7901E;
            font-size: 18px;
            margin: 20px 0 10px;
        }

     

        /* Learn more button */
        .paynowbutton {
            display: inline-block;
            padding: 7px 30px;
            text-decoration: none;
            background: #F7901E;
            color: #FFF;
            font-size: 16px;
            border-radius: 600px;
            margin-top: 15px;
        }

        .paynowbutton:hover {
            background: #c42b61;
            color: #FFF;
        }
        
.border-rtop {
    background: none !important;
    padding: 10px 0px 20px 10px !important;
    border: solid 2px #807d7d !important;
        border-top-color: rgb(128, 125, 125);
        border-top-style: solid;
        border-top-width: 2px;
        border-left-color: rgb(128, 125, 125);
        border-left-style: solid;
        border-left-width: 2px;
    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 2px;
    border-left-color: rgb(255, 255, 255);
    border-left-style: solid;
    border-left-width: 2px;
    border-radius: 0px !important;
    border-left: solid 4px #F7901E !important !important;
    border-top: solid 4px #F7901E !important !important;
}
.dlt-bor {
    padding: 10px !important;
    width: 161px;
    background: #3bb13d;
    color: #fff;
    padding: 9px 50px;
    font-size: 16px;
    float: left;
    border-radius: 3px 3px 0px 0px !important;
}

.dlt-id {
    color: #FB397D;
    font-size: 16px;
    background: #f2efef;
    padding: 10px;
    width: 100%;
    float: left;
    border-radius: 0px 3px 3px 3px;
}



.content-template-button {
    padding: 15px 30px;
    background: #F7901E !important;
    text-decoration: none;
    color: #FFF;
    border-radius: 600px;
    font-weight: bold;
    font-size: 16px;

}

.content-template-button:hover {
    padding: 15px 30px;
    background: #ffffff;
    text-decoration: none;
    color: #393a3a;
    border-radius: 600px;
    font-weight: bold;
    font-size: 16px;
    border:1px solid #F7901E !important;

}

.disributor-overview p:nth-child(1),.disributor-overview p:nth-child(2){ 
text-align:center; 
font-size:19px; 
line-height:34px; 
font-family: 'Montserrat', sans-serif;
}

.overview-dlt{ margin-top:40px; margin-bottom:40px;}

.contact-button { padding:5px 30px; background:#06F; color:#FFF; text-decoration:none; font-size:20px; border-radius:600px; margin-left:15px; }
.contact-button:hover { padding:5px 30px; background:#d8df1b; color:#030409; text-decoration:none; font-size:20px; border-radius:600px;}




@media (max-width:767px){
    
    
.chandan{ margin-top:0px !important;}   
.contact-button { padding:5px 30px; background:#06F; color:#FFF; text-decoration:none; font-size:20px; border-radius:600px;   display:inline-block; }
.contact-button:hover { padding:5px 30px; background:#d8df1b; color:#030409; text-decoration:none; font-size:20px; border-radius:600px;}
    
.custom-banner-height {min-height: 220px !important;}   
.text-blue {font-size: 21px !important;}
.cmt-txt {margin-top: 40px;}
span.psw {
     display: block;
     float: none;
  }
.cancelbtn {width: 100%;}   
    
.margin-mob20 { margin-bottom:20px;}
.margin-mob30 { margin-bottom:30px;}    

.login-section h3 {
    font-size: 20px;
    font-weight: 700 !important;
}

.login-section {
    margin: 20px 0px;
    width: 100%;
}

.border1 {
   border-right: 0px solid #000;
}

.faq-details{ padding-right:0px;}
.faq-details1{ padding-left:0px;}

.business-advantage {
    width: 100%;
    background-color: #f9f9f9;
    padding: 0px !important;
}

.business_box {
    padding: 20px 0px 20px;
    border-radius: 8px;
    margin-bottom: 25px;
    background: #fff;
    box-shadow: 1px 3px 3px -1px rgba(0,0,0,0.1);
    min-height: 440px;
    border: 1px solid beige;
}


.content-template-button {
    padding: 10px 15px;
    background: #F7901E !important;
    text-decoration: none;
    color: #FFF;
    border-radius: 600px;
    font-weight: bold;
    font-size: 16px;
}


.content-template-button:hover {
    padding: 10px 15px;
    background: #ffffff;
    text-decoration: none;
    color: #393a3a;
    border-radius: 600px;
    font-weight: bold;
    font-size: 16px;
    border:1px solid #F7901E !important;

}

.marginsignup { margin-bottom:15px !important;}
        
    }

.number1{ position: absolute;  margin-top:22px; left:-4px;
z-index: 99999;}
.number2 {
    position: absolute;
    margin-top: 22px;
    left: -9px;
    z-index: 99999;
}

.number3 {
    position: absolute;
    margin-top: 22px;
    left: -9px;
    z-index: 99999;
}

.number4 {
    position: absolute;
    margin-top: 22px;
    left: -9px;
    z-index: 99999;
}


.number5 {
    position: absolute;
    margin-top: 22px;
    left: -9px;
    z-index: 99999;
}

.number6 {
    position: absolute;
    margin-top: 22px;
    left: -9px;
    z-index: 99999;
}


    /*whatsapp-official-business-account.php css*/


/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #16CC43;
  top: 0;
  bottom: 0; left: -6px;
  margin-left: -3px;
}

/* Container around content */
.container-timeline {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width:100%;
}

/* The circles on the timeline */
.container-timeline::after {
     content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    left: -20px;
    background-color: white;
    border: 4px solid #16CC43;
    top: 17px;
    border-radius: 50%;
    z-index: 1;
}



/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */


/* The actual content */
.content-timeline {
  padding: 20px 30px;
  background-color: white;
  position: relative;
  border-radius: 6px; 
}
.content-timeline h2{margin:0px; color:#2cb742; font-weight:600; font-size:16px; padding-bottom:8px;}

.content-timeline p { 
text-align:justify; 
font-size:15px; 
line-height:28px; 
margin:0px; 
color:#1C1C1C;
    
}
.phone-communicator {
    background: url(../images/whatsapp-official-bg.jpg) no-repeat center center / 80%;     background-color: #e4f4f4;
}


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

.voice-call-feature{ 
 margin:65px 0px; 
 width:100%;
}
.voice-call-feature h2{ 
 color:#000; 
 font-weight:700;
 font-size:34px !important;
 padding-top:10px;
}
.italic-pragraph{ 
 font-style:italic; 
 margin:50px 0px; 
 font-size:17px;  
}

.feature-data-item{ width:100%; }

.feature-data-icon {
  left: 0px;
  width: 68px;
  height: 68px;
  border-radius: 0px;
  margin: auto;
  display: block;
  float: none;
  padding: 0px;
  position:absolute;  
}

.feature-data-desc {
  margin-left: 70px;
  position: relative; 
  padding-right:30px;
}

.feature-data-desc p{ 
 line-height:25px;  
 font-size:15px;
}

.feature-data-desc h3{ 
 font-size:18px;
}


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


.feature-data-icon img:hover{
  transform: rotate(360deg);  
  transition: width 2s, height 2s, transform 2s;
  -ms-transition:width 2s, height 2s, transform 2s;
  -webkit-transition:width 2s, height 2s, transform 2s;
  }   

.Voice-OTP-Service {
   width:100%; 
   padding:30px 0px; 
   background:#f4f5fb; 
   margin:50px 0px;
   }
   
.Voice-OTP-Service h2{ 
  color:#000; 
  font-weight:700;
  font-size:34px !important;
}

.Voice-OTP-Service-box{
   padding: 20px 20px;
  border-radius: 8px;
  margin-bottom: 25px;    
  min-height: 310px;
  border:1px solid #d8d7d8;
  }


.Voice-OTP-Service-box:hover{
  padding: 20px 20px;
  border-radius: 8px;
  margin-bottom: 25px;
  background:  #d6fcff;   
  min-height: 310px;
  border:1px solid #d8d7d8;
  box-shadow: 0px 16px 41px rgba(0, 0, 0, 0.1);
  }
  
.Voice-OTP-Service-box p { font-size:16px;}

.Voice-OTP-Service-box h3{
   font-size:17px; font-weight:700;
  
  }    
      
.voice-list li {
  display: block;
  background: url(../assets_front/images/right-tic-icon.png) left center no-repeat;
  padding: 12px 0 16px 39px;
  font-size: 15px;
  text-align: left;
}   

.how-it-work-voicecall{ 
  width:100%; 
  padding:30px 0px; 
  background:#f4f5fb; 
  margin:50px 0px;
}

.how-it-work-voicecall h2{ 
  color:#000; 
  font-weight:700;
  font-size:34px !important;
}

.Industry-Solutions h4{ 
  font-weight:700; 
  margin:0px; 
  padding:0px;
  }

.Industry-Solutions h2{ 
 color:#000; 
 font-weight:700; 
 margin-top:10px !important;
 font-size:34px !important;
}

.voice-can-do { 
 width:100%; 
 padding:30px 0px; 
 background:#f4f5fb; 
 margin:50px 0px;
 }

.voice-can-do h2{ 
 color:#000; 
 font-weight:700;
 font-size:34px !important;
}

.border-pink{
 height: 4px;
 display: inline-block;
 background: #
 F7901E;
 width: 98px; 
 margin-bottom:10px;
}

.what-voice-can-do {
 list-style:none; 
 margin:0px; 
 padding:0px;}
  
.what-voice-can-do li{
 line-height:40px; 
 font-size:16px;
   }

.how-business-automated h2{ 
 color:#000; 
 font-weight:700; 
 margin-top:10px !important;
 font-size:34px !important;
}

.how-business-automated-box{
  padding: 20px 20px;
  border-radius: 8px;
  margin-bottom: 25px;
  background: #fff;   
  min-height: 250px;
  }
  
.how-business-automated-box p{ 
 font-size:15px; 
 line-height:25px; 
 text-align: center; 
 padding-top:15px;
}
  
.how-business-automated-box h3 { 
 margin:0px; 
 padding:0px; 
 font-weight:600;
 font-size:18px !important;
}   

.how-business-automated-box:hover{
  padding: 20px 20px;
  border-radius: 8px;
  margin-bottom: 25px;
  background: #fff;
  box-shadow: 0px 16px 41px rgba(0, 0, 0, 0.1);
  min-height: 250px;
  }
  
.margin-top30 { margin-top:30px; }

.get-a-call{ 
 padding:10px 30px; 
 background:#000; 
 text-decoration:none; 
 color:#FFF; 
 text-align:center; 
 border-radius:600px; 
 font-size:16px;
 font-weight:600;
}

.get-a-call:hover{ 
 padding:10px 30px; 
 background:#FFF; 
 text-decoration:none; 
 color:#373737; 
 text-align:center; 
 border-radius:600px; 
 font-size:16px;
 font-weight:600; 
 border:1px solid #000;
}
section.request.top h5 {
    color: #000 !important;
}
.request h2 {
  font-size: 40px;
  text-align: center;
  color: #000 !important;
  margin-bottom: 15px;
  font-weight: normal !important;
}
.request h2 a {
    color: #F7901E !important;
    font-size: 22px;
    line-height: 27px;
    display: block;
    font-weight: 500;
}
.col-md-41{ width:25%; float:left;}
.col-md-42{ width:30%; float:left;}
.col-md-43{ float:left; width:10%; padding-top:125px; }
.col-md-41 h5{
  font-size:21px;
  
  }

.col-md-42 h5{
  font-size:21px;
  
  }

  .table.table-bordered tr th {
    color: #fff !important;
    background: #0f1d44;
}

@media (max-width:767px){
  
.feature-data-desc h3 {
  font-family: Open Sans;
  color: #000;
  font-size: 16px;
}   
.col-md-41{ width:25%; float:left;}
.col-md-42{ width:25%; float:left;}
.col-md-43{ float:left; width:10%; padding-top:20px; }
.col-md-41 img{ width:75%;}
.col-md-42 img{ width:75%;}

.col-md-41 h5 {
  font-size: 13px;
  font-weight: normal !important;
  text-align:center;
  color:#0b0b0b;
}
.col-md-42 h5 {
  font-size: 13px;
  font-weight: normal !important;
  text-align:center;
  color:#0b0b0b;
}

.pdbottom{ 
padding-bottom:0px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
  
      
.padding-top30px{ padding-top:5px;}
.padding-top30px1{ padding-top:20px;}   
.padding-top-mobile{ padding-top:30px;} 
  
.voice-call-feature h2 {
  color: #000;
  font-weight: 700;
  font-size: 28px !important;
}

.Voice-OTP-Service h2 {
  color: #000;
  font-weight: 700;
  font-size: 28px !important;
}

.how-business-automated h2 {
  color: #000;
  font-weight: 700;
  margin-top: 10px !important;
  font-size: 28px !important;
}

.voice-can-do h2 {
  color: #000;
  font-weight: 700;
  font-size: 28px !important;
}

.Industry-Solutions h2 {
  color: #000;
  font-weight: 700;
  margin-top: 10px !important;
  font-size: 28px !important;
}

.how-it-work-voicecall h2 {
  color: #000;
  font-weight: 700;
  font-size: 28px !important;
}

.padding-left { padding-left: 20px;}    
.what-voice-can-do li{ line-height:35px;}   
.voice-list{ padding:0px;}
  
.voice-list li {
  display: block;
  background: url(../assets_front/images/right-tic-icon.png) left center no-repeat;
  padding: 8px 0 10px 39px;
  font-size: 15px;
  text-align: left;
}   

.margin-mob20 { margin-bottom:20px;}
.margin-mob30 { margin-bottom:30px;}

.what-short-code {
  padding: 30px 0;
  padding-bottom: 30px !important;
  background-color: #F1F3FA;
}

.short-code{ padding-bottom:30px !important;}
.margin-top-mob0{ margin-top:-20px !important;} 
.request{ padding:0px;}

}

@media (max-width:768px) and (min-width:520px){
.voice-list{ padding-left:100px !important;}

.col-md-43 {
  float: left;
  width: 10%;
  padding-top: 40px;
}   
  
  }

     /* ══════════════════════════════════════════
           BANNER
        ══════════════════════════════════════════ */
        .contact-img {
            background: url(assets_front/images/payemt--page-header-image.jpg) no-repeat center center / cover !important;
        }

        /* ══════════════════════════════════════════
           LAYOUT HELPERS
        ══════════════════════════════════════════ */
        .section-text { font-size: 16px; color: #444; line-height: 1.85; margin-bottom: 18px; }
        .margin-mob20 { margin-bottom: 20px; }
        .margin-mob30 { margin-bottom: 30px; }

        /* ══════════════════════════════════════════
           SECTION HEADINGS
        ══════════════════════════════════════════ */ 
        .border-pink {
            height: 4px; display: block;
            background: #F7901E; width: 98px;
            margin: 0 auto 14px;
        }

        /* ══════════════════════════════════════════
           SECTION BACKGROUNDS
        ══════════════════════════════════════════ */
        .section-white { background: #fff;    padding: 55px 0; }
        .section-light { background: #f4f8fb; padding: 55px 0; }

        /* ══════════════════════════════════════════
           HERO
        ══════════════════════════════════════════ */
        .hero-tag {
            display: inline-block; background: #F7901E; color: #fff;
            font-size: 12px; font-weight: bold; padding: 4px 14px;
            border-radius: 20px; letter-spacing: 1px;
            margin-bottom: 14px; text-transform: uppercase;
        }
        .hero-btn-primary {
            display: inline-block; padding: 12px 34px;
            background: #F7901E !important; color: #fff; font-size: 16px; font-weight: bold;
            border-radius: 30px; text-decoration: none; margin: 6px 6px 0 0;
        }
        .hero-btn-primary:hover { background: #0278c4; color: #fff; text-decoration: none; }
        .hero-btn-outline {
            display: inline-block; padding: 12px 34px;
            background: #FF9800; color: #fff; font-size: 16px; font-weight: bold;
            border-radius: 30px; text-decoration: none; border: 2px solid #FF9800; margin: 6px 0 0;
        }
        .hero-btn-outline:hover { background: #000; color: #fff; text-decoration: none; }

        /* ══════════════════════════════════════════
           HIGHLIGHT STRIP
        ══════════════════════════════════════════ */
        .highlight-strip { 
    background: linear-gradient(135deg, #f96d41 0%, #eea231 100%) !important;
    padding: 28px 0;
    margin: 60px 0 0;}
        .highlight-item  { text-align: center; color: #fff; padding: 8px 10px; }
        .highlight-item .hi-icon  { font-size: 28px; display: block; margin-bottom: 6px; }
        .highlight-item .hi-label { font-size: 14px; font-weight: bold; display: block; line-height: 1.4; opacity: .92; }

        /* ══════════════════════════════════════════
           RBI COMPLIANCE BANNER
        ══════════════════════════════════════════ */
        .rbi-banner {
            background: linear-gradient(135deg, #0f1d44 0%, #07102B 100%);
            border-radius: 12px;
            padding: 26px 28px;
            color: #fff;
            margin-bottom: 28px;
            display: flex;
            align-items: flex-start;
            gap: 20px;
        }
        .rbi-banner .rb-icon { font-size: 40px; flex-shrink: 0; margin-top: 2px; }
        .rbi-banner h3 { color: #fff; font-size: 18px; font-weight: bold; margin: 0 0 8px; }
        .rbi-banner p {
    font-size: 14px !important;
    color: #fff !important;
    margin: 0;
    line-height: 1.7;
    font-weight: normal;}
        .rbi-banner p strong{color: #fff !important;}
        .rbi-banner a  { color: #90caf9; font-weight: bold; }

        /* ══════════════════════════════════════════
           USE CASE CARDS
        ══════════════════════════════════════════ */
        .usecase-card {
            background: #fff;
            border: 1px solid #e0e0e0;
            border-top: 4px solid #F7901E;
            border-radius: 10px;
            padding: 26px 22px;
            margin-bottom: 24px;
            height: 100%;
            box-shadow: 0 3px 14px rgba(0,0,0,.07);
            transition: box-shadow .25s ease, transform .2s ease;
        }
        .usecase-card:hover { box-shadow: 0 7px 24px rgba(4,150,243,.14); transform: translateY(-3px); }
        .usecase-card .uc-icon { font-size: 36px; display: block; margin-bottom: 10px; }
        .usecase-card h3 { color: #F7901E; font-size: 18px; font-weight: bold; margin: 0 0 10px; }
        .usecase-card p  { font-size: 15px; color: #555; margin: 0 0 12px; line-height: 1.75; }
        .usecase-card ul { padding-left: 18px; margin: 0; }
        .usecase-card ul li { font-size: 14px; color: #444; margin-bottom: 5px; line-height: 1.65; }

         

        /* ══════════════════════════════════════════
           SMS TEMPLATES — SAMPLE BOXES
        ══════════════════════════════════════════ */
        .template-block {
            background: #fff;
            border: 1px solid #e0e0e0;
            border-left: 4px solid #F7901E;
            border-radius: 0 8px 8px 0;
            padding: 18px 20px;
            margin-bottom: 18px;
            transition: box-shadow .2s ease;
        }
        .template-block:hover { box-shadow: 0 4px 16px rgba(4,150,243,.1); }
        .template-block .tmpl-label {
            display: inline-block; font-size: 11px; font-weight: bold;
            padding: 2px 10px; border-radius: 12px; margin-bottom: 9px;
            text-transform: uppercase; letter-spacing: .5px;
        }
        .lbl-trans  { background: #e8f4ff; color: #F7901E; }
        .lbl-promo  { background: #fce4ec; color: #c2185b; }
        .lbl-otp    { background: #e8f5e9; color: #2e7d32; }
        .lbl-fraud  { background: #fff3e0; color: #e65100; }
        .template-block .tmpl-text {
            font-size: 14px; color: #333; line-height: 1.7;
            font-family: 'Courier New', Courier, monospace;
            background: #f8f9fa; padding: 10px 14px; border-radius: 6px;
            border: 1px solid #e9e9e9; margin: 0;
        }
        .tmpl-text var { color: #e53935; font-style: normal; font-weight: bold; }

        /* ══════════════════════════════════════════
           STEP BOXES
        ══════════════════════════════════════════ */
        .step-box {
            background: #fff; border: 1px solid #e0e0e0; border-radius: 12px;
            padding: 26px 26px 26px 78px; box-shadow: 0 3px 14px rgba(0,0,0,.07);
            position: relative; margin-bottom: 22px;
            transition: box-shadow .25s ease;
        }
        .step-box:hover { box-shadow: 0 6px 22px rgba(4,150,243,.12); }
        .step-num {
            position: absolute; left: 18px; top: 22px;
            width: 44px; height: 44px;
            background: linear-gradient(135deg, #f96d41 0%, #eea231 100%);
            color: #fff; border-radius: 50%; font-size: 18px; font-weight: bold;
            display: flex; align-items: center; justify-content: center;
        }
        .step-box h3 { color: #0f1d44; font-size: 18px; font-weight: bold; margin: 0 0 8px; }
        .step-box p  { font-size: 15px; color: #444; margin: 0; line-height: 1.75; }
        .step-connector { width: 2px; height: 22px; background: #F7901E; margin: 0 auto; opacity: .3; }

        /* ══════════════════════════════════════════
           REGULATORY COMPLIANCE TABLE
        ══════════════════════════════════════════ */
        .reg-table th {
            background: #0f1d44; color: #fff;
            padding: 13px 16px; font-size: 14px; text-align: left;
        }
        .reg-table td {
            padding: 12px 16px; font-size: 14px;
            border-top: 1px solid #dee2e6; vertical-align: top; line-height: 1.65;
        }
        .reg-table tr:nth-child(even) { background: #f8f9fa; }
        .reg-table td:first-child { font-weight: bold; color: #0f1d44; white-space: nowrap; }
        .tick { color: #4caf50; font-size: 17px; font-weight: bold; }

         /* ══════════════════════════════════════════
           RESELLER TIERS / PRICING TABLE
        ══════════════════════════════════════════ */
        .tier-table th {
            background: #0f1d44;
            color: #fff;
            padding: 13px 16px;
            font-size: 14px;
            text-align: center;
        }
        .tier-table td {
            padding: 12px 16px;
            font-size: 14px;
            text-align: center;
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
        }
        .tier-table tr:nth-child(even) { background: #f8f9fa; }
        .tier-table td:first-child { text-align: left; font-weight: bold; color: #0f1d44; }
        .tick   { color: #4caf50; font-size: 17px; font-weight: bold; }
        .cross  { color: #e53935; font-size: 17px; }
        .tier-highlight td { background: #e8f4ff !important; }
        .tier-highlight td:first-child { color: #F7901E; }

        /* ══════════════════════════════════════════
           WHO IS IT FOR — PROFILE CARDS
        ══════════════════════════════════════════ */
        .profile-card {
            background: #fff;
            border-top: 4px solid #F7901E;
            border-radius: 8px;
            box-shadow: 0 3px 14px rgba(0,0,0,.08);
            padding: 24px 20px;
            margin-bottom: 24px;
            text-align: center;
        }
        .profile-card .pc-icon { font-size: 38px; display: block; margin-bottom: 10px; }
        .profile-card h4 { font-size: 17px; font-weight: bold; color: #0f1d44; margin-bottom: 8px; }
        .profile-card p  { font-size: 14px; color: #555; margin: 0; line-height: 1.7; }

        

        /* ══════════════════════════════════════════
           NOTICE BOXES
        ══════════════════════════════════════════ */
        .compliance-notice {
            background: #fff8e1; border-left: 4px solid #f5a623;
            padding: 15px 20px; margin: 18px 0; border-radius: 4px;
            font-size: 15px; line-height: 1.7;    display: grid;
        }
        .important-note {
            background: #f0f8ff; border-left: 4px solid #F7901E;
            padding: 15px 20px; margin: 18px 0; border-radius: 4px;
            font-size: 15px; line-height: 1.7;    display: grid;
        }
        .success-note {
            background: #f0fff4; border-left: 4px solid #4caf50;
            padding: 15px 20px; margin: 18px 0; border-radius: 4px;
            font-size: 15px; line-height: 1.7;    display: grid;
        }
        .rbi-note {
            background: #e8eaf6; border-left: 4px solid #3f51b5;
            padding: 15px 20px; margin: 18px 0; border-radius: 4px;
            font-size: 15px; line-height: 1.7;    display: grid;
        }
        .error-note {
            background: #fff0f0;
            border-left: 4px solid #e53935;
            padding: 15px 20px;
            margin: 18px 0;
            border-radius: 4px;
            font-size: 15px;
            line-height: 1.7;    display: grid;
        }

        /* ══════════════════════════════════════════
           CHECKLIST
        ══════════════════════════════════════════ */
        .check-list     { padding: 0; list-style: none; margin: 0; }
        .check-list li {
            font-size: 15px; color: #444;
            padding: 8px 0 8px 30px; position: relative;
            border-bottom: 1px solid #f0f0f0; line-height: 1.65;
        }
        .check-list li:last-child { border-bottom: none; }
        .check-list li::before {
            content: "\f00c"; font-family: FontAwesome; color: #4caf50;
            position: absolute; left: 0; top: 9px; font-size: 13px;
        }

        /* ══════════════════════════════════════════
           FAQ
        ══════════════════════════════════════════ */
        .faq-group{font-size:20px;color:#0f1d44;font-weight:700;margin:34px 0 14px;padding-bottom:8px;border-bottom:2px solid #e3edf7;}
        .faq-group:first-child{margin-top:0;}
        .faq-item { border: 1px solid #e0e0e0; border-radius: 8px; margin-bottom: 14px; overflow: hidden; }
        .faq-q { background: #f8f9fa; padding: 16px 20px; font-size: 16px; font-weight: bold; color: #0f1d44; }
        .faq-q::before { content: "Q. "; color: #F7901E; }
        .faq-a { padding: 14px 20px; font-size: 15px; color: #444; line-height: 1.75; border-top: 1px solid #e0e0e0; }

        /* ══════════════════════════════════════════
           ENQUIRY / CONTACT
        ══════════════════════════════════════════ */
        .enquiry-panel {    display: grid;
            background: #fff; border-radius: 12px; padding: 30px 28px;
            box-shadow: 0 4px 20px rgba(0,0,0,.08);
        }
        .enquiry-panel h3 { color: #F7901E; font-size: 20px; font-weight: bold; margin-bottom: 18px; }
        .contact-row { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
        .contact-row .cr-icon {
            width: 42px; height: 42px; background: #e8f4ff; border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            font-size: 17px; color: #F7901E; flex-shrink: 0;
        }
        .contact-row a { color: #0f1d44; font-weight: bold; text-decoration: none; font-size: 16px; }
        .contact-row a:hover { color: #F7901E; }
        .related-box {
            background: #fff; border-radius: 12px; padding: 28px 26px;
            box-shadow: 0 4px 20px rgba(0,0,0,.08);
        }
        .related-box h4 { color: #0f1d44; font-size: 16px; font-weight: bold; margin-bottom: 14px; }
        .related-box a {
            display: block; color: #F7901E; font-size: 14px;
            padding: 7px 0; border-bottom: 1px solid #f0f0f0; text-decoration: none;
        }
        .related-box a:hover { color: #F7901E; text-decoration: underline; }
        .related-box a:last-child { border-bottom: none; }

        /* ══════════════════════════════════════════
           CTA STRIP
        ══════════════════════════════════════════ */
        .cta-strip { background: #000; padding: 52px 0; text-align: center; color: #fff; }
        .cta-strip h2 { color: #fff; font-size: 28px; margin-bottom: 12px; }
        .cta-strip p  { font-size: 17px; opacity: .92; margin-bottom: 24px; max-width: 700px; margin-left: auto; margin-right: auto; color: #fff;  }
        .cta-btn-white {
            display: inline-block; padding: 13px 36px; background: #fff;
            color: #000; font-size: 16px; font-weight: bold;
            border-radius: 30px; text-decoration: none; margin: 6px;
        }
        .cta-btn-white:hover { background: #e0efff; color: #F7901E; text-decoration: none; }
        .cta-btn-outline-w {
            display: inline-block; padding: 13px 36px; background: transparent;
            color: #fff; font-size: 16px; font-weight: bold;
            border-radius: 30px; text-decoration: none; border: 2px solid #fff; margin: 6px;
        }
        .cta-btn-outline-w:hover { background: #fff; color: #F7901E; text-decoration: none; }
        .cta-btn-outline {
            display: inline-block; padding: 13px 36px; background: transparent;
            color: #fff; font-size: 16px; font-weight: bold;
            border-radius: 30px; text-decoration: none; border: 2px solid #fff; margin: 6px;
        }
        .cta-btn-outline:hover { background: #fff; color: #F7901E; text-decoration: none; }

        /* ══════════════════════════════════════════
           RESPONSIVE
        ══════════════════════════════════════════ */
        .process-list {
            padding-left: 0;
            list-style: none;
            counter-reset: step-counter;
        }
        .process-list li {
            counter-increment: step-counter;
            padding: 12px 15px 12px 50px;
            margin-bottom: 12px;
            background: #f8f9fa;
            border-radius: 8px;
            position: relative;
            font-size: 16px;
            line-height: 1.6;
        }
        .process-list li::before {
            content: counter(step-counter);
            position: absolute;
            left: 12px;
            top: 50%;
            transform: translateY(-50%);
            background: #F7901E;
            color: #fff;
            width: 28px;
            height: 28px;
            border-radius: 50%;
            text-align: center;
            line-height: 28px;
            font-weight: bold;
            font-size: 14px;
        }
          /* ══════════════════════════════════════════
           STATS STRIP
        ══════════════════════════════════════════ */
        .stats-strip { background: #fff; padding: 38px 0; border-bottom: 1px solid #e5e5e5; }
        .stat-box {
            text-align: center; padding: 10px 14px;
            border-right: 1px solid #e5e5e5;
        }
        .stat-box:last-child { border-right: none; }
        .stat-box .snum { font-size: 32px; font-weight: bold; color: #F7901E; display: block; line-height: 1.2; }
        .stat-box .slbl { font-size: 13px; color: #666; display: block; margin-top: 5px; line-height: 1.4; }

        /* ══════════════════════════════════════════
           INSTITUTION TYPE CARDS
        ══════════════════════════════════════════ */
        .inst-card {
            background: #fff; border: 1px solid #e0e0e0;
            border-top: 4px solid #F7901E; border-radius: 10px;
            padding: 26px 22px; margin-bottom: 24px; height: 100%;
            box-shadow: 0 3px 14px rgba(0,0,0,.07);
            transition: box-shadow .25s ease, transform .2s ease;
        }
        .inst-card:hover { box-shadow: 0 7px 24px rgba(4,150,243,.14); transform: translateY(-3px); }
        .inst-card .inst-icon { font-size: 38px; display: block; margin-bottom: 10px; }
        .inst-card h3 { color: #F7901E; font-size: 18px; font-weight: bold; margin: 0 0 10px; }
        .inst-card p  { font-size: 14px; color: #555; margin: 0 0 12px; line-height: 1.75; }
        .inst-card ul { padding-left: 18px; margin: 0; }
        .inst-card ul li { font-size: 14px; color: #444; margin-bottom: 5px; line-height: 1.6; }

        /* ══════════════════════════════════════════
           USE CASE CARDS
        ══════════════════════════════════════════ */
        .usecase-card {
            background: #fff; border: 1px solid #e0e0e0;
            border-top: 4px solid #F7901E; border-radius: 10px;
            padding: 26px 22px; margin-bottom: 24px; height: 100%;
            box-shadow: 0 3px 14px rgba(0,0,0,.07);
            transition: box-shadow .25s ease, transform .2s ease;
        }
        .usecase-card:hover { box-shadow: 0 7px 24px rgba(4,150,243,.14); transform: translateY(-3px); }
        .usecase-card .uc-icon { font-size: 36px; display: block; margin-bottom: 10px; }
        .usecase-card h3 { color: #F7901E; font-size: 18px; font-weight: bold; margin: 0 0 10px; }
        .usecase-card p  { font-size: 15px; color: #555; margin: 0 0 12px; line-height: 1.75; }
        .usecase-card ul { padding-left: 18px; margin: 0; }
        .usecase-card ul li { font-size: 14px; color: #444; margin-bottom: 5px; line-height: 1.65; }

        /* ══════════════════════════════════════════
           FEATURE CARDS
        ══════════════════════════════════════════ */
        .feature-box {
            background: #f8f9fa; border: 1px solid #e0e0e0; border-radius: 10px;
            padding: 26px 22px; margin-bottom: 24px; height: auto;
            transition: box-shadow .25s ease, transform .2s ease;display: grid
        }
        .feature-box:hover { box-shadow: 0 7px 24px rgba(4,150,243,.13); transform: translateY(-3px); }
        .feature-box h4 { color: #F7901E; font-size: 17px; font-weight: bold; margin-bottom: 10px; }
        .feature-box p  { font-size: 15px; color: #555; margin: 0; line-height: 1.7; }

        /* ══════════════════════════════════════════
           SMS TEMPLATE BLOCKS
        ══════════════════════════════════════════ */
        .template-block {
            background: #fff; border: 1px solid #e0e0e0;
            border-left: 4px solid #F7901E; border-radius: 0 8px 8px 0;
            padding: 18px 20px; margin-bottom: 18px;
            transition: box-shadow .2s ease;
        }
        .template-block:hover { box-shadow: 0 4px 16px rgba(4,150,243,.1); }
        .template-block .tmpl-label {
            display: inline-block; font-size: 11px; font-weight: bold;
            padding: 2px 10px; border-radius: 12px; margin-bottom: 9px;
            text-transform: uppercase; letter-spacing: .5px;
        }
        .lbl-trans { background: #e8f4ff; color: #F7901E; }
        .lbl-promo { background: #fce4ec; color: #c2185b; }
        .lbl-otp   { background: #e8f5e9; color: #2e7d32; }
        .lbl-alert { background: #fff3e0; color: #e65100; }
        .template-block .tmpl-text {
            font-size: 14px; color: #333; line-height: 1.7;
            font-family: 'Courier New', Courier, monospace;
            background: #f8f9fa; padding: 10px 14px; border-radius: 6px;
            border: 1px solid #e9e9e9; margin: 0;
        }
        .tmpl-text var { color: #e53935; font-style: normal; font-weight: bold; }

        /* ══════════════════════════════════════════
           STEP BOXES
        ══════════════════════════════════════════ */
        .step-box {
            background: #fff; border: 1px solid #e0e0e0; border-radius: 12px;
            padding: 26px 26px 26px 78px; box-shadow: 0 3px 14px rgba(0,0,0,.07);
            position: relative; margin-bottom: 22px;
            transition: box-shadow .25s ease;
        }
        .step-box:hover { box-shadow: 0 6px 22px rgba(4,150,243,.12); }
        .step-num {
            position: absolute; left: 18px; top: 22px;
            width: 44px; height: 44px;
            background: linear-gradient(135deg, #f96d41 0%, #eea231 100%);
            color: #fff; border-radius: 50%; font-size: 18px; font-weight: bold;
            display: flex; align-items: center; justify-content: center;
        }
        .step-box h3 { color: #0f1d44; font-size: 18px; font-weight: bold; margin: 0 0 8px; }
        .step-box p  { font-size: 15px; color: #444; margin: 0; line-height: 1.75; }
        .step-connector { width: 2px; height: 22px; background: #F7901E; margin: 0 auto; opacity: .3; }
        
 

        /* ══════════════════════════════════════════
           INDUSTRY PILLS
        ══════════════════════════════════════════ */
        .industry-grid { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px; }
        .industry-pill {
            display: inline-flex; align-items: center; gap: 7px;
            background: #f0f8ff; border: 1px solid #b3d7f8; border-radius: 25px;
            padding: 8px 18px; font-size: 14px; color: #0f1d44; font-weight: 500;
            text-decoration: none;
            transition: background .2s ease, color .2s ease, border-color .2s ease;
        }
        .industry-pill:hover { background: #F7901E; color: #fff; border-color: #F7901E; text-decoration: none; }
        .industry-pill span  { font-size: 16px; }

        /* ══════════════════════════════════════════
           SERVICES TABLE
        ══════════════════════════════════════════ */
        .svc-table th {
            background: #0f1d44; color: #fff;
            padding: 13px 16px; font-size: 14px; text-align: center;
        }
        .svc-table th:first-child { text-align: left; }
        .svc-table td {
            padding: 12px 16px; font-size: 14px;
            text-align: center; border-top: 1px solid #dee2e6; vertical-align: middle;
        }
        .svc-table td:first-child { text-align: left; font-weight: bold; color: #0f1d44; }
        .svc-table tr:nth-child(even) { background: #f8f9fa; }
        .tick { color: #4caf50; font-size: 17px; font-weight: bold; }

         /* ══════════════════════════════════════════
           CITY CARDS
        ══════════════════════════════════════════ */
        .city-card {
            background: #fff; border: 1px solid #e0e0e0; border-top: 4px solid #F7901E;
            border-radius: 10px; padding: 26px 22px; margin-bottom: 24px; height: 100%;
            box-shadow: 0 3px 14px rgba(0,0,0,.07);
            transition: box-shadow .25s ease, transform .2s ease;
        }
        .city-card:hover { box-shadow: 0 7px 24px rgba(4,150,243,.14); transform: translateY(-3px); }
        .city-card .city-icon { font-size: 36px; display: block; margin-bottom: 10px; }
        .city-card h3 { color: #F7901E; font-size: 18px; font-weight: bold; margin: 0 0 10px; }
        .city-card p  { font-size: 14px; color: #555; margin: 0 0 12px; line-height: 1.75; }
        .city-card ul { padding-left: 18px; margin: 0; }
        .city-card ul li { font-size: 14px; color: #444; margin-bottom: 5px; line-height: 1.6; }

        /* ══════════════════════════════════════════
           SMS ROUTE CARDS
        ══════════════════════════════════════════ */
        .route-card {
            background: #fff; border: 1px solid #e0e0e0; border-radius: 12px;
            padding: 26px 22px; margin-bottom: 24px; height: 100%;
            box-shadow: 0 3px 14px rgba(0,0,0,.07);
            transition: box-shadow .25s ease, transform .2s ease;
        }
        .route-card:hover { box-shadow: 0 7px 24px rgba(4,150,243,.13); transform: translateY(-3px); }
        .route-badge {
            display: inline-block; font-size: 12px; font-weight: bold;
            padding: 4px 14px; border-radius: 20px; margin-bottom: 12px;
            text-transform: uppercase; letter-spacing: .5px;
        }
        .badge-trans { background: #e8f4ff; color: #F7901E; }
        .badge-imp   { background: #fff3e0; color: #e65100; }
        .badge-exp   { background: #e8f5e9; color: #2e7d32; }
        .badge-promo { background: #fce4ec; color: #c2185b; }
        .route-card h3 { font-size: 18px; font-weight: bold; color: #0f1d44; margin: 0 0 10px; }
        .route-card p  { font-size: 15px; color: #555; margin: 0 0 12px; line-height: 1.7; }
        .route-card ul { padding-left: 18px; margin: 0; }
        .route-card ul li { font-size: 14px; color: #444; margin-bottom: 5px; }

        /* ══════════════════════════════════════════
           PROFILE / WHO IS IT FOR CARDS
        ══════════════════════════════════════════ */
        .profile-card {
            background: #fff; border-top: 4px solid #F7901E; border-radius: 8px;
            box-shadow: 0 3px 14px rgba(0,0,0,.08); padding: 26px 22px;
            margin-bottom: 24px; text-align: center;
            transition: box-shadow .25s ease, transform .2s ease;
        }
        .profile-card:hover { box-shadow: 0 7px 22px rgba(4,150,243,.14); transform: translateY(-3px); }
        .profile-card .pc-icon { font-size: 40px; display: block; margin-bottom: 12px; }
        .profile-card h4 { font-size: 17px; font-weight: bold; color: #0f1d44; margin-bottom: 8px; }
        .profile-card p  { font-size: 14px; color: #555; margin: 0; line-height: 1.7; }
            /* ══════════════════════════════════════════
           QUICK NAV (sidebar anchor links)
        ══════════════════════════════════════════ */
        .quick-nav {
            background: #f0f8ff;
            border: 1px solid #b3d7f8;
            border-radius: 10px;
            padding: 22px 20px;
            margin-bottom: 24px;
        }
        .quick-nav h4 { color: #0f1d44; font-size: 16px; font-weight: bold; margin-bottom: 14px; }
        .quick-nav ol { padding-left: 18px; margin: 0; }
        .quick-nav ol li { margin-bottom: 8px; }
        .quick-nav ol li a { color: #66; font-size: 14px; text-decoration: none; }
        .quick-nav ol li a:hover { text-decoration: underline; }

        /* ══════════════════════════════════════════
           SIDEBAR COLUMN
        ══════════════════════════════════════════ */
        .sidebar-col {
            padding-left: 30px;
        }
        @media (max-width: 991px) {
            .sidebar-col {
                padding-left: 15px;
                margin-top: 40px;
            }
        }
         /* ══════════════════════════════════════════
           SUBSTEP BOXES  (within a step)
        ══════════════════════════════════════════ */
        .substep {
            background: #f8f9fa;
            border-left: 4px solid #F7901E;
            border-radius: 0 8px 8px 0;
            padding: 14px 18px;
            margin: 14px 0;
        }
        .substep h4 { font-size: 15px; font-weight: bold; color: #0f1d44; margin: 0 0 6px; }
        .substep p  { font-size: 14px; color: #555; margin: 0; line-height: 1.7; }
 
        .erp-badge {
            display: inline-block;
            background: #e8f4ff;
            border: 1px solid #b3d7f8;
            border-radius: 16px;
            padding: 5px 13px;
            font-size: 13px;
            color: #F7901E;
            margin: 4px 4px 4px 0
        }

        .erp-notice {
            background: #f0fff4;
            border-left: 4px solid #4caf50;
            padding: 14px 18px;
            border-radius: 4px;
            font-size: 14px;
            line-height: 1.7
        }
        /**/

        .seo-intro { background:#f4f8fb; padding:50px 0; }
        .seo-intro h2 {font-weight:bold; margin-bottom:0px; }
        .seo-intro p {color:#444; line-height:1.85; margin-bottom:14px; }
        .servicesec{}
        .servicesec h2, .section-center h2{ text-align: center;}
        .servicesec h2::after, .industries-sec h2::after, .seo-content-block h2::after , .why-fivo h2::after, .section-center h2::after {
            content: '';
            display: block;
            margin: auto;
            height: 4px;
            width: 0px;
            background: #F7901E;
            transition: all 0.4s linear;
            width: 98px;
            position: relative;
            left: 0;
            right: 0;
            top: 6px;} 
 
        
        .section-center p{text-align: center;}
        .why-fivo { background:#fff; padding:55px 0; }
        .why-fivo h2 {font-weight:bold; text-align:center; margin-bottom:6px; }
        .wf-underline { height:4px; width:80px; background:#F7901E; display:block; margin:0 auto 30px; border-radius:2px; }
        .why-card { background:#f4f8fb; border-radius:10px; padding:22px 18px; margin-bottom:20px; border-left:4px solid #F7901E; }
        .why-card h3 { font-size:16px; font-weight:bold; color:#0f1d44; margin-bottom:6px; }
        .why-card p { font-size:14px; color:#555; margin:0; line-height:1.7; }

        .industries-sec { background:#0f1d44; padding:55px 0; }
        .industries-sec h2 { color:#fff; font-size:26px; font-weight:bold; text-align:center; margin-bottom:6px; }
        
        .industries-sec p.sub { color:rgba(255,255,255,.75); text-align:center; font-size:15px; margin-bottom:30px; }
        .ind-pill { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-radius:22px; padding:7px 16px; font-size:13px; color:#fff; text-decoration:none; font-weight:500; margin:4px; transition:background .2s; }
        .ind-pill:hover { background:#F7901E; color:#fff; text-decoration:none; border-color:#F7901E; }

        .seo-content-block { background:#fff; padding:55px 0; }
        .seo-content-block h2 {font-weight:bold; margin-bottom:14px; }
        .seo-content-block h3 {font-weight:bold; margin:24px 0 10px; }
        .seo-content-block p { font-size:15px; color:#444; line-height:1.85; margin-bottom:14px; }
        .seo-content-block ul { padding-left:20px; margin-bottom:16px; }
        .seo-content-block ul li { font-size:15px; color:#444; line-height:1.8; margin-bottom:6px; }

        .stats-strip { background:linear-gradient(135deg,#0f1d44 0%,#F7901E 100%); padding:40px 0; }
        .stat-item { text-align:center; color:#fff; padding:10px; }
        .stat-item .snum { font-size:34px; font-weight:bold; display:block; line-height:1.1; }
        .stat-item .slbl { font-size:13px; opacity:.85; display:block; margin-top:4px; }

        /* keep original logo slider */
        .logo-slider { overflow:hidden; position:relative; max-width:1200px; margin:auto; }
        .logo-track { display:flex; transition:transform 0.6s ease; }
        .logo-track a { display:flex; align-items:center; justify-content:center; min-width:200px; padding:0 15px; }
        .client-logo { width:150px; height:80px; object-fit:contain; transition:all .3s ease; }
        .client-logo:hover { filter:grayscale(100%); opacity:.7; transform:scale(1.08); }

        /* ============================================================
   bulk-sms.css — Fivo SMS bulk-sms.php page styles
   All styles extracted from inline — uses existing class names
   where possible and adds new utility classes.
   ============================================================ */

/* ── HERO EXTRAS ── */
.hero-sub {
    font-size: 17px;
    font-weight: normal;
    line-height: 1.6;
    margin-top: 10px;
}

.hero-btn-wrap {
    margin-top: 22px;
}

.btn-sm-wrap {
    display: inline-block;
    margin-top: 16px;
    font-size: 14px;
    padding: 10px 26px;
}

/* ── SECTION TYPOGRAPHY ── */
.section-intro {
    font-size: 16px;
    color: #555;
    max-width: 820px;
    margin: 0 auto 30px;
    line-height: 1.8;
}

.section-sub-heading {
    font-size: 18px;
    font-weight: 700;
    color: #0f1d44;
    margin-bottom: 16px;
}

.section-text {
    font-size: 15px;
    color: #444;
    line-height: 1.85;
    margin-bottom: 14px;
}

.link-blue {
    color: #F7901E;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
}

.link-blue:hover {
    color: #F7901E;
    text-decoration: underline;
}

/* ── ADVANTAGE SLIDER CARDS ── */
.adv-icon {
    width: 80px !important;
    margin-bottom: 14px;
    display: block;
}

/* ── KEY FEATURES COLOUR CLASSES ── */
.feat-color-1 { color: #87D2B8; }
.feat-color-2 { color: #FF9AB1; }
.feat-color-3 { color: #FEC47A; }
.feat-color-4 { color: #A69BE0; }
.feat-color-5 { color: #7AB9ED; }
.feat-color-6 { color: #AEDB83; }

/* ── WHY FIVO ICONS ── */
.why-icon {
    width: 64px;
    margin: 0 auto 14px;
    display: block;
}

/* ── WHYUSE TXTBOX ── */
.whyuse-txtbox {
    margin-bottom: 24px;
}

.whyuse-txtbox h3 {
    font-size: 17px;
    font-weight: 700;
    color: #0f1d44;
    margin-bottom: 8px;
}

.whyuse-txtbox h4 {
    font-size: 16px;
    font-weight: 700;
    color: #0f1d44;
    margin-bottom: 8px;
}

.whyuse-txtbox p {
    font-size: 14px;
    color: #555;
    line-height: 1.75;
    margin: 0;
}

/* ── ADVANTAGES SECTION ── */
.advtxt {
    padding-right: 20px;
    margin-bottom: 30px;
}

.advtxt h3 {
    font-size: 20px;
    font-weight: 700;
    color: #0f1d44;
    margin-bottom: 12px;
}

.advtxt p {
    font-size: 15px;
    color: #555;
    line-height: 1.8;
}

/* ── SMS IMGBOX ── */
.sms-imgbox {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
}

.sms-imgbox img {
    width: 60px;
    flex-shrink: 0;
}

.sms-imgbox h3 {
    font-size: 20px;
    font-weight: 700;
    color: #0f1d44;
    margin: 0;
}

/* ── SEC IMG SMS ── */
.sec-img-sms {
    align-items: flex-start;
    margin-top: 20px;
}

.img-center {
    text-align: center;
}

.img-center img {
    max-width: 100%;
}

/* ── DLT COMPLIANCE NOTICE — overrides ── */
.compliance-notice {
    background: #fff8e1;
    border-left: 4px solid #f5a623;
    padding: 14px 18px;
    margin: 16px 0;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.7;
}

/* ── CONTACT ICON COLOUR VARIANTS ── */
.cr-icon-wa {
    background: #e8fff2;
}

.cr-icon-wa i {
    color: #25D366;
}

.cr-icon-loc {
    background: #ffe8e8;
}

.cr-icon-loc i {
    color: #e53935;
}

.wa-link {
    color: #25D366 !important;
}

.wa-link:hover {
    color: #1aab55 !important;
}

.contact-row small {
    color: #888;
    display: block;
    font-size: 12px;
}

.contact-row span {
    font-size: 13px;
    color: #444;
    line-height: 1.6;
}

/* ── CTA STRIP CONTACT LINE ── */
.cta-contact-line {
    font-size: 13px;
    opacity: .85;
    margin-top: 4px;
}

.cta-contact-line a {
    color: #fff;
    font-weight: bold;
}

/* ── INDUSTRY GRID ── */
.industry-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.industry-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f0f8ff;
    border: 1px solid #b3d7f8;
    border-radius: 22px;
    padding: 7px 16px;
    font-size: 13px;
    color: #F7901E;
    text-decoration: none;
    font-weight: 500;
    transition: background .2s, color .2s;
}

.industry-pill:hover {
    background: #F7901E;
    color: #fff;
    text-decoration: none;
}

/* ── STEP BOX ICON VARIANT (for why section) ── */
.step-box .step-num i {
    font-size: 16px;
}
 

.footbarleft.footlink {
    text-align: left;
    color: #fff;
}


 

 
/* ── Hero ── */
.rcs-hero-badge {
    display: inline-block;
    background: #F7901E;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 14px;
    border-radius: 20px;
    margin-bottom: 14px;
    letter-spacing: 1px;
}
.rcs-hero-cta {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 32px;
    background: #F7901E;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 30px;
    text-decoration: none;
    margin-right: 10px;
}
.rcs-hero-cta:hover { background: #0278c4; color: #fff; text-decoration: none; }
.rcs-hero-cta-outline {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 32px;
    background: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 30px;
    text-decoration: none;
    border: 2px solid #fff;
}
.rcs-hero-cta-outline:hover { background: #fff; color: #F7901E; text-decoration: none; }
 
/* ── Use-case category tabs ── */
.usecase-box {
    background: #fff;
    border-top: 4px solid #F7901E;
    border-radius: 8px;
    box-shadow: 0 3px 14px rgba(0,0,0,.08);
    padding: 24px 22px;
    margin-bottom: 24px;
}
.usecase-box h4 { color: #0f1d44; font-size: 17px; font-weight: bold; margin-bottom: 10px; }
.usecase-box p  { font-size: 15px; color: #555; margin: 0; line-height: 1.7; }

/* ── Stats strip ── */
.stats-strip {
    background: linear-gradient(135deg, #0f1d44 0%, #07102B 100%);
    padding: 45px 0;
    margin: 50px 0;
}
.stat-item { text-align: center; color: #fff; }
.stat-item .stat-number {
    font-size: 40px;
    font-weight: bold;
    display: block;
    line-height: 1.1;
}
.stat-item .stat-label {
    font-size: 14px;
    opacity: .85;
    display: block;
    margin-top: 6px;
}

/* ── Checklist ── */
.rcs-checklist { padding: 0; list-style: none; }
.rcs-checklist li {
    font-size: 15px;
    color: #444;
    padding: 7px 0 7px 28px;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    line-height: 1.6;
}
.rcs-checklist li:last-child { border-bottom: none; }
.rcs-checklist li::before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #4caf50;
    position: absolute;
    left: 0;
    top: 8px;
    font-size: 14px;
}

/* ── Comparison table ── */
.compare-table th {
    background: #0f1d44;
    color: #fff;
    padding: 12px 16px;
    font-size: 15px;
    text-align: center;
}
.compare-table td {
    padding: 10px 16px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}
.compare-table tr:nth-child(even) { background: #f8f9fa; }
.tick   { color: #4caf50; font-size: 18px; font-weight: bold; }
.cross  { color: #e53935; font-size: 18px; font-weight: bold; }

 

/* ── Process steps ── */
.process-step {
    display: flex;
    align-items: flex-start;
    margin-bottom: 22px;
}
.process-step-num {
    min-width: 38px;
    height: 38px;
    background: #F7901E;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
}
.process-step-content h4 { font-size: 16px; font-weight: bold; color: #0f1d44; margin: 0 0 4px; }
.process-step-content p  { font-size: 15px; color: #555; margin: 0; line-height: 1.6; }

/* ── Mobile ── */
@media (max-width: 767px) {
    .stat-item { margin-bottom: 25px; }
    .stat-item .stat-number { font-size: 32px; }
}


.hero-overlay-dark {
    background: rgba(5, 20, 60, 0.62);
    padding: 60px 0;
}
 
/* ── Hero ── */
.rcs-hero-badge {
    display: inline-block;
    background: #F7901E;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 14px;
    border-radius: 20px;
    margin-bottom: 14px;
    letter-spacing: 1px;
}
.rcs-hero-cta {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 32px;
    background: #F7901E;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 30px;
    text-decoration: none;
    margin-right: 10px;
}
.rcs-hero-cta:hover { background: #0278c4; color: #fff; text-decoration: none; }
.rcs-hero-cta-outline {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 32px;
    background: transparent;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 30px;
    text-decoration: none;
    border: 2px solid #fff;
}
.rcs-hero-cta-outline:hover { background: #fff; color: #F7901E; text-decoration: none; }

 
/* ── Use-case category tabs ── */
.usecase-box {
    background: #fff;
    border-top: 4px solid #F7901E;
    border-radius: 8px;
    box-shadow: 0 3px 14px rgba(0,0,0,.08);
    padding: 24px 22px;
    margin-bottom: 24px;
}
.usecase-box h4 { color: #0f1d44; font-size: 17px; font-weight: bold; margin-bottom: 10px; }
.usecase-box p  { font-size: 15px; color: #555; margin: 0; line-height: 1.7; }

/* ── Stats strip ── */
.stats-strip {
    background: linear-gradient(135deg, #0f1d44 0%, #07102B 100%);
    padding: 45px 0;
    margin: 50px 0;
}
.stat-item { text-align: center; color: #fff; }
.stat-item .stat-number {
    font-size: 40px;
    font-weight: bold;
    display: block;
    line-height: 1.1;
}
.stat-item .stat-label {
    font-size: 14px;
    opacity: .85;
    display: block;
    margin-top: 6px;
}

/* ── Checklist ── */
.rcs-checklist { padding: 0; list-style: none; }
.rcs-checklist li {
    font-size: 15px;
    color: #444;
    padding: 7px 0 7px 28px;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
    line-height: 1.6;
}
.rcs-checklist li:last-child { border-bottom: none; }
.rcs-checklist li::before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #4caf50;
    position: absolute;
    left: 0;
    top: 8px;
    font-size: 14px;
}

/* ── Comparison table ── */
.compare-table th {
    background: #0f1d44;
    color: #fff;
    padding: 12px 16px;
    font-size: 15px;
    text-align: center;
}
.compare-table td {
    padding: 10px 16px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}
.compare-table tr:nth-child(even) { background: #f8f9fa; }
.tick   { color: #4caf50; font-size: 18px; font-weight: bold; }
.cross  { color: #e53935; font-size: 18px; font-weight: bold; }
 
/* ── Process steps ── */
.process-step {
    display: flex;
    align-items: flex-start;
    margin-bottom: 22px;
}
.process-step-num {
    min-width: 38px;
    height: 38px;
    background: #F7901E;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
    flex-shrink: 0;
}
.process-step-content h4 { font-size: 16px; font-weight: bold; color: #0f1d44; margin: 0 0 4px; }
.process-step-content p  { font-size: 15px; color: #555; margin: 0; line-height: 1.6; }
  

/* ── RESPONSIVE ── */
@media (max-width: 767px) {
    .hero-sub {
        font-size: 15px;
    }

    .advtxt {
        padding-right: 0;
        margin-bottom: 20px;
    }

    .sms-imgbox {
        flex-direction: column;
        text-align: center;
    }

    .sec-img-sms .img-center {
        margin-bottom: 20px;
    }

    .industry-grid {
        gap: 8px;
    }

    .industry-pill {
        font-size: 12px;
        padding: 6px 12px;
    }

    .whyuse-txtbox {
        margin-bottom: 16px;
    }


}
/* ── Report Dashboard Mock ── */
.report-mock{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.08)}
.rm-header{background:#0f1d44;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}
.rm-header .rh-title{color:#fff;font-size:14px;font-weight:700}
.rm-header .rh-live{display:inline-flex;align-items:center;gap:6px;background:rgba(76,175,80,.2);border:1px solid #4caf50;border-radius:20px;padding:3px 12px;font-size:11px;color:#4caf50;font-weight:700}
.rm-header .rh-live::before{content:'';width:7px;height:7px;background:#4caf50;border-radius:50%;animation:pulse-dot 1.4s ease infinite}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.3}}
.rm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid #f0f0f0}
.rm-stat{padding:16px;border-right:1px solid #f0f0f0;text-align:center}.rm-stat:last-child{border-right:none}
.rm-stat .rs-num{font-size:22px;font-weight:800;display:block;line-height:1.1}
.rm-stat .rs-lbl{font-size:11px;color:#888;display:block;margin-top:3px}
.rm-stat.delivered .rs-num{color:#4caf50}
.rm-stat.failed .rs-num{color:#e53935}
.rm-stat.dnd .rs-num{color:#f5a623}
.rm-stat.pending .rs-num{color:#F7901E}
.rm-progress{padding:14px 20px;border-bottom:1px solid #f0f0f0}
.rm-progress .rp-bar-wrap{background:#f0f0f0;border-radius:6px;height:10px;overflow:hidden;margin-top:6px}
.rm-progress .rp-bar{background:linear-gradient(90deg,#4caf50,#81d683);height:100%;border-radius:6px;transition:width .5s}
.rm-progress .rp-label{display:flex;justify-content:space-between;font-size:12px;color:#888}
.rm-table-head{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;padding:10px 20px;background:#f8f9fa;font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f0f0f0}
.rm-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;padding:10px 20px;border-bottom:1px solid #f8f8f8;font-size:13px;color:#444;align-items:center}
.rm-row:last-child{border-bottom:none}
.status-pill{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:700}
.sp-delivered{background:#e8f5e9;color:#2e7d32}
.sp-failed{background:#ffebee;color:#c62828}
.sp-dnd{background:#fff3e0;color:#e65100}
.sp-pending{background:#e3f2fd;color:#1565c0}

/* status definition cards */
.status-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:20px;margin-bottom:16px;display:flex;align-items:flex-start;gap:14px}
.sc-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;margin-top:3px}
.sc-body h4{margin:0 0 5px;font-size:14px;font-weight:700;color:#0f1d44}
.sc-body p{margin:0;font-size:13px;color:#666;line-height:1.6}

/* CSV preview */
.csv-preview{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:14px 16px;font-family:'Courier New',monospace;font-size:12px;color:#333;overflow-x:auto;line-height:1.9}
.csv-preview .csv-head{color:#F7901E;font-weight:700}

.stat-box{text-align:center;padding:10px 14px;border-right:1px solid #e5e5e5}.stat-box:last-child{border-right:none}.stat-box .snum{font-size:28px;font-weight:bold;color:#F7901E;display:block;line-height:1.2}.stat-box .slbl{font-size:12px;color:#666;display:block;margin-top:5px;line-height:1.4}

  /* conversation mockup */
  .sms-thread{background:#f0f0f0;border-radius:14px;padding:18px 16px;max-width:320px}
  .sms-thread .bubble{max-width:82%;padding:10px 14px;border-radius:16px;font-size:13px;line-height:1.55;margin-bottom:8px;position:relative}
  .bubble.out{background:#F7901E;color:#fff;border-bottom-right-radius:4px;margin-left:auto}
  .bubble.in{background:#fff;color:#333;border-bottom-left-radius:4px;border:1px solid #e0e0e0}
  .bubble .bub-label{display:block;font-size:10px;opacity:.7;margin-bottom:3px;font-weight:600}
  .bubble.out .bub-label{text-align:right}

  /* stat boxes */
  .stat-box{text-align:center;padding:10px 14px;border-right:1px solid #e5e5e5}.stat-box:last-child{border-right:none}.stat-box .snum{font-size:28px;font-weight:bold;color:#F7901E;display:block;line-height:1.2}.stat-box .slbl{font-size:12px;color:#666;display:block;margin-top:5px;line-height:1.4}

  /* keyword table */
  .kw-table{width:100%;border-collapse:collapse;font-size:14px}
  .kw-table th{background:#0f1d44;color:#fff;padding:10px 14px;text-align:left;font-size:13px}
  .kw-table td{padding:10px 14px;border-bottom:1px solid #e8e8e8;vertical-align:top;color:#444}
  .kw-table tr:nth-child(even) td{background:#f8f9fa}
  .kw-badge{display:inline-block;background:#e8f4ff;color:#F7901E;font-size:12px;font-weight:700;padding:3px 10px;border-radius:12px;letter-spacing:.5px;font-family:'Courier New',monospace}


        /* 2FA flow diagram */
        .flow-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:0;justify-content:center;margin:24px 0}
        .flow-step{padding:16px 10px;flex-shrink:0}
        .flow-step .fs-icon{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#0f1d44,#F7901E);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}
        .flow-step .fs-label{font-size:12px;color:#444;font-weight:600;line-height:1.4}
        .flow-arrow{font-size:20px;color:#b3d7f8;flex-shrink:0;padding:0 4px}

        /* OTP display */
        .otp-display{display:flex;gap:8px;justify-content:center;margin:14px 0}
        .otp-display .od{width:42px;height:52px;background:#0f1d44;color:#fff;font-size:22px;font-weight:800;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Courier New',monospace}

        /* stat boxes */
        .stat-box{text-align:center;padding:10px 14px;border-right:1px solid #e5e5e5}.stat-box:last-child{border-right:none}.stat-box .snum{font-size:28px;font-weight:bold;color:#F7901E;display:block;line-height:1.2}.stat-box .slbl{font-size:12px;color:#666;display:block;margin-top:5px;line-height:1.4}

        /* regulatory table */
        .reg-table{width:100%;border-collapse:collapse;font-size:14px}
        .reg-table th{background:#0f1d44;color:#fff;padding:10px 14px;text-align:left;font-size:13px}
        .reg-table td{padding:10px 14px;border-bottom:1px solid #e8e8e8;vertical-align:top;color:#444}
        .reg-table tr:nth-child(even) td{background:#f8f9fa}

          
        /* industry pills */
        .ind-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
        .ind-pill{display:inline-flex;align-items:center;gap:6px;background:#f0f8ff;border:1px solid #b3d7f8;border-radius:22px;padding:7px 16px;font-size:13px;color:#F7901E;text-decoration:none;font-weight:500;transition:background .2s,color .2s}
        .ind-pill:hover{background:#F7901E;color:#fff;text-decoration:none}

        
        /* city grid */
        .city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
        .city-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:20px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:block}
        .city-card:hover{box-shadow:0 6px 20px rgba(4,150,243,.15);transform:translateY(-2px);text-decoration:none}
        .city-card .cc-icon{font-size:28px;display:block;margin-bottom:8px}
        .city-card .cc-name{font-size:16px;font-weight:700;color:#0f1d44;display:block;margin-bottom:4px}
        .city-card:hover .cc-name{color:#F7901E}
        .city-card .cc-area{font-size:12px;color:#888;display:block;margin-bottom:8px}
        .city-card .cc-tags{display:flex;flex-wrap:wrap;gap:4px}
        .cc-tag{background:#f0f8ff;border:1px solid #b3d7f8;border-radius:12px;padding:2px 9px;font-size:11px;color:#F7901E;font-weight:500}

        /* office card */
        .office-card{background:linear-gradient(135deg,#0f1d44,#F7901E);border-radius:14px;padding:28px;color:#fff;margin-bottom:0}
        .office-card h3{color:#fff;font-size:20px;font-weight:700;margin-bottom:16px}
        .office-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
        .office-row .or-icon{width:36px;height:36px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;margin-top:2px}
        .office-row .or-label{font-size:11px;opacity:.75;display:block;margin-bottom:2px}
        .office-row .or-val{font-size:14px;font-weight:600;color:#fff}
        .office-row a{color:#74B508;text-decoration:none;font-weight:700}
        .office-row a:hover{text-decoration:underline}

        /* near-me benefit strip */
        .benefit-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
        .benefit-item{display:flex;align-items:center;gap:8px;background:#f0f8ff;border:1px solid #b3d7f8;border-radius:8px;padding:10px 14px;flex:1;min-width:200px}
        .benefit-item .bi-icon{font-size:20px;flex-shrink:0}
        .benefit-item .bi-text{font-size:13px;color:#333;font-weight:500;line-height:1.4}

        /* comparison table */
        .vs-table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:16px}
        .vs-table th{background:#0f1d44;color:#fff;padding:10px 14px;text-align:left;font-size:13px}
        .vs-table td{padding:10px 14px;border-bottom:1px solid #e8e8e8;color:#444;vertical-align:top}
        .vs-table tr:nth-child(even) td{background:#f8f9fa}
        .vs-table .tick{color:#4caf50;font-weight:700}
        .vs-table .cross{color:#e53935;font-weight:700}

        @media(max-width:991px){.city-grid{grid-template-columns:repeat(2,1fr)}}
        @media(max-width:576px){.city-grid{grid-template-columns:1fr}.stat-box{border-right:none;margin-bottom:15px}.benefit-item{min-width:100%}}
    

       @media(max-width:767px){
           .faq-cat-head h2{font-size:18px}
           .faq-q{font-size:14px;padding-right:42px}
           .ss-item{border-right:none;padding:8px 18px}
           .faq-nav{gap:6px}
           .faq-nav a{font-size:12px;padding:6px 13px}
       }

@media(max-width:767px){
    .section-center h2{font-size:21px}
    .rm-stats{grid-template-columns:repeat(2,1fr)}
    .rm-stat:nth-child(2){border-right:none}
    .rm-table-head,.rm-row{grid-template-columns:1.4fr 1fr 1fr}
    .rm-table-head>*:last-child,.rm-row>*:last-child{display:none}
    .stat-box{border-right:none;margin-bottom:15px}
    .step-box{padding:68px 16px 20px}
    .step-num{left:13px;top:13px} 
    .sms-thread{max-width:100%}
    .flow-wrap{gap:4px}
    .flow-step{width:90px}
    .flow-arrow{display:none}
    .reg-table{font-size:12px}
    .highlight-item    { margin-bottom: 18px; }
    .rbi-banner        { flex-direction: column; gap: 12px; }
    .faq-cat-head h2{font-size:18px}
    .faq-q{font-size:14px;padding-right:42px}
    .ss-item{border-right:none;padding:8px 18px}
    .faq-nav{gap:6px}
    .faq-nav a{font-size:12px;padding:6px 13px}
}

 .stat-box{text-align:center;padding:10px 14px;border-right:1px solid #e5e5e5}.stat-box:last-child{border-right:none}.stat-box .snum{font-size:28px;font-weight:bold;color:#F7901E;display:block;line-height:1.2}.stat-box .slbl{font-size:12px;color:#666;display:block;margin-top:5px;line-height:1.4}
        
.call-actions h2:after{display: none;}