body {
    color: #cb0003;
    background-color: #fff;
    margin: 0;
    padding: 0;
    font-family: Poppins, sans-serif;
    font-size: 15px;
}

h1,h2,h3,h4 {
     font-family: Poppins, sans-serif !important;
}

.container {
    max-width: 1360px !important
}

a {
    color: #cf0003;
    text-decoration: none;
    transition: all .5s;
    outline: 0 !important
}

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

button,
input {
    outline: 0 !important
}

img {
    max-width: 100%;
    height: auto
}

.d-table {
    width: 100%;
    height: 100%
}

.d-table-cell {
    vertical-align: middle
}

.bg-ff612f {
    background-color: #ff612f
}

.bg-f8fbfa {
    background-color: #f8fbfa
}

.bg-f4f5fe {
    background-color: #f4f5fe
}

.bg-f4e9da {
    background-color: #f4e9da
}

.bg-f9f9f9 {
    background-color: #f9f9f9
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px
}

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

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

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

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

.overflow-x-hide {
    overflow-x: hidden
}

.tx-center {
    text-align: center
}

.mwidth-1000 {
    max-width: 1000px !important
}

.max-width-1290 {
    max-width: 1290px
}

.blt-radius-0 {
    border-radius: 0 30px 30px !important
}

p {
    color: #4a6f8a;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 1.8
}

p:last-child {
    margin-bottom: 0
}

.border-radius-0 {
    border-radius: 0 !important
}

.section-title {
    text-align: center;
    text-transform: capitalize;
    max-width: 575px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto
}

.section-title h2 {
    margin-bottom: 0;
    font-size: 45px;
    font-weight: 600
}

.section-title h2 span {
    color: #0f335e;
    display: inline-block
}

.section-title.text-left {
    text-align: left;
    max-width: 576px;
    margin-left: 0;
    margin-right: 0
}

.section-title.text-left .sub-title {
    color: #0f335e;
    margin-bottom: 10px;
    font-weight: 600;
    display: block
}

.default-btn {
    text-align: center;
    z-index: 1;
    color: #fff;
    background-color: #db040e;
    border: none;
    border-radius: 5px;
    padding: 13px 25px 13px 50px;
    font-size: 15px;
    font-weight: 500;
    transition: all .5s;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.default-btn i {
    color: #ff7174;
    font-size: 20px;
    transition: all .5s;
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%)
}

.default-btn:hover i,
.default-btn:focus i {
    color: #9f6869;
}

.default-btn span {
    z-index: -1;
    background-color: #fb0d10;
    border-radius: 5px;
    width: 0;
    height: 0;
    transition: width .6s ease-in-out, height .5s ease-in-out;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%)
}

.default-btn:hover,
.default-btn:focus {
    color: #fff;
    box-shadow: 0 5px 28.5px 1.5px rgba(19, 196, 161, .3) !important
}

.default-btn:hover span,
.default-btn:focus span {
    width: 225%;
    height: 562.5px
}

.optional-btn {
    text-align: center;
    z-index: 1;
    color: #0f335e;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    padding: 13px 30px 13px 55px;
    font-size: 15px;
    font-weight: 500;
    transition: all .5s;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.optional-btn i {
    color: #0f335e;
    font-size: 20px;
    transition: all .5s;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%)
}

.optional-btn:before {
    content: "";
    border: 1px solid #0f335e;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    transition: all .5s;
    position: absolute;
    top: 0;
    left: 0
}

.optional-btn span {
    z-index: -1;
    background-color: #0f335e;
    border-radius: 5px;
    width: 0;
    height: 0;
    transition: width .6s ease-in-out, height .5s ease-in-out;
    display: block;
    position: absolute;
    transform: translate(-50%, -50%)
}

.optional-btn:hover,
.optional-btn:focus {
    color: #fff
}

.optional-btn:hover:before,
.optional-btn:focus:before {
    border-color: #0f335e
}

.optional-btn:hover span,
.optional-btn:focus span {
    width: 225%;
    height: 562.5px
}

.preloader-area {
    z-index: 99999;
    text-align: center;
    background-color: #0f335e;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}

.preloader-area .spinner {
    width: 4em;
    height: 4em;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    transform: translateY(-45%)
}

.preloader-area .spinner .disc {
    border: .3em dotted #fff;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    position: absolute
}

.preloader-area .spinner .disc:first-child {
    animation: 12s linear infinite rotate
}

.preloader-area .spinner .disc:nth-child(2) {
    animation: 12s linear infinite rotateDisc2
}

.preloader-area .spinner .disc:nth-child(3) {
    animation: 12s linear infinite rotateDisc3
}

.preloader-area .spinner .inner {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    animation: 6s linear infinite sphereSpin
}

.preloader-area .spinner:before {
    content: "";
    border: 2px dotted #fff;
    border-radius: 50%;
    margin: -15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

@keyframes sphereSpin {
    0% {
        transform: rotateX(360deg)rotateY(0)
    }

    to {
        transform: rotateX(0)rotateY(360deg)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotateDisc2 {
    0% {
        transform: rotateX(90deg)rotate(0)
    }

    to {
        transform: rotateX(90deg)rotate(360deg)
    }
}

@keyframes rotateDisc3 {
    0% {
        transform: rotateY(90deg)rotate(0)
    }

    to {
        transform: rotateY(90deg)rotate(360deg)
    }
}

.strax-responsive-nav {
    display: none
}

.navbar-area {
    z-index: 1040;
    background-color: transparent;
    width: 100%;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    position: absolute;
    top: 0;
    left: 0
}

.navbar-area.is-sticky {
    z-index: 999;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    animation: .5s ease-in-out fadeInDown;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 2px 28px rgba(0, 0, 0, .09);
    background-color: #fff !important
}

.navbar-area.is-sticky .strax-nav .navbar .others-options .optional-btn,
.navbar-area.is-sticky .strax-nav .navbar .others-options .optional-btn i {
    color: #0f335e
}

.navbar-area.is-sticky .strax-nav .navbar .others-options .optional-btn:before {
    border-color: #0f335e
}

.navbar-area.is-sticky .strax-nav .navbar .others-options .optional-btn:hover,
.navbar-area.is-sticky .strax-nav .navbar .others-options .optional-btn:focus,
.navbar-area.is-sticky .strax-nav .navbar .others-options .optional-btn:hover i,
.navbar-area.is-sticky .strax-nav .navbar .others-options .optional-btn:focus i {
    color: #fff
}

.navbar-area.navbar-style-two {
    background-color: #fff;
    position: relative
}

.navbar-area.navbar-style-two.is-sticky {
    position: fixed
}

.navbar-area.navbar-style-two .strax-nav .navbar .navbar-nav {
    margin-left: auto
}

.navbar-area.navbar-style-two .strax-nav .navbar .others-options {
    margin-left: 25px
}

.navbar-area.navbar-style-two .strax-nav .navbar .others-options .optional-btn,
.navbar-area.navbar-style-two .strax-nav .navbar .others-options .optional-btn i {
    color: #0f335e
}

.navbar-area.navbar-style-two .strax-nav .navbar .others-options .optional-btn:before {
    border-color: #0f335e
}

.navbar-area.navbar-style-two .strax-nav .navbar .others-options .optional-btn:hover,
.navbar-area.navbar-style-two .strax-nav .navbar .others-options .optional-btn:focus,
.navbar-area.navbar-style-two .strax-nav .navbar .others-options .optional-btn:hover i,
.navbar-area.navbar-style-two .strax-nav .navbar .others-options .optional-btn:focus i {
    color: #fff
}

.navbar-area.p-relative {
    position: relative
}

.navbar-area.p-relative .strax-nav .navbar .navbar-nav {
    margin-left: auto
}

.navbar-area.p-relative .strax-nav .navbar .others-options {
    margin-left: 30px
}

.navbar-area.p-relative.is-sticky {
    position: fixed
}

.strax-nav {
    background-color: transparent
}

.strax-nav .navbar {
    background-color: transparent;
    padding: 0
}

.strax-nav .navbar .navbar-brand {
    padding: 0;
    font-size: 27px;
    font-weight: 700
}

.strax-nav .navbar ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.strax-nav .navbar .navbar-nav {
    margin-left: 110px
}

.strax-nav .navbar .navbar-nav .nav-item {
    padding: 0;
    position: relative
}

.strax-nav .navbar .navbar-nav .nav-item a {
    color: #cf0003;
    margin-left: 13px;
    margin-right: 13px;
    padding: 30px 0;
    font-size: 15px;
    font-weight: 500
}

.strax-nav .navbar .navbar-nav .nav-item a:hover,
.strax-nav .navbar .navbar-nav .nav-item a:focus,
.strax-nav .navbar .navbar-nav .nav-item a.active {
    color: #7d0208;
}

.strax-nav .navbar .navbar-nav .nav-item a i {
    margin-left: -3px;
    margin-right: -3px;
    font-size: 16px;
    display: inline-block;
    position: relative;
    top: 2px
}

.strax-nav .navbar .navbar-nav .nav-item:last-child a {
    margin-right: 0
}

.strax-nav .navbar .navbar-nav .nav-item:first-child a {
    margin-left: 0
}

.strax-nav .navbar .navbar-nav .nav-item:hover a,
.strax-nav .navbar .navbar-nav .nav-item.active a {
    color: #950305;
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    border: none;
    border-top: 2px solid #4792e3;
    border-radius: 5px;
    width: 250px;
    margin-top: 20px;
    padding: 0;
    transition: all .3s ease-in-out;
    display: block;
    position: absolute;
    top: 80px;
    left: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
    padding: 0
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
    color: #4a6f8a;
    border-bottom: 1px dashed #e5e5e5;
    margin: 0;
    padding: 13px 20px 11px;
    font-size: 14px;
    font-weight: 500;
    position: relative
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
    color: #4792e3
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child a {
    border-bottom: none
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
    opacity: 0;
    visibility: hidden;
    top: 15px;
    left: -250px
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
    color: #4a6f8a
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover,
.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus,
.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
    color: #4792e3
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
    opacity: 0;
    visibility: hidden;
    top: 15px;
    left: 220px
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #4a6f8a
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #4792e3
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    opacity: 0;
    visibility: hidden;
    top: 15px;
    left: -250px
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #4a6f8a
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #4792e3
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    opacity: 0;
    visibility: hidden;
    top: 15px;
    left: -250px
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #4a6f8a
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #4792e3
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    opacity: 0;
    visibility: hidden;
    top: 15px;
    left: -250px
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #4a6f8a
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
    color: #4792e3
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
    opacity: 0;
    visibility: hidden;
    top: 15px;
    left: -250px
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
    color: #4a6f8a
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover,
.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus,
.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active,
.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #4792e3
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 0
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #4792e3
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 0
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #4792e3
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 0
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
    color: #4792e3
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 0
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
    color: #4792e3
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 0
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
    color: #4792e3
}

.strax-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    top: 0
}

.strax-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    top: 100%
}

.strax-nav .navbar .navbar-nav .nav-item .mega-dropdown-menu {
    border-radius: 5px;
    width: 635px;
    padding: 0 10px 5px
}

.strax-nav .navbar .navbar-nav .nav-item .mega-dropdown-menu h3 {
    border-bottom: 1px dashed #e5e5e5;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 17px;
    position: relative
}

.strax-nav .navbar .navbar-nav .nav-item .mega-dropdown-menu h3:before {
    content: "";
    background: #4792e3;
    width: 30px;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0
}

.strax-nav .navbar .navbar-nav .nav-item .mega-dropdown-menu .nav-item {
    float: left;
    width: 50%;
    padding: 0 10px
}

.strax-nav .navbar .navbar-nav .nav-item .mega-dropdown-menu .nav-item a {
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px dashed #e5e5e5 !important
}

.strax-nav .navbar .navbar-nav .nav-item .mega-dropdown-menu .nav-item a:last-child {
    border-bottom: none !important
}

.strax-nav .navbar .others-options {
    margin-left: auto
}

.strax-nav .navbar .others-options .default-btn {
    color: #fff;
    background-color: #cf0003;
}

.strax-nav .navbar .others-options .default-btn i {
    color: #fff
}

.strax-nav .navbar .others-options .default-btn span {
    background-color: #910507;
}

.strax-nav .navbar .others-options .optional-btn {
    color: #fff;
    margin-left: 10px
}

.strax-nav .navbar .others-options .optional-btn i {
    color: #fff
}

.strax-nav .navbar .others-options .optional-btn:before {
    border-color: #fff
}

.strax-nav .navbar .others-options .optional-btn span {
    background-color: #0f335e
}

.strax-nav .navbar .others-options .optional-btn:hover:before,
.strax-nav .navbar .others-options .optional-btn:focus:before {
    border-color: #0f335e
}

.others-option-for-responsive {
    display: none
}

.others-option-for-responsive .dot-menu {
    cursor: pointer;
    z-index: 9991;
    height: 30px;
    padding: 0 10px;
    position: absolute;
    top: -33px;
    right: 60px
}

.others-option-for-responsive .dot-menu .inner {
    align-items: center;
    height: 30px;
    display: flex
}

.others-option-for-responsive .dot-menu .inner .circle {
    background-color: #0f335e;
    border-radius: 100%;
    width: 5px;
    height: 5px;
    margin: 0 2px;
    transition: all .5s
}

.others-option-for-responsive .dot-menu:hover .inner .circle {
    background-color: #4792e3
}

.others-option-for-responsive .container {
    position: relative
}

.others-option-for-responsive .container .container {
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    background-color: #fff;
    border-radius: 5px;
    max-width: 245px;
    margin-left: auto;
    padding: 15px;
    transition: all .5s;
    position: absolute;
    top: 10px;
    right: 10px;
    transform: scaleX(0);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.others-option-for-responsive .container .container.active {
    opacity: 1;
    visibility: visible;
    transform: scaleX(1)
}

.others-option-for-responsive .option-inner .others-options {
    margin-left: auto
}

.others-option-for-responsive .option-inner .others-options .default-btn {
    color: #fff;
    background-color: #4792e3;
    padding-left: 35px;
    padding-right: 15px;
    font-size: 12px
}

.others-option-for-responsive .option-inner .others-options .default-btn i {
    color: #fff;
    font-size: 15px;
    left: 15px
}

.others-option-for-responsive .option-inner .others-options .default-btn span {
    background-color: #0f335e
}

.others-option-for-responsive .option-inner .others-options .optional-btn {
    color: #fff;
    background-color: #0f335e;
    margin-left: 5px;
    padding: 12px 15px 12px 35px;
    font-size: 12px
}

.others-option-for-responsive .option-inner .others-options .optional-btn i {
    color: #fff;
    font-size: 15px;
    left: 15px
}

.others-option-for-responsive .option-inner .others-options .optional-btn:before {
    border-color: #0f335e
}

.others-option-for-responsive .option-inner .others-options .optional-btn span {
    background-color: #4792e3
}

.others-option-for-responsive .option-inner .others-options .optional-btn:hover:before,
.others-option-for-responsive .option-inner .others-options .optional-btn:focus:before {
    border-color: #4792e3
}

@media only screen and (max-width:991px) {
    .strax-responsive-nav {
        display: block
    }

    .strax-responsive-nav .strax-responsive-menu {
        position: relative;
        display: flex;
        align-items: center;
        /* justify-content: center; */
    }

    .strax-responsive-nav .strax-responsive-menu.mean-container .mean-nav {
        margin-top: 55px
    }

    .strax-responsive-nav .strax-responsive-menu.mean-container .mean-nav ul {
        font-size: 14px
    }

    .strax-responsive-nav .strax-responsive-menu.mean-container .mean-nav ul li a.active {
        color: #4792e3
    }

    .strax-responsive-nav .strax-responsive-menu.mean-container .mean-nav ul li li a {
        font-size: 14px
    }

    .strax-responsive-nav .strax-responsive-menu.mean-container .mean-nav .mega-dropdown-menu {
        padding: 0 15px
    }

    .strax-responsive-nav .strax-responsive-menu.mean-container .mean-nav .mega-dropdown-menu h3 {
        border-bottom: 1px dashed #e5e5e5;
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 10px;
        font-size: 16px;
        position: relative
    }

    .strax-responsive-nav .strax-responsive-menu.mean-container .mean-nav .mega-dropdown-menu h3:before {
        content: "";
        background: #4792e3;
        width: 30px;
        height: 1px;
        position: absolute;
        bottom: -1px;
        left: 0
    }

    .strax-responsive-nav .strax-responsive-menu.mean-container .mean-nav .others-options {
        display: none
    }

    .strax-responsive-nav .strax-responsive-menu.mean-container .navbar-nav {
        height: 294px;
        overflow-x: hidden;
        overflow-y: scroll;
        box-shadow: 0 7px 13px rgba(0, 0, 0, .1)
    }

    .strax-responsive-nav .mean-container a.meanmenu-reveal {
        color: #0f335e;
        z-index: 9999999999999999;
    }

    .strax-responsive-nav .mean-container a.meanmenu-reveal span {
        background: #a10008;
    }

    .strax-responsive-nav .logo {
        z-index: 999;
        width: 50%;
        font-size: 25px;
        font-weight: 700;
        position: relative
    }

    .navbar-area {
        background-color: #fff;
        border-bottom: 1px solid #eee;
        padding-top: 15px;
        padding-bottom: 15px;
        position: relative
    }

    .navbar-area.is-sticky {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .strax-nav {
        display: none
    }

    .others-option-for-responsive {
        display: block
    }
}

.main-banner {
    z-index: 1;
    position: relative
}

.main-banner .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.main-banner .container-fluid .row {
    margin-left: 0;
    margin-right: 0
}

.main-banner .container-fluid .row .col-lg-5,
.main-banner .container-fluid .row .col-lg-7 {
    padding-left: 0;
    padding-right: 0
}

.banner-section {
    z-index: 1;
    position: relative
}

.banner-section .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.banner-section .container-fluid .row {
    margin-left: 0;
    margin-right: 0
}

.banner-section .container-fluid .row .col-lg-7,
.banner-section .container-fluid .row .col-lg-5 {
    padding-left: 0;
    padding-right: 0
}

.main-banner-content {
    width: 100%;
    height: 100%
}

.main-banner-content .content {
    max-width: 755px;
    margin-top: 80px;
    margin-left: auto;
    padding-right: 150px
}

.main-banner-content .content h1 {
    font-size: 57px;
    font-weight: 600
}

.main-banner-content .content h1 span {
    color: #0f335e;
    display: inline-block
}

.main-banner-content .content p {
    max-width: 540px;
    margin-top: 18px
}

.main-banner-content .content .default-btn {
    background-color: #0f335e;
    margin-top: 20px
}

.main-banner-content .content .default-btn i {
    color: #0f335e
}

.banner-content {
    padding-top: 215px;
    padding-bottom: 125px
}

.banner-content .content {
    max-width: 755px;
    margin-left: auto;
    padding-right: 150px
}

.banner-content .content h1 {
    font-size: 57px;
    font-weight: 600
}

.banner-content .content h1 span {
    color: #0f335e;
    display: inline-block
}

.banner-content .content p {
    max-width: 540px;
    margin-top: 18px
}

.banner-content .content .default-btn {
    background-color: #0f335e;
    margin-top: 15px
}

.banner-content .content .default-btn i {
    color: #0f335e
}

.banner-image {
    z-index: 1;
    background-color: #0f335e;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 0 0 80px;
    height: 100vh;
    position: relative
}

.banner-image img {
    display: none
}

.banner-image.bg-1 {
    background-image: url(https://theauthorsdivine.com/img/banner-img1.jpg)
}

.banner-image.bg-2 {
    background-image: url(https://theauthorsdivine.com/img/banner-img2.jpg)
}

.banner-image.bg-3 {
    background-image: url(https://theauthorsdivine.com/img/banner-img3.jpg)
}

.banner-image.mbanner-bg-one {
    background-image: url(https://theauthorsdivine.com/img/banner-img2.jpg)
}

.banner-image.mbanner-bg-one .animate-banner-image {
    margin-top: 65px;
    padding: 15px
}

.banner-image.banner-slider-bg1 {
    background-image: url(https://theauthorsdivine.com/img/banner-slider/banner-img1.jpg) !important
}

.banner-image.banner-slider-bg2 {
    background-image: url(https://theauthorsdivine.com/img/banner-slider/banner-img2.jpg) !important
}

.banner-image.banner-slider-bg3 {
    background-image: url(https://theauthorsdivine.com/img/banner-slider/banner-img3.jpg) !important
}

.banner-image.slider-bg1 {
    background-image: url(https://theauthorsdivine.com/img/banner-slider/banner-img1.jpg)
}

.banner-image.slider-bg2 {
    background-image: url(https://theauthorsdivine.com/img/banner-slider/banner-img2.jpg)
}

.banner-image.slider-bg3 {
    background-image: url(https://theauthorsdivine.com/img/banner-slider/banner-img3.jpg)
}

.banner-img {
    z-index: 1;
    background-color: #0f335e;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 0 0 80px;
    width: 100%;
    height: 100%;
    position: relative
}

.banner-img img {
    display: none
}

.banner-img.bg-1 {
    background-image: url(https://theauthorsdivine.com/img/banner-img1.jpg)
}

.banner-img.bg-2 {
    background-image: url(https://theauthorsdivine.com/img/banner-img2.jpg)
}

.banner-img.bg-3 {
    background-image: url(https://theauthorsdivine.com/img/banner-img3.jpg)
}

.banner-content-slides {
    padding-right: 40px
}

.banner-content-slides.owl-theme .owl-nav {
    text-align: left;
    margin-top: 50px
}

.banner-content-slides.owl-theme .owl-nav [class*=owl-] {
    color: #0f335e;
    background: #4792e3;
    border-radius: 0;
    width: 45px;
    height: 45px;
    margin: 0 5px;
    font-size: 25px;
    line-height: 52px;
    transition: all .5s
}

.banner-content-slides.owl-theme .owl-nav [class*=owl-]:hover {
    color: #fff;
    background-color: #4792e3
}

.banner-content-slides.owl-theme .owl-nav [class*=owl-].owl-prev {
    border-radius: 0 0 0 10px;
    margin-left: 0
}

.banner-content-slides.owl-theme .owl-nav [class*=owl-].owl-next {
    border-radius: 0 10px 0 0;
    margin-right: 0
}

.shape19 {
    z-index: -1;
    position: absolute;
    bottom: -25px;
    right: 35%
}

.shape19 img {
    animation: 3s linear infinite moveLeftBounce
}

.shape20 {
    z-index: -1;
    position: absolute;
    bottom: 5%;
    right: 55%
}

.shape20 img {
    animation: 3s linear infinite moveLeftBounce
}

.shape21 {
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.shape21 img {
    animation: 5s linear infinite moveBounce
}

.shape22 {
    z-index: -1;
    position: absolute;
    top: 15%;
    left: 5%
}

.shape22 img {
    animation: 20s linear infinite animationFramesOne
}

.shape23 {
    z-index: -1;
    position: absolute;
    bottom: 10%;
    left: 10%
}

.shape23 img {
    animation-name: rotateMe;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.shape24 {
    z-index: -1;
    position: absolute;
    top: 40%;
    left: 25%
}

.shape24 img {
    animation: 20s linear infinite animationFramesOne
}

.shape25 {
    z-index: -1;
    position: absolute;
    bottom: 10%;
    left: 40%
}

.shape25 img {
    animation-name: rotateMe;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.shape26 {
    z-index: -1;
    position: absolute;
    top: 15%;
    left: 30%
}

.shape26 img {
    animation: 3s linear infinite moveLeftBounce
}

.chat-wrapper {
    width: 510px;
    height: auto;
    position: absolute;
    top: 50%;
    left: -20%;
    transform: translateY(-50%)
}

.chat-wrapper .chat-container {
    height: 400px;
    overflow: hidden
}

.chat-wrapper .chat ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.chat-wrapper .chat ul li:last-child {
    margin-bottom: 0 !important
}

.chat-wrapper .spinme-right {
    opacity: .5;
    border-radius: 30px;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 100;
    line-height: 1.25em;
    display: inline-block
}

.chat-wrapper .spinme-left {
    color: #4792e3;
    opacity: .5;
    border-radius: 30px;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: 100;
    line-height: 1.25em;
    display: inline-block
}

.chat-wrapper .spinner {
    text-align: center;
    width: 30px;
    margin: 0
}

.chat-wrapper .spinner>div {
    background: #0f335e;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    animation: 1.4s ease-in-out infinite both sk-bouncedelay;
    display: inline-block
}

.chat-wrapper .spinner .bounce1 {
    animation-delay: -.32s
}

.chat-wrapper .spinner .bounce2 {
    animation-delay: -.16s
}

.message-left {
    text-align: left;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-left: 50px;
    position: relative
}

.message-left img {
    border-radius: 50%;
    height: 40px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px !important
}

.message-left .message-time {
    color: #8097b1;
    font-size: 11px;
    font-weight: 400;
    position: absolute;
    bottom: 8px;
    right: 13px
}

.message-left .message-text {
    color: #2e384d;
    background: #4792e3;
    border-radius: 15px 15px 15px 0;
    max-width: 80%;
    padding: 15px 30px 30px 15px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.8;
    display: inline-block;
    position: relative
}

.message-left .message-text:before {
    content: "";
    background: #4792e3;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -5px;
    left: 3.4px;
    transform: rotate(45deg)
}

.message-right {
    text-align: right;
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-right: 50px;
    position: relative
}

.message-right .message-time {
    color: #e4e8f0;
    font-size: 11px;
    font-weight: 400;
    position: absolute;
    bottom: 8px;
    right: 13px
}

.message-right img {
    border-radius: 50%;
    height: 40px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px !important
}

.message-right .message-text {
    color: #fff;
    text-align: left;
    background: #2e5bff;
    border-radius: 15px 15px 0;
    max-width: 80%;
    padding: 15px 30px 30px 15px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.8;
    display: inline-block;
    position: relative
}

.message-right .message-text:before {
    content: "";
    background: #2e5bff;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: -5px;
    right: 2px;
    transform: rotate(45deg)
}

.message-right .spinner>div {
    background: #fff
}

[hhidden] {
    display: none
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    to {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

@keyframes animationFramesOne {
    0% {
        transform: translate(0)rotate(0)
    }

    20% {
        transform: translate(73px, -1px)rotate(36deg)
    }

    40% {
        transform: translate(141px, 72px)rotate(72deg)
    }

    60% {
        transform: translate(83px, 122px)rotate(108deg)
    }

    80% {
        transform: translate(-40px, 72px)rotate(144deg)
    }

    to {
        transform: translate(0)rotate(0)
    }
}

.main-banner-two .banner-image-slider .banner-image img {
    display: none
}

.main-banner-two .banner-image-slider .owl-dots {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0
}

.main-banner-two .banner-image-slider .owl-dots .owl-dot.active span,
.main-banner-two .banner-image-slider .owl-dots .owl-dot:hover span {
    background-color: #4792e3
}

.banner-img.banner-video {
    height: 100vh;
    position: relative;
    background-image: url(https://theauthorsdivine.com/img/banner-video-bg.jpg) !important
}

.banner-img.banner-video .video-box .video-btn {
    background-color: #4792e3
}

.banner-img.banner-video .video-box .video-btn:after,
.banner-img.banner-video .video-box .video-btn:before {
    border: 1px solid #4792e3
}

.banner-img.banner-video .video-box .video-btn:hover,
.banner-img.banner-video .video-box .video-btn:focus {
    background-color: #0f335e
}

.banner-img.banner-video .video-box .video-btn:hover:after,
.banner-img.banner-video .video-box .video-btn:hover:before,
.banner-img.banner-video .video-box .video-btn:focus:after,
.banner-img.banner-video .video-box .video-btn:focus:before {
    border-color: #0f335e
}

.animate-banner-image {
    position: relative
}

.animate-banner-image img {
    margin: auto;
    animation: 10s linear infinite alternate forwards border-transform;
    display: block !important
}

@keyframes border-transform {

    0%,
    to {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
    }

    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
    }

    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
    }

    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
    }

    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
    }

    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
    }

    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
    }
}

.about-content .sub-title {
    color: #0f335e;
    margin-bottom: 7px;
    display: block
}

.about-content h2 {
    margin-bottom: 10px;
    font-size: 40px;
    font-weight: 500
}

.about-image {
    text-align: center
}

.about-area .section-title.text-left {
    margin-bottom: 0
}

.about-area .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.about-area .container-fluid .row {
    margin-left: 0;
    margin-right: 0
}

.about-area .container-fluid .row .col-lg-6 {
    padding-left: 0;
    padding-right: 0
}

.about-inner-area {
    padding-top: 60px;
    padding-bottom: 60px
}

.about-inner-image {
    background-image: url(https://theauthorsdivine.com/img/marketing-agency/about-image.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

.about-inner-image img {
    display: none
}

.about-inner-content {
    background-color: #f4e9da;
    margin-top: -60px;
    margin-bottom: -60px;
    padding: 100px
}

.about-inner-content .content {
    max-width: 455px
}

.about-inner-content .content h2 {
    margin-bottom: 0;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.3
}

.about-inner-content .content .features-list {
    margin-top: 30px;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.about-inner-content .content .features-list li {
    color: #4a6f8a;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 500;
    position: relative
}

.about-inner-content .content .features-list li i {
    color: #4792e3;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin-right: 5px;
    font-size: 25px;
    line-height: 35px;
    transition: all .5s;
    display: inline-block;
    position: relative;
    top: 3px
}

.about-inner-content .content .features-list li:last-child {
    margin-bottom: 0
}

.about-inner-content .content .features-list li:hover i {
    color: #fff;
    background-color: #4792e3
}

.partner-area .container {
    max-width: 1290px
}

.partner-area .row {
    margin-left: 0;
    margin-right: 0
}

.partner-area .row .col-lg-3,
.partner-area .row .col-lg-9 {
    padding-left: 0;
    padding-right: 0
}

.partner-title h3 {
    color: #8791b0;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500
}

.single-partner-item {
    text-align: left
}

.single-partner-item a {
    display: inline-block
}

.single-partner-item a img {
    transition: all .5s;
    width: auto !important;
    display: inline-block !important
}

.single-partner-item a:hover img {
    transform: scale(1.03)
}

.partner-area-two.ptb-70 {
    padding-top: 70px;
    padding-bottom: 40px
}

.single-partner-box {
    text-align: center;
    margin-bottom: 30px
}

.services-area {
    z-index: 1;
    position: relative;
    overflow: hidden
}

.services-area.bg-right-color:before {
    content: "";
    z-index: -1;
    background-color: #4792e3;
    width: 35%;
    height: 215%;
    position: absolute;
    top: 0;
    right: 0;
    transform: skewY(-66deg)
}

.services-area.bg-left-color:before {
    content: "";
    z-index: -1;
    background-color: #4792e3;
    width: 35%;
    height: 215%;
    position: absolute;
    top: 0;
    left: 0;
    transform: skewY(66deg)
}

.services-area.bg-right-shape:before {
    content: "";
    z-index: -1;
    background-color: #fbfbfb;
    width: 45%;
    height: 215%;
    position: absolute;
    top: 0;
    right: 0;
    transform: skewY(-66deg)
}

.services-area.bg-left-shape:before {
    width: 45%
}

.services-content {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px
}

.services-content .content {
    max-width: 615px;
    padding-left: 30px
}

.services-content .content .icon {
    margin-bottom: 20px
}

.services-content .content h2 {
    font-size: 40px;
    font-weight: 500
}

.services-content .content h2 span {
    color: #0f335e;
    display: inline-block
}

.services-content .content p {
    max-width: 435px;
    margin-top: 18px
}

.services-content .content .default-btn {
    background-color: #0f335e;
    margin-top: 15px
}

.services-content .content .default-btn i {
    color: #0f335e
}

.services-content .content.left-content {
    margin-left: auto;
    padding-left: 0;
    padding-right: 30px
}

.services-image {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px
}

.services-image .image {
    text-align: center
}

.it-service-content .content p {
    max-width: 540px;
    margin-bottom: 30px
}

.feature-box {
    color: #4a6f8a;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #f2effc;
    border-radius: 30px;
    margin-bottom: 25px;
    padding: 12px 22px;
    font-size: 15px;
    transition: all .5s;
    box-shadow: 0 2px 4px rgba(12, 0, 46, .04)
}

.feature-box:hover {
    color: #fff;
    background-color: #4792e3;
    padding-left: 25px
}

.feature-box:hover i {
    color: #fff
}

.feature-box i {
    color: #4792e3;
    margin-right: 3px
}

.video-presentation-area {
    z-index: 1;
    position: relative
}

.video-box {
    text-align: center;
    z-index: 1;
    border-radius: 5px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.video-box .main-image {
    border-radius: 5px
}

.video-box .video-btn {
    color: #fff;
    z-index: 1;
    background-color: #0f335e;
    border-radius: 5px;
    width: 80px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    font-size: 60px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.video-box .video-btn:after,
.video-box .video-btn:before {
    content: "";
    z-index: -1;
    border: 1px solid #0f335e;
    border-radius: 5px;
    transition: all .5s;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.video-box .video-btn i {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.video-box .video-btn:before {
    animation: 2s linear infinite ripple
}

.video-box .video-btn:after {
    animation: 2s linear 1s infinite ripple
}

.video-box .video-btn:hover,
.video-box .video-btn:focus {
    color: #fff;
    background-color: #4792e3
}

.video-box .video-btn:hover:after,
.video-box .video-btn:hover:before,
.video-box .video-btn:focus:after,
.video-box .video-btn:focus:before {
    border-color: #4792e3
}

.shape-map1 {
    z-index: -1;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 90%;
    left: 0;
    right: 0;
    transform: translateY(-90%)
}

.shape1 {
    z-index: -1;
    position: absolute;
    top: -23px;
    left: -30px
}

.shape1 img {
    animation-name: rotateMe;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.shape2 {
    z-index: -1;
    position: absolute;
    top: -30px;
    right: -30px
}

.shape2 img {
    animation: 3s linear infinite moveScale
}

.shape3 {
    z-index: -1;
    position: absolute;
    bottom: -50px;
    left: -50px
}

.shape3 img {
    animation: 3s linear infinite moveScale
}

.shape4 {
    z-index: -1;
    position: absolute;
    bottom: -30px;
    right: -30px
}

.shape5 {
    z-index: -2;
    position: absolute;
    bottom: -60px;
    right: -60px
}

.shape6 {
    z-index: -1;
    position: absolute;
    top: -22px;
    left: -26px
}

.shape6 img {
    animation: 5s linear infinite moveLeftBounce
}

.shape7 {
    z-index: -1;
    position: absolute;
    top: 40%;
    left: 10%;
    transform: translateY(-40%)
}

.shape7 img {
    animation: 5s linear infinite moveBounce
}

.shape8 {
    z-index: -1;
    position: absolute;
    top: 60%;
    left: 12%;
    transform: translateY(-60%)
}

.shape8 img {
    animation-name: rotateMe;
    animation-duration: 10s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.shape9 {
    z-index: -1;
    position: absolute;
    top: 40%;
    right: 10%;
    transform: translateY(-40%)
}

.shape9 img {
    animation-name: rotateMe;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes moveBounce {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(20px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes moveLeftBounce {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(5px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ripple {
    0% {
        opacity: 1;
        transform: scale(0)
    }

    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes rotateMe {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes moveScale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

.funfacts-inner {
    max-width: 1000px;
    margin-top: 140px;
    margin-left: auto;
    margin-right: auto
}

.single-funfacts {
    text-align: center;
    margin-bottom: 30px
}

.single-funfacts h3 {
    color: #0f335e;
    margin-bottom: 0;
    font-size: 30px;
    font-weight: 600
}

.single-funfacts h3 .sign-icon {
    font-size: 28px
}

.single-funfacts p {
    line-height: initial;
    margin-bottom: 0
}

.funfact-style-two {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 25px 0
}

.funfact-style-two i {
    color: #4792e3;
    text-align: center;
    background: #f6f4fd;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    margin: auto auto 15px;
    font-size: 30px;
    line-height: 70px;
    position: relative
}

.contact-cta-box {
    border: 1px solid #ebebeb;
    border-radius: 5px;
    max-width: 750px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 230px 30px 50px;
    position: relative
}

.contact-cta-box h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500
}

.contact-cta-box p {
    line-height: initial;
    margin-top: 6px;
    margin-bottom: 0
}

.contact-cta-box .default-btn {
    background-color: #4792e3;
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%)
}

.contact-cta-box .default-btn i {
    color: #fff
}

.contact-cta-box .default-btn span {
    background-color: #0f335e
}

.contact-cta-box .default-btn:hover i,
.contact-cta-box .default-btn:focus i {
    color: #fff
}

.features-area {
    overflow: hidden;
        background: #f4f5fe;
}

.single-features-box {
    text-align: center;
    margin: 45px 25px 30px
}

.single-features-box .icon {
    color: #fff;
    z-index: 1;
    background-color: #4792e3;
    width: 85px;
    height: 85px;
    margin-left: auto;
    margin-right: auto;
    font-size: 45px;
    transition: all .5s;
    position: relative;
    bottom: 45px
}

.single-features-box .icon:before {
    content: "";
    border: 5px solid #4792e3;
    width: 100%;
    height: 100%;
    transition: all .5s;
    position: absolute;
    bottom: -15px;
    right: -15px
}

.single-features-box .icon i {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.single-features-box h3 {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 500
}

.single-features-box:hover .icon {
    animation: 2s bounce;
    bottom: 25px
}

.single-features-box:hover .icon:before {
    bottom: 0;
    right: 0
}

.features-box {
    z-index: 1;
    border: 1px solid #f4f5fe;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 30px;
    transition: all .5s;
    position: relative;
    overflow: hidden
}

.features-box .icon {
    color: #4792e3;
    text-align: center;
    background-color: #bce9e5;
    border-radius: 10px;
    width: 85px;
    height: 85px;
    margin-bottom: 22px;
    font-size: 45px;
    transition: all .5s;
    position: relative
}

.features-box .icon i {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.features-box h3 {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 500
}

.features-box p {
    margin-bottom: 0
}

.features-box .back-icon {
    z-index: -1;
    color: #4792e3;
    opacity: .06;
    font-size: 190px;
    line-height: 190px;
    transition: all .5s;
    position: absolute;
    top: -52px;
    right: 10px
}

.features-box:hover {
    background-color: #fff;
    border-color: #fff;
    border-radius: 0;
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07)
}

.features-box:hover .icon {
    color: #fff;
    background-color: #4792e3
}

.features-box:hover .back-icon {
    opacity: 0;
    visibility: hidden
}

.features-box .read-more {
    color: #4792e3;
    margin-top: 5px;
    display: inline-block
}

.features-box .read-more i {
    color: #4792e3;
    width: 0;
    height: 0;
    margin: 0;
    font-size: 21px;
    line-height: 1;
    position: relative;
    top: 4px
}

.features-box .read-more:hover {
    letter-spacing: 1.1px
}

.col-lg-4:first-child .single-features-box .icon {
    background-color: #0f335e
}

.col-lg-4:first-child .single-features-box .icon:before {
    border-color: #0f335e
}

.col-lg-4:first-child .features-box .icon {
    color: #0f335e;
    background-color: #ffd7cb
}

.col-lg-4:first-child .features-box .back-icon {
    color: #0f335e
}

.col-lg-4:first-child .features-box:hover .icon {
    color: #fff;
    background-color: #0f335e
}

.col-lg-4:nth-child(3) .single-features-box .icon {
    background-color: #0f335e
}

.col-lg-4:nth-child(3) .single-features-box .icon:before {
    border-color: #0f335e
}

.col-lg-4:nth-child(3) .features-box .icon {
    color: #0f335e;
    background-color: #b2b3c3
}

.col-lg-4:nth-child(3) .features-box .back-icon {
    color: #0f335e
}

.col-lg-4:nth-child(3) .features-box:hover .icon {
    color: #fff;
    background-color: #0f335e
}

.col-lg-4:nth-child(4) .single-features-box .icon {
    background-color: #fc4c86
}

.col-lg-4:nth-child(4) .single-features-box .icon:before {
    border-color: #fc4c86
}

.col-lg-4:nth-child(4) .features-box .icon {
    color: #fc4c86;
    background-color: #fed2e1
}

.col-lg-4:nth-child(4) .features-box .back-icon {
    color: #fc4c86
}

.col-lg-4:nth-child(4) .features-box:hover .icon {
    color: #fff;
    background-color: #fc4c86
}

.col-lg-4:nth-child(5) .single-features-box .icon {
    background-color: #ffb300
}

.col-lg-4:nth-child(5) .single-features-box .icon:before {
    border-color: #ffb300
}

.col-lg-4:nth-child(5) .features-box .icon {
    color: #ffb300;
    background-color: #ffecbf
}

.col-lg-4:nth-child(5) .features-box .back-icon {
    color: #ffb300
}

.col-lg-4:nth-child(5) .features-box:hover .icon {
    color: #fff;
    background-color: #ffb300
}

.col-lg-4:nth-child(6) .single-features-box .icon {
    background-color: #286efa
}

.col-lg-4:nth-child(6) .single-features-box .icon:before {
    border-color: #286efa
}

.col-lg-4:nth-child(6) .features-box .icon {
    color: #286efa;
    background-color: #bcd2fd
}

.col-lg-4:nth-child(6) .features-box .back-icon {
    color: #286efa
}

.col-lg-4:nth-child(6) .features-box:hover .icon {
    color: #fff;
    background-color: #286efa
}

.col-lg-4:nth-child(7) .single-features-box .icon {
    background-color: #9c27b0
}

.col-lg-4:nth-child(7) .single-features-box .icon:before {
    border-color: #9c27b0
}

.col-lg-4:nth-child(7) .features-box .icon {
    color: #9c27b0;
    background-color: #e6c0ed
}

.col-lg-4:nth-child(7) .features-box .back-icon {
    color: #9c27b0
}

.col-lg-4:nth-child(7) .features-box:hover .icon {
    color: #fff;
    background-color: #9c27b0
}

.col-lg-4:nth-child(8) .single-features-box .icon {
    background-color: #3f51b5
}

.col-lg-4:nth-child(8) .single-features-box .icon:before {
    border-color: #3f51b5
}

.col-lg-4:nth-child(8) .features-box .icon {
    color: #3f51b5;
    background-color: #c3c8e9
}

.col-lg-4:nth-child(8) .features-box .back-icon {
    color: #3f51b5
}

.col-lg-4:nth-child(8) .features-box:hover .icon {
    color: #fff;
    background-color: #3f51b5
}

.col-lg-4:nth-child(9) .single-features-box .icon {
    background-color: #e91e63
}

.col-lg-4:nth-child(9) .single-features-box .icon:before {
    border-color: #e91e63
}

.col-lg-4:nth-child(9) .features-box .icon {
    color: #e91e63;
    background-color: #ffc0d6
}

.col-lg-4:nth-child(9) .features-box .back-icon {
    color: #e91e63
}

.col-lg-4:nth-child(9) .features-box:hover .icon {
    color: #fff;
    background-color: #e91e63
}

.single-features-card {
    background-color: #fff;
    border-radius: 35px;
    margin-bottom: 30px;
    padding: 30px;
    transition: all .5s;
    position: relative;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .03)
}

.single-features-card:hover {
    margin-top: -5px;
    box-shadow: 0 5px 50px rgba(0, 0, 0, .08)
}

.single-features-card i {
    color: #4792e3;
    text-align: center;
    background: #f6f4fd;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    margin: auto auto 20px;
    font-size: 30px;
    line-height: 70px;
    position: relative
}

.single-features-card h3 {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 500
}

.single-features-card h3 a {
    color: #0f335e
}

.single-features-card h3 a:hover {
    color: #4792e3
}

.single-features-card p {
    margin: 0
}

.features-box-one {
    text-align: center;
    background: transparent;
    border-radius: 10px;
    /*margin-bottom: 30px;*/
    /*padding: 30px 40px;*/
    transition: all .5s;
    /*box-shadow: 0 5px 50px rgba(0, 0, 0, .08);*/
}

.features-box-one:hover {
    margin-top: -5px;
    /*box-shadow: 0 5px 50px rgba(0, 0, 0, .08);*/
}

.features-box-one i {
    text-align: center;
    color: #fff;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    margin-bottom: 25px;
    font-size: 30px;
    line-height: 70px
}

.features-box-one h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
        background: #cf0003;
    color: white;
    padding: 10px 3px;
}

.features-box-one p {
    margin: 0
}

.features-box-one .read-more {
    color: #4792e3;
    margin-top: 5px;
    display: inline-block
}

.features-box-one .read-more i {
    color: #4792e3;
    width: 0;
    height: 0;
    margin: 0;
    font-size: 21px;
    line-height: 1;
    position: relative;
    top: 4px
}

.features-box-one .read-more:hover {
    letter-spacing: 1.1px
}

.bg-4792e3 {
    background-color: #4792e3
}

.bg-13c4a1 {
    background-color: #13c4a1
}

.bg-6610f2 {
    background-color: #6610f2
}

.bg-ffb700 {
    background-color: #ffb700
}

.bg-fc3549 {
    background-color: #fc3549
}

.bg-00d280 {
    background-color: #00d280
}

.bg-0f335e {
    background-color: #0f335e
}

.bg-9c27b0 {
    background-color: #9c27b0
}

.bg-3f51b5 {
    background-color: #3f51b5
}

.bg-e91e63 {
    background-color: #e91e63
}

.single-team-box {
    text-align: center;
    margin-bottom: 30px
}

.single-team-box .image {
    border: 4px solid #bce9e5;
    border-radius: 10px;
    padding: 10px;
    transition: all .5s;
    position: relative;
    overflow: hidden
}

.single-team-box .image img {
    border-radius: 10px
}

.single-team-box .image .social {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    list-style-type: none;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0
}

.single-team-box .image .social li {
    opacity: 0;
    visibility: hidden;
    margin-left: 1px;
    margin-right: 1px;
    transition: all .3s ease-in-out;
    display: inline-block;
    transform: translateY(30px)
}

.single-team-box .image .social li a {
    text-align: center;
    color: #0f335e;
    background-color: #f4f5fe;
    border-radius: 2px;
    width: 33px;
    height: 33px;
    font-size: 20px;
    transition: all .5s;
    display: block;
    position: relative
}

.single-team-box .image .social li a i {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.single-team-box .image .social li a:hover {
    color: #fff;
    background-color: #4792e3
}

.single-team-box .image .social li:first-child {
    transition-delay: .1s
}

.single-team-box .image .social li:nth-child(2) {
    transition-delay: .2s
}

.single-team-box .image .social li:nth-child(3) {
    transition-delay: .3s
}

.single-team-box .image .social li:nth-child(4) {
    transition-delay: .4s
}

.single-team-box .content {
    margin-top: 20px
}

.single-team-box .content h3 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500
}

.single-team-box .content span {
    color: #4792e3;
    margin-top: 6px;
    font-size: 14px;
    display: block
}

.single-team-box:hover .image {
    background-color: #f4f5fe;
    border-color: #4792e3
}

.single-team-box:hover .image .social li {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.col-lg-3:first-child .single-team-box .image,
.col-lg-3:nth-child(7) .single-team-box .image {
    border-color: #ffdacf
}

.col-lg-3:first-child .single-team-box .image .social li a:hover,
.col-lg-3:nth-child(7) .single-team-box .image .social li a:hover {
    color: #fff;
    background-color: #0f335e
}

.col-lg-3:first-child .single-team-box .content span,
.col-lg-3:nth-child(7) .single-team-box .content span {
    color: #0f335e
}

.col-lg-3:first-child .single-team-box:hover .image,
.col-lg-3:nth-child(7) .single-team-box:hover .image {
    border-color: #0f335e
}

.col-lg-3:nth-child(3) .single-team-box .image,
.col-lg-3:nth-child(5) .single-team-box .image {
    border-color: #b2b3c3
}

.col-lg-3:nth-child(3) .single-team-box .image .social li a:hover,
.col-lg-3:nth-child(5) .single-team-box .image .social li a:hover {
    color: #fff;
    background-color: #0f335e
}

.col-lg-3:nth-child(3) .single-team-box .content span,
.col-lg-3:nth-child(5) .single-team-box .content span {
    color: #0f335e
}

.col-lg-3:nth-child(3) .single-team-box:hover .image,
.col-lg-3:nth-child(5) .single-team-box:hover .image {
    border-color: #0f335e
}

.col-lg-3:nth-child(4) .single-team-box .image,
.col-lg-3:nth-child(6) .single-team-box .image {
    border-color: #fed2e1
}

.col-lg-3:nth-child(4) .single-team-box .image .social li a:hover,
.col-lg-3:nth-child(6) .single-team-box .image .social li a:hover {
    color: #fff;
    background-color: #fc4c86
}

.col-lg-3:nth-child(4) .single-team-box .content span,
.col-lg-3:nth-child(6) .single-team-box .content span {
    color: #fc4c86
}

.col-lg-3:nth-child(4) .single-team-box:hover .image,
.col-lg-3:nth-child(6) .single-team-box:hover .image {
    border-color: #fc4c86
}

.team-area-two .section-title {
    margin-bottom: -60px
}

.single-team-member {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden
}

.single-team-member .content {
    text-align: left;
    background-color: #f9f9f9;
    padding: 30px 20px 15px;
    position: relative
}

.single-team-member .content h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 600
}

.single-team-member .content span {
    color: #4a6f8a;
    margin-top: 6px;
    display: block
}

.single-team-member .content i {
    text-align: center;
    color: #fff;
    background-color: #0f335e;
    border-radius: 2px;
    width: 32px;
    height: 32px;
    font-size: 18px;
    line-height: 32px;
    transition: all .5s;
    display: inline-block;
    position: absolute;
    top: -16px;
    right: 20px
}

.single-team-member .image {
    position: relative
}

.single-team-member .image .social-link {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
    position: absolute;
    bottom: 25px;
    right: 20px
}

.single-team-member .image .social-link li {
    margin-bottom: 8px;
    display: block
}

.single-team-member .image .social-link li:last-child {
    margin-bottom: 0
}

.single-team-member .image .social-link li a {
    text-align: center;
    color: #0f335e;
    background-color: #fff;
    border-radius: 2px;
    width: 32px;
    height: 32px;
    font-size: 18px;
    transition: all .4s;
    display: inline-block;
    position: relative;
    transform: scaleY(0)
}

.single-team-member .image .social-link li a i {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-48%)
}

.single-team-member .image .social-link li a:hover {
    color: #fff;
    background-color: #4792e3
}

.single-team-member .image .social-link li:nth-child(2) a,
.single-team-member .image .social-link li:nth-child(4) a,
.single-team-member .image .social-link li:nth-child(6) a,
.single-team-member .image .social-link li:nth-child(8) a {
    transform: scaleX(0)
}

.single-team-member:hover .content i {
    color: #fff;
    background-color: #0f335e
}

.single-team-member:hover .image .social-link li a {
    transform: scale(1) !important
}

.col-lg-3:first-child .single-team-member {
    margin-top: 150px
}

.col-lg-3:nth-child(2) .single-team-member {
    margin-top: 100px
}

.col-lg-3:nth-child(3) .single-team-member {
    margin-top: 50px
}

.feedback-area {
    overflow: hidden
}

.single-feedback-item {
    margin-top: 95px;
    margin-bottom: 30px;
    position: relative
}

.single-feedback-item img {
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto !important;
    display: inline-block !important
}

.single-feedback-item .feedback-desc {
    z-index: 1;
    background-color: #fff;
    margin-left: 45px;
    padding: 30px 55px 30px 160px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 35px 5px rgba(137, 173, 255, .15)
}

.single-feedback-item .feedback-desc p {
    margin-bottom: 0
}

.single-feedback-item .feedback-desc .rating {
    margin-top: 13px;
    margin-bottom: 15px
}

.single-feedback-item .feedback-desc .rating i {
    color: #0f335e;
    margin-right: -1px;
    font-size: 17px;
    display: inline-block
}

.single-feedback-item .feedback-desc .client-info h3 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500
}

.single-feedback-item .feedback-desc .client-info span {
    color: #4792e3;
    margin-top: 6px;
    font-size: 14px;
    display: block
}

.single-feedback-item .feedback-desc:before {
    z-index: -1;
    color: #f5f5f5;
    content: "";
    font-variant: normal;
    font-size: 135px;
    font-style: normal;
    font-weight: 400;
    line-height: 95px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-family: boxicons !important
}

.feedback-slides.owl-theme .owl-stage-outer {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px
}

.feedback-slides.owl-theme .owl-item .single-feedback-item {
    margin-bottom: 40px
}

.feedback-slides.owl-theme .owl-item .single-feedback-item .feedback-desc {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.feedback-slides.owl-theme .owl-item.active .single-feedback-item .feedback-desc {
    box-shadow: 0 10px 35px 5px rgba(137, 173, 255, .15)
}

.feedback-slides.owl-theme .owl-nav.disabled+.owl-dots {
    line-height: initial;
    margin-top: 10px;
    margin-bottom: 30px
}

.feedback-slides.owl-theme .owl-dots .owl-dot span {
    background: 0 0;
    border: 1px solid #4792e3;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    margin: 0 3px;
    transition: all .5s;
    position: relative
}

.feedback-slides.owl-theme .owl-dots .owl-dot span:before {
    content: "";
    background-color: #0f335e;
    border-radius: 50%;
    margin: 2px;
    transition: all .5s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scale(0)
}

.feedback-slides.owl-theme .owl-dots .owl-dot.active span:before,
.feedback-slides.owl-theme .owl-dots .owl-dot:hover span:before {
    transform: scale(1)
}

.testimonials-area {
    background-color: #4792e3
}

.testimonials-area .section-title h2 {
    color: #fff
}

.single-testimonials-item {
    z-index: 1;
    background-color: #fff;
    border-radius: 5px;
    flex-wrap: wrap;
    margin-bottom: 30px;
    padding: 40px 30px;
    display: flex;
    position: relative;
    overflow: hidden;
    align-items: center !important
}

.single-testimonials-item .client-info {
    text-align: center;
    flex: 0 0 30%;
    max-width: 30%
}

.single-testimonials-item .client-info img {
    border: 2px solid #f4f5fe;
    border-radius: 5px;
    padding: 5px;
    width: auto !important;
    display: inline-block !important
}

.single-testimonials-item .client-info h3 {
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500
}

.single-testimonials-item .client-info span {
    color: #4792e3;
    margin-top: 5px;
    font-size: 14px;
    display: block
}

.single-testimonials-item .testimonials-desc {
    flex: 0 0 70%;
    max-width: 70%;
    padding-left: 15px
}

.single-testimonials-item .testimonials-desc p {
    margin-bottom: 0
}

.single-testimonials-item .testimonials-desc .rating {
    margin-top: 13px
}

.single-testimonials-item .testimonials-desc .rating i {
    color: #0f335e;
    margin-right: -1px;
    font-size: 17px;
    display: inline-block
}

.single-testimonials-item:before {
    z-index: -1;
    color: #f5f5f5;
    content: "";
    font-variant: normal;
    font-size: 135px;
    font-style: normal;
    font-weight: 400;
    line-height: 95px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-family: boxicons !important
}

.testimonials-slides.owl-theme .owl-nav.disabled+.owl-dots {
    line-height: initial;
    margin-top: 10px;
    margin-bottom: 30px
}

.testimonials-slides.owl-theme .owl-dots .owl-dot span {
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    margin: 0 3px;
    transition: all .5s;
    position: relative
}

.testimonials-slides.owl-theme .owl-dots .owl-dot span:before {
    content: "";
    background-color: #fff;
    border-radius: 50%;
    margin: 2px;
    transition: all .5s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: scale(0)
}

.testimonials-slides.owl-theme .owl-dots .owl-dot.active span:before,
.testimonials-slides.owl-theme .owl-dots .owl-dot:hover span:before {
    transform: scale(1)
}

.feedback-area .section-title.text-left {
    margin-bottom: 0
}

.single-testimonials-box {
    z-index: 1;
    position: relative
}

.single-testimonials-box p {
    color: #0f335e;
    font-size: 15px
}

.single-testimonials-box .client-info {
    margin-top: 25px
}

.single-testimonials-box .client-info img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: inline-block
}

.single-testimonials-box .client-info .title {
    margin-left: 15px
}

.single-testimonials-box .client-info .title h3 {
    color: #0f335e;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600
}

.single-testimonials-box .client-info .title span {
    margin-top: 5px;
    display: block
}

.single-testimonials-box:before {
    content: "";
    color: #fff1ed;
    z-index: -1;
    font-size: 90px;
    line-height: 1;
    position: absolute;
    bottom: -12px;
    right: 200px;
    font-family: boxicons !important
}

.testimonials-slides-two.owl-theme .owl-nav.disabled+.owl-dots {
    text-align: left;
    margin-top: 0
}

.testimonials-slides-two.owl-theme .owl-dots {
    margin-left: 2px;
    margin-top: 30px !important
}

.testimonials-slides-two.owl-theme .owl-dots .owl-dot span {
    background: 0 0;
    border: 1px solid #fe9b81;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    margin: 0 8px 0 0;
    transition: all .5s;
    position: relative
}

.testimonials-slides-two.owl-theme .owl-dots .owl-dot span:before {
    content: "";
    opacity: 0;
    visibility: hidden;
    background-color: #0f335e;
    border-radius: 50%;
    margin: 2px;
    transition: all .5s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.testimonials-slides-two.owl-theme .owl-dots .owl-dot:hover span,
.testimonials-slides-two.owl-theme .owl-dots .owl-dot.active span {
    border-color: #0f335e
}

.testimonials-slides-two.owl-theme .owl-dots .owl-dot:hover span:before,
.testimonials-slides-two.owl-theme .owl-dots .owl-dot.active span:before {
    opacity: 1;
    visibility: visible
}

.single-pricing-table {
    text-align: center;
    background: linear-gradient(90deg, rgb(206 0 2) 0%, rgb(145 0 2) 50%, rgb(0 0 0) 100%);
    border-radius: 5px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    transition: all .5s
}

.single-pricing-table .pricing-header {
    padding-top: 25px;
    padding-bottom: 20px
}

.single-pricing-table .pricing-header h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500;
    color: white;
}

.single-pricing-table .price {
    border-top: 2px dashed #f4f5fe;
    border-bottom: 2px dashed #f4f5fe;
    padding-top: 8px;
    padding-bottom: 5px;
    font-size: 40px;
    color: white;
    font-weight: 600;
    transition: all .5s
}

.single-pricing-table .price sup {
    font-size: 18px;
    font-weight: 500;
    top: -18px
}

.single-pricing-table .price sub {
    color: #4a6f8a;
    padding-right: 5px;
    font-size: 14px;
    font-weight: 500;
    bottom: 2px
}

.single-pricing-table .pricing-features {
    text-align: left;
    overflow-y: scroll;
    overflow-x: none;
    margin: 30px 50px 0;
    padding-left: 0;
    list-style-type: none;
    height: 330px !important
}

.single-pricing-table .pricing-features li {
    color: white;
    margin-bottom: 10px;
    padding-left: 21px;
    position: relative
}

.single-pricing-table .pricing-features li:last-child {
    margin-bottom: 0
}

.single-pricing-table .pricing-features li i {
    color: white;
    position: absolute;
    top: 3px;
    left: 0
}

.single-pricing-table .pricing-features li span {
    color: #b7bad2;
    margin-left: 3px;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    top: 1px
}

.single-pricing-table .btn-box {
    margin-top: 30px
}

.single-pricing-table:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07)
}

.single-pricing-table.left-align {
    text-align: left
}

.single-pricing-table.left-align .pricing-header,
.single-pricing-table.left-align .price {
    padding-left: 40px;
    padding-right: 40px
}

.single-pricing-table.left-align .pricing-features {
    margin-left: 40px;
    margin-right: 40px
}

.single-pricing-table.left-align .btn-box {
    padding-left: 40px
}

.single-pricing-table.center-align {
    text-align: center
}

.single-pricing-table.center-align .pricing-features li {
    padding-left: 0;
    padding-right: 21px
}

.single-pricing-table.center-align .pricing-features li i {
    left: auto;
    right: 0
}

.pricing-list-tab .tabs {
    text-align: center;
    margin-bottom: 40px;
    padding-left: 0;
    list-style-type: none
}

.pricing-list-tab .tabs li {
    display: inline-block
}

.pricing-list-tab .tabs li a {
    color: #8d8fb4;
    background-color: #fff;
    border-radius: 5px;
    margin-left: -1px;
    margin-right: -1px;
    padding: 10px 30px 10px 53px;
    font-size: 16px;
    font-weight: 500;
    display: block;
    position: relative
}

.pricing-list-tab .tabs li a i {
    color: #0f335e;
    margin-right: 2px;
    font-size: 18px;
    position: absolute;
    top: 48%;
    left: 30px;
    transform: translateY(-48%)
}

.pricing-list-tab .tabs li.current a {
    color: #fff;
    background-color: #0f335e
}

.pricing-list-tab .tabs li:first-child a {
    border-radius: 30px 0 0 30px
}

.pricing-list-tab .tabs li:nth-child(2) a {
    border-radius: 0 30px 30px 0
}

.tab .tabs_item {
    display: none
}

.tab .tabs_item:first-child {
    display: block
}

.col-lg-4:first-child .single-pricing-table .btn-box .default-btn {
    background-color: #db040e;
}

.col-lg-4:nth-child(3) .single-pricing-table .btn-box .default-btn {
    background-color: #db040e;
}

.col-lg-4:nth-child(3) .single-pricing-table .btn-box .default-btn i {
    color: #0f335e
}

.col-lg-4:nth-child(3) .single-pricing-table .btn-box .default-btn span {
    background-color: #0f335e
}

.col-lg-4:nth-child(3) .single-pricing-table .btn-box .default-btn:hover i,
.col-lg-4:nth-child(3) .single-pricing-table .btn-box .default-btn:focus i {
    color: #4792e3
}

.faq-accordion {
    max-width: 745px;
    margin-left: auto
}

.faq-accordion h2 {
    margin-bottom: 40px;
    font-size: 40px;
    font-weight: 600
}

.faq-accordion h2 span {
    color: #a10507;
    display: inline-block
}

.faq-accordion .accordion {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.faq-accordion .accordion .accordion-item {
    background: #ffe6e6;
    border: none;
    margin-bottom: 10px;
    display: block
}

.faq-accordion .accordion .accordion-item:last-child {
    margin-bottom: 0
}

.faq-accordion .accordion .accordion-title {
    color: #cf0003;
    padding: 12px 40px 10px 20px;
    font-size: 16px;
    font-weight: 500;
    display: block;
    position: relative
}

.faq-accordion .accordion .accordion-title i {
    color: #cb0003;
    font-size: 20px;
    transition: all .5s;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%)
}

.faq-accordion .accordion .accordion-title.active i:before {
    content: "";
    color: #0f335e
}

.faq-accordion .accordion .accordion-content {
    color: #cf0003;
    border-top: 1px solid #cf0003;
    padding: 15px 20px;
    font-size: 14px;
    display: none;
    position: relative
}

.faq-accordion .accordion .accordion-content.show {
    display: block
}

.faq-image {
    text-align: center
}

.bg-color-f4f5fe {
    background-color: #f4f5fe
}

.bg-color-f4f5fe .faq-accordion .accordion .accordion-item {
    background: #fff
}

.app-download-area {
    background-color: #f4f5fe;
    background-image: url(https://theauthorsdivine.com/img/white-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.app-download-image {
    text-align: center
}

.app-download-content .sub-title {
    color: #fff;
    background-color: #4792e3;
    border-radius: 35px;
    margin-bottom: 15px;
    padding: 5px 25px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block
}

.app-download-content h2 {
    font-size: 40px;
    font-weight: 500
}

.app-download-content .btn-box {
    margin-top: 30px
}

.app-download-content .btn-box .play-store-btn {
    z-index: 1;
    color: #666786;
    background-color: #fff;
    border-radius: 5px;
    padding: 12px 25px 12px 74px;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07)
}

.app-download-content .btn-box .play-store-btn span {
    color: #0f335e;
    font-size: 20px;
    font-weight: 600;
    display: block
}

.app-download-content .btn-box .play-store-btn img {
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%)
}

.app-download-content .btn-box .play-store-btn:hover,
.app-download-content .btn-box .play-store-btn:focus {
    transform: translateY(-5px)
}

.app-download-content .btn-box .apple-store-btn {
    z-index: 1;
    color: #666786;
    background-color: #fff;
    border-radius: 5px;
    margin-right: 8px;
    padding: 12px 25px 12px 74px;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07)
}

.app-download-content .btn-box .apple-store-btn span {
    color: #0f335e;
    font-size: 20px;
    font-weight: 600;
    display: block
}

.app-download-content .btn-box .apple-store-btn img {
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%)
}

.app-download-content .btn-box .apple-store-btn:hover,
.app-download-content .btn-box .apple-store-btn:focus {
    transform: translateY(-5px)
}

.clients-logo-list {
    flex-wrap: wrap;
    margin-top: -10px;
    margin-left: -5px;
    margin-right: -5px;
    display: flex
}

.single-clients-logo {
    flex: 0 0 20%;
    max-width: 20%;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px
}

.single-clients-logo a {
    text-align: center;
    background-color: #fff;
    padding: 30px 20px;
    transition: all .5s;
    display: block
}

.single-clients-logo a img {
    transition: all .5s
}

.single-clients-logo a:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07)
}

.single-clients-logo a:hover img {
    transform: scale(1.1)
}

.single-clients-logo:nth-child(6) {
    margin-left: 10%
}

.bg-color-f8fbfa .single-clients-logo a {
    background-color: #f8fbfa
}

.bg-color-f8fbfa .single-clients-logo a:hover {
    background-color: #fff
}

.single-blog-post {
    background-color: #fff;
    border-radius: 2px;
    margin-bottom: 30px;
    transition: all .5s;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .07)
}

.single-blog-post .post-image {
    position: relative;
    overflow: hidden
}

.single-blog-post .post-image a {
    display: block
}

.single-blog-post .post-image a img {
    transition: all .5s
}

.single-blog-post .post-image .date {
    z-index: 1;
    color: #0f335e;
    background-color: #fff;
    border-radius: 0 5px 0 0;
    padding: 10px 25px 0;
    font-size: 15px;
    font-weight: 300;
    position: absolute;
    bottom: 0;
    left: 0
}

.single-blog-post .post-image .date i {
    color: #0f335e;
    margin-right: 1px;
    font-size: 16px;
    position: relative;
    top: 1px
}

.single-blog-post .post-content {
    padding: 25px
}

.single-blog-post .post-content h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4
}

.single-blog-post .post-content h3 a {
    display: inline-block
}

.single-blog-post .post-content .post-info {
    flex-wrap: wrap;
    margin-top: 15px;
    display: flex;
    align-items: center !important
}

.single-blog-post .post-content .post-info .post-by {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 52px;
    position: relative
}

.single-blog-post .post-content .post-info .post-by img {
    border: 1px solid #dde4ff;
    border-radius: 50%;
    width: 43px;
    height: 43px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.single-blog-post .post-content .post-info .post-by h6 {
    color: #8891b5;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500
}

.single-blog-post .post-content .post-info .details-btn {
    text-align: right;
    flex: 0 0 50%;
    max-width: 50%
}

.single-blog-post .post-content .post-info .details-btn a {
    color: #0f335e;
    text-align: center;
    background-color: #ebefff;
    border-radius: 50%;
    width: 43px;
    height: 43px;
    font-size: 25px;
    display: inline-block;
    position: relative
}

.single-blog-post .post-content .post-info .details-btn a i {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.single-blog-post .post-content .post-info .details-btn a:hover {
    color: #fff;
    background-color: #0f335e
}

.single-blog-post:hover .post-image a img {
    transform: scale(1.2)rotate(5deg)
}

.blog-notes {
    text-align: center;
    margin-top: 10px
}

.blog-notes p {
    line-height: initial
}

.blog-notes p a {
    color: #0f335e;
    display: inline-block
}

.blog-notes p a:hover {
    color: #4792e3
}

.single-blog-post-item {
    background-color: #fffaf3;
    margin-bottom: 30px;
    position: relative
}

.single-blog-post-item .post-image {
    border-radius: 5px 5px 0 0
}

.single-blog-post-item .post-image a {
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.single-blog-post-item .post-image a img {
    border-radius: 5px 5px 0 0;
    width: 100%;
    transition: all .5s
}

.single-blog-post-item .post-content {
    padding: 20px
}

.single-blog-post-item .post-content .category {
    color: #4a6f8a;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    display: inline-block
}

.single-blog-post-item .post-content .category:hover {
    color: #0f335e
}

.single-blog-post-item .post-content h3 {
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4
}

.single-blog-post-item .post-content h3 a {
    display: inline-block
}

.single-blog-post-item .post-content .post-content-footer {
    margin: 18px -7px 0;
    padding-left: 0;
    list-style-type: none
}

.single-blog-post-item .post-content .post-content-footer li {
    color: #4a6f8a;
    padding-left: 28px;
    padding-right: 7px;
    font-size: 15px;
    position: relative
}

.single-blog-post-item .post-content .post-content-footer li .post-author img {
    width: 35px;
    height: 35px;
    margin-right: 10px
}

.single-blog-post-item .post-content .post-content-footer li .post-author span {
    color: #0f335e
}

.single-blog-post-item .post-content .post-content-footer li i {
    color: #4792e3;
    position: absolute;
    top: 3px;
    left: 7px
}

.single-blog-post-item .post-content .post-content-footer li:first-child {
    padding-left: 7px
}

.single-blog-post-item:hover .post-image a img {
    transform: scale(1.07)
}

.blog-slides.owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -105px;
    right: 0
}

.blog-slides.owl-theme .owl-nav [class*=owl-] {
    color: #0f335e;
    text-align: center;
    background: #fcf8f4;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    margin: 0;
    font-size: 35px;
    line-height: 45px;
    transition: all .5s;
    padding: 3px 0 0 !important
}

.blog-slides.owl-theme .owl-nav [class*=owl-].owl-next {
    margin-left: 10px
}

.blog-slides.owl-theme .owl-nav [class*=owl-]:hover {
    color: #fff;
    background-color: #0f335e
}

.blog-details-desc .article-content {
    margin-top: 30px
}

.blog-details-desc .article-content .entry-meta {
    margin-bottom: -8px
}

.blog-details-desc .article-content .entry-meta ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.blog-details-desc .article-content .entry-meta ul li {
    color: #0f335e;
    margin-right: 20px;
    display: inline-block;
    position: relative
}

.blog-details-desc .article-content .entry-meta ul li a {
    color: #4a6f8a;
    display: inline-block
}

.blog-details-desc .article-content .entry-meta ul li a:hover {
    color: #4792e3
}

.blog-details-desc .article-content .entry-meta ul li i {
    color: #0f335e;
    margin-right: 2px;
    position: relative;
    top: 1px
}

.blog-details-desc .article-content .entry-meta ul li:before {
    content: "";
    background: #4792e3;
    width: 6px;
    height: 1px;
    position: absolute;
    top: 12px;
    right: -15px
}

.blog-details-desc .article-content .entry-meta ul li:last-child {
    margin-right: 0
}

.blog-details-desc .article-content .entry-meta ul li:last-child:before {
    display: none
}

.blog-details-desc .article-content h3 {
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 {
    flex-wrap: wrap;
    margin: 30px -10px;
    padding-left: 0;
    list-style-type: none;
    display: flex
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 li {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
    padding-left: 10px;
    padding-right: 10px
}

.blog-details-desc .article-content .wp-block-gallery.columns-3 li figure {
    margin-bottom: 0
}

.blog-details-desc .article-content .features-list {
    margin-top: 25px;
    margin-bottom: 30px;
    padding-left: 0;
    list-style-type: none
}

.blog-details-desc .article-content .features-list li {
    color: #4a6f8a;
    margin-bottom: 15px;
    padding-left: 28px;
    position: relative
}

.blog-details-desc .article-content .features-list li i {
    color: #4792e3;
    font-size: 20px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.blog-details-desc .article-content .features-list li:last-child {
    margin-bottom: 0
}

.blog-details-desc .article-footer {
    margin-top: 30px
}

.blog-details-desc .article-footer .article-tags a {
    color: #fff;
    background-color: #0f335e;
    border-radius: 5px;
    margin-right: 3px;
    padding: 4px 12px;
    font-size: 14px;
    display: inline-block
}

.blog-details-desc .article-footer .article-tags a:hover {
    color: #fff;
    background-color: #4792e3
}

.comments-area {
    margin-top: 25px
}

.comments-area .comments-title {
    line-height: initial;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 500
}

.comments-area ol,
.comments-area ul,
.comments-area .comment-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.comments-area .children {
    margin-left: 20px
}

.comments-area .comment-body {
    color: #0f335e;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 65px;
    font-size: 14px
}

.comments-area .comment-body .reply {
    margin-top: 15px
}

.comments-area .comment-body .reply a {
    color: #0f335e;
    text-transform: uppercase;
    z-index: 1;
    border: 1px solid #ded9d9;
    border-radius: 30px;
    padding: 6px 20px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    position: relative
}

.comments-area .comment-body .reply a:hover {
    color: #fff;
    background-color: #4792e3;
    border-color: #4792e3
}

.comments-area .comment-author {
    z-index: 2;
    margin-bottom: .2em;
    font-size: 16px;
    position: relative
}

.comments-area .comment-author .avatar {
    width: 50px;
    height: 50px;
    position: absolute;
    left: -65px
}

.comments-area .comment-author .fn {
    font-weight: 500
}

.comments-area .comment-author .says {
    display: none
}

.comments-area .comment-metadata {
    color: #4a6f8a;
    letter-spacing: .01em;
    text-transform: uppercase;
    margin-bottom: .8em;
    font-size: 13px;
    font-weight: 400
}

.comments-area .comment-metadata a {
    color: #4a6f8a
}

.comments-area .comment-metadata a:hover {
    color: #4792e3
}

.comments-area .comment-respond {
    margin-top: 30px
}

.comments-area .comment-respond .comment-reply-title {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500
}

.comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link {
    display: inline-block
}

.comments-area .comment-respond .comment-form {
    overflow: hidden
}

.comments-area .comment-respond .comment-notes {
    margin-top: 10px;
    margin-bottom: 0
}

.comments-area .comment-respond .comment-notes .required {
    color: red
}

.comments-area .comment-respond .comment-form-comment {
    float: left;
    width: 100%;
    margin-top: 15px
}

.comments-area .comment-respond label {
    color: #0f335e;
    margin-bottom: 5px;
    font-weight: 500;
    display: block
}

.comments-area .comment-respond input[type=date],
.comments-area .comment-respond input[type=time],
.comments-area .comment-respond input[type=datetime-local],
.comments-area .comment-respond input[type=week],
.comments-area .comment-respond input[type=month],
.comments-area .comment-respond input[type=text],
.comments-area .comment-respond input[type=email],
.comments-area .comment-respond input[type=url],
.comments-area .comment-respond input[type=password],
.comments-area .comment-respond input[type=search],
.comments-area .comment-respond input[type=tel],
.comments-area .comment-respond input[type=number],
.comments-area .comment-respond textarea {
    background-color: #fff;
    border: 1px solid #eee;
    outline: 0;
    width: 100%;
    padding: .625em .7375em;
    transition: all .5s;
    display: block
}

.comments-area .comment-respond input[type=date]:focus,
.comments-area .comment-respond input[type=time]:focus,
.comments-area .comment-respond input[type=datetime-local]:focus,
.comments-area .comment-respond input[type=week]:focus,
.comments-area .comment-respond input[type=month]:focus,
.comments-area .comment-respond input[type=text]:focus,
.comments-area .comment-respond input[type=email]:focus,
.comments-area .comment-respond input[type=url]:focus,
.comments-area .comment-respond input[type=password]:focus,
.comments-area .comment-respond input[type=search]:focus,
.comments-area .comment-respond input[type=tel]:focus,
.comments-area .comment-respond input[type=number]:focus,
.comments-area .comment-respond textarea:focus {
    border-color: #4792e3
}

.comments-area .comment-respond .comment-form-author {
    float: left;
    width: 50%;
    margin-bottom: 20px;
    padding-right: 10px
}

.comments-area .comment-respond .comment-form-email {
    float: left;
    width: 50%;
    margin-bottom: 20px;
    padding-left: 12px
}

.comments-area .comment-respond .comment-form-url {
    float: left;
    width: 100%;
    margin-bottom: 20px
}

.comments-area .comment-respond .comment-form-cookies-consent {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 20px;
    position: relative
}

.comments-area .comment-respond .comment-form-cookies-consent input {
    position: absolute;
    top: 5px;
    left: 0
}

.comments-area .comment-respond .comment-form-cookies-consent label {
    color: #4a6f8a;
    margin: 0;
    font-weight: 400;
    display: inline-block;
    position: relative;
    top: -2px
}

.comments-area .comment-respond .form-submit {
    float: left;
    width: 100%
}

.comments-area .comment-respond .form-submit input {
    color: #fff;
    cursor: pointer;
    background: #4792e3;
    border: none;
    border-radius: 5px;
    outline: 0;
    padding: 11px 25px;
    font-size: 15px;
    font-weight: 500;
    transition: all .5s;
    display: inline-block
}

.comments-area .comment-respond .form-submit input:hover,
.comments-area .comment-respond .form-submit input:focus {
    color: #fff;
    background-color: #0f335e
}

.strax-post-navigation {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    flex-wrap: wrap;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex
}

.prev-link-wrapper {
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px
}

.prev-link-wrapper a {
    align-items: center;
    display: flex
}

.prev-link-wrapper a:hover .image-prev:after,
.prev-link-wrapper a:hover .image-prev .post-nav-title {
    opacity: 1;
    visibility: visible
}

.prev-link-wrapper a:hover .prev-link-info-wrapper {
    color: #4792e3
}

.prev-link-wrapper .image-prev {
    vertical-align: top;
    border-radius: 5px;
    width: 100px;
    min-width: 100px;
    margin-right: 20px;
    transition: all .5s;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.prev-link-wrapper .image-prev img {
    border-radius: 5px
}

.prev-link-wrapper .image-prev:after {
    content: "";
    opacity: 0;
    visibility: hidden;
    background-color: #4792e3;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    transition: all .5s;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.prev-link-wrapper .image-prev .post-nav-title {
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    transition: all .5s;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.prev-link-wrapper .prev-link-info-wrapper {
    color: #0f335e;
    transition: all .5s
}

.prev-link-wrapper .prev-title {
    font-size: 17px;
    font-weight: 500;
    display: inline-block
}

.prev-link-wrapper .meta-wrapper {
    color: #4a6f8a;
    text-transform: capitalize;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
    display: block
}

.next-link-wrapper {
    text-align: right;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px
}

.next-link-wrapper a {
    align-items: center;
    display: flex
}

.next-link-wrapper a:hover .image-next:after,
.next-link-wrapper a:hover .image-next .post-nav-title {
    opacity: 1;
    visibility: visible
}

.next-link-wrapper a:hover .next-link-info-wrapper {
    color: #4792e3
}

.next-link-wrapper .image-next {
    vertical-align: top;
    border-radius: 5px;
    width: 100px;
    min-width: 100px;
    margin-left: 20px;
    transition: all .5s;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.next-link-wrapper .image-next img {
    border-radius: 5px
}

.next-link-wrapper .image-next:after {
    content: "";
    opacity: 0;
    visibility: hidden;
    background-color: #4792e3;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    transition: all .5s;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.next-link-wrapper .image-next .post-nav-title {
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 500;
    transition: all .5s;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.next-link-wrapper .next-link-info-wrapper {
    color: #0f335e;
    transition: all .5s
}

.next-link-wrapper .next-title {
    font-size: 17px;
    font-weight: 500;
    display: inline-block
}

.next-link-wrapper .meta-wrapper {
    color: #4a6f8a;
    text-transform: capitalize;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
    display: block
}

blockquote,
.blockquote {
    text-align: center;
    z-index: 1;
    background-color: #fafafa;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    padding: 50px !important
}

blockquote p,
.blockquote p {
    color: #0f335e;
    margin-bottom: 0;
    font-style: italic;
    font-weight: 500;
    line-height: 1.6;
    font-size: 22px !important
}

blockquote cite,
.blockquote cite {
    display: none
}

blockquote:before,
.blockquote:before {
    color: #efefef;
    z-index: -1;
    content: "";
    font-variant: normal;
    font-size: 135px;
    font-style: normal;
    font-weight: 400;
    position: absolute;
    top: -50px;
    left: 50px;
    font-family: boxicons !important
}

blockquote:after,
.blockquote:after {
    content: "";
    background-color: #4792e3;
    width: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.page-title-area {
    z-index: 1;
    background-color: #ad0608;
    padding-top: 130px;
    padding-bottom: 50px;
    position: relative
}

.page-title-area:before {
    content: "";
    opacity: .6;
    z-index: -1;
    background-image: url(https://theauthorsdivine.com/img/bg_lines.svg);
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    height: 100%;
    animation: 15s linear infinite animatedBackground;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.page-title-content {
    text-align: center
}

.page-title-content h2 {
    color: #fff;
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 600
}

.page-title-content p {
    color: #fff;
    margin-top: 15px;
    margin-bottom: 0
}

@keyframes animatedBackground {
    0% {
        background-position: 50%
    }

    to {
        background-position: 300px
    }
}

.error-area {
    height: 100vh
}

.error-content {
    text-align: center;
    max-width: 700px;
    margin: 0 auto
}

.error-content h3 {
    margin-top: 45px;
    margin-bottom: 15px;
    font-size: 40px;
    font-weight: 500
}

.error-content p {
    max-width: 520px;
    margin: 0 auto 25px
}

.pagination-area {
    text-align: center;
    margin-top: 35px
}

.pagination-area .page-numbers {
    color: #0f335e;
    background-color: #fff;
    width: 45px;
    height: 45px;
    margin: 0 3px;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
    display: inline-block;
    box-shadow: 0 2px 10px #d8dde6
}

.pagination-area .page-numbers.current,
.pagination-area .page-numbers:hover,
.pagination-area .page-numbers:focus {
    color: #fff;
    background: #4792e3;
    box-shadow: 0 2px 10px #d8dde6
}

.widget-area .widget {
    margin-top: 35px
}

.widget-area .widget:first-child {
    margin-top: 0
}

.widget-area .widget .widget-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
    padding-bottom: 10px;
    font-size: 21px;
    font-weight: 500;
    position: relative
}

.widget-area .widget .widget-title:before {
    content: "";
    background: #4792e3;
    width: 50px;
    height: 1px;
    position: absolute;
    bottom: -1px;
    left: 0
}

.widget-area .widget_search {
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 0 29px rgba(102, 102, 102, .1)
}

.widget-area .widget_search form {
    position: relative
}

.widget-area .widget_search form label {
    margin-bottom: 0;
    display: block
}

.widget-area .widget_search form .screen-reader-text {
    display: none
}

.widget-area .widget_search form .search-field {
    background-color: transparent;
    border: 1px solid #eee;
    outline: 0;
    width: 100%;
    height: 50px;
    padding: 6px 15px;
    transition: all .5s;
    display: block
}

.widget-area .widget_search form .search-field:focus {
    border-color: #4792e3
}

.widget-area .widget_search form button {
    z-index: 1;
    color: #fff;
    background-color: #4792e3;
    border: none;
    outline: 0;
    width: 50px;
    height: 50px;
    font-size: 20px;
    transition: all .5s;
    position: absolute;
    bottom: 0;
    right: 0
}

.widget-area .widget_search form button i {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.widget-area .widget_search form button:hover {
    color: #fff;
    background-color: #0f335e
}

.widget-area .widget_strax_posts_thumb {
    position: relative;
    overflow: hidden
}

.widget-area .widget_strax_posts_thumb .item {
    margin-bottom: 15px;
    overflow: hidden
}

.widget-area .widget_strax_posts_thumb .item:last-child {
    margin-bottom: 0
}

.widget-area .widget_strax_posts_thumb .item .thumb {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 15px;
    position: relative;
    overflow: hidden
}

.widget-area .widget_strax_posts_thumb .item .thumb .fullimage {
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    display: inline-block;
    background-position: 50% !important;
    background-size: cover !important
}

.widget-area .widget_strax_posts_thumb .item .thumb .fullimage.bg1 {
    background-image: url(https://theauthorsdivine.com/img/blog-image/7.jpg)
}

.widget-area .widget_strax_posts_thumb .item .thumb .fullimage.bg2 {
    background-image: url(https://theauthorsdivine.com/img/blog-image/8.jpg)
}

.widget-area .widget_strax_posts_thumb .item .thumb .fullimage.bg3 {
    background-image: url(https://theauthorsdivine.com/img/blog-image/9.jpg)
}

.widget-area .widget_strax_posts_thumb .item .info {
    margin-top: 5px;
    overflow: hidden
}

.widget-area .widget_strax_posts_thumb .item .info time {
    color: #4a6f8a;
    text-transform: uppercase;
    margin-top: 3px;
    margin-bottom: 5px;
    font-size: 12px;
    display: block
}

.widget-area .widget_strax_posts_thumb .item .info .title {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5
}

.widget-area .widget_strax_posts_thumb .item .info .title a {
    display: inline-block
}

.widget-area .widget_recent_entries ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.widget-area .widget_recent_entries ul li {
    color: #0f335e;
    margin-bottom: 12px;
    padding-left: 14px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    position: relative
}

.widget-area .widget_recent_entries ul li:last-child {
    margin-bottom: 0
}

.widget-area .widget_recent_entries ul li:before {
    content: "";
    background: #4792e3;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 8px;
    left: 0
}

.widget-area .widget_recent_entries ul li a {
    color: #0f335e;
    display: inline-block
}

.widget-area .widget_recent_entries ul li a:hover {
    color: #4792e3
}

.widget-area .widget_recent_entries ul li .post-date {
    color: #4a6f8a;
    margin-top: 4px;
    font-size: 13px;
    display: block
}

.widget-area .widget_recent_comments ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.widget-area .widget_recent_comments ul li {
    color: #4a6f8a;
    margin-bottom: 12px;
    padding-left: 14px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    position: relative
}

.widget-area .widget_recent_comments ul li:last-child {
    margin-bottom: 0
}

.widget-area .widget_recent_comments ul li:before {
    content: "";
    background: #4792e3;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 8px;
    left: 0
}

.widget-area .widget_recent_comments ul li a {
    color: #0f335e;
    display: inline-block
}

.widget-area .widget_recent_comments ul li a:hover {
    color: #4792e3
}

.widget-area .widget_archive ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.widget-area .widget_archive ul li {
    color: #0f335e;
    margin-bottom: 12px;
    padding-left: 14px;
    font-size: 15px;
    font-weight: 500;
    position: relative
}

.widget-area .widget_archive ul li:last-child {
    margin-bottom: 0
}

.widget-area .widget_archive ul li:before {
    content: "";
    background: #4792e3;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 8px;
    left: 0
}

.widget-area .widget_archive ul li a {
    color: #0f335e;
    display: inline-block
}

.widget-area .widget_archive ul li a:hover {
    color: #4792e3
}

.widget-area .widget_categories ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.widget-area .widget_categories ul li {
    color: #4a6f8a;
    margin-bottom: 12px;
    padding-left: 14px;
    font-size: 15px;
    font-weight: 500;
    position: relative
}

.widget-area .widget_categories ul li:last-child {
    margin-bottom: 0
}

.widget-area .widget_categories ul li:before {
    content: "";
    background: #4792e3;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 8px;
    left: 0
}

.widget-area .widget_categories ul li a {
    color: #0f335e;
    display: block
}

.widget-area .widget_categories ul li a:hover {
    color: #4792e3
}

.widget-area .widget_categories ul li .post-count {
    float: right
}

.widget-area .widget_meta ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.widget-area .widget_meta ul li {
    color: #0f335e;
    margin-bottom: 12px;
    padding-left: 14px;
    font-size: 15px;
    font-weight: 500;
    position: relative
}

.widget-area .widget_meta ul li:last-child {
    margin-bottom: 0
}

.widget-area .widget_meta ul li:before {
    content: "";
    background: #4792e3;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 8px;
    left: 0
}

.widget-area .widget_meta ul li a {
    color: #0f335e;
    display: inline-block
}

.widget-area .widget_meta ul li a:hover {
    color: #4792e3
}

.widget-area .widget_tag_cloud .widget-title {
    margin-bottom: 12px
}

.widget-area .tagcloud a {
    color: #0f335e;
    border: 1px dashed #eee;
    margin-top: 8px;
    margin-right: 4px;
    padding: 6px 13px;
    font-weight: 500;
    display: inline-block;
    font-size: 14px !important
}

.widget-area .tagcloud a:hover,
.widget-area .tagcloud a:focus {
    color: #fff;
    background-color: #4792e3;
    border-color: #4792e3
}

.login-image {
    background-image: url(https://theauthorsdivine.com/img/login-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%
}

.login-image img {
    display: none
}

.login-content {
    height: 100vh
}

.login-content .login-form {
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

.login-content .login-form .logo {
    margin-bottom: 35px
}

.login-content .login-form .logo a {
    display: inline-block
}

.login-content .login-form h3 {
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 500
}

.login-content .login-form p {
    margin-top: 7px;
    margin-bottom: 0
}

.login-content .login-form p a {
    display: inline-block
}

.login-content .login-form form {
    margin-top: 35px
}

.login-content .login-form form .form-group {
    margin-bottom: 15px
}

.login-content .login-form form .form-control {
    color: #0f335e;
    background-color: #fff;
    border: none;
    height: 55px;
    font-size: 14px;
    transition: all .5s;
    box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2) !important
}

.login-content .login-form form .form-control::-webkit-input-placeholder {
    transition: all .5s
}

.login-content .login-form form .form-control:-ms-placeholder-shown {
    transition: all .5s
}

.login-content .login-form form .form-control::placeholder {
    transition: all .5s
}

.login-content .login-form form .form-control:focus::-webkit-input-placeholder {
    color: transparent
}

.login-content .login-form form .form-control:focus:-ms-placeholder-shown {
    color: transparent
}

.login-content .login-form form .form-control:focus::placeholder {
    color: transparent
}

.login-content .login-form form .default-btn {
    width: 100%;
    padding-left: 25px;
    display: block;
    box-shadow: 0 5px 28.5px 1.5px rgba(255, 97, 47, .2)
}

.login-content .login-form form .forgot-password {
    text-align: right;
    margin-top: 15px
}

.login-content .login-form form .forgot-password a {
    color: #4792e3;
    text-decoration: underline;
    display: inline-block
}

.login-content .login-form form .forgot-password a:hover {
    color: #0f335e
}

.login-content .login-form form .connect-with-social {
    margin-top: 15px
}

.login-content .login-form form .connect-with-social button {
    color: #4792e3;
    background-color: transparent;
    border: 1px solid #4792e3;
    border-radius: 2px;
    width: 100%;
    padding: 11px 30px;
    font-weight: 500;
    transition: all .5s;
    display: block;
    position: relative
}

.login-content .login-form form .connect-with-social button i {
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%)
}

.login-content .login-form form .connect-with-social button.facebook {
    color: #3b5998;
    border-color: #3b5998
}

.login-content .login-form form .connect-with-social button.facebook:hover {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998
}

.login-content .login-form form .connect-with-social button.google {
    color: #ea4335;
    border-color: #ea4335;
    margin-top: 10px
}

.login-content .login-form form .connect-with-social button.google:hover {
    color: #fff;
    background-color: #ea4335;
    border-color: #ea4335
}

.login-content .login-form form .connect-with-social button:hover {
    color: #fff;
    background-color: #4792e3;
    border-color: #4792e3
}

.signup-image {
    background-image: url(https://theauthorsdivine.com/img/signup-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%
}

.signup-image img {
    display: none
}

.signup-content {
    height: 100vh
}

.signup-content .signup-form {
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

.signup-content .signup-form .logo {
    margin-bottom: 40px
}

.signup-content .signup-form .logo a {
    display: inline-block
}

.signup-content .signup-form h3 {
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 500
}

.signup-content .signup-form p {
    margin-top: 7px;
    margin-bottom: 0
}

.signup-content .signup-form p a {
    display: inline-block
}

.signup-content .signup-form form {
    margin-top: 35px
}

.signup-content .signup-form form .form-group {
    margin-bottom: 15px
}

.signup-content .signup-form form .form-control {
    color: #0f335e;
    background-color: #fff;
    border: none;
    height: 55px;
    font-size: 14px;
    transition: all .5s;
    box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2) !important
}

.signup-content .signup-form form .form-control::-webkit-input-placeholder {
    transition: all .5s
}

.signup-content .signup-form form .form-control:-ms-placeholder-shown {
    transition: all .5s
}

.signup-content .signup-form form .form-control::placeholder {
    transition: all .5s
}

.signup-content .signup-form form .form-control:focus::-webkit-input-placeholder {
    color: transparent
}

.signup-content .signup-form form .form-control:focus:-ms-placeholder-shown {
    color: transparent
}

.signup-content .signup-form form .form-control:focus::placeholder {
    color: transparent
}

.signup-content .signup-form form .default-btn {
    width: 100%;
    padding-left: 25px;
    display: block;
    box-shadow: 0 5px 28.5px 1.5px rgba(255, 97, 47, .2)
}

.signup-content .signup-form form .connect-with-social {
    margin-top: 20px
}

.signup-content .signup-form form .connect-with-social span {
    text-transform: uppercase;
    color: #4a6f8a;
    margin-bottom: 20px;
    display: block
}

.signup-content .signup-form form .connect-with-social button {
    color: #4792e3;
    background-color: transparent;
    border: 1px solid #4792e3;
    border-radius: 2px;
    width: 100%;
    padding: 11px 30px;
    font-weight: 500;
    transition: all .5s;
    display: block;
    position: relative
}

.signup-content .signup-form form .connect-with-social button i {
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%)
}

.signup-content .signup-form form .connect-with-social button.facebook {
    color: #3b5998;
    border-color: #3b5998
}

.signup-content .signup-form form .connect-with-social button.facebook:hover {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998
}

.signup-content .signup-form form .connect-with-social button.google {
    color: #ea4335;
    border-color: #ea4335;
    margin-top: 10px
}

.signup-content .signup-form form .connect-with-social button.google:hover {
    color: #fff;
    background-color: #ea4335;
    border-color: #ea4335
}

.signup-content .signup-form form .connect-with-social button:hover {
    color: #fff;
    background-color: #4792e3;
    border-color: #4792e3
}

.subscribe-area.bg-f4f5fe {
    z-index: 1;
    background-color: #fff;
    position: relative
}

.subscribe-area.bg-f4f5fe:before {
    z-index: -1;
    content: "";
    background-color: #f4f5fe;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0
}

.subscribe-content {
    z-index: 1;
    text-align: center;
    background-color: #0f335e;
    border-radius: 30px;
    padding: 70px;
    position: relative
}

.subscribe-content h2 {
    color: #fff;
    max-width: 610px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 40px;
    font-weight: 500
}

.subscribe-content form {
    max-width: 600px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto
}

.subscribe-content form .row {
    margin-left: -7px;
    margin-right: -7px
}

.subscribe-content form .row .col-lg-8,
.subscribe-content form .row .col-lg-4,
.subscribe-content form .row .col-lg-12 {
    padding-left: 7px;
    padding-right: 7px
}

.subscribe-content form #validator-newsletter {
    color: #fff;
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0
}

.subscribe-content form .input-newsletter {
    color: #fff;
    background-color: #c32f00;
    border: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    padding: 0 0 0 15px;
    font-size: 14px;
    font-weight: 500;
    display: block
}

.subscribe-content form .input-newsletter::-webkit-input-placeholder {
    color: #fff;
    transition: all .5s
}

.subscribe-content form .input-newsletter:-ms-placeholder-shown {
    color: #fff;
    transition: all .5s
}

.subscribe-content form .input-newsletter::placeholder {
    color: #fff;
    transition: all .5s
}

.subscribe-content form .input-newsletter:focus::-webkit-input-placeholder {
    color: transparent
}

.subscribe-content form .input-newsletter:focus:-ms-placeholder-shown {
    color: transparent
}

.subscribe-content form .input-newsletter:focus::placeholder {
    color: transparent
}

.subscribe-content form button {
    color: #fff;
    background-color: #0f335e;
    border: none;
    border-radius: 5px;
    width: 100%;
    height: 50px;
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 50px;
    transition: all .5s;
    display: block
}

.subscribe-content form button i {
    color: #0f335e;
    margin-right: 2px;
    font-size: 20px;
    transition: all .5s;
    position: relative;
    top: 4px
}

.subscribe-content form button:hover,
.subscribe-content form button:focus {
    background-color: #4792e3
}

.subscribe-content form button:hover i,
.subscribe-content form button:focus i {
    color: #0f335e
}

.shape14 {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 5%
}

.shape14 img {
    animation: 5s linear infinite moveLeftBounce
}

.shape15 {
    z-index: -1;
    position: absolute;
    top: 4%;
    right: 2%
}

.shape16 {
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0
}

.shape17 {
    z-index: -1;
    position: absolute;
    bottom: 0;
    right: 0
}

.shape18 {
    z-index: -1;
    position: absolute;
    top: 32%;
    right: 20%
}

.free-trial-area {
    z-index: 1;
    position: relative
}

.free-trial-content {
    text-align: center;
    max-width: 695px;
    margin-left: auto;
    margin-right: auto
}

.free-trial-content h2 {
    font-size: 40px;
    font-weight: 500
}

.free-trial-content p,
.free-trial-content .default-btn {
    margin-top: 20px
}

.shape10 {
    z-index: -1;
    position: absolute;
    bottom: 25%;
    right: 30%
}

.shape10 img {
    animation-name: rotateMe;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.shape11 {
    z-index: -1;
    position: absolute;
    bottom: 27%;
    left: 25%
}

.shape11 img {
    animation: 5s linear infinite moveBounce
}

.shape12 {
    z-index: -1;
    position: absolute;
    bottom: 50%;
    left: 10%
}

.shape12 img {
    animation-name: rotateMe;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.shape13 {
    z-index: -1;
    position: absolute;
    bottom: 60%;
    right: 18%
}

.shape13 img {
    animation-name: rotateMe;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.contact-inner {
    background-color: #fff;
    padding: 50px 30px;
    box-shadow: 0 10px 35px 5px rgba(137, 173, 255, .15)
}

.contact-features-list {
    border-right: 1px solid #eee;
    padding-right: 15px
}

.contact-features-list h3 {
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: 500
}

.contact-features-list p {
    margin-bottom: 10px
}

.contact-features-list p:last-child {
    margin-bottom: 0
}

.contact-features-list ul {
    margin-top: 25px;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.contact-features-list ul li {
    color: #4a6f8a;
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative
}

.contact-features-list ul li i {
    color: #4792e3;
    position: absolute;
    top: 4px;
    left: 0
}

.contact-features-list ul li:last-child {
    margin-bottom: 0
}

.contact-form h3 {
    margin-bottom: 25px;
    font-size: 32px;
    font-weight: 500
}

.contact-form form .row {
    margin-left: -7px;
    margin-right: -7px
}

.contact-form form .row .col-lg-6,
.contact-form form .row .col-lg-12 {
    padding-left: 7px;
    padding-right: 7px
}

.contact-form form .form-group {
    margin-bottom: 15px
}

.contact-form form .form-control {
    height: 48px;
    line-height: initial;
    color: #0f335e;
    background-color: transparent;
    border: 1px solid #cecfdf;
    border-radius: 5px;
    padding: 0 15px;
    font-size: 14px;
    font-weight: 400;
    transition: all .5s;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important
}

.contact-form form .form-control:focus {
    border-color: #4792e3
}

.contact-form form .form-control::-webkit-input-placeholder {
    color: #999
}

.contact-form form .form-control:-ms-placeholder-shown {
    color: #999
}

.contact-form form .form-control::placeholder {
    color: #999
}

.contact-form form textarea.form-control {
    padding-top: 15px;
    height: auto !important
}

.contact-form form .default-btn {
    box-shadow: 0 5px 28.5px 1.5px rgba(255, 97, 47, .3) !important
}

.contact-form form .default-btn:hover,
.contact-form form .default-btn:focus {
    box-shadow: 0 5px 28.5px 1.5px rgba(19, 196, 161, .3) !important
}

.contact-form .with-errors ul {
    margin-top: 5px;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.contact-form .with-errors ul li {
    color: red
}

.contact-form #msgSubmit {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500
}

.contact-form #msgSubmit.text-danger {
    margin-top: 5px
}

.contact-info {
    text-align: center;
    margin-top: 50px
}

.contact-info .contact-info-content h3 {
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 500
}

.contact-info .contact-info-content h2 {
    margin-bottom: 0;
    font-size: 40px;
    font-weight: 500
}

.contact-info .contact-info-content h2 a {
    color: #4792e3;
    display: inline-block
}

.contact-info .contact-info-content h2 a:hover,
.contact-info .contact-info-content h2 a:not(:first-child) {
    color: #0f335e
}

.contact-info .contact-info-content h2 a:not(:first-child):hover {
    color: #4792e3
}

.contact-info .contact-info-content h2 span {
    color: #4a6f8a;
    margin-top: 5px;
    margin-bottom: 2px;
    font-size: 15px;
    font-weight: 500;
    display: block
}

.contact-info .contact-info-content .social {
    margin-top: 25px;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.contact-info .contact-info-content .social li {
    margin: 0 2px;
    display: inline-block
}

.contact-info .contact-info-content .social li a {
    color: #aba5a5;
    border: 1px solid #dadada;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 20px;
    display: block;
    position: relative
}

.contact-info .contact-info-content .social li a i {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.contact-info .contact-info-content .social li a:hover {
    color: #fff;
    background-color: #4792e3;
    border-color: #4792e3
}

.footer-area {
    z-index: 1;
    background-color: #cf0003;
    position: relative;
    padding-top: 0 !important
}

.footer-area:before {
    /* content: ""; */
    z-index: -1;
    /* background-image: url(https://theauthorsdivine.com/img/footer-shape1.png); */
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    animation: 1s linear 1s infinite imageChange;
    position: absolute;
    top: 0;
    left: 0
}

.footer-area:after {
    /* content: ""; */
    z-index: -1;
    background-image: url(https://theauthorsdivine.com/img/footer-shape2.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    animation: 1s linear 1s infinite imageChangeTwo;
    position: absolute;
    top: 0;
    left: 0
}

.divider {
    pointer-events: none;
    z-index: -1;
    background: #cf0003;
    width: 100%;
    height: 100px;
    position: absolute;
    top: -100px;
    left: 0;
    -webkit-mask-size: 100% 101%;
    mask-size: 100% 101%
}

.single-footer-widget {
    margin-bottom: 30px
}

.single-footer-widget h3 {
    color: #fff;
    margin-bottom: 29px;
    font-size: 22px;
    font-weight: 500
}

.single-footer-widget .logo {
    margin-bottom: 15px
}

.single-footer-widget .logo a {
    display: inline-block
}

.single-footer-widget p {
    color: white;
}

.single-footer-widget .services-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.single-footer-widget .services-list li {
    color: #acc5db;
    margin-bottom: 10px
}

.single-footer-widget .services-list li:last-child {
    margin-bottom: 0
}

.single-footer-widget .services-list li a {
    color: white;
    display: inline-block
}

.single-footer-widget .services-list li a:hover {
    color: #4792e3;
    padding-left: 5px
}

.single-footer-widget .support-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.single-footer-widget .support-list li {
    color: #acc5db;
    margin-bottom: 10px
}

.single-footer-widget .support-list li:last-child {
    margin-bottom: 0
}

.single-footer-widget .support-list li a {
    color: white;
    display: inline-block
}

.single-footer-widget .support-list li a:hover {
    color: #4792e3;
    padding-left: 5px
}

.single-footer-widget .footer-contact-info {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.single-footer-widget .footer-contact-info li {
    color: #fff;
    margin-bottom: 10px
}

.single-footer-widget .footer-contact-info li:last-child {
    margin-bottom: 0
}

.single-footer-widget .footer-contact-info li a {
    color: white;
    display: inline-block
}

.single-footer-widget .footer-contact-info li a:hover {
    color: #4792e3
}

.single-footer-widget .social {
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.single-footer-widget .social li {
    margin-right: 5px;
    display: inline-block
}

.single-footer-widget .social li a {
    text-align: center;
    background-color: #4e6e8a;
    border-radius: 2px;
    width: 30px;
    height: 30px;
    font-size: 17px;
    line-height: 33px;
    display: block
}

.single-footer-widget .social li a:hover {
    color: #0f335e;
    background-color: #fff
}

.copyright-area {
    text-align: center;
    border-top: 1px solid #1c2250;
    margin-top: 10px;
    padding-top: 25px;
    padding-bottom: 25px
}

.copyright-area p {
    line-height: initial;
    color: white;
}

.copyright-area p a {
    color: #0f335e;
    display: inline-block
}

.copyright-area p a:hover {
    color: #4792e3
}

@keyframes imageChange {
    0% {
        opacity: 0
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes imageChangeTwo {
    0% {
        opacity: 1
    }

    75% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.go-top {
    cursor: pointer;
    color: #0f335e;
    z-index: 4;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    font-size: 40px;
    transition: all .9s;
    position: fixed;
    bottom: -100px;
    right: 15px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .1)
}

.go-top.active {
    opacity: 1;
    visibility: visible;
    bottom: 15px
}

.go-top i {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 70%;
    left: 0;
    right: 0;
    transform: translateY(-70%)
}

.go-top:hover {
    color: #fff;
    background-color: #0f335e;
    transition: all .5s;
    transform: translateY(-10px)
}

.black-btn {
    margin-left: 10px;
    background-color: #0f335e !important
}

.black-btn span {
    background-color: #4792e3 !important
}

.black-btn i {
    color: #fff
}

.saas-banner {
    z-index: 1;
    background: url(https://theauthorsdivine.com/img/new-book/4.jpg) 100%/cover no-repeat;
    /*background: url(https://theauthorsdivine.com/img/banner.jpg) 100%/contain no-repeat;*/
    height: 840px;
    position: relative
}
.saas-banner:before {
    position: absolute;
    z-index: 0;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000b5;
}
.saas-banner .saas-image {
    z-index: 1
}

.saas-banner .saas-image.mt-70 {
    margin-top: 70px
}

.saas-banner .hero-content {
    z-index: 1;
    position: relative
}

.saas-banner .hero-content h1 {
    color: #fff;
    margin: 0;
    font-size: 50px;
    font-weight: 600
}

.saas-banner .hero-content p {
    color: #fff;
    margin-top: 30px;
    margin-bottom: 35px;
    font-size: 18px
}

.saas-banner .hero-content .default-btn {
    background-color: #cf0003;
}

.saas-banner .hero-content .default-btn i,
.saas-banner .hero-content .default-btn:hover i {
    color: #fff
}

.saas-banner .hero-content .default-btn span {
    background-color: #0f335e
}

.saas-banner .hero-content .default-btn.ban-btn span {
    background-color: #7c0002;
}

.saas-banner .hero-content .default-btn.ban-btn-2 {
    margin-left: 10px
}

.saas-banner .hero-content .video-btn {
    color: #fff;
    -webkit-transform: .6s;
    transform: .6s;
    margin-top: 6px;
    margin-left: 15px;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    position: relative
}

.saas-banner .hero-content .video-btn i {
    margin-left: inherit;
    color: #0f335e;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin-right: 6px;
    padding-left: 3px;
    font-size: 20px;
    line-height: 35px;
    display: inline-block;
    position: relative
}

.saas-banner .hero-content .video-btn:hover i {
    color: #fff;
    background-color: #0f335e
}

.saas-banner .saas-image {
    position: relative
}

.saas-banner .saas-image img {
    position: absolute
}

.saas-banner .saas-image img:first-child {
    top: -200px;
    left: 0
}

.saas-banner .saas-image img:nth-child(2) {
    top: -100px;
    left: 55px
}

.saas-banner .saas-image img:nth-child(3) {
    z-index: 1;
    top: -170px;
    left: 32%
}

.saas-banner .saas-image img:nth-child(4) {
    z-index: 2;
    top: 110px;
    right: 27%
}

.saas-banner .saas-image img:nth-child(5) {
    z-index: 2;
    top: 80px;
    right: 15%
}

.saas-banner .saas-image img:nth-child(6) {
    top: -170px;
    right: 36%
}

.saas-banner .saas-image img:nth-child(7) {
    z-index: 2;
    top: 96px;
    right: 50%
}

.saas-banner .saas-image img:nth-child(8) {
    z-index: 1;
    top: 45px;
    right: 25%
}

.saas-banner .saas-image img:nth-child(9) {
    top: 5px;
    right: 100px
}

.saas-banner .saas-image img:nth-child(10) {
    z-index: 1;
    top: -76px;
    left: 28%
}

.saas-banner .saas-image img:nth-child(11) {
    top: -20px;
    right: 40%
}

.saas-banner .saas-image img:nth-child(12) {
    top: -292px;
    left: 45px
}

.saas-banner .saas-image img:last-child {
    display: none
}

.saas-banner #particles-js {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0
}

#particles-js {
    width: 100%;
    height: 100%
}

.shape-rotate {
    z-index: -1;
    opacity: .3;
    position: absolute;
    top: 23%;
    left: 13%
}

.rotateme {
    animation-name: rotateme;
    animation-duration: 40s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes rotateme {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotate3d {
    0% {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(360deg)
    }
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0)rotate(0)
    }

    20% {
        -webkit-transform: translate(73px, -1px)rotate(36deg)
    }

    40% {
        -webkit-transform: translate(141px, 72px)rotate(72deg)
    }

    60% {
        -webkit-transform: translate(83px, 122px)rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-40px, 72px)rotate(144deg)
    }

    to {
        -webkit-transform: translate(0)rotate(0)
    }
}

@keyframes ripple-white {
    0% {
        box-shadow: 0 0 rgba(255, 255, 255, .2), 0 0 0 20px rgba(255, 255, 255, .2), 0 0 0 40px rgba(255, 255, 255, .2)
    }

    to {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, .2), 0 0 0 40px rgba(255, 255, 255, .2), 0 0 0 60px rgba(255, 255, 255, 0)
    }
}

.features-inner-content .features-item {
    text-align: left;
    margin-bottom: 30px;
    padding-left: 100px;
    position: relative
}

.features-inner-content .features-item:last-child {
    margin-bottom: 0
}

.features-inner-content .features-item i {
    text-align: center;
    color: #fff;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    font-size: 30px;
    line-height: 70px;
    transition: all .6s;
    position: absolute;
    top: 0;
    left: 0
}

.features-inner-content .features-item:hover i {
    border-radius: 50% !important
}

.features-inner-content .features-item h3 {
    font-size: 22px
}

.features-inner-content .features-item p {
    margin: 0
}

.fun-facts-inner-content h2 {
    font-weight: 600
}

.fun-facts-inner-content p {
    margin-bottom: 15px !important
}

.fun-facts-inner-content ul {
    margin: 0;
    padding: 0
}

.fun-facts-inner-content ul li {
    color: #4a6f8a;
    margin-bottom: 6px;
    list-style-type: none
}

.fun-facts-inner-content ul li i {
    color: #4792e3;
    padding-right: 3px
}

.fun-facts-inner-content .default-btn {
    margin-top: 20px !important
}

.overview-item {
    border-bottom: 1px solid #edf0f7;
    margin-bottom: 50px;
    padding-bottom: 50px
}

.overview-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.overview-content .number {
    text-align: center;
    color: #fff;
    background-color: #cf0003;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    /*margin-bottom: 20px;*/
    font-size: 15px;
    font-weight: 600;
    line-height: 40px;
    display: inline-block
}

.overview-content h3 {
    font-size: 25px
}

.overview-content p {
    margin: 0
}

.overview-content ul {
    margin: 15px 0 0;
    padding: 0
}

.overview-content ul li {
    color: #4a6f8a;
    margin-bottom: 6px;
    list-style-type: none
}

.overview-content ul li:last-child {
    margin-bottom: 0
}

.overview-content ul li i {
    color: #4792e3;
    padding-right: 3px
}

.overview-content .default-btn {
    margin-top: 25px
}

.service-details-image {
    margin-bottom: 30px
}

.service-details-image img {
    border-radius: 5px;
    width: 100%
}

.service-details-content {
    margin-top: 5px
}

.service-details-content h1 {
    margin-bottom: 10px;
    font-size: 32px;
    font-weight: 600
}

.service-details-content h2 {
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 600
}

.service-details-content h3 {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 600
}

.service-details-content h4 {
    margin-bottom: 10px;
    font-size: 21px;
    font-weight: 600
}

.service-details-content h5 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600
}

.service-details-content h6 {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600
}

.service-details-content ul,
.service-details-content ol {
    padding-left: 17px
}

.service-details-content ul li,
.service-details-content ol li {
    margin-bottom: 5px;
    line-height: 1.7
}

.service-details-content ul li:last-child,
.service-details-content ol li:last-child {
    margin-bottom: 0
}

.service-details-content .service-details-info {
    background: #f4f5fe;
    border-radius: 10px;
    flex-wrap: wrap;
    margin-top: 30px;
    padding: 30px 20px;
    display: flex
}

.service-details-content .service-details-info .single-info-box {
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 15px;
    padding-right: 15px
}

.service-details-content .service-details-info .single-info-box h4 {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600
}

.service-details-content .service-details-info .single-info-box span {
    color: #4a6f8a;
    font-size: 15px;
    display: block
}

.service-details-content .service-details-info .single-info-box .social {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.service-details-content .service-details-info .single-info-box .social li {
    margin-right: 5px;
    display: inline-block
}

.service-details-content .service-details-info .single-info-box .social li a {
    color: #4a6f8a;
    text-align: center;
    background-color: #fff;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    line-height: 32px;
    display: inline-block
}

.service-details-content .service-details-info .single-info-box .social li a:hover {
    color: #4792e3;
    transform: translateY(-2px)
}

.service-details-content .service-details-info .single-info-box .default-btn {
    color: #fff;
    text-transform: capitalize;
    background-color: #4792e3;
    border: 1px solid #4792e3;
    border-radius: 30px;
    padding: 12px 30px;
    font-size: 14px;
    font-weight: 500;
    transition: all .5s;
    display: inline-block
}

.service-details-content .service-details-info .single-info-box .default-btn:hover {
    color: #4792e3;
    background-color: #fff
}

.service-details-content .service-details-info .single-info-box:last-child {
    text-align: center
}

.digital-agency-banner {
    background-blend-mode: multiply;
    background-color: rgba(0, 0, 0, .65);
    background-image: url(https://theauthorsdivine.com/img/marketing-agency/banner-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 235px;
    padding-bottom: 235px
}

.digital-agency-banner-content {
    max-width: 540px
}

.digital-agency-banner-content h1 {
    color: #fff;
    margin-bottom: 30px;
    font-size: 57px;
    font-weight: 700;
    line-height: 1.3
}

.digital-agency-banner-content h1 span {
    color: #4792e3
}

.digital-agency-banner-content p {
    color: #fff
}

.digital-agency-banner-content .default-btn {
    margin-top: 18px
}

.single-featured-box {
    border-radius: 5px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden
}

.single-featured-box img {
    border-radius: 5px;
    transition: all .5s
}

.single-featured-box h3 {
    color: #fff;
    z-index: 2;
    margin-bottom: 0;
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.single-featured-box .read-more-btn {
    z-index: 2;
    color: #fff;
    padding-right: 22px;
    font-weight: 600;
    display: inline-block;
    position: absolute;
    bottom: 25px;
    left: 20px
}

.single-featured-box .read-more-btn i {
    color: #4792e3;
    font-size: 21px;
    transition: all .5s;
    position: absolute;
    top: 0;
    right: 0
}

.single-featured-box .link-btn {
    z-index: 2;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.single-featured-box:before {
    content: "";
    z-index: 1;
    opacity: .55;
    background-color: #000;
    border-radius: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.single-featured-box:hover img {
    transform: scale(1.05)
}

.single-services-box {
    background-color: #f9f9f9;
    margin-bottom: 30px;
    overflow: hidden
}

.single-services-box .content {
    padding: 30px 0 30px 25px
}

.single-services-box .content h3 {
    margin-bottom: 10px;
    margin-right: -20px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    color: #ad0608;
}

.single-services-box .content .read-more-btn {
    padding-right: 22px;
    font-weight: 600;
    display: inline-block;
    position: relative
}

.single-services-box .content .read-more-btn i {
    color: #cf0003;
    font-size: 21px;
    transition: all .5s;
    position: absolute;
    top: 0;
    right: 0
}

.single-services-box .content .read-more-btn:hover {
    padding-right: 28px
}

.single-services-box .image {
    clip-path: polygon(20% 0, 100% 0%, 100% 100%, 0% 100%);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

.single-services-box .image.bg-1 {
    background-image: url(https://theauthorsdivine.com/img/2149220703.jpg)
}

.single-services-box .image.bg-2 {
     background-image: url(https://theauthorsdivine.com/img/new-book/service-4.png)
    /*background-image: url(https://theauthorsdivine.com/img/127431.jpg)*/
}

.single-services-box .image.bg-3 {
    background-image: url(https://theauthorsdivine.com/img/new-book/service-1.png)
    /*background-image: url(https://theauthorsdivine.com/img/book-trailers.webp)*/
}

.single-services-box .image.bg-4 {
     background-image: url(https://theauthorsdivine.com/img/new-book/service-2.png)
    /*background-image: url(https://theauthorsdivine.com/img/475304876_1028540562623551_642552343941680253_n.jpg)*/
}

.single-services-box .image.bg-5 {
     background-image: url(https://theauthorsdivine.com/img/new-book/service-3.png)
    /*background-image: url(https://theauthorsdivine.com/img/book-editong.jpg)*/
}

.single-services-box .image.bg-6 {
    background-image: url(https://theauthorsdivine.com/img/service-img4.jpg)
}

.single-services-box .image.bg-7 {
    background-image: url(https://theauthorsdivine.com/img/book-publishing.webp)
}

.single-services-box .image.bg-8 {
    background-image: url(https://theauthorsdivine.com/img/new-book/service-5.png)
    /*background-image: url(https://theauthorsdivine.com/img/ghostwriting.jpg)*/
}

.single-services-box .image.bg-9 {
    background-image: url(https://theauthorsdivine.com/img/red-pen-and-paper-copyediting.jpg)
}

.single-services-box .image.bg-10 {
    background-image: url(https://theauthorsdivine.com/img/new-book/service-6.png)
    /*background-image: url(https://theauthorsdivine.com/img/127465.jpg)*/
}

.single-services-box .image img {
    display: none
}

.services-btn-box {
    text-align: center;
    margin-top: 10px
}

.services-btn-box .default-btn {
    color: #0f335e;
    background-color: transparent;
    border: 1px solid #0f335e;
    padding: 11.5px 35px 11px 65px
}

.services-btn-box .default-btn i {
    color: #0f335e;
    left: 35px
}

.services-btn-box .default-btn:hover {
    color: #fff;
    border-color: #4792e3
}

.services-btn-box .default-btn:hover i {
    color: #fff
}

.case-studies-area {
    background-color: #00062f;
    overflow: hidden
}

.case-studies-area .section-title h2 {
    color: #fff
}

.case-studies-area .container-fluid {
    padding-left: 0;
    padding-right: 0
}

.single-case-studies-item {
    text-align: center;
    border-radius: 5px;
    margin-bottom: 30px
}

.single-case-studies-item .image,
.single-case-studies-item .image img {
    border-radius: 5px 5px 0 0
}

.single-case-studies-item .content {
    text-align: left;
    background-color: #f9f9f9;
    border-radius: 0 0 5px 5px;
    padding: 30px 25px 25px;
    position: relative
}

.single-case-studies-item .content h3 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4
}

.single-case-studies-item .content .link-btn {
    text-align: center;
    color: #fff;
    background-color: #0f335e;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    font-size: 30px;
    line-height: 48px;
    transition: all .5s;
    display: inline-block;
    position: absolute;
    top: -20px;
    right: 20px
}

.single-case-studies-item .content .link-btn:hover {
    color: #fff;
    background-color: #4792e3
}

.case-studies-slides.owl-theme {
    position: relative;
    left: calc(50% - 635px)
}

.case-studies-slides.owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -105px;
    right: 26.88%
}

.case-studies-slides.owl-theme .owl-nav [class*=owl-] {
    color: #0f335e;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    margin: 0;
    font-size: 35px;
    line-height: 45px;
    transition: all .5s;
    padding: 3px 0 0 !important
}

.case-studies-slides.owl-theme .owl-nav [class*=owl-].owl-next {
    margin-left: 10px
}

.case-studies-slides.owl-theme .owl-nav [class*=owl-]:hover {
    color: #fff;
    background-color: #0f335e
}

.company-preview-area {
    z-index: 1;
    background-image: url(https://theauthorsdivine.com/img/marketing-agency/company-preview.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 265px;
    padding-bottom: 265px;
    position: relative
}

.company-preview-area:before {
    content: "";
    z-index: -1;
    opacity: .4;
    background-color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.company-preview-video {
    text-align: center
}

.company-preview-video .video-btn {
    color: #0f335e;
    z-index: 1;
    background-color: rgba(255, 255, 255, .79);
    border-radius: 50%;
    width: 120px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    font-size: 100px;
    display: inline-block;
    position: relative
}

.company-preview-video .video-btn:after,
.company-preview-video .video-btn:before {
    content: "";
    z-index: -1;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all .5s;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.company-preview-video .video-btn i {
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.company-preview-video .video-btn:before {
    animation: 2s linear infinite ripple
}

.company-preview-video .video-btn:after {
    animation: 2s linear 1s infinite ripple
}

.company-preview-video .video-btn:hover,
.company-preview-video .video-btn:focus {
    color: #fff;
    background-color: #4792e3
}

.company-preview-video .video-btn:hover:after,
.company-preview-video .video-btn:hover:before,
.company-preview-video .video-btn:focus:after,
.company-preview-video .video-btn:focus:before {
    border-color: #4792e3
}

.lets-talk-content .sub-title {
    color: #0f335e;
    margin-bottom: 10px;
    font-weight: 600;
    display: block
}

.lets-talk-content h2 {
    margin-bottom: 10px;
    font-size: 40px;
    font-weight: 600
}

.lets-talk-btn {
    text-align: right
}

.dark-version {
    z-index: 99991;
    position: fixed;
    top: 50%;
    right: 30px;
    transform: translateY(-50%)rotate(90deg)
}

.dark-version .switch {
    width: 60px;
    height: 34px;
    display: inline-block;
    position: relative
}

.dark-version .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.dark-version .slider {
    cursor: pointer;
    background: #4792e3;
    transition: all .5s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.dark-version .slider:before {
    content: "";
    background: #fff url(https://theauthorsdivine.com/img/sun.png) 50% no-repeat;
    width: 30px;
    height: 30px;
    margin: auto 0;
    transition: all .5s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2.5px;
    box-shadow: 0 0 15px rgba(32, 32, 32, .24)
}

.dark-version input:checked+.slider {
    background-color: #4792e3
}

.dark-version input:checked+.slider:before {
    background: #fff url(https://theauthorsdivine.com/img/night-mode.png) 50% no-repeat;
    transform: translate(24px)
}

.dark-version .slider.round {
    border-radius: 50px
}

.dark-version .slider.round:before {
    border-radius: 50%
}

.buy-now-btn {
    z-index: 9;
    text-align: center;
    background-color: #81b441;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    animation-name: tada;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
    display: inline-block;
    position: fixed;
    bottom: 15px;
    right: 100px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .35)
}

.buy-now-btn img {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%)
}

.buy-now-btn:before {
    z-index: -1;
    content: "";
    background-color: #81b441;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: 1.5s ease-out infinite ripple;
    position: absolute;
    top: 0;
    left: 0
}

.single-footer-widget {
    border-right: 1px solid #fff;
    height: 90%;
    padding-right: 20px
}

footer.footer-area .container .row .col-md-6:last-child .single-footer-widget {
    border: none
}

@media only screen and (max-width:1000px) {
    .our-teams .our-team-card .our-team-card-img .our-team-card-content p {
        width: 100%;
        margin: 0 auto;
        font-size: 14px
    }
}

@media only screen and (max-width:768px) {
    .single-footer-widget {
        border: none !important
    }

    .footer-area {
        padding-top: 25px
    }
}

@media only screen and (max-width:600px) {
    .saas-banner {
        height: 840px;
        background: #4792e3 !important
    }

    a.default-btn.res {
        padding: 7px 17px !important
    }
}

.our-process .our-procard1 .our-process-card-content,
.our-process .our-procard2 .our-process-card-content {
    height: 160px
}

.our-teams .our-teams-heading p {
    color: #231e33;
    padding: 0 123px;
    font-size: 18.01px;
    font-weight: 400
}

.icon-mainn {
        /* background: #cf0003; */
    border-radius: 80px;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 50px;
    margin: auto auto 20px;
    display: flex;

    /*margin-left: 0;*/
}

.icon-mainn img {
    width: 100%
}

.sub-menu-al {
    background: #fff;
    border-radius: 3px;
    width: 210px;
    height: 0;
    transition: all .3s linear;
    position: absolute;
    overflow: hidden
}

li.nav-item.hover-sub-menu {
    position: relative
}

.sub-menu-al ul.sub-inner {
    text-align: left;
    padding: 10px 16px
}

.sub-menu-al a {
    margin: 0 !important
}

li.nav-item.hover-sub-menu:hover .sub-menu-al {
    height: -moz-fit-content;
    height: fit-content;
    transition: all .3s linear
}

.icon-al {
    text-align: center;
    color: #fff;
    background: #4792e3;
    border-radius: 0 50% 50%;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    font-size: 30px;
    line-height: 70px;
    transition: all .6s;
    display: flex;
    position: absolute;
    top: 0;
    left: 0
}

.icon-al img {
    width: 60%
}

.icon-al.back-col-1 {
    background: #13c4a1
}

.icon-al.back-col-2 {
    background: #6610f2
}

.icon-al.back-col-3 {
    background: #ff612f
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-decoration: none
}

body {
    background-color: #fff;
    overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5 {
    text-transform: uppercase !important
}

main {
    overflow: hidden
}

a {
    text-transform: capitalize;
    text-decoration: none
}

.btn:focus {
    outline: none
}

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

button:focus {
    box-shadow: none;
    text-transform: capitalize;
    outline: none
}

.btn:focus {
    box-shadow: none;
    outline: none
}

.tc-image-effect-shine:before {
    z-index: -1
}

.banner .highly-recomended-by {
    text-align: center
}

.banner .highly-recomended-by h5 {
    color: #ffa22a;
    margin: 0 0 15px;
    font-family: Rubik, sans-serif;
    font-size: 24px;
    font-weight: 400
}

.banner .highly-recomended-by .img ul li {
    display: inline
}

.banner .highly-recomended-by .img ul li:nth-child(2n) {
    margin: 0 40px
}

.banner .highly-recomended-by .img ul li:nth-child(2) img {
    width: 8%;
    height: auto
}

.banner2 .highly-recomended-by-service-page {
    text-align: left;
    margin: 50px 0 0
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.header-1 {
    padding: 10px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.header-1.single-header {
    background: linear-gradient(80deg, #4b3b72 0%, #362c4f 50%, #29223a 100%)
}

.header-1.sticky-header {
    z-index: 999;
    background: linear-gradient(80deg, #4b3b72 0%, #362c4f 50%, #29223a 100%);
    padding: 0;
    position: fixed
}

.header-1 .navalign {
    justify-content: end
}

.header-1 .navalign ul {
    margin: 0 auto
}

.header-1 ul li a {
    color: #fff;
    margin: 0 20px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 400
}

.header-1 ul li a i {
    margin: 0 0 0 8px
}

.header-1 ul li {
    position: relative
}

.header-1 form button {
    color: #fff;
    background-color: #ffa22a;
    border: transparent;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 185px;
    height: 50px;
    margin: 0 0 0 10px;
    padding: 0;
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: flex
}

.header-1 .navalign ul li:hover .dropdown_menu {
    display: block
}

.header-1 .navalign ul li:hover a i {
    animation: 1s infinite bounce2
}

.header-1 .navalign ul .dropdown_list .dropdown_menu {
    z-index: 999;
    background-color: #f49823;
    width: 335px;
    display: none;
    position: absolute;
    top: 100%
}

.header-1 .navalign ul .dropdown_list .dropdown_menu ul li {
    border-bottom: 1px solid #fff;
    padding: 9px 10px;
    display: block
}

.header-1 .navalign ul .dropdown_list .dropdown_menu ul li:last-child {
    border-bottom: none
}

.header-1 .navalign ul .dropdown_list .dropdown_menu ul li a {
    color: #fff;
    width: 100%
}

.header-1 .navalign ul .dropdown_list .dropdown_menu ul li:hover {
    transform: inherit !important
}

@keyframes bounce2 {

    0%,
    20%,
    50%,
    80%,
    to {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-15px)
    }

    60% {
        transform: translateY(-15px)
    }
}

.banner {
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    justify-content: center;
    padding: 195px 0;
    display: flex
}

.banner .banner-content {
    text-align: center;
    margin: 0 0 2em
}

.frequently-asked-questions .accordion-header {
    margin: inherit
}

.banner .banner-content h1 span {
    display: block
}

.banner .banner-content h1,
.banner-content h5 {
    text-transform: capitalize;
    color: #fff;
    margin: 0 0 25px;
    font-family: EB Garamond, serif;
    font-size: 50px;
    font-weight: 700
}

.banner .banner-content h2 span,
.banner .banner-content p span {
    display: block
}

.banner .banner-content h2,
.banner-content p {
    text-transform: capitalize;
    color: #ffa22a;
    margin: 0 0 50px;
    font-family: Rubik, sans-serif;
    font-size: 24px;
    font-weight: 400
}

.banner .banner-content .banner-form {
    border-radius: 60px
}

.banner .banner-content .banner-form form {
    background-color: rgba(255, 255, 255, .2);
    border-radius: 60px;
    line-height: 90px
}

.banner .banner-content .banner-form form input {
    text-align: center;
    color: #fff;
    background: rgba(255, 255, 255, .2);
    border: transparent;
    border-radius: 50px;
    outline: none;
    width: 20%;
    height: 50px;
    margin: 0 10px
}

.banner .banner-content .banner-form form .iti--allow-dropdown input {
    width: 100%;
    margin: 0
}

.banner .banner-content .banner-form form .iti--allow-dropdown {
    width: 16%;
    margin: 0 20px 0 10px
}

.iti__country {
    line-height: 30px
}

.banner .banner-content .banner-form form button {
    color: #fff;
    background-color: #ffa22a;
    border: transparent;
    border-radius: 50px;
    width: 20%;
    height: 50px;
    font-family: Rubik, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 50px;
    box-shadow: 0 0 30px 1px #ffa22a
}

.banner .banner-content .banner-form form input::placeholder {
    color: #a3a3a3;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 300
}

.brands-with-us {
    text-align: center;
    position: relative
}

.brands-with-us:after {
    content: "";
    z-index: -1;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
    position: absolute;
    top: -100px;
    bottom: 0;
    left: 0;
    right: 0
}

.brands-with-us .brands-with-us-heading {
    margin: 35px 0 30px
}

.brands-with-us .brands-with-us-heading h5,
.brands-with-us-heading h2,
.brands-with-us1 .brands-with-us-heading h2,
.brands-with-us-heading h5 {
    text-transform: capitalize;
    color: #ffa22a;
    font-family: EB Garamond, serif;
    font-size: 50px;
    font-weight: 700
}

.brands-with-us p {
    text-transform: capitalize;
    color: #292929;
    margin: 0 0 30px;
    font-family: Rubik, sans-serif;
    font-size: 24px;
    font-weight: 400
}

.brands-with-us-img {
    margin-bottom: 0
}

.brands-with-us-img .brand-main-logos img {
    width: 50%;
    height: auto;
    margin: 0 auto;
    display: block
}

.custom-shape-divider-top-1659029668 {
    width: 100%;
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.custom-shape-divider-top-1659029668 svg {
    width: calc(100% + 1.3px);
    height: 81px;
    display: block;
    position: relative
}

.custom-shape-divider-top-1659029668 .shape-fill1 {
    fill: #fff
}

.custom-shape-divider-bottom-1659029690 {
    width: 100%;
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    transform: rotate(180deg)
}

.custom-shape-divider-bottom-1659029690 svg {
    width: calc(100% + 1.3px);
    height: 81px;
    display: block;
    position: relative
}

.custom-shape-divider-bottom-1659029690 .shape-fill {
    fill: #fff
}

.why-choose-us {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
    position: relative
}

.why-choose-us .why-choose-us-heading {
    margin: 0 0 30px
}

.why-choose-us .why-choose-us-heading h2,
.why-choose-us-heading h5 {
    text-transform: capitalize;
    color: #ffa22a;
    font-family: EB Garamond, serif;
    font-size: 50px;
    font-weight: 700
}

.why-choose-us .why-choose-us-heading h2 span {
    display: block
}

.why-choose-us p {
    color: #fff;
    width: 582px;
    margin: 0 0 50px;
    font-family: Rubik, sans-serif;
    font-size: 18.01px;
    font-weight: 400
}

.why-choose-us .why-choose-us-btns button {
    border-radius: 50px;
    width: 229px;
    height: 50px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 500
}

.why-choose-us .why-choose-us-btns .btn1 {
    color: #fff;
    background-color: #ffa22a;
    border: transparent;
    box-shadow: 0 0 17px 1px #ffa22a
}

.why-choose-us .why-choose-us-btns .btn2 {
    color: #5d5d5d;
    background-color: #fff;
    border: transparent;
    margin: 0 10px;
    box-shadow: 0 0 17px 1px #fff
}

.why-choose-us .why-choose-us-animatedimg {
    text-align: center
}

.little-intro-aboutus {
    padding: 50px;
    position: relative
}

.little-intro-aboutus:after {
    content: "";
    z-index: -1;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 135px;
    bottom: 0;
    left: 0;
    right: 0
}

.little-intro-aboutus .little-intro-img img {
    width: 100%
}

.little-intro-aboutus .little-intro-content.second-sec {
    margin: 0 0 0 55px
}

.little-intro-aboutus .little-intro-content h2,
.little-intro-content h5 {
    text-transform: capitalize;
    font-family: EB Garamond, serif;
    font-size: 50px;
    font-weight: 700
}

.little-intro-aboutus .little-intro-content p {
    color: #bfbfbf;
    width: 582px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 400
}

.little-intro-aboutus .little-intro-content .little-intro-btns button {
    border: transparent;
    border-radius: 50px;
    height: 50px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 500
}

.little-intro-aboutus .little-intro-content .little-intro-btns a {
    text-align: center;
    border: transparent;
    border-radius: 50px;
    width: 229px;
    height: 65px;
    font-family: rubik, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 65px
}

.little-intro-aboutus .little-intro-content .little-intro-btns .btn1 {
    color: #fff;
    background-color: #ffa22a;
    margin: 0 0 20px;
    box-shadow: 0 0 12px 1px #ffa22a
}

.little-intro-aboutus .little-intro-content .little-intro-btns .btn2 {
    color: #fff;
    background-color: #231e33;
    margin: 0 10px;
    box-shadow: 0 0 12px 1px #231e33
}

.top-5-features {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    position: relative
}

.top-5-features .top-5-heading {
    text-align: center;
    margin: 25px 0
}

.top-5-features .top-5-heading span {
    color: #fff;
    margin: 25px 0;
    padding: 0 5px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 400;
    display: inline-block
}

.top-5-features .top-5-heading span.border-set {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

.top-5-features .top-5-features-cards {
    text-align: center;
    z-index: 2;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 440px;
    margin-bottom: 3em;
    padding: 20px 0;
    display: flex;
    position: relative
}

.top-5-features .top-5-features-cards:before {
    content: "";
    z-index: -2;
    background-color: #ffa22a;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.top-5-features .top-5-features-cards:after {
    content: "";
    z-index: -1;
    background-color: #fff;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.top-5-features .top-5-features-cards h3 {
    color: #231e33;
    text-transform: capitalize;
    font-family: Rubik, sans-serif;
    font-size: 22px;
    font-weight: 500
}

.top-5-features .top-5-features-cards span {
    display: block
}

.top-5-features .top-5-features-cards p {
    color: #8a8a8a;
    padding: 0 2em;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 300
}

.top-5-features .top-5-features-cards a {
    color: #231e33;
    font-family: Rubik, sans-serif;
    font-size: 23.99px;
    font-weight: 400;
    transition: all .3s ease-in-out
}

.top-5-features .top-5-features-cards a:hover {
    margin: 0 0 0 15px
}

.top-5-features .top-5-btn {
    text-align: center;
    margin: 0 0 60px
}

.top-5-features .top-5-btn button {
    color: #fff;
    background-color: #ffa22a;
    border: transparent;
    border-radius: 50px;
    width: 200px;
    height: 50px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 0 0 12px 1px #ffa22a
}

.our-teams {
    padding: 50px;
    position: relative
}

.our-process .our-procard1 .our-process-card-content,
.our-process .our-procard2 .our-process-card-content {
    height: 160px
}

.our-teams:before {
    content: "";
    z-index: -1;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 28%;
    left: 0;
    right: 0
}

.our-teams .our-team-card {
    margin: 0 0 250px;
    position: relative
}

.our-teams .our-teams-heading {
    text-align: center;
    margin: 0 0 55px
}

.our-teams .our-teams-heading p {
    color: #231e33;
    padding: 0 123px;
    font-family: Rubik, sans-serif;
    font-size: 18.01px;
    font-weight: 400
}

.our-teams .our-team-button {
    text-align: center
}

.our-teams .our-team-button a.hvr-grow {
    color: #fff;
    background-color: #231e33;
    border: transparent;
    border-radius: 50px;
    width: 240px;
    height: 50px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 50px;
    box-shadow: 0 0 12px 1px #ffa22a
}

.our-teams .our-team-card .our-team-card-img .our-team-card-content {
    text-align: center
}

.our-teams .our-team-card .our-team-card-img .our-team-card-content p {
    color: #565656;
    text-transform: capitalize;
    margin: 0;
    font-family: Rubik, sans-serif;
    font-size: 16px;
    font-weight: 600
}

.our-teams .our-team-card .our-team-card-avatar img {
    object-fit: scale-down;
    width: 196px;
    height: 347.6px
}

.our-teams .our-team-card .our-team-card-img .our-team-card-content {
    margin: 0 20px;
    position: absolute;
    top: 22%;
    left: 0;
    right: 0
}

.our-teams .our-team-card .our-team-card-avatar {
    position: absolute;
    top: 63%;
    left: 0;
    right: 0
}

.our-teams .our-team-card:hover .our-team-card-img .our-team-card-content p {
    color: #fff;
    text-transform: capitalize
}

.our-teams .our-team-card:hover .our-team-card-img .img1 {
    display: none
}

.our-teams .our-team-card:hover .our-team-card-img .img2 {
    display: block
}

.our-teams .our-team-card .our-team-card-img .img2 {
    display: none
}

.our-teams .our-team-card .our-team-card-img .our-team-card-content p span {
    text-transform: capitalize;
    display: block
}

.whatbooks-we-write {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15rem 0
}

.whatbooks-we-write .books-we-write-heading {
    text-align: center
}

.whatbooks-we-write .books-we-write-heading h3,
.books-we-write-heading h2 {
    color: #fff;
    text-transform: capitalize;
    margin-top: 150px;
    font-family: EB Garamond, serif;
    font-size: 50px;
    font-weight: 700
}

.whatbooks-we-write .books-we-write-heading p {
    color: #d0d0d0;
    text-transform: capitalize;
    font-family: Rubik, sans-serif;
    font-size: 18.02px;
    font-weight: 400
}

.whatbooks-we-write .books-we-write-card {
    text-align: center;
    margin-bottom: 40px
}

.whatbooks-we-write .books-we-write-card h5 {
    color: #ffa22a;
    font-family: Rubik, sans-serif;
    font-size: 30.01px;
    font-weight: 600
}

.whatbooks-we-write .books-we-write-card p {
    color: #fff;
    padding: 0 2em;
    font-family: Rubik, sans-serif;
    font-size: 20px;
    font-weight: 400
}

.whatbooks-we-write .books-we-write-card a {
    color: #ffa22a;
    font-family: Rubik, sans-serif;
    font-size: 23.75px;
    font-weight: 400;
    transition: all .3s linear
}

.whatbooks-we-write .books-we-write-card a:hover {
    margin: 0 0 0 15px
}

.whatbooks-we-write .what-books-we-write-btn {
    text-align: center
}

.whatbooks-we-write .what-books-we-write-btn button {
    color: #fff;
    background-color: #ffa22a;
    border: transparent;
    border-radius: 50px;
    width: 229px;
    height: 65px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 0 0 12px 1px #ffa22a
}

.whatbooks-button {
    text-align: center;
    margin: 20px 0 0
}

.whatbooks-button a.hvr-grow {
    color: #fff;
    background-color: #231e33;
    border: transparent;
    border-radius: 50px;
    width: 240px;
    height: 50px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 50px;
    box-shadow: 0 0 12px 1px #ffa22a
}

.our-process {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 6rem 0;
    position: relative
}

.our-process>.container .row:nth-child(2) .col-12:nth-child(2) .our-process-card {
    z-index: 20;
    position: relative
}

.our-process .second-card-under {
    position: relative
}

.our-process .second-card-under:after {
    content: "";
    z-index: -1;
    border: 6px dashed #dcdcdc;
    border-top: none;
    border-radius: 50%;
    width: 463px;
    height: 463px;
    position: absolute;
    bottom: -25px;
    left: 34%
}

.our-process>.container .row:nth-child(2) .col-12:nth-child(odd) .our-process-card {
    z-index: 20;
    margin: 110px 10px 0 0;
    position: relative
}

.our-process:before {
    content: "";
    z-index: -1;
    background-repeat: no-repeat;
    border: 6px dashed #dcdcdc;
    border-bottom: none;
    border-radius: 50%;
    width: 463px;
    height: 463px;
    position: absolute;
    top: 25%;
    left: 18%;
    right: auto
}

.our-process:after {
    content: "";
    z-index: -1;
    border: 6px dashed #dcdcdc;
    border-bottom: none;
    border-radius: 50%;
    width: 463px;
    height: 463px;
    position: absolute;
    top: 26%;
    right: 13%
}

.our-process .our-process-heading {
    text-align: center;
    margin-bottom: 110px
}

.our-process .our-process-heading h3,
.our-process-heading h5,
.our-process-heading h2 {
    color: #ffa22a;
    font-family: EB Garamond, serif;
    font-size: 50px;
    font-weight: 700
}

.our-process .our-process-heading p {
    color: #262035;
    font-family: Rubik, sans-serif;
    font-size: 24px;
    font-weight: 400
}

.our-process .our-process-card {
    text-align: center;
    background-color: #262035;
    border-radius: 146.63px;
    flex-direction: column;
    justify-content: center;
    height: 650px;
    display: flex
}

.our-process .our-process-card .our-process-card-content {
    margin: 35px 0
}

.our-process .our-process-card h3,
.our-process-card h5 {
    color: #fff;
    font-family: EB Garamond, serif;
    font-size: 25.01px;
    font-weight: 700
}

.our-process .our-process-card h5 span,
.our-process-card h3 span {
    display: block
}

.our-process .our-process-card p {
    color: #b5b5b5;
    padding: 0 35px;
    font-family: Rubik, sans-serif;
    font-size: 16px;
    font-weight: 400
}

.our-process-card .img-out-circle,
.img-out-circle2 {
    z-index: 1;
    background-color: #ffa22a;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 240px;
    height: 240px;
    margin: 0 auto;
    display: flex;
    position: relative
}

.our-process-card .img-out-circle:after {
    content: "";
    z-index: 0;
    background: linear-gradient(135deg, #ffa22a 50%, #fff 54%);
    border: 2px solid #ffa22a;
    border-top: none;
    border-left: none;
    width: 55px;
    height: 55px;
    margin: 0 auto;
    position: absolute;
    bottom: -21px;
    left: -1px;
    right: 0;
    transform: rotate(45deg)
}

.our-process-card .img-out-circle2:after {
    content: "";
    z-index: 0;
    background: linear-gradient(135deg, #ffa22a 50%, #fff 54%);
    border: 2px solid #ffa22a;
    border-top: none;
    border-left: none;
    width: 55px;
    height: 55px;
    margin: 0 auto;
    position: absolute;
    top: -9%;
    left: -1px;
    right: 0;
    transform: rotate(225deg)
}

.our-process-card .img-inner-circle {
    z-index: 2;
    border-radius: 50%;
    width: 174px;
    height: 174px;
    line-height: 174px;
    position: relative
}

.our-process-card .img-inner-circle:after {
    content: "";
    z-index: -1;
    background-color: #fff;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.our-process-card .img-inner-circle:before {
    content: "";
    z-index: -2;
    background: linear-gradient(47deg, #5f507b 0%, #956a61 50%, #f69d2e 100%);
    border-radius: 50%;
    width: 105%;
    height: 105%;
    position: absolute;
    top: -4px;
    left: -4px
}

.our-process .our-process-btns {
    text-align: center;
    margin-top: 6em
}

.our-process .our-process-btns button {
    color: #fff;
    text-transform: capitalize;
    background-color: #ffa22a;
    border: transparent;
    border-radius: 50px;
    height: 65px;
    padding: 0 83px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 0 0 12px 1px #ffa22a
}

.request-a-quote .request-a-quote-content {
    text-align: center
}

.request-a-quote .request-a-quote-content h5 {
    color: #fff;
    font-family: EB Garamond, serif;
    font-size: 40px;
    font-weight: 700
}

.request-a-quote .request-a-quote-content p {
    color: #e9e9e9;
    margin-bottom: 45px;
    font-family: Rubik, sans-serif;
    font-size: 24px;
    font-weight: 300
}

.request-a-quote .request-a-quote-content p span {
    display: block
}

.request-a-quote .request-a-quote-content .request-a-quote-options {
    justify-content: center;
    align-items: center;
    display: flex
}

.request-a-quote .request-a-quote-content .request-a-quote-options .live-chat {
    text-align: left;
    margin: 0 25px
}

.request-a-quote .request-a-quote-content .request-a-quote-options .live-chat p {
    color: #ffa22a;
    margin: 0;
    font-family: Rubik, sans-serif;
    font-size: 17.84px;
    font-weight: 300
}

.request-a-quote .request-a-quote-content .request-a-quote-options .live-chat a {
    color: #fff;
    font-family: Rubik, sans-serif;
    font-size: 29.74px;
    font-weight: 500
}

.request-a-quote .request-a-quote-content .request-a-quote-options button {
    color: #fff;
    text-transform: capitalize;
    background-color: #ffa22a;
    border: transparent;
    border-radius: 50px;
    height: 50px;
    margin: 0 40px;
    padding: 0 50px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 0 0 12px 1px #ffa22a
}

.request-a-quote .request-a-quote-content .request-a-quote-options .talk-to-us {
    text-align: left;
    margin: 0 25px 0 0
}

.request-a-quote .request-a-quote-content .request-a-quote-options .talk-to-us p {
    color: #ffa22a;
    margin: 0;
    font-family: Rubik, sans-serif;
    font-size: 17.82px;
    font-weight: 300
}

.request-a-quote .request-a-quote-content .request-a-quote-options .talk-to-us a {
    color: #fff;
    font-family: Rubik, sans-serif;
    font-size: 25px;
    font-weight: 500
}

.request-a-quote {
    padding: 49px 2px 50px 22px
}

.request-a-quote .request-a-quote-content {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 200.92px;
    border-bottom-left-radius: 194.08px;
    padding: 50px 0;
    box-shadow: 52px 9px 0 10px #ffa22a
}

.our-satisfied-customer-stats {
    margin: 0
}

.our-satisfied-customer-content {
    text-align: center;
    background: linear-gradient(80deg, #534180 23%, #272136 77%);
    border-top-right-radius: 254.34px;
    border-bottom-right-radius: 245.66px;
    padding: 80px 0
}

.our-satisfied-customer-content h5,
.our-satisfied-customer-content h3 {
    color: #fff;
    margin-top: 30px;
    font-family: EB Garamond, serif;
    font-size: 50px;
    font-weight: 700
}

.our-satisfied-customer-content p {
    color: #e9e9e9;
    font-family: Rubik, sans-serif;
    font-size: 18.01px;
    font-weight: 400
}

.our-satisfied-customer-content p span {
    display: block
}

.our-satisfied-customer-content .our-satisfied-counts {
    justify-content: space-evenly;
    align-items: center;
    display: flex
}

.our-satisfied-customer-stats .our-satisfied-customer-content .our-satisfied-counts .counter-container {
    text-align: left
}

.our-satisfied-customer-stats .our-satisfied-customer-content .our-satisfied-counts .counter-container .counter {
    color: #ffa22a;
    font-family: Poppins, sans-serif;
    font-size: 72.14px;
    font-weight: 700
}

.our-satisfied-customer-stats .our-satisfied-customer-content .our-satisfied-counts .counter-container .counter:after {
    content: "+"
}

.our-satisfied-customer-stats .our-satisfied-customer-content .our-satisfied-counts .counter-container span {
    color: #fff;
    font-family: Poppins, sans-serif;
    font-size: 24px;
    font-weight: 400
}

.testimonials {
    padding: 50px 0 100px;
    background: #f4f5fe;
}

.testimonials .best-reviews {
    text-align: center
}

.testimonials .arrow-main {
    position: absolute;
    bottom: -10%;
    right: 50%;
}

.testimonials .arrow-main span:first-child {
    margin: 0 20px
}

.testimonials .arrow-main span {
    opacity: .5
}

.testimonials .arrow-main span:hover {
    opacity: 1
}

.testimonials .best-reviews h3 span {
    display: block
}

.testimonials .best-reviews p {
    color: #a2a2a2;
    width: 50%;
    margin: 0 auto 1rem;
    font-family: Rubik, sans-serif;
    font-size: 18.01px;
    font-weight: 400
}

.testimonials .content-1 {
    position: relative
}

.testimonials .content-1 :after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.testimonials .review-card {
    background-color: #fff;
    border-radius: 10px;
    align-items: center;
    width: 100%;
    height: 400px;
    padding: 32px 25px 21px 30px;
    display: flex;
    /* box-shadow: 0 0 8px 4px #b9b9b9; */
}

.testimonials .content h3 {
    color: #cf0003;
    font-size: 17.99px;
    font-weight: 600
}

.testimonials .content h5 {
    color: #574b80;
    font-size: 15.99px;
    font-weight: 400
}

#dp-slider .dp_item:first-child {
    z-index: 10 !important;
    transform: rotateY(0)translate(10%) !important
}

.dp_item[data-position="2"] {
    z-index: 9;
    transform: rotateY(0)translate(16%)scale(.9)
}

.dp_item[data-position="3"] {
    z-index: 8;
    transform: rotateY(0)translate(22%)scale(.8)
}

.dp_item[data-position="4"] {
    z-index: 7;
    transform: rotateY(0)translate(28%)scale(.7)
}

.dp_item[data-position="5"] {
    z-index: 6;
    transform: rotateY(0)translate(34%)scale(.6)
}

#dp-slider {
    height: 278px;
    overflow: hidden
}

#dp-slider .dp_item:hover:not(:first-child) {
    cursor: pointer
}

.dp-wrap {
    perspective: 1000px;
    height: 100%;
    margin: 0 auto;
    position: relative
}

.dp-slider {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    position: absolute
}

.dp-slider div {
    transform-style: preserve-3d
}

.dp_item {
    text-align: center;
    color: #fff;
    border-radius: 10px;
    transition: transform 1.2s;
    display: block;
    position: absolute
}

.frequently-asked-questions {
    background-color: #f4f4f4;
    padding: 80px 0 50px
}

.frequently-asked-questions .frequently-heading {
    text-align: center
}

.frequently-asked-questions .frequently-heading h2,
.frequently-heading h5 {
    color: #302946;
    margin: 0 0 35px;
    font-family: EB Garamond, serif;
    font-size: 50px;
    font-weight: 700
}

.frequently-asked-questions .frequently-heading p {
    color: #272137;
    margin: 0 0 45px;
    font-family: Rubik, sans-serif;
    font-size: 18.01px;
    font-weight: 300
}

.frequently-asked-questions .frequently-heading p span {
    display: block
}

.frequently-asked-questions .accordion-button {
    color: #fff;
    text-align: left;
    overflow-anchor: none;
    background-color: #ffa22a;
    border: 0;
    border-radius: 10px;
    flex-direction: row-reverse;
    order: 2;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    margin: 0 0 0 auto;
    padding: 1rem 1.25rem;
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 500;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s;
    display: flex;
    position: relative;
    width: 100% !important
}

.frequently-asked-questions .accordion-button:focus {
    z-index: 3;
    box-shadow: none;
    border-color: #86b7fe;
    outline: 0
}

.frequently-asked-questions .accordion-button:after {
    content: "+";
    color: #fff;
    text-align: center;
    background: #574b80;
    border-radius: 50%;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin: 0 9px;
    font-size: 19px;
    font-weight: 500;
    line-height: 30px;
    transition: transform .2s ease-in-out;
    background-image: inherit !important
}

.frequently-asked-questions .accordion-button:not(.collapsed):after {
    content: "";
    background-image: inherit;
    transform: inherit;
    font-family: "Font Awesome 5 pro";
    line-height: 31px
}

.frequently-asked-questions .accordion-item {
    background: 0 0;
    border: none;
    margin: 0 0 15px
}

.frequently-asked-questions .accordion-item h2 {
    margin: 0 0 15px
}

.frequently-asked-questions .accordion-body {
    color: #939393;
    background-color: #fff;
    border: 1px solid #ffa32d;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    font-family: Rubik, sans-serif;
    font-size: 18.01px;
    font-weight: 300
}

.frequently-asked-questions .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.frequently-asked-questions .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.lets-start-your-buisness {
    padding: 50px 0 90px
}

.lets-start-your-buisness .content {
    padding: 9px 0
}

.lets-start-your-buisness .lets-start-heading {
    text-align: center
}

.lets-start-your-buisness .lets-start-heading h5 {
    color: #231e33;
    font-family: EB Garamond, serif;
    font-size: 71.97px;
    font-weight: 700
}

.lets-start-your-buisness .lets-start-heading p {
    color: #3e3e3e;
    margin: 0 0 50px;
    padding: 0 165px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 300
}

.lets-start-your-buisness .lets-start-your-business-card-img img {
    width: 100%
}

.lets-start-your-buisness .dropdown {
    text-align: right
}

.lets-start-your-buisness .dropdown button {
    color: #574b80;
    font-family: Rubik, sans-serif;
    font-size: 18.06px;
    font-weight: 300
}

.lets-start-your-buisness .login-form {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.lets-start-your-buisness .lets-start-login .heading span {
    color: #000;
    font-family: Rubik, sans-serif;
    font-size: 35.98px;
    font-weight: 500
}

.lets-start-your-buisness .lets-start-login .heading span:nth-child(2) {
    padding: 0 0 5px
}

.lets-start-your-buisness .lets-start-login p {
    color: #a5a5a5;
    margin: 15px 0;
    font-family: Rubik, sans-serif;
    font-size: 15.99px;
    font-weight: 500
}

.lets-start-your-buisness .lets-start-login p a {
    color: #574b80
}

.lets-start-your-buisness .lets-start-login p a:hover {
    text-decoration: underline
}

.lets-start-your-buisness .lets-start-login form label {
    color: #5c5c5c;
    margin: 16px 0;
    font-family: Rubik, sans-serif;
    font-size: 15.99px;
    font-weight: 500;
    display: block
}

.lets-start-your-buisness .content {
    border-radius: 0 20px 20px 0;
    box-shadow: 2px 0 5px #574b80
}

.lets-start-your-buisness .lets-start-login form input {
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    width: 350px;
    height: 65px;
    padding: 0 20px;
    font-family: Rubik, sans-serif;
    font-size: 15.99px;
    font-weight: 300
}

.lets-start-your-buisness .lets-start-login form .input-fields {
    position: relative
}

.lets-start-your-buisness .lets-start-login form .input-fields img {
    position: absolute;
    top: 35%;
    right: 5%
}

.lets-start-your-buisness .lets-start-login form button:nth-child(5) {
    color: #fff;
    background-color: #574b80;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    width: 350px;
    height: 65px;
    margin: 31px 0 10px;
    font-family: Rubik, sans-serif;
    font-size: 15.99px;
    font-weight: 500;
    display: block
}

.lets-start-your-buisness .lets-start-login form .google-button button {
    color: #574b80;
    background-color: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    width: 350px;
    height: 65px;
    font-family: Rubik, sans-serif;
    font-size: 15.99px;
    font-weight: 500;
    display: block
}

.lets-start-your-buisness .lets-start-login form .google-button {
    position: relative
}

.lets-start-your-buisness .lets-start-login form .google-button img {
    content: "";
    z-index: 2;
    position: absolute;
    top: 34%;
    left: 66px;
    right: 0
}

footer {
    background: linear-gradient(162deg, #cf0003 0%, #cf0003 48%, #cf0003 100%);
}

footer .gnome-socials p {
    color: #fff;
    margin: 20px 0;
    font-family: Rubik, sans-serif;
    font-size: 16.04px;
    font-weight: 300
}

footer .gnome-socials .social-link-img ul li {
    display: inline
}

footer .gnome-socials .social-link-img ul li a {
    color: #fff;
    margin: 0 7px
}

footer .footer-list {
    display: flex
}

footer .about-sec p {
    color: #ffa22a;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 600
}

footer .about-sec ul li {
    margin: 0 0 10px
}

footer .about-sec ul li a {
    color: #d1e0e7;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 400
}

footer .about-sec ul li a:hover {
    text-decoration: underline
}

footer .lets-chat {
    justify-content: center;
    align-items: center;
    display: flex
}

footer .letschat-log {
    text-align: center;
    background-color: #ffa22a;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    line-height: 100px;
    position: relative
}

footer .letschat-log:before {
    content: "";
    background-color: #ffa22a;
    border: 3px solid #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    box-shadow: 0 0 3px 2px #fff
}

footer .footer-top {
    padding: 65px 0 0
}

.disclaimer-sec {
    margin: 20px 0 10px
}

.disclaimer-sec p {
    color: #d1e0e7;
    font-family: Montserrat, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px
}

.disclaimer-sec p strong {
    color: #ffa22a;
    font-size: 16px
}

footer .footer-bottom {
    text-align: center;
    border-top: 1px solid #464646;
    padding: 20px 0
}

footer .footer-bottom span {
    color: #d1e0e7;
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 300
}

footer .footer-bottom span:nth-child(2) {
    border-left: 1px solid #fff;
    padding: 0 4px
}

.little-intro-aboutus .little-intro-content .little-intro-btns .talk-with-us-outer {
    margin: 0 20px;
    display: inline-block
}

.little-intro-aboutus .little-intro-content .little-intro-btns .talk-with-us-outer .talk-with-us-inner {
    display: flex
}

.little-intro-aboutus .little-intro-content .little-intro-btns .talk-with-us-outer .talk-with-us-inner .talk-with-us-content {
    margin: 0 0 10px
}

.little-intro-aboutus .little-intro-content .little-intro-btns .talk-with-us-outer .talk-with-us-inner .talk-with-us-content a {
    color: #231e33;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 400
}

.little-intro-aboutus .little-intro-content .little-intro-btns .talk-with-us-outer .talk-with-us-inner .talk-with-us-content a span {
    font-size: 30px;
    font-weight: 600;
    display: block
}

.little-intro-aboutus .little-intro-content .little-intro-btns .talk-with-us-outer .talk-with-us-inner .talk-with-us-content a span:hover {
    color: #ffa22a;
    transition: all .3s linear
}

.whatbooks-we-write .slick-slide img {
    display: inline-block
}

.talk-to-us {
    padding: 0
}

.talk-to-us .content {
    padding: 9px 0
}

.talk-to-us .lets-start-heading {
    text-align: center
}

.talk-to-us .lets-start-heading h5 {
    text-transform: uppercase;
    color: #231e33;
    font-family: EB Garamond, serif;
    font-size: 71.97px;
    font-weight: 700
}

.talk-to-us .lets-start-heading h5 span {
    color: #ffa22a
}

.talk-to-us1 .lets-start-heading h5 span {
    display: block
}

.talk-to-us .lets-start-heading p {
    color: #3e3e3e;
    margin: 0 0 50px;
    padding: 0 165px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 300
}

.talk-to-us .lets-start-your-business-card-img img {
    width: 100%
}

.talk-to-us .login-form {
    padding: 30px
}

.talk-to-us .content {
    border-radius: 0 20px 20px 0;
    box-shadow: 2px 0 5px #574b80
}

.talk-to-us .lets-start-login form input {
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    width: 100%;
    height: 65px;
    margin: 0 0 18px;
    padding: 0 20px;
    font-family: Rubik, sans-serif;
    font-size: 15.99px;
    font-weight: 300
}

.talk-to-us .lets-start-login form textarea {
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    width: 100%;
    height: 125px;
    margin: 20px 0 0;
    padding: 10px
}

.talk-to-us .lets-start-login form button {
    color: #fff;
    background-color: #574b80;
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    width: 100%;
    height: 65px;
    margin: 31px 0 10px;
    font-family: Rubik, sans-serif;
    font-size: 15.99px;
    font-weight: 500;
    display: block
}

.talk-to-us .login-form .lets-start-login form label {
    color: #5c5c5c;
    font-family: Rubik, sans-serif;
    font-size: 15.99px;
    font-weight: 500;
    display: block
}

.contact-us {
    padding: 50px 0
}

.contact-us .contact-us-heading {
    text-align: center;
    text-align: center
}

.contact-us .contact-us-heading h5 {
    text-transform: capitalize;
    color: #ffa22a;
    font-family: EB Garamond, serif;
    font-size: 60px;
    font-weight: 700
}

.contact-us .contact-us-heading p:first-child {
    color: #292929;
    font-family: Rubik, sans-serif;
    font-size: 24px;
    font-weight: 600;
    position: relative
}

.contact-us .contact-us-heading p:first-child:before {
    content: "";
    background-color: #000;
    width: 13%;
    height: 1px;
    position: absolute;
    bottom: 45%;
    left: 18%
}

.contact-us .contact-us-heading p:first-child:after {
    content: "";
    background-color: #000;
    width: 13%;
    height: 1px;
    position: absolute;
    bottom: 45%;
    right: 18%
}

.contact-us .contact-us-heading p:last-child {
    color: #bfbfbf;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 400
}

.contact-us .ways-to-connect {
    justify-content: center;
    display: flex
}

.contact-us .ways-to-connect .ways-to-connect-connect {
    align-items: center;
    display: flex
}

.contact-us .ways-to-connect .ways-to-connect-connect i {
    color: #ffa32d;
    font-size: 24px
}

.contact-us .ways-to-connect .ways-to-connect-connect .ways-to-connect-para {
    margin: 0 0 0 14px;
    display: inline-block
}

.contact-us .ways-to-connect .ways-to-connect-connect .ways-to-connect-para p {
    color: #292929;
    margin: 0;
    font-family: Rubik, sans-serif;
    font-size: 20px;
    font-weight: 600
}

.contact-us .ways-to-connect .ways-to-connect-connect .ways-to-connect-para a,
.contact-us .ways-to-connect .ways-to-connect-connect .ways-to-connect-para p {
    color: #272137;
    font-family: Rubik, sans-serif;
    font-size: 16px;
    font-weight: 300
}

.contact-us .ways-to-connect .ways-to-connect-connect {
    padding: 0 25px
}

.contact-us .ways-to-connect .ways-to-connect-connect:nth-child(2) {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding: 0 50px
}

.contact-us .ways-to-connect .ways-to-connect-connect .ways-to-connect-para a:hover {
    color: #ffa32d;
    text-decoration: underline
}

.contact-us .ways-to-connect {
    margin: 0 0 50px
}

.contact-us .row .ways-to-connect-top-form-heading {
    margin: 0 0 25px
}

.contact-us .row .ways-to-connect-top-form-heading h5 {
    text-transform: capitalize;
    color: #292929;
    font-family: EB Garamond, serif;
    font-size: 60px;
    font-weight: 700
}

.contact-us .row .ways-to-connect-top-form-heading p {
    color: #bfbfbf;
    font-family: Rubik, sans-serif;
    font-size: 16px;
    font-weight: 400
}

.contact-us .row .input-row1 {
    display: flex
}

.contact-us .row input {
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    width: 100%;
    height: 50px;
    margin: 0 0 40px;
    padding: 0 20px;
    font-family: Rubik, sans-serif;
    font-size: 15.99px;
    font-weight: 300
}

.contact-us .row input:nth-child(2) {
    margin: 0 0 0 35px
}

.contact-us .row textarea {
    border: 1px solid #bdbdbd;
    border-radius: 10px;
    width: 100%;
    height: 200px;
    margin: 0 0 40px;
    padding: 20px 0 0 29px;
    font-family: Rubik, sans-serif;
    font-size: 15.99px;
    font-weight: 300
}

.contact-us .row .form-button button {
    color: #fff;
    background-color: #231e33;
    border: transparent;
    border-radius: 50px;
    width: 229px;
    height: 65px;
    margin: 0 10px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 0 0 12px 1px #231e33
}

.contact-us .working-hours-heading h5 {
    text-transform: capitalize;
    color: #292929;
    margin: 0 0 50px;
    font-family: EB Garamond, serif;
    font-size: 60px;
    font-weight: 700
}

.contact-us .working-hours-box {
    color: #fff;
    background: linear-gradient(162deg, #262035 0%, #392e54 48%, #534180 100%);
    border-radius: 8px;
    justify-content: space-around;
    align-items: center;
    display: flex;
    position: relative;
    box-shadow: 0 0 12px 1px #231e33
}

.contact-us .working-hours-box ul li {
    color: #fff;
    margin: 25px 0;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 300
}

.faq1 {
    background-color: transparent
}

.banner .banner-content .banner-list ul li {
    text-align: left;
    color: #fff;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 15px;
    margin: 10px;
    padding-left: 20px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 400;
    display: inline-block
}

.banner .banner-content .banner-btn {
    padding: 20px 0
}

.banner .banner-content .banner-btn button {
    border-radius: 50px;
    width: 229px;
    height: 65.03px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 500
}

.banner .banner-content .banner-btn .btn1 {
    color: #fff;
    background-color: #ffa22a;
    border: transparent;
    box-shadow: 0 0 17px 1px #ffa22a
}

.banner .banner-content .banner-btn .btn2 {
    color: #5d5d5d;
    background-color: #fff;
    border: transparent;
    margin: 0 15px;
    box-shadow: 0 0 17px 1px #fff
}

.header-1 .header-btn button {
    color: #0d042e
}

.banner2 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 190px 0
}

.banner2 .banner-content-udt {
    text-align: left
}

.banner2 .banner-content-udt h5 span {
    display: block
}

.banner2 .banner-content-udt .banner-content-udt-btn {
    flex-flow: wrap;
    align-items: center;
    display: flex
}

.banner2 .banner-content-udt .banner-content-udt-btn button {
    border: transparent;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 50px;
    margin: 5px;
    padding: 0;
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: flex
}

.banner2 .banner-content-udt .banner-content-udt-btn .btn1 {
    color: #fff;
    background-color: #ffa22a;
    border: transparent;
    box-shadow: 0 0 17px 1px #ffa22a
}

.banner2 .banner-content-udt .banner-content-udt-btn .btn2 {
    color: #fff;
    background-color: transparent;
    border: 2px solid #ffa32d;
    margin: 0 15px;
    box-shadow: 0 0 17px 1px #fff
}

.banner2 .banner-content-discount {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    text-align: center;
    background: rgba(255, 255, 255, .35);
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 10px;
    padding: 25px 10px;
    box-shadow: -2px -2px 30px 4px #000
}

.banner2 .banner-content-discount h5 {
    color: #fff;
    margin: 0 0 20px;
    font-family: Gadugi;
    font-size: 33.3px;
    font-weight: 700
}

.banner2 .banner-content-discount h5 span {
    color: #ffa32d;
    font-size: 44.4px
}

.banner2 .banner-content-discount .container .row input {
    color: #fff;
    background-color: #231e33;
    border: transparent;
    border-radius: 25px;
    outline: none;
    width: 100%;
    height: 50px;
    margin: 10px 0;
    padding: 0 15px;
    font-family: Montserrat, sans-serif;
    font-size: 16.08px;
    font-weight: 300
}

.banner2 .banner-content-discount .container .row #country {
    color: #fff;
    background-color: #ffa32d;
    border: transparent;
    border-radius: 25px 0 0 25px;
    outline: none;
    width: 100%;
    height: 50px;
    margin: 10px 0;
    padding: 0 15px;
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    font-weight: 300
}

.iti {
    width: 100%
}

#phone {
    padding: 0 50px
}

.banner2 .banner-content-discount .container .row #services,
#budget {
    color: #fff;
    background-color: #231e33;
    border: transparent;
    border-radius: 25px;
    outline: none;
    width: 100%;
    height: 50px;
    margin: 10px 0;
    padding: 0 15px;
    font-family: Montserrat, sans-serif;
    font-size: 16.08px;
    font-weight: 300
}

.banner2 .banner-content-discount .container .row textarea {
    color: #fff;
    background-color: #231e33;
    border: transparent;
    border-radius: 40px;
    outline: none;
    width: 100%;
    height: 120px;
    margin: 10px 0;
    padding: 25px;
    font-family: Montserrat, sans-serif;
    font-size: 16.08px;
    font-weight: 300
}

.banner2 .banner-content-discount .container .row button {
    color: #fff;
    background-color: #ffa32d;
    border: transparent;
    border-radius: 25px;
    width: 100%;
    height: 50px;
    margin: 10px 0;
    padding: 0 15px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-weight: 600
}

.brands-with-us .brands-with-us-heading1 h2,
.brands-with-us-heading1 h5 {
    color: #231e33
}

.brands-with-us .brands-with-us-heading1.line-one h2 {
    font-size: 48px
}

.why-choose-us2 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
    position: relative
}

.why-choose-us2 .why-choose-us-heading1 h5,
.why-choose-heading h2 {
    color: #fff !important
}

.why-choose-us2 .why-choose-us-heading1 p {
    color: #ededed
}

.why-choose-us2 .why-choose-us-btns .btn1 {
    color: #fff;
    background-color: #231e33;
    border: transparent;
    box-shadow: 0 0 17px 1px #231e33
}

.top-5-features1 {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    position: relative
}

.top-5-features1 .top-5-features-cards1 {
    text-align: center;
    z-index: 2;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 420px;
    margin-bottom: 3em;
    padding: 20px 0;
    display: flex;
    position: relative
}

.top-5-features .top-5-features-cards1:before {
    content: "";
    z-index: -2;
    background-color: #ffa22a;
    border-radius: 50px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.top-5-features-cards1 .top-5-card-img {
    margin: 0 0 20px
}

.top-5-features-cards1 .top-5-card-img img {
    width: 80px
}

.top-5-features1 .top-5-features-cards1 h5,
.top-5-features1 .top-5-features-cards1 h3 {
    color: #ffa32d;
    text-transform: capitalize;
    font-family: Rubik, sans-serif;
    font-size: 22px;
    font-weight: 500
}

.top-5-features1 .top-5-features-cards1 h5 span {
    display: block
}

.top-5-features1 .top-5-features-cards1 p {
    color: #dcdcdc;
    padding: 0 2em;
    font-family: Rubik, sans-serif;
    font-size: 18.01px;
    font-weight: 300
}

.top-5-features1 .top-5-features-cards1 a {
    color: #231e33;
    font-family: Rubik, sans-serif;
    font-size: 23.99px;
    font-weight: 400;
    transition: all .3s ease-in-out
}

.top-5-features1 .top-5-features-cards1:after {
    content: "";
    z-index: -1;
    background: linear-gradient(80deg, #4b3b72 0%, #362c4f 50%, #29223a 100%);
    border-radius: 20px 100px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.top-5-features1 .top-5-heading span {
    color: #231e33;
    margin: 25px 0;
    padding: 0 5px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 600;
    display: inline-block
}

.top-5-features1 .top-5-heading span.border-set {
    border-left: 1px solid #231e33;
    border-right: 1px solid #231e33
}

.our-teams1 {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0 50px
}

.our-teams1 .our-team-button button,
.our-teams1 .our-team-button a {
    color: #fff;
    background-color: #231e33;
    border: transparent;
    border-radius: 50px;
    width: 240px;
    height: 65px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 0 0 12px 1px #231e33
}

.our-teams1 .our-teams-heading p {
    color: #373737;
    padding: 0 123px;
    font-family: Rubik, sans-serif;
    font-size: 18.01px;
    font-weight: 400
}

.our-satisfied-customer-stats1 .our-satisfied-customer-content {
    position: relative
}

.our-satisfied-customer-stats1 .our-satisfied-customer-content:before {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.testimonials .best-reviews1 h3 {
    color: #302946
}

.testimonials .best-reviews1 p {
    padding: 0 22px
}

.lets-start-your-buisness .lets-start-heading1 h5 {
    color: #ffa22a
}

.lets-start-your-buisness .lets-start-login1 form button:nth-child(5) {
    color: #000;
    background-color: #ffa22a;
    border: transparent
}

.whatbooks-we-write1 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10rem 0
}

.whatbooks-we-write1 .books-we-write-heading h5 {
    color: #231e33;
    margin: 150px 0 30px
}

.whatbooks-we-write1 .books-we-write-heading p {
    color: #414141;
    padding: 0 137px
}

.whatbooks-we-write1 .tabs-content {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 50px 0 0;
    display: flex
}

.whatbooks-we-write1 .tabs-content .tab-content {
    margin: 30px 0 0
}

.whatbooks-we-write1 .tabs-content .tab-content .card-images-row,
.card-images-row1 {
    display: flex
}

.whatbooks-we-write1 .tabs-content .tab-content .card-images-row .card-img img {
    width: 100%
}

.whatbooks-we-write1 .tabs-content .tab-content .card-images-row .card-img:nth-child(odd),
.whatbooks-we-write1 .tabs-content .tab-content .card-images-row1 .card-img:nth-child(2n) {
    margin: 80px 30px 50px
}

.whatbooks-we-write1 .tabs-content ul li button {
    color: #231e33;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 10px;
    margin: 0 15px;
    padding: 10px 50px;
    font-family: Rubik, sans-serif;
    font-size: 16px;
    font-weight: 600
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #231e33;
    border: transparent
}

.modal .modal-dialog .modal-content .modal-body form {
    flex-direction: column;
    padding: 0 45px;
    display: flex
}

.banner .banner-content .thank-you-btn {
    color: #fff;
    background-color: #ffa22a;
    border: transparent;
    border-radius: 50px;
    width: 178px;
    height: 52px;
    margin: 0 auto;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 52px
}

.banner .banner-content .thank-you-img {
    filter: brightness(0)invert()
}

.term-sec-wrap {
    padding: 170px 0
}

.term-sec-wrap .terms-content h2 {
    color: #231e33;
    font-family: EB Garamond, serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 80px
}

.term-sec-wrap .terms-content p {
    color: #9d9999;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px
}

.term-sec-wrap .terms-content p span {
    color: #424242;
    margin: 0 5px 0 0;
    font-family: Rubik, sans-serif;
    font-size: 20px;
    font-weight: 500
}

.term-sec-wrap .terms-content ul li {
    color: #9d9999;
    margin: 0 0 0 20px;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    list-style: outside
}

.servicess {
    background-position: top;
    background-size: cover;
    padding: 90px 0
}

.services-head {
    text-align: center;
    position: relative
}

.services-head h2 {
    color: rgba(15, 33, 57, .12);
    font-size: 180px;
    line-height: 124px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.services-head h3 {
    color: #fd5900;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600
}

.services-head h4 {
    color: #0f2139;
    margin-bottom: 35px;
    font-family: Keep Calm Med;
    font-size: 37px
}

.servcies-items {
    text-align: center;
    background: #fff no-repeat padding-box padding-box;
    border-radius: 36px;
    margin: 0 0 0 30px;
    padding: 30px
}

.servcies-items img {
    width: 30%;
    margin: 0 auto 10px
}

.servcies-items p {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px
}

.servcies-items a {
    color: #002768;
    margin-bottom: 17px;
    font-size: 16px
}

.banner .highly-recomended-by .img ul li img {
    object-fit: cover;
    filter: brightness(0)invert();
    width: 14%;
    transition: all .3s ease-in-out
}

.banner .highly-recomended-by .img ul li img:hover {
    filter: brightness()invert(0)
}

.ultimited-sec h2 {
    color: rgba(15, 33, 57, .09);
    letter-spacing: 7px;
    text-align: left;
    word-break: break-all;
    height: 130px;
    font-size: 93px;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: -51px;
    overflow: hidden
}

.ultimited-sec {
    padding: 60px 0 90px
}

.our_client {
    margin: 2rem 0 5rem
}

.our_client .head_txt h4 {
    text-transform: capitalize;
    color: #ffa22a;
    text-align: center;
    font-family: EB Garamond, serif;
    font-size: 58px;
    font-weight: 700
}

.our_client .card_1 p {
    color: rgba(51, 51, 51, .76);
    font-family: Rubik;
    font-size: 15px;
    line-height: 23px
}

.our_client .card_1 div {
    align-items: center;
    display: flex;
    position: absolute;
    bottom: 18px
}

.our_client .card_1 div img {
    width: 40px
}

.our_client .card_1 div h5 {
    margin: 0 21px;
    font-family: Rubik;
    font-size: 15px
}

.our_client .card_1 {
    background: #fff;
    border-radius: 18px;
    height: 274px;
    margin: 0 20px;
    padding: 25px;
    position: relative;
    box-shadow: 3px 0 13px rgba(96, 90, 90, .22)
}

.our_client .slick-slider .slick-track,
.slick-slider .slick-list {
    margin: 20px 0
}

.little-intro-aboutus .little-intro-img img {
    width: 82% !important;
    margin: 0 auto !important;
    display: block !important
}

.section__title {
    text-align: center;
    color: #302946;
    margin: 7px 0 58px;
    font-family: EB Garamond, serif;
    font-size: 50px;
    font-weight: 700
}

.section__title span {
    display: block
}

.frm_area_btm form {
    background: linear-gradient(80deg, #534180 23%, #272136 77%);
    border-radius: 15px;
    padding: 3rem 5rem
}

.frm_area_btm form h4 {
    text-align: center;
    color: #fff;
    font-family: EB Garamond;
    font-size: 30px;
    font-weight: 700
}

.frm_area_btm form input[type=text],
.frm_area_btm form input[type=email],
.frm_area_btm form input[type=tel] {
    color: #fff;
    background: 0 0;
    border: none;
    border-bottom: 1px solid #fff;
    outline: none;
    width: 100%;
    margin: 67px 0;
    font-family: Rubik;
    font-size: 16px;
    display: block
}

.frm_area_btm form input[type=text]::placeholder,
.frm_area_btm form input[type=email]::placeholder,
.frm_area_btm form input[type=tel]::placeholder,
.frm_area_btm form textarea::placeholder {
    color: #fff
}

.frm_area_btm form textarea {
    color: #fff;
    background: 0 0;
    border: none;
    border-bottom: 1px solid #fff;
    outline: none;
    width: 100%;
    height: 26px;
    margin: 22px 0 47px;
    font-family: Rubik;
    font-size: 16px;
    display: block
}

.form-check {
    min-height: 1.5rem;
    margin-bottom: .125rem;
    padding-left: 1.5em;
    display: block
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-input {
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    vertical-align: top;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    width: 1em;
    height: 1em;
    margin-top: .25em
}

.frm_area_btm form label {
    color: #fff;
    font-family: Poppins;
    font-size: 15px
}

.frm_area_btm form button {
    color: #fff;
    background: #fda12a;
    border: 1px solid transparent;
    border-radius: 48px;
    outline: none;
    margin: 50px auto 0;
    padding: 10px 50px;
    font-family: Rubik;
    font-size: 16px;
    transition: all .3s;
    display: block
}

.contact-flow {
    background-color: #f8f8f9;
    border-radius: 9px;
    min-height: 100%;
    margin-top: 4px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 2rem 3rem
}

.contact-flow__title {
    text-align: center;
    margin-bottom: 40px;
    font-family: Poppins;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.8
}

.in-violet-450 {
    color: #ffa22a !important
}

.ordered-list {
    counter-reset: item;
    margin-bottom: 0;
    padding-top: 10px;
    padding-left: 0;
    list-style: none
}

.ordered-list__item {
    margin-bottom: 37px;
    padding-left: 47px;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.88;
    position: relative
}

.contact-flow__list-item {
    opacity: .8;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.86
}

.ordered-list__item:before {
    content: counter(item)"";
    color: #fff;
    text-align: center;
    counter-increment: item;
    counter-increment: item;
    background: #fea12a;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    position: absolute;
    top: 0;
    left: 0
}

#contact-section {
    margin: 0 0 4rem
}

.fx-footer-widget .fx-footer-widget-left {
    padding-right: 5.5176%;
    padding-left: inherit;
    padding-bottom: 40px
}

.fx-footer-leads {
    justify-content: center;
    align-items: center;
    width: 135%;
    margin-bottom: 34px;
    padding-top: 69px;
    font-family: Inter, sans-serif;
    display: flex
}

.fx-footer-leads .card-img {
    width: 41%;
    margin: 10px auto;
    display: block
}

.fx-footer-leads .card-img img {
    width: 25%;
    margin: 0 auto;
    animation: .5s infinite alternate scrollDownAnimation;
    display: block
}

.fx-footer-leads .card-body {
    width: 76%;
    padding: 0
}

.fx-footer-leads .card-body h4 {
    letter-spacing: -.024em;
    color: #fff;
    margin: 0;
    font-family: Rubik;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px
}

.fx-footer-leads .card-number {
    white-space: nowrap;
    margin: 16px 0 21px
}

.fx-footer-leads .card-number span {
    text-align: center;
    color: #f9fbff;
    background: linear-gradient(#f7941d 55.15%, #e58716 59.84%);
    border-radius: 6px;
    width: 64px;
    height: 86px;
    font-family: inherit;
    font-size: 64px;
    font-weight: 900;
    line-height: 86px;
    display: inline-block
}

.form__proposal {
    width: 100%
}

.fx-footer-quote-form {
    padding: 0 0 71px;
    font-family: Rubik;
    position: relative
}

.fx-footer-quote-form .input-group {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px 25px;
    display: flex
}

.fx-footer-quote-form .input-group .form-control {
    color: #142034;
    background-color: transparent;
    border: 0;
    outline: 0;
    font-family: inherit;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px
}

.fx-footer-quote-form .input-group .form-control:focus {
    box-shadow: none;
    outline: none
}

.fx-footer-quote-form h4 {
    letter-spacing: -.03em;
    color: #fff;
    text-align: center;
    width: 100%;
    margin: 41px auto;
    font-family: Rubik;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px
}

.fx-footer-quote-form .input-group {
    background-color: #fff;
    border-radius: 8px;
    width: 76%;
    margin: 0 auto;
    padding: 13px 25px;
    display: flex
}

.fx-footer-widget {
    background: linear-gradient(80deg, #534180 23%, #272136 77%)
}

.form__proposal input[type=text] {
    letter-spacing: -.0055em;
    width: 100%;
    height: 100%;
    color: var(--text-color);
    border-radius: 3px;
    padding: 16px 15px;
    font-size: 18px;
    font-style: normal;
    line-height: 16px
}

.fx-footer-quote-form .input-group .btn {
    text-align: center;
    letter-spacing: -.008em;
    color: #fff;
    z-index: 0;
    background: #fda029;
    width: auto;
    height: 60px;
    margin: 0;
    padding: 18px 36px;
    font-family: Rubik;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    position: absolute;
    right: 20px;
    border-radius: 30px !important
}

@keyframes scrollDownAnimation {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10px)
    }
}

.main-services-one {
    background-color: #f4f6fd;
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative
}

.service-title-one .subtitle {
    justify-content: center
}

.subtitle {
    align-items: center;
    display: flex
}

.h2-title {
    color: #231e33;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 30px;
    padding-top: 12px;
    padding-bottom: 25px;
    font-family: EB Garamond, serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 75px
}

.service-box-one:hover {
    background: linear-gradient(80deg, #4b3b72 0%, #362c4f 50%, #29223a 100%);
    box-shadow: 0 30px 60px rgba(20, 17, 58, .3)
}

.service-box-one {
    text-align: left;
    z-index: 1;
    background-color: #fff;
    border-radius: 10px;
    height: 350px;
    margin: 0 0 20px;
    padding: 40px;
    transition: all .2s cubic-bezier(.98, .57, 1, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0, 0, 0, .1)
}

.service-icon-one img {
    width: 38px;
    height: 38px
}

.service-icon-one:before {
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    transition: all .2s cubic-bezier(.98, .57, 1, 1);
    position: absolute;
    top: 0;
    left: 0
}

.service-box-content-one .h3-title {
    color: #231e33;
    margin: 23px 0 20px;
    font-family: EB Garamond, serif;
    font-size: 28.04px;
    font-weight: 700;
    transition: all .2s cubic-bezier(.98, .57, 1, 1)
}

.service-box-content-one p {
    margin-bottom: 0;
    font-family: Rubik;
    font-size: 15px;
    transition: all .2s cubic-bezier(.98, .57, 1, 1)
}

.service-shape-one {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

.main-services-one {
    background-color: #f4f6fd;
    padding: 50px 0;
    position: relative
}

.service-boxbg-shape-one {
    z-index: -1;
    transition: all .2s cubic-bezier(.98, .57, 1, 1);
    position: absolute;
    top: -396px;
    right: -400px
}

.service-box-one:hover .yes-d-one {
    display: none
}

.service-box-one:hover .no-d-one {
    filter: invert();
    display: block
}

.service-box-one:hover .service-boxbg-shape-one {
    transition: all .5s cubic-bezier(.98, .57, 1, 1);
    top: -170px;
    right: -150px
}

.service-box-one:hover .service-icon-one:before {
    -ms-animation-name: rotateme;
    -ms-animation-duration: 5s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: rotateme;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.service-box-one:hover .service-box-content-one p {
    color: #afabe3;
    transition: all .2s cubic-bezier(.98, .57, 1, 1)
}

.service-box-one:hover .service-box-content-one .h3-title {
    color: #fff;
    transition: all .2s cubic-bezier(.98, .57, 1, 1)
}

.service-icon-one {
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    transition: all .2s cubic-bezier(.98, .57, 1, 1);
    display: flex;
    position: relative
}

.no-d-one {
    display: none
}

.testimonials .content-1 img {
    object-fit: cover;
    object-position: 100% 10%;
    border-radius: 20px 50px;
    width: 150px;
    height: 150px
}

.top-5-features-cards .top-5-card-img {
    margin: 0 0 20px
}

.top-5-features-cards .top-5-card-img img {
    width: 80px
}

.our-process .our-procard1 .our-process-card-content,
.our-process .our-procard2 .our-process-card-content {
    height: 160px
}

.sec-testimonials {
    margin: 0;
    padding: 50px 0;
    position: relative;
    overflow: hidden
}

.sec-testimonials .head {
    margin: 0 0 40px
}

.sec-testimonials .head h6 {
    color: #ffa22a;
    text-align: center;
    font-family: EB Garamond, serif;
    font-size: 50px;
    font-weight: 700
}

.sec-testimonials .test-card {
    background: #fafafa;
    border: 1px solid #ededed;
    border-radius: 5px;
    margin: 0 0 15px;
    padding: 20px;
    overflow: hidden
}

.sec-testimonials .test-card .desc {
    position: relative;
    overflow: hidden
}

.sec-testimonials .test-card .desc:after {
    content: "";
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    right: 0
}

.sec-testimonials .test-card .desc h6 {
    text-transform: capitalize;
    color: #193244;
    margin: 0;
    padding: 0;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-weight: 600
}

.sec-testimonials .test-card .desc .rating i {
    color: #e7711b;
    font-size: 14px
}

.sec-testimonials .test-card .desc small {
    color: #999;
    text-shadow: 1px 1px #fff;
    font-size: 12px;
    font-weight: 600;
    display: block
}

.sec-testimonials .test-card .desc .overflow {
    min-height: 150px;
    max-height: 150px;
    overflow-x: hidden;
    overflow-y: scroll
}

.sec-testimonials .test-card .desc .overflow::-webkit-scrollbar {
    width: 4px
}

.sec-testimonials .test-card .desc .overflow::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 50px
}

.sec-testimonials .test-card .desc .overflow::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 50px
}

.sec-testimonials .test-card .desc .overflow::-webkit-scrollbar-thumb:hover {
    background: #555
}

.sec-testimonials .test-card .desc .overflow p {
    color: #777;
    margin: 0;
    padding: 10px 5px 0 0;
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.sec-grow {
    z-index: 9;
    background: linear-gradient(80deg, #534180 23%, #272136 77%);
    margin: 0;
    padding: 25px 0;
    position: relative;
    overflow: hidden
}

#particles-js {
    mix-blend-mode: screen;
    z-index: 50;
    background-color: rgba(255, 255, 255, .1);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.sec-grow .desc h6 {
    text-transform: capitalize;
    text-align: left;
    color: #fff;
    letter-spacing: -.024em;
    margin: 0 0 30px;
    padding: 0;
    font-family: Rubik;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px
}

.sec-grow .desc p {
    text-transform: capitalize;
    text-align: left;
    color: #fff;
    margin: 0 0 10px;
    padding: 0;
    font-size: 16px;
    font-weight: 400
}

.sec-grow .desc .send-btn {
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
    background: #ffa22a;
    border: 2px solid #ffa22a;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 290px;
    height: 50px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    transition: all .2s ease-in-out;
    display: flex
}

.floatbutton .clickbutton {
    z-index: 999;
    cursor: pointer;
    vertical-align: top;
    color: #fff;
    text-transform: uppercase;
    -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, .15);
    -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, .15);
    background: linear-gradient(45deg, #ffa22a, #f39a28);
    border-radius: 30px 0 0 30px;
    width: 50px;
    height: 270px;
    margin-top: 198px;
    padding-top: 0;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, .09)
}

.floatbutton .btns_wrap .chat_wrap span.icoo,
.floatbutton .btns_wrap .call_wrap span.icoo {
    color: #fff;
    vertical-align: middle;
    background: linear-gradient(45deg, #ffa22a, #f39a28);
    border-right: 1px solid #ded9d9;
    border-radius: 50px 0 0 50px;
    padding: 18px 20px 16px;
    font-size: 18px;
    display: inline-block;
    box-shadow: 1px 0 13px rgba(24, 77, 193, .76)
}

.modal .modal-dialog .modal-content .modal-header,
.modal-footer {
    border: none
}

.modal .modal-dialog .modal-content .modal-header button {
    color: #ffa22a;
    text-align: center;
    opacity: 1;
    border: 3px solid #ffa22a;
    border-radius: 50%;
    font-size: 16px;
    line-height: 1em
}

.modal .modal-dialog .modal-content .modal-header .btn-close {
    background: inherit;
    opacity: inherit;
    position: absolute;
    right: 10px
}

.modal .modal-dialog .modal-content .modal-body {
    text-align: center
}

.modal .modal-dialog .modal-content .modal-body .input-div {
    position: relative
}

.modal .modal-dialog .modal-content .modal-body .input-div i {
    color: #ffa32d;
    position: absolute;
    top: 18px;
    left: 18px
}

.modal .modal-dialog .modal-content .modal-body button {
    color: #fff;
    background-color: #ffa22a;
    border: transparent;
    border-radius: 50px;
    outline: none;
    height: 60px;
    font-family: Rubik, sans-serif;
    font-size: 22px;
    font-weight: 300;
    display: block;
    box-shadow: 0 0 14px 1px #ffa22a
}

.modal .modal-dialog .modal-content .modal-body form {
    flex-direction: column;
    display: flex;
    padding: 0 !important
}

.modal .modal-dialog .modal-content .modal-body form input {
    border: 1px solid #dedede;
    border-radius: 40px;
    outline: none;
    width: 100%;
    height: 54px;
    margin: 0 0 25px;
    padding: 0 40px;
    font-family: Rubik, sans-serif;
    font-size: 15.99px;
    font-weight: 300;
    display: block
}

.modal .modal-dialog .modal-content .modal-body form select {
    -webkit-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(90deg, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 10px), calc(100% - 15px) calc(1em + 10px), calc(100% - 2.5em) 0;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px, 1px 55px;
    border: 1px solid #dedede;
    border-radius: 40px;
    outline: none;
    width: 100%;
    height: 54px;
    margin: 0 0 25px;
    padding: 0 20px;
    font-family: Rubik, sans-serif;
    font-size: 15.99px;
    font-weight: 300;
    display: block;
    position: relative
}

.modal .modal-dialog .modal-content .modal-body form select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 #000
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 #000
}

.modal .modal-dialog .modal-content .modal-body form select option {
    border-bottom: 1px solid #333
}

.modal .modal-dialog .modal-content .modal-body h5 {
    text-transform: capitalize;
    color: #ffa22a;
    font-family: EB Garamond, serif;
    font-size: 27px;
    font-weight: 600
}

.modal .modal-dialog .modal-content .modal-body h5 span {
    font-size: 36px
}

.modal .modal-dialog .modal-content {
    background: linear-gradient(80deg, #534180 23%, #272136 77%);
    padding: 10px 8px
}

.modal .modal-dialog .modal-content .modal-body p {
    color: #fff;
    margin: 0 0 30px;
    font-family: Rubik, sans-serif;
    font-size: 24px;
    font-weight: 400
}

.call-action {
    background-color: #ffa22a;
    border: transparent;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 50px;
    margin: 5px;
    padding: 0;
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    box-shadow: 0 0 17px 1px #ffa22a;
    color: #fff !important
}

a.call-action:hover {
    color: #fff
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .whatbooks-we-write .nav {
        flex-wrap: wrap;
        justify-content: center;
        display: flex
    }

    .whatbooks-we-write .nav li.nav-item {
        margin: 0 0 10px
    }

    .header-1 ul li a {
        margin: 0 15px;
        font-size: 14px
    }

    .call-action,
    .header-1 form button {
        width: 155px;
        height: 50px;
        font-size: 13px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {

    .banner .banner-content h1,
    .banner-content h5 {
        font-size: 50px
    }

    .banner .banner-content h2,
    .banner-content p {
        font-size: 18px
    }

    .header-1 ul li a {
        margin: 0 12px;
        font-size: 13px
    }

    .navbar-light .navbar-brand {
        width: 200px !important;
    }

    .call-action,
    .header-1 form button {
        width: 155px;
        height: 50px;
        font-size: 12px
    }

    .brands-with-us1 .brands-with-us-heading h2,
    .brands-with-us-heading h5 {
        font-size: 55px
    }

    .brands-with-us p {
        font-size: 18px
    }

    .why-choose-us .why-choose-us-heading h2,
    .why-choose-us-heading h5 {
        font-size: 50px
    }

    .why-choose-us p {
        width: 100%;
        font-size: 15px
    }

    .why-choose-us .why-choose-us-heading {
        text-align: left
    }

    .little-intro-aboutus {
        padding: 80px 0
    }

    .little-intro-aboutus .little-intro-content {
        text-align: left
    }

    .little-intro-aboutus .little-intro-content h2,
    .little-intro-content h5 {
        font-size: 45.04px
    }

    .little-intro-aboutus .little-intro-content p {
        width: 100%;
        font-size: 16px
    }

    .top-5-features {
        padding: 65px 0 80px
    }

    .top-5-features .top-5-heading h3,
    .top-5-heading h5 {
        font-size: 45.98px
    }

    .top-5-features .top-5-heading span {
        font-size: 14px
    }

    .our-teams {
        padding: 30px 0
    }

    .our-teams .our-team-card {
        text-align: center
    }

    .our-teams .our-team-card .our-team-card-img .our-team-card-content p {
        width: 51%;
        margin: 0 auto
    }

    .our-teams .our-teams-heading p {
        font-size: 15.01px
    }

    .our-teams .our-team-card .our-team-card-img .our-team-card-content p {
        width: 100%;
        margin: 0 auto;
        font-size: 10px
    }

    .our-teams .our-team-card .our-team-card-avatar img {
        height: 254.59px
    }

    .whatbooks-we-write {
        margin: -215px 0 0;
        padding: 15rem 0
    }

    .whatbooks-we-write .books-we-write-heading h3,
    .books-we-write-heading h2 {
        margin-top: 82px;
        font-size: 43.05px
    }

    .whatbooks-we-write .books-we-write-heading p {
        font-size: 16.02px
    }

    .our-process-card .img-out-circle,
    .img-out-circle2 {
        width: 200px;
        height: 200px
    }

    .our-process-card .img-out-circle:after {
        bottom: -20px
    }

    .our-process .our-process-heading h3,
    .our-process-heading h5,
    .our-process-heading h2 {
        font-size: 45.06px
    }

    .our-process .our-process-heading {
        margin-bottom: 30px
    }

    .our-process:before,
    .our-process:after {
        content: none
    }

    .our-process>.container .row:nth-child(2) .col-12:nth-child(odd) .our-process-card {
        margin: 110px 0 0
    }

    .our-process .second-card-under:after {
        content: none
    }

    .request-a-quote {
        padding: 0
    }

    .request-a-quote .request-a-quote-content {
        border-radius: 0;
        padding: 74px 0;
        box-shadow: 0 0
    }

    .request-a-quote .request-a-quote-content h5 {
        font-size: 50px
    }

    .request-a-quote .request-a-quote-content p {
        margin-bottom: 0;
        font-size: 16px
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options {
        margin: 38px 0 0
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options .live-chat p {
        font-size: 14.84px
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options .live-chat a {
        font-size: 18.74px
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options .talk-to-us {
        padding: 0
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options .talk-to-us p {
        font-size: 14.82px
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options .talk-to-us a {
        font-size: 18.69px
    }

    .testimonials .best-reviews p {
        width: 100%;
        font-size: 14.01px
    }

    .testimonials .review-card {
        height: 460px;
        padding: 32px 25px
    }

    .testimonials .content p {
        letter-spacing: 0
    }

    .testimonials {
        padding: 50px 0 330px
    }

    .testimonials .arrow-main {
        bottom: -97%
    }

    .frequently-asked-questions .frequently-heading h2,
    .frequently-heading h5 {
        color: #302946;
        margin: 0 0 35px;
        font-family: EB Garamond, serif;
        font-size: 50px;
        font-weight: 700
    }

    .frequently-asked-questions .frequently-heading h2 span {
        display: block
    }

    .frequently-asked-questions .frequently-heading p {
        font-size: 16.01px
    }

    .our-satisfied-customer-stats {
        margin: 0
    }

    .our-satisfied-customer-content {
        border-radius: 0
    }

    .our-satisfied-customer-content h5,
    .our-satisfied-customer-content h3 {
        font-size: 47.04px
    }

    .our-satisfied-customer-content p {
        width: 75%;
        margin: 0 auto
    }

    .our-satisfied-customer-content .our-satisfied-counts {
        margin: 40px 0
    }

    .our-satisfied-customer-stats .our-satisfied-customer-content .our-satisfied-counts .counter-container .counter {
        font-size: 51.14px
    }

    .our-satisfied-customer-stats .our-satisfied-customer-content .our-satisfied-counts .counter-container span {
        font-size: 16px
    }

    .talk-to-us .lets-start-your-business-card-img img {
        height: 661.88px
    }

    .talk-to-us .lets-start-heading h5 {
        font-size: 45.97px
    }

    .talk-to-us .content {
        border-radius: 0
    }

    .little-intro-btns {
        flex-wrap: wrap;
        display: flex
    }

    .little-intro-aboutus .little-intro-content .little-intro-btns .btn1 {
        width: 190px;
        height: 65px;
        margin: 0 10px 20px 0;
        font-size: 16px
    }

    .little-intro-aboutus .little-intro-content .little-intro-btns .talk-with-us-outer {
        margin: 0
    }

    .whatbooks-we-write .nav {
        flex-wrap: wrap;
        justify-content: center;
        display: flex
    }

    .whatbooks-we-write .nav li.nav-item {
        margin: 0 0 10px
    }

    .contact-us .ways-to-connect .ways-to-connect-connect:nth-child(2) {
        border: none
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .navbar-light .navbar-toggler-icon {
        filter: invert()
    }

    .banner .banner-content h1,
    .banner-content h5 {
        font-size: 45px
    }

    .banner .banner-content h2,
    .banner-content p {
        font-size: 16px
    }

    .banner .banner-content .banner-form form input {
        width: 69%;
        height: 57px;
        margin: 0 0 35px;
        line-height: 40px
    }

    .banner .banner-content .banner-form form button {
        width: 70%;
        height: 53px;
        margin: 0;
        font-size: 18px;
        line-height: 40px
    }

    .banner .banner-content .banner-form form {
        line-height: inherit;
        background-color: rgba(255, 255, 255, .2);
        border-radius: 60px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 380px;
        display: flex
    }

    .brands-with-us1 .brands-with-us-heading h2,
    .brands-with-us-heading h5 {
        font-size: 45px
    }

    .brands-with-us p {
        font-size: 18px
    }

    .why-choose-us .why-choose-us-heading h2,
    .why-choose-us-heading h5 {
        font-size: 48.04px
    }

    .why-choose-us p {
        width: 100%;
        font-size: 15px
    }

    .why-choose-us .why-choose-us-heading {
        text-align: center
    }

    .little-intro-aboutus {
        padding: 80px 0
    }

    .little-intro-aboutus .little-intro-content {
        text-align: center;
        margin: 0 !important
    }

    .little-intro-aboutus .little-intro-content h2,
    .little-intro-content h5 {
        font-size: 45.04px
    }

    .little-intro-aboutus .little-intro-content p {
        width: 100%;
        font-size: 16px
    }

    .top-5-features {
        padding: 100px 0 145px
    }

    .top-5-features .top-5-heading span {
        font-size: 14px
    }

    .our-teams {
        padding: 30px 0 0
    }

    .our-teams .our-team-card {
        text-align: center
    }

    .our-teams .our-team-card .our-team-card-img .our-team-card-content p {
        width: 51%;
        margin: 0 auto
    }

    .our-teams .our-teams-heading p {
        padding: 0 55px;
        font-size: 15.01px
    }

    .whatbooks-we-write {
        margin: -215px 0 0;
        padding: 8rem 0
    }

    .whatbooks-we-write .books-we-write-heading h3,
    .books-we-write-heading h2 {
        margin-top: 235px;
        font-size: 43.05px
    }

    .whatbooks-we-write .books-we-write-heading p {
        font-size: 16.02px
    }

    .our-process .our-process-heading h3,
    .our-process-heading h5,
    .our-process-heading h2 {
        font-size: 45.06px
    }

    .our-process .our-process-heading {
        margin-bottom: 0
    }

    .our-process:before,
    .our-process:after,
    .our-process .second-card-under:after {
        content: none
    }

    .request-a-quote {
        padding: 0
    }

    .request-a-quote .request-a-quote-content {
        border-radius: 0;
        padding: 74px 0;
        box-shadow: 0 0
    }

    .request-a-quote .request-a-quote-content h5 {
        font-size: 45.04px
    }

    .request-a-quote .request-a-quote-content p {
        margin-bottom: 0;
        font-size: 16px
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options {
        margin: 38px 0 0
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options .live-chat p {
        font-size: 14.84px
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options .live-chat a {
        font-size: 18.74px
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options .talk-to-us {
        padding: 0
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options .talk-to-us p {
        font-size: 14.82px
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options .talk-to-us a {
        font-size: 18.69px
    }

    .testimonials .best-reviews p {
        width: 100%;
        font-size: 14.01px
    }

    .testimonials .review-card {
        height: 460px;
        padding: 32px 25px
    }

    .testimonials .content p {
        letter-spacing: 0
    }

    .testimonials {
        padding: 50px 0 330px
    }

    .testimonials .arrow-main {
        bottom: -97%
    }

    .frequently-asked-questions .frequently-heading h2,
    .frequently-heading h5 {
        color: #302946;
        margin: 0 0 35px;
        font-family: EB Garamond, serif;
        font-size: 47px;
        font-weight: 700
    }

    .frequently-asked-questions .frequently-heading h2 span {
        display: block
    }

    .frequently-asked-questions .frequently-heading p {
        font-size: 16.01px
    }

    .our-satisfied-customer-stats {
        margin: 0
    }

    .our-satisfied-customer-content {
        border-radius: 0
    }

    .our-satisfied-customer-content h5,
    .our-satisfied-customer-content h3 {
        font-size: 47.04px
    }

    .our-satisfied-customer-content p {
        width: 75%;
        margin: 0 auto
    }

    .our-satisfied-customer-content .our-satisfied-counts {
        flex-wrap: wrap;
        margin: 40px 0
    }

    .our-satisfied-customer-stats .our-satisfied-customer-content .our-satisfied-counts .counter-container {
        text-align: center;
        width: 33%;
        margin: 0 auto
    }

    .talk-to-us .lets-start-heading h5 {
        font-size: 45.97px
    }

    .talk-to-us .content {
        border-radius: 0
    }

    .our-process>.container .row:nth-child(2) .col-12:nth-child(odd) .our-process-card {
        margin: 50px 10px 50px 0
    }

    .little-intro-aboutus .little-intro-content .little-intro-btns .btn1 {
        width: 190px;
        height: 65px;
        margin: 0 0 20px;
        font-size: 16px
    }

    .talk-to-us .lets-start-your-business-card-img img {
        border-radius: 50px;
        margin: 0 0 20px
    }

    .whatbooks-we-write .nav {
        flex-wrap: wrap;
        justify-content: center;
        display: flex
    }

    .whatbooks-we-write .nav li.nav-item {
        margin: 0 0 10px
    }

    .our-process-card .img-out-circle {
        order: 1
    }

    .our-process .our-process-card .our-process-card-content {
        order: 2;
        margin-top: 60px
    }

    .our-process-card .img-out-circle2:after {
        bottom: -21px;
        top: inherit;
        transform: rotate(45deg)
    }
}

@media only screen and (min-width:520px) and (max-width:767px) {

    .banner .banner-content h1,
    .banner-content h5 {
        margin: 0 0 25px;
        font-size: 30px
    }

    .banner .banner-content h2,
    .banner-content p {
        margin: 0 0 40px;
        font-size: 14px
    }

    .banner .banner-content .banner-form form input {
        width: 70%;
        height: 40px;
        margin: 0 0 35px;
        line-height: 40px
    }

    .banner .banner-content .banner-form form button {
        width: 70%;
        height: 40px;
        margin: 0;
        font-size: 18px;
        line-height: 40px
    }

    .banner .banner-content .banner-form form {
        line-height: inherit;
        background-color: rgba(255, 255, 255, .2);
        border-radius: 60px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 355px;
        display: flex
    }

    .brands-with-us1 .brands-with-us-heading h2,
    .brands-with-us-heading h5 {
        font-size: 29px
    }

    .brands-with-us p {
        font-size: 16px
    }

    .little-intro-aboutus {
        padding: 30px 0;
        position: relative
    }

    .why-choose-us .why-choose-us-heading h2,
    .why-choose-us-heading h5 {
        font-size: 35.04px
    }

    .why-choose-us p {
        width: 100%;
        font-size: 14.01px
    }

    .why-choose-us .why-choose-us-btns {
        text-align: center
    }

    .why-choose-us .why-choose-us-heading h2 span {
        display: none
    }

    .little-intro-aboutus .little-intro-content h2,
    .little-intro-content h5 {
        font-size: 35px
    }

    .little-intro-aboutus .little-intro-content p {
        width: 100%;
        font-size: 14px
    }

    .little-intro-aboutus .little-intro-content {
        text-align: center;
        margin: 0 !important
    }

    .top-5-features {
        padding: 109px 0 133px
    }

    .top-5-features .top-5-heading h3,
    .top-5-heading h5 {
        font-size: 30px
    }

    .top-5-features .top-5-heading span {
        font-size: 14px
    }

    .our-teams .our-teams-heading p {
        padding: 0;
        font-size: 14.01px
    }

    .our-teams .our-team-card {
        text-align: center
    }

    .our-teams .our-team-card .our-team-card-img .our-team-card-content {
        width: 65%;
        margin: 0 auto
    }

    .our-teams {
        padding: 30px 0 0
    }

    .whatbooks-we-write .books-we-write-heading h3,
    .books-we-write-heading h2 {
        margin-top: 340px;
        font-size: 35.05px
    }

    .whatbooks-we-write .books-we-write-heading p {
        font-size: 14.02px
    }

    .our-process {
        padding: 3rem 0 8rem
    }

    .our-process .our-process-heading {
        margin-bottom: 0
    }

    .our-process:before,
    .our-process:after,
    .our-process .second-card-under:after {
        display: none
    }

    .our-process .our-process-btns {
        margin-top: 2em
    }

    .our-process .our-process-btns button {
        font-size: 13px
    }

    .our-process>.container .row:nth-child(2) .col-12:nth-child(odd) .our-process-card {
        margin: 19px 0
    }

    .request-a-quote .request-a-quote-content {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .request-a-quote {
        padding: 0
    }

    .request-a-quote .request-a-quote-content h5 {
        font-size: 35.04px
    }

    .request-a-quote .request-a-quote-content p {
        font-size: 16px
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options {
        flex-wrap: wrap
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options .live-chat {
        text-align: left;
        margin: 0 25px 23px
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options .talk-to-us {
        text-align: left;
        margin: 0 23px 0 0
    }

    .request-a-quote .request-a-quote-content {
        box-shadow: 0 0
    }

    .testimonials .best-reviews p {
        width: 100%;
        margin: 0 auto 1rem;
        font-size: 16.01px
    }

    .testimonials .review-card {
        background-color: #fff;
        border-radius: 10px;
        align-items: center;
        width: 87%;
        height: 716.05px;
        padding: 32px 25px 21px;
        display: flex;
        box-shadow: 0 0 8px 4px #b9b9b9
    }

    .testimonials .content p {
        color: #4d4d4d;
        letter-spacing: 0;
        margin: 33px 0 15px;
        font-family: Rubik, sans-serif;
        font-size: 16px;
        font-weight: 300
    }

    .testimonials .arrow-main {
        position: absolute;
        bottom: -190%;
        right: 28px
    }

    .testimonials {
        padding: 50px 0 575px
    }

    .frequently-asked-questions .frequently-heading h2,
    .frequently-heading h5 {
        font-size: 43px
    }

    .frequently-asked-questions .frequently-heading p {
        color: #272137;
        margin: 0 0 45px;
        font-family: Rubik, sans-serif;
        font-size: 16.01px;
        font-weight: 300
    }

    .our-satisfied-customer-content {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .our-satisfied-customer-content h5,
    .our-satisfied-customer-content h3 {
        color: #fff;
        margin-top: 30px;
        font-family: EB Garamond, serif;
        font-size: 35.04px;
        font-weight: 700
    }

    .our-satisfied-customer-content p {
        padding: 0 43px;
        font-size: 14.01px
    }

    .our-satisfied-customer-content .our-satisfied-counts {
        flex-wrap: wrap
    }

    .our-satisfied-customer-stats .our-satisfied-customer-content .our-satisfied-counts .counter-container {
        text-align: center;
        width: 100%;
        margin: 0 0 30px
    }

    .talk-to-us .lets-start-heading h5 {
        font-size: 22px
    }

    .our-satisfied-customer-stats {
        margin: 0
    }

    .our-process .our-process-heading h3,
    .our-process-heading h5,
    .our-process-heading h2 {
        color: #ffa22a;
        font-family: EB Garamond, serif;
        font-size: 50.06px;
        font-weight: 700
    }

    .whatbooks-we-write {
        margin: -525px 0 0
    }

    .our-teams .our-team-card .our-team-card-img .our-team-card-content p {
        width: 70%;
        margin: 0 auto;
        font-size: 14px
    }

    footer .gnome-socials .social-link-img ul {
        margin: 0 0 15px
    }

    .talk-to-us .content {
        border-radius: 0
    }

    .little-intro-aboutus .little-intro-content .little-intro-btns .btn1 {
        width: 190px;
        height: 65px;
        margin: 0 0 20px;
        font-size: 16px
    }

    .talk-to-us .lets-start-your-business-card-img img {
        border-radius: 50px;
        margin: 0 0 20px
    }

    .whatbooks-we-write .nav {
        flex-wrap: wrap;
        justify-content: center;
        display: flex
    }

    .whatbooks-we-write .nav li.nav-item {
        margin: 0 0 10px
    }

    .whatbooks-we-write1 .tabs-content .tab-content .card-images-row,
    .whatbooks-we-write1 .tabs-content .tab-content .card-images-row1 {
        flex-wrap: wrap;
        display: flex
    }

    .whatbooks-we-write1 .tabs-content .tab-content .card-images-row .card-img,
    .whatbooks-we-write1 .tabs-content .tab-content .card-images-row1 .card-img,
    .whatbooks-we-write1 .tabs-content .tab-content .card-images-row .card-img:nth-child(odd),
    .whatbooks-we-write1 .tabs-content .tab-content .card-images-row1 .card-img:nth-child(2n) {
        width: 45%;
        margin: 0 10px 20px
    }

    .whatbooks-we-write1 .tabs-content .tab-content .card-images-row .card-img img,
    .whatbooks-we-write1 .tabs-content .tab-content .card-images-row1 .card-img img {
        width: 100%
    }

    .our-process-card .img-out-circle {
        order: 1
    }

    .our-process .our-process-card .our-process-card-content {
        order: 2;
        margin-top: 60px
    }

    .our-process-card .img-out-circle2:after {
        bottom: -21px;
        top: inherit;
        transform: rotate(45deg)
    }
}

@media only screen and (min-width:300px) and (max-width:519px) {

    .banner .banner-content h1,
    .banner-content h5 {
        margin: 0 0 25px;
        font-size: 30px
    }

    .banner .banner-content h2,
    .banner-content p {
        margin: 0 0 40px;
        font-size: 14px
    }

    .banner .banner-content .banner-form form input {
        width: 70%;
        height: 40px;
        margin: 0 0 35px;
        line-height: 40px
    }

    .banner .banner-content .banner-form form button {
        width: 70%;
        height: 40px;
        margin: 0;
        font-size: 18px;
        line-height: 40px
    }

    .banner .banner-content .banner-form form {
        line-height: inherit;
        background-color: rgba(255, 255, 255, .2);
        border-radius: 60px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 355px;
        display: flex
    }

    .brands-with-us1 .brands-with-us-heading h2,
    .brands-with-us-heading h5 {
        font-size: 25px
    }

    .brands-with-us p {
        font-size: 16px
    }

    .why-choose-us .why-choose-us-heading h2,
    .why-choose-us-heading h5 {
        font-size: 20px
    }

    .why-choose-us p {
        width: 100%;
        font-size: 14.01px
    }

    .why-choose-us .why-choose-us-btns {
        text-align: center
    }

    .why-choose-us .why-choose-us-heading h2 span {
        display: none
    }

    .little-intro-aboutus .little-intro-content h2,
    .little-intro-content h5 {
        font-size: 30px
    }

    .little-intro-aboutus {
        padding: 30px 0
    }

    .little-intro-aboutus .little-intro-content p {
        width: 100%;
        font-size: 14px
    }

    .little-intro-aboutus .little-intro-content {
        text-align: center;
        margin: 0 !important
    }

    .top-5-features {
        padding: 0 0 150px
    }

    .top-5-features .top-5-heading h3,
    .top-5-heading h5 {
        font-size: 30px
    }

    .top-5-features .top-5-heading span {
        font-size: 14px
    }

    .our-teams .our-teams-heading p {
        padding: 0;
        font-size: 14.01px
    }

    .our-teams .our-team-card {
        text-align: center
    }

    .our-teams .our-team-card .our-team-card-img .our-team-card-content {
        width: 65%;
        margin: 0 auto
    }

    .our-teams {
        padding: 30px 0 0
    }

    .whatbooks-we-write .books-we-write-heading h3,
    .books-we-write-heading h2 {
        margin-top: 340px;
        font-size: 30px
    }

    .whatbooks-we-write .books-we-write-heading p {
        padding: 0 20px;
        font-size: 14.02px
    }

    .our-process .our-process-heading {
        margin-bottom: 0
    }

    .our-process:before,
    .our-process:after,
    .our-process .second-card-under:after {
        display: none
    }

    .our-process .our-process-btns {
        margin-top: 2em
    }

    .our-process .our-process-btns button {
        font-size: 13px
    }

    .our-process>.container .row:nth-child(2) .col-12:nth-child(odd) .our-process-card {
        margin: 19px 0
    }

    .request-a-quote .request-a-quote-content {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .request-a-quote {
        padding: 0
    }

    .request-a-quote .request-a-quote-content h5 {
        font-size: 25px
    }

    .request-a-quote .request-a-quote-content p {
        font-size: 16px
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options {
        flex-wrap: wrap
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options .live-chat {
        text-align: left;
        margin: 0 25px 23px
    }

    .request-a-quote .request-a-quote-content .request-a-quote-options .talk-to-us {
        text-align: left;
        margin: 0 23px 0 0
    }

    .request-a-quote .request-a-quote-content {
        box-shadow: 0 0
    }

    .testimonials .best-reviews p {
        width: 100%;
        margin: 0 auto 1rem;
        font-size: 16.01px
    }

    .testimonials .review-card {
        background-color: #fff;
        border-radius: 10px;
        align-items: center;
        width: 87%;
        height: 716.05px;
        padding: 32px 25px 21px;
        display: flex;
        box-shadow: 0 0 8px 4px #b9b9b9
    }

    .testimonials .content p {
        color: #4d4d4d;
        letter-spacing: 0;
        margin: 33px 0 15px;
        font-family: Rubik, sans-serif;
        font-size: 16px;
        font-weight: 300
    }

    .testimonials .arrow-main {
        position: absolute;
        bottom: -190%;
        right: 28px
    }

    .testimonials {
        padding: 50px 0 575px
    }

    .frequently-asked-questions .frequently-heading h2,
    .frequently-heading h5 {
        font-size: 25px
    }

    .frequently-asked-questions .frequently-heading p {
        color: #272137;
        margin: 0 0 45px;
        font-family: Rubik, sans-serif;
        font-size: 16.01px;
        font-weight: 300
    }

    .our-satisfied-customer-content {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .our-satisfied-customer-content h5,
    .our-satisfied-customer-content h3 {
        color: #fff;
        margin-top: 30px;
        font-family: EB Garamond, serif;
        font-size: 35.04px;
        font-weight: 700
    }

    .our-satisfied-customer-content p {
        padding: 0 43px;
        font-size: 14.01px
    }

    .our-satisfied-customer-content .our-satisfied-counts {
        flex-wrap: wrap
    }

    .our-satisfied-customer-stats .our-satisfied-customer-content .our-satisfied-counts .counter-container {
        text-align: center;
        width: 100%;
        margin: 0 0 30px
    }

    .talk-to-us .lets-start-heading h5 {
        font-size: 22px
    }

    .our-satisfied-customer-stats {
        margin: 0
    }

    .our-process .our-process-heading h3,
    .our-process-heading h5,
    .our-process-heading h2 {
        color: #ffa22a;
        font-family: EB Garamond, serif;
        font-size: 50.06px;
        font-weight: 700
    }

    .our-teams .our-team-card .our-team-card-img .our-team-card-content p {
        width: 70%;
        margin: 0 auto;
        font-size: 18px
    }

    footer .gnome-socials .social-link-img ul {
        margin: 0 0 15px
    }

    .talk-to-us .content {
        border-radius: 0
    }

    .little-intro-aboutus .little-intro-content .little-intro-btns .btn1 {
        width: 190px;
        height: 50px;
        margin: 0 0 20px;
        font-size: 16px
    }

    .talk-to-us .lets-start-your-business-card-img img {
        border-radius: 50px;
        margin: 0 0 20px
    }

    .whatbooks-we-write .books-we-write-heading {
        padding: 50px 0 0
    }

    .whatbooks-we-write .nav {
        flex-wrap: wrap;
        justify-content: center;
        display: flex
    }

    .whatbooks-we-write .nav li.nav-item {
        margin: 0 0 10px
    }

    .whatbooks-we-write1 .tabs-content .tab-content .card-images-row,
    .whatbooks-we-write1 .tabs-content .tab-content .card-images-row1 {
        flex-wrap: wrap;
        display: flex
    }

    .whatbooks-we-write1 .tabs-content .tab-content .card-images-row .card-img,
    .whatbooks-we-write1 .tabs-content .tab-content .card-images-row1 .card-img,
    .whatbooks-we-write1 .tabs-content .tab-content .card-images-row .card-img:nth-child(odd),
    .whatbooks-we-write1 .tabs-content .tab-content .card-images-row1 .card-img:nth-child(2n) {
        width: 50%;
        margin: 0 auto 20px
    }

    .whatbooks-we-write1 .tabs-content .tab-content .card-images-row .card-img img,
    .whatbooks-we-write1 .tabs-content .tab-content .card-images-row1 .card-img img {
        width: 90%;
        height: 225px
    }

    .our-process-card .img-out-circle {
        order: 1
    }

    .our-process .our-process-card .our-process-card-content {
        order: 2;
        margin-top: 60px
    }

    .our-process-card .img-out-circle2:after {
        bottom: -21px;
        top: inherit;
        transform: rotate(45deg)
    }

    .modal .modal-dialog .modal-content .modal-body form {
        padding: 0
    }

    .modal .modal-dialog .modal-content .modal-body h5 {
        font-size: 23px;
        line-height: 25px
    }

    .modal .modal-dialog .modal-content .modal-body h5 span {
        font-size: 28px
    }

    .modal .modal-dialog .modal-content .modal-body p {
        margin: 16px 0 30px;
        font-size: 15px
    }

    #exampleModal .modal-header h6 {
        font-size: 26px
    }

    .modal .modal-dialog .modal-content .modal-header .btn-close {
        width: 25px;
        height: 25px;
        font-size: 30px;
        line-height: 25px
    }

    footer .footer-bottom span {
        text-align: center
    }

    .footer-bottom img {
        margin: 15px auto 0
    }

    .floatbutton .btns_wrap .chat_wrap {
        width: 275px;
        padding: 0;
        right: -240px
    }

    .floatbutton .btns_wrap .chat_wrap span.icoo,
    .floatbutton .btns_wrap .call_wrap span.icoo {
        padding: 8px;
        font-size: 12px
    }

    .floatbutton .btns_wrap .call_wrap {
        right: -245px
    }

    .floatbutton .clickbutton {
        z-index: 999;
        width: 35px;
        height: 219px
    }

    .floatbutton .clickbutton .crossplus {
        font-size: 12px;
        bottom: 96px;
        left: -63px
    }

    .floatbutton {
        width: 405px;
        right: -380px
    }

    .fx-footer-leads {
        flex-direction: column;
        width: 100%
    }

    .fx-footer-leads .card-img img {
        width: 60%
    }

    .fx-footer-leads .card-body {
        text-align: center
    }

    .fx-footer-quote-form .input-group .btn {
        width: 100%;
        height: 30px;
        padding: 0 10px;
        font-family: Rubik;
        font-size: 14px;
        font-weight: 700;
        line-height: 22px;
        bottom: -44px;
        right: 0;
        border-radius: 0 !important
    }

    .fx-footer-quote-form .input-group .form-control {
        width: 100%;
        height: 30px;
        font-family: inherit;
        font-size: 14px;
        font-weight: 500;
        line-height: 30px
    }

    .fx-footer-quote-form .input-group {
        background-color: #fff;
        border-radius: 8px;
        width: 55%;
        padding: 0;
        display: flex
    }

    .fx-footer-quote-form h4 {
        letter-spacing: -.03em;
        color: #fff;
        width: 100%;
        margin: 10px auto;
        font-family: Rubik;
        font-size: 16px;
        font-weight: 600;
        line-height: 30px
    }

    .fx-footer-leads .card-number span {
        text-align: center;
        color: #f9fbff;
        background: linear-gradient(#f7941d 55.15%, #e58716 59.84%);
        border-radius: 6px;
        width: 45px;
        height: 45px;
        font-family: inherit;
        font-size: 40px;
        font-weight: 900;
        line-height: 41px;
        display: inline-block
    }

    .fx-footer-leads .card-number {
        margin: 5px 0
    }

    .fx-footer-leads {
        margin: 0 0 10px;
        padding: 25px 0 0
    }

    .fx-footer-leads .card-body h4 {
        font-size: 24px;
        line-height: 30px
    }

    .fx-footer-widget .fx-footer-widget-left {
        padding: 0
    }

    .whatbooks-we-write {
        margin: -120% 0 0
    }

    .our-teams {
        margin: 0;
        padding: 0
    }

    .our-process {
        padding: 3rem 0 5rem
    }

    .our_client .card_1 {
        height: 290px
    }

    .service-box-one {
        text-align: center
    }

    .service-icon-one {
        margin: 0 auto
    }
}

.your-story-content h3 {
    text-transform: uppercase
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    border: transparent;
    background-color: #f59b28 !important
}

.why-choose-us-heading ul li {
    color: #fff;
    padding: 5px 0;
    display: flex
}

.why-choose-us p {
    margin: 0 0 10px !important
}

.our-process-heading li {
    padding: 30px 0
}

.little-intro-btns button {
    color: #fff;
    border: transparent;
    justify-content: center;
    align-items: center;
    width: 185px;
    height: 45px;
    margin: 0;
    padding: 0;
    font-family: rubik, sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    background-color: #ffa22a !important;
    border-radius: 50px !important
}

.our-process-sec .card {
    background: #333;
    width: 100%;
    height: 100%;
    transition: all .5s;
    position: relative
}

.our-process-sec .card .lines {
    background: #2b243d;
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px;
    overflow: hidden
}

.our-process-sec .card .lines:before {
    content: "";
    background: linear-gradient(transparent, rgba(245, 155, 40, 0), rgba(245, 155, 40, 0), rgba(245, 155, 40, 0), transparent);
    width: 600px;
    height: 120px;
    animation: 4s linear infinite animate;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.our-process-sec .card .lines:after {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px
}

.our-process-sec .card .imageBox {
    z-index: 10;
    background: #000;
    width: 150px;
    height: 150px;
    transition: all .5s;
    position: absolute;
    top: -50px;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%)
}

.our-process-sec .card:hover .imageBox {
    width: 250px;
    height: 250px
}

.our-process-sec .card .imageBox:before {
    content: "";
    background: linear-gradient(transparent, #ff3c7b, #ff3c7b, #ff3c7b, transparent);
    width: 500px;
    height: 150px;
    animation: 4s linear infinite animate;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.our-process-sec .card .imageBox:after {
    content: "";
    background: #292929;
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 3px;
    right: 3px
}

.our-process-sec .card .imageBox img {
    filter: grayscale();
    z-index: 1;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    transition: all .5s;
    position: absolute;
    top: 10px;
    left: 10px
}

.our-process-sec .card:hover .imageBox img {
    filter: grayscale(0)
}

@keyframes animate {
    0% {
        transform: translate(-50%, -50%)rotate(0)
    }

    to {
        transform: translate(-50%, -50%)rotate(360deg)
    }
}

.our-process-sec .card .content {
    width: 100%;
    padding: 20px;
    display: flex
}

.our-process-sec .card .content .details {
    text-align: center;
    width: 100%;
    transition: all .5s;
    transform: translateY(20px)
}

.our-process-sec .card:hover .content .details {
    transform: translateY(0)
}

.our-process-sec .card .content .details h3 {
    color: #f59b28;
    padding: 0;
    font-size: 21px;
    font-weight: 600;
    line-height: 30px
}

.our-process-sec .card .content .details h2 span {
    color: #fff;
    visibility: hidden;
    font-size: .75rem;
    font-weight: 500
}

.our-process-sec .card .content .details .info {
    align-items: center;
    width: 100%;
    margin: 30px 0
}

.our-process-sec .card .info p {
    color: #fff
}

.our-process-sec .card .content .details .info h3 {
    color: #45f3ff;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2rem
}

.our-process-sec .card .content .details .info h3 span {
    color: #fff;
    font-size: .8rem;
    font-weight: 400
}

.our-process-sec .card .content .details .actions {
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    display: flex
}

.our-process-sec .card .content .details .actions button {
    color: #222;
    cursor: pointer;
    opacity: .8;
    background: #f59b29;
    border: none;
    outline: none;
    min-width: 100px;
    padding: 10px 0;
    font-size: 1rem;
    font-weight: 500;
    transition: all .5s
}

.our-process-sec .card .content .details .actions button:nth-child(2) {
    background: #fff
}

.our-process-sec .card .content .details .actions button:hover {
    opacity: 1
}

.our-process-sec .card .content .details .actions button:active {
    opacity: 1;
    transform: scale(.98)
}

.our-services h2 {
    color: #ffa22a;
    font-family: EB Garamond, serif;
    font-size: 50px;
    font-weight: 700
}

.why-choose-us-heading-inner li {
    display: flex
}

.why-choose-heading ul li img,
.why-choose-us-heading-inner ul li img {
    border: 1px solid #fff;
    border-radius: 50px;
    height: 20px;
    margin: 4px 4px 4px 0
}

.bar-new {
    background: #f49721;
    padding: 25px 0
}

.bar-new .left-head h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 46px
}

.bar-new a.a-css {
    text-align: center;
    color: #fda12a;
    background: #fff;
    border-radius: 7px;
    width: 100%;
    margin: 7px 1px;
    padding: 12px 0;
    font-size: 22px;
    font-weight: 600;
    display: block
}

.center-head h4 {
    color: #fff;
    font-size: 16px
}

.section-title.mar-bott {
    margin-bottom: 20px
}

img.s-img {
    max-width: 10%
}

div#dp-slider .review-card img.s-img {
    margin-bottom: 40px
}

li.nav-item.hover-sub-menu:hover .sub-menu-al {
    box-shadow: 4px 5px 8px 1px rgba(0, 0, 0, .16)
}

li.nav-item.hover-sub-menu .sub-menu-al ul li a {
    color: #4a6f8a !important;
    margin-bottom: 20px !important;
    padding: 0 !important
}

li.nav-item.hover-sub-menu .sub-menu-al ul li a:hover {
    color: #4792e3 !important
}

.new-brand-log-sec {
    justify-content: space-between;
    align-items: center;
    margin: 28px 0 34px;
    display: flex
}

.new-brand-log-sec img {
    width: 20%
}

.footer-bottom img {
    object-fit: contain;
    height: 25px;
    margin: 0 0 0 auto;
    display: table
}

footer .footer-bottom {
    text-align: left !important
}

.floatbutton.active {
    z-index: 11;
    -o-transition: .4s;
    transition: all .4s;
    right: 0
}

.floatbutton {
    -o-transition: .4s;
    z-index: 9;
    width: 420px;
    font-size: 0;
    transition: all .4s;
    position: fixed;
    top: 16%;
    right: -370px
}

.floatbutton .clickbutton {
    z-index: 999;
    cursor: pointer;
    vertical-align: top;
    color: #fff;
    text-transform: uppercase;
    -ms-box-shadow: 0px 0px 40px rgba(0, 0, 0, .15);
    -o-box-shadow: 0px 0px 40px rgba(0, 0, 0, .15);
    background: linear-gradient(45deg, #4792e3, #4792e3);
    border: 1px solid #4792e3;
    border-radius: 30px 0 0 30px;
    width: 50px;
    height: 270px;
    margin-top: 198px;
    padding-top: 0;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, .09)
}

.floatbutton .clickbutton .crossplus:before {
    content: "";
    z-index: 99;
    background: #fbb334;
    width: 20px;
    height: 2px;
    margin: auto;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.floatbutton .clickbutton .crossplus:after {
    content: "";
    z-index: 99;
    background: #fab334;
    width: 2px;
    height: 20px;
    margin: auto;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.floatbutton .clickbutton .crossplus {
    -o-transition: .4s;
    -o-transition: .4s;
    color: #fff;
    white-space: pre;
    font-size: 16px;
    font-weight: 700;
    transition: all .4s;
    display: block;
    position: absolute;
    bottom: 122px;
    left: -79px;
    transform: rotate(-90deg)
}

.floatbutton .clickbutton .crossplus.rotate {
    -o-transition: .4s;
    transition: all .4s
}

.floatbutton .clickbutton .crossplus i {
    color: #f43535;
    margin: 17px 0 0 15px;
    font-size: 18px
}

.floatbutton .banner-form {
    z-index: 9;
    background: #fff;
    border-radius: 5px 0 0 5px;
    width: 370px;
    margin: 0;
    padding: 30px;
    display: inline-block;
    position: relative;
    box-shadow: 0 0 30px rgba(0, 0, 0, .12)
}

.floatbutton .banner-form .ban-form input:not([type=checkbox]) {
    color: gray;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    width: 100%;
    height: 50px;
    margin: 0 0 15px;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 400;
    outline: none !important
}

.floatbutton .banner-form .intl-tel-input {
    width: 100%
}

.floatbutton .banner-form h3 {
    color: #333;
    margin-bottom: 20px;
    font-size: 24px
}

.floatbutton .banner-form .ban-form input[type=submit] {
    color: #fff;
    text-align: center;
    background: linear-gradient(45deg, #4792e3, #4792e3);
    border: transparent;
    border-radius: 3px;
    margin: 20px 0 0;
    padding: 10px 15px;
    font-weight: 600
}

.floatbutton .banner-form .ban-form textarea {
    color: gray;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    width: 100%;
    height: 120px;
    margin: 0;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 400;
    outline: none !important
}

.floatbutton .btns_wrap {
    position: fixed;
    right: -6px
}

.floatbutton .btns_wrap a:hover {
    right: 0;
    text-decoration: none !important
}

.floatbutton .btns_wrap .call_wrap {
    -o-transition: all .3s ease;
    background: #fff;
    border-radius: 50px 0 0 50px;
    width: 280px;
    padding: 0;
    transition: all .3s;
    position: absolute;
    top: 120px;
    right: -225px;
    overflow: hidden;
    box-shadow: 0 0 40px rgba(0, 0, 0, .15) !important
}

.floatbutton .btns_wrap .call_wrap span {
    color: #333;
    vertical-align: middle;
    background: #fff;
    padding: 15px;
    font-size: 20px
}

.floatbutton .btns_wrap .chat_wrap {
    -o-transition: all .3s ease;
    background: #fff;
    border-radius: 50px 0 0 50px;
    width: 280px;
    padding: 0;
    transition: all .3s;
    display: block;
    position: absolute;
    top: 40px;
    right: -225px;
    overflow: hidden;
    box-shadow: 0 0 40px rgba(0, 0, 0, .15) !important
}

.floatbutton .btns_wrap .chat_wrap span.icoo,
.floatbutton .btns_wrap .call_wrap span.icoo {
    color: #fff;
    vertical-align: middle;
    background: linear-gradient(45deg, #4792e3, #4792e3);
    border-right: 1px solid #ded9d9;
    border-radius: 50px 0 0 50px;
    padding: 18px 20px 16px;
    font-size: 18px;
    display: inline-block
}

.floatbutton .btns_wrap .chat_wrap span {
    color: #333;
    vertical-align: middle;
    background: #fff;
    padding: 15px 30px 15px 15px;
    font-size: 20px
}

.section-title.mar-bott {
    max-width: 735px
}

section.our-teams .our-team-card-img {
    transition: all .5s linear
}

section.our-teams .our-team-card-img img {
    width: 81%;
    margin: auto;
    transition: all .5s linear
}

section.our-teams .our-team-card-avatar img {
    margin: auto
}

section.our-teams .our-teams .our-team-card .our-team-card-img .our-team-card-content p {
    padding: 0 20px
}

section.our-teams .our-teams .our-team-card .our-team-card-avatar {
    top: 55%
}

.our-teams .our-team-card .our-team-card-img .our-team-card-content p {
    padding: 0 20px
}

section.our-teams ul.slick-dots {
    justify-content: center;
    align-items: center;
    display: flex
}

section.our-teams ul.slick-dots li button {
    color: transparent;
    border: 2px solid #4792e3;
    border-radius: 30px;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    transition: all .4s linear
}

section.our-teams ul.slick-dots li.slick-active button,
section.our-teams ul.slick-dots li button:hover {
    background: #4792e3
}

section.our-teams .our-team-button {
    margin-top: 50px
}

.sub-menu-al ul.sub-inner li {
    margin: 10px 0
}

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

    .floatbutton .btns_wrap .chat_wrap,
    .floatbutton .btns_wrap .call_wrap {
        right: -195px
    }

    .floatbutton .btns_wrap .chat_wrap span.icoo,
    .floatbutton .btns_wrap .call_wrap span.icoo {
        font-size: 12px
    }

    .floatbutton .clickbutton .crossplus {
        font-size: 15px;
        left: -76px
    }

    .icon-al {
        width: 60px;
        height: 60px
    }

    .testimonials .review-card {
        width: 76%;
        height: 600px;
        position: relative;
        left: -10px
    }

    #dp-slider .dp_item:first-child {
        z-index: 10 !important;
        transform: rotateY(0)translate(0%) !important
    }

    .dp_item[data-position="2"] {
        transform: rotateY(0)translate(0%)scale(.9)
    }

    .dp_item[data-position="3"] {
        z-index: 8;
        transform: rotateY(0)translate(0%)scale(.8)
    }

    .dp_item[data-position="4"] {
        z-index: 7;
        transform: rotateY(0)translate(0%)scale(.7)
    }

    .testimonials .review-card {
        width: 93%;
        margin: auto;
        left: 0
    }

    .floatbutton {
        right: -372px
    }

    .floatbutton .btns_wrap .call_wrap,
    .floatbutton .btns_wrap .chat_wrap {
        right: -225px
    }

    .testimonials .container.mt-5 {
        margin-top: 0 !important
    }

    div#dp-slider .review-card img.s-img {
        margin-bottom: 0
    }

    .testimonials .content p {
        margin-top: 10px
    }

    .testimonials .content-1 img {
        margin-bottom: 40px
    }

    .dp_item[data-position="5"] {
        transform: rotateY(0)translate(0%)scale(.6)
    }

    section.our-teams .our-team-card-img img {
        width: 60%
    }

    .our-teams .our-team-card .our-team-card-img .our-team-card-content p {
        width: 80%;
        padding: 0;
        font-size: 19px;
        font-weight: 600
    }

    .our-teams .our-team-card .our-team-card-avatar {
        top: 60%
    }

    .mob-row-rev.row.align-items-center {
        flex-direction: column-reverse;
        display: flex
    }

    .testimonials {
        padding: 0 0 50px
    }

    .testimonials .arrow-main {
        width: -moz-fit-content;
        width: fit-content;
        position: absolute;
        bottom: 30px;
        left: 50%;
        right: 28px;
        transform: translate(-50%)
    }

    #dp-slider {
        height: 700px;
        overflow: hidden
    }

    .testimonials .best-reviews {
        margin-bottom: 41px
    }

    .mob-row-rev.row.align-items-center img {
        margin-bottom: 30px
    }
}

.heading.mb40 {
    margin-bottom: 40px
}

.process-tabs .nav-pills .nav-link {
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    display: flex
}

.process-tabs.process-tabs-2 .nav-pills .nav-link {
    padding: 20px 5px
}

.process-tabs .nav-pills .nav-link.active {
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #4792e3;
    background-color: #4792e3 !important
}

.process-tabs li.nav-item {
    position: relative
}

.process-tabs.process-tabs-2 li.nav-item {
    flex: 1 1 0;
    margin: 0
}

.process-tabs .nav-pills .nav-link:after {
    content: "";
    background-color: var(--bs-nav-pills-link-active-bg);
    z-index: -1;
    width: 20px;
    height: 20px;
    display: none;
    position: absolute;
    bottom: -4%;
    left: 50%;
    transform: translate(-50%)rotate(45deg)
}

.process-tabs .nav-pills .nav-link.active:after {
    display: block
}

.process-tabs .nav-pills {
    justify-content: space-evenly;
    display: flex
}

.process-tabs .process-heading {
    text-transform: uppercase;
    color: #0f335e;
    justify-self: end;
    margin: 10px 0;
    font-size: 22px;
    font-weight: 700
}

.process-tabs.process-tabs-2 .process-heading {
    font-size: 15px
}

.process-tabs .tab-content p {
    text-align: center;
    font-size: 22px
}

.process-tabs .tab-content {
    margin-top: 35px
}

.process-tabs .nav-link.active .process-heading {
    color: #fff
}

.process-tabs svg.icon {
    fill: #0f335e;
    max-width: 100%;
    max-height: 44px;
    margin: 0 auto 10px;
    display: block
}

.process-tabs .nav-pills .nav-link.active svg.icon {
    fill: #fff
}

.section-content-new .content-box {
    padding: 20px
}

.bg-f2 {
    background: #f2f2f2
}

.content-num {
    color: #4792e3;
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: 700
}

@media only screen and (max-width:767px) {
    .u-userLauncherColor:not([disabled]) {
        background-color: #d5c74d !important
    }
}

.agreement label {
    color: #222;
    padding-left: 10px;
    font-size: 12px;
    display: inline
}

.theme-dark .agreement label {
    color: #fff
}

.agreement label.error,
label.error {
    color: red
}

.form-check-input {
    width: 1rem;
    height: 1rem
}

.form-check .form-check-input {
    display: inline
}

.form-check.agreement {
    padding-top: 10px
}

.review-card p {
    color: #000 !important
}

.navbar-area a.navbar-brand {
    width: 30%;
}

.align-centered {
    justify-content: center
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
    font-family: "Font Awesome 6 Free"
}

.package__price-now {
    margin-top: 10px;
    font-size: 1.4rem
}

.package__price {
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
    display: block
}

.package__price-now span,
.reg span {
    font-size: 1.8rem;
    font-weight: 700
}

.reg {
    font-size: 1.4rem
}

.package__price-now .blink {
    animation: 1s linear infinite blinker
}

.reg span {
    -webkit-text-decoration: line-through red;
    text-decoration: line-through red
}

@keyframes blink {
    50% {
        opacity: 1;
        color: #28a8e1 !important
    }

    to {
        opacity: 0
    }
}

li.pp:before {
    display: none
}

li.pp {
    padding: 0 !important
}

li.pp:after {
    display: none
}

h2.package__title {
    font-size: 2.3rem
}

.table-fixed {
    table-layout: fixed;
    width: 100%
}

.table-fixed tbody {
    color: #fff;
    padding: 10px;
    font-weight: 500;
    line-height: 3;
    display: contents
}

.chart-header-custom th:first-child {
    box-shadow: none !important;
    background: 0 0 !important
}

.chart-header-custom th {
    color: #fff;
    text-align: center;
    box-shadow: 0 0 40px 2px rgba(var(--bs-primary-rgb), .4);
    background: #0f335e;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-size: 1.4rem;
    line-height: 2.5
}

button.compare-now-btn.mb-10.mt-5 {
    box-shadow: 0 0 40px 2px rgba(var(--bs-primary-rgb), .4);
    background: 0 0;
    border: none;
    border-radius: 25px;
    margin: 0 auto 50px;
    padding: 10px 20px;
    font-weight: 700;
    display: flex;
    margin-top: 30px !important
}

.table-fixed tbody tr.sub-head strong {
    color: #fff !important
}

.table-fixed tbody tr.sub-head {
    color: #fff !important;
    background: #4792e3 !important
}

button.compare-now-btn.mb-10.mt-5 svg {
    width: 10px;
    margin-left: 10px
}

.table-fixed {
    margin-top: 20px
}

.table-fixed tbody tr td {
    padding: 23px 10px;
    line-height: 1.2
}

.table-fixed tbody tr:nth-child(odd) {
    background-color: #c5ddf8;
    color: #000 !important;
    border: none !important
}

.table-fixed tbody tr:nth-child(2n) {
    color: #000;
    background-color: #fff;
    border: none !important
}

tr.sub-head th {
    font-size: 1.3rem
}

i.bx.bx-check {
    color: #67d267;
    font-size: 1.6rem
}

i.bx.bx-x {
    color: #dc3545;
    font-size: 1.6rem
}

.expanded {
    max-height: 2700px
}

.collapsed,
.expanded {
    transition: all .8s ease-in-out
}

.collapsed {
    max-height: 0;
    overflow: hidden
}

@media only screen and (max-width:768px) {
    .table-fixed tbody tr td {
        font-size: .6rem;
        line-height: 2
    }

    .chart-header-custom th {
        font-size: 1rem;
        line-height: 1.5
    }

    tr.sub-head th {
        font-size: 1rem
    }
}

ul.pricing-features li:before {
    display: none
}

ul.pricing-features li {
    padding-left: 0
}

ul.pricing-features li i {
    padding-right: 5px
}

button.compare-now-btn.mb-10.mt-5 {
    color: #000
}

.vjs-theme-sea .vjs-big-play-button {
    object-fit: contain !important;
    background-color: rgba(255, 255, 255, .25) !important;
    border: none !important;
    border-radius: 30px !important;
    width: 103px !important;
    height: 79px !important;
    margin: -51.5px auto 0 -39.5px !important;
    line-height: 79px !important;
    top: 50% !important;
    left: 50% !important
}

.vjs-theme-sea .vjs-control-bar {
    background-color: rgba(255, 255, 255, .4) !important;
    height: 4em !important
}

.vjs-theme-sea .vjs-button:hover {
    color: #4176bc;
    background: linear-gradient(#fff, #d0ddee)
}

.vjs-theme-sea .vjs-button>.vjs-icon-placeholder:before {
    line-height: 2.2
}

.vjs-theme-sea .vjs-time-control {
    line-height: 4em
}

.vjs-theme-sea .vjs-volume-panel,
.vjs-theme-sea .vjs-picture-in-picture-control {
    display: none
}

.vjs-theme-sea .vjs-progress-control .vjs-play-progress {
    background-color: rgba(65, 118, 188, .9)
}

.vjs-theme-sea .vjs-progress-control .vjs-play-progress:before {
    display: none
}

.vjs-theme-sea .vjs-progress-control .vjs-slider {
    background-color: rgba(65, 118, 188, .1)
}

.vjs-theme-sea .vjs-progress-control .vjs-load-progress div {
    background: rgba(255, 255, 255, .5)
}

.vjs-theme-sea .vjs-progress-control .vjs-progress-holder {
    height: 100%;
    margin: 0
}

.vjs-theme-sea .vjs-progress-control .vjs-time-tooltip {
    color: #fff;
    background-color: rgba(65, 118, 188, .5)
}

.vjs-theme-sea .vjs-progress-control .vjs-mouse-display .vjs-time-tooltip {
    color: #4176bc;
    background-color: rgba(255, 255, 255, .7)
}

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 100%
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.reviews-section {
    --primary-color: #cf0003;
    --secondary-color: #0f335e;
    background-color: #fff;
    flex-direction: column;
    display: flex
}

p.client-exp {
    font-size: 24px
}

.reviews-section h2 {
    color: var(--primary-color);
    font-size: 36px;
    font-weight: 700
}

.review-heading-div {
    padding: 20px 0
}

.reviews-section .r_h1,
.reviews-section .r_h2 {
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2
}

.reviews-section .r_h1 {
    color: var(--secondary-color)
}

.reviews-section .r_h2 {
    color: var(--primary-color)
}

.review-main {
    margin: 40px 0;
    padding: 20px
}

.review-left {
    padding-top: 30px;
    position: relative;
    overflow: hidden
}

.review-con-1 {
    align-items: center;
    height: 100%;
    display: flex
}

.review-con-1 p {
    color: #181818
}

.video-container iframe,
.video-container object,
.video-container embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.vdo-col {
    flex-direction: column;
    justify-content: center;
    display: flex
}

.review-right {
    padding: 20px;
    position: relative
}

.txt-col {
    padding: 20px
}

.review-tags {
    flex-wrap: wrap;
    padding: 20px 0;
    display: flex
}

.rtag {
    border: 1px solid #fff;
    margin: 10px 5px;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s linear;
    position: relative
}

.rtag span {
    color: #fff;
    transition: all .3s linear
}

.rtag a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.rtag:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.review-left {
    align-items: center;
    display: flex
}

.brds {
    background-color: var(--secondary-color);
    position: absolute
}

.brds.brd-top {
    width: 30%;
    top: 0;
    right: 0
}

.brds.brd-top,
.brds.brd-bottom {
    height: 5px
}

.brds.brd-bottom {
    width: 85%;
    bottom: 0;
    right: 0
}

.brds.brd-right,
.brds.brd-left {
    width: 5px
}

.brds.brd-right {
    height: 100%;
    top: 0;
    right: 0
}

.review-alt .txt-col {
    order: 1
}

.review-alt .vdo-col {
    order: 2
}

.review-alt .brds.brd-top,
.review-alt .brds.brd-bottom {
    right: unset;
    left: 0
}

.review-alt .brds.brd-right {
    height: 0
}

.review-alt .brds.brd-left {
    height: 100%;
    top: 0;
    left: 0
}

.review-fullwidth {
    background-image: url(/reviews-bg.png);
    background-size: cover;
    margin: 60px 0;
    padding: 40px 0
}

.review-fullwidth h2 {
    color: #fff;
    border-top: 0;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 0;
    margin-bottom: 15px;
    padding: 15px;
    font-size: 54px;
    line-height: 1.2;
    display: inline-block;
    position: relative
}

.review-fullwidth h3 {
    color: var(--primary-color);
    text-transform: capitalize;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 600
}

.review-fullwidth h2 {
    position: relative
}

.review-fullwidth h2:before {
    content: "";
    background: #fff;
    width: 25%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0
}

.review-fullwidth h2:after {
    content: "";
    background: var(--primary-color);
    width: 10px;
    height: 2px;
    animation: 5s linear 1s infinite alternate motion;
    position: absolute;
    top: 0;
    left: 22%
}

@keyframes motion {
    0% {
        left: 22%
    }

    24% {
        width: 15px;
        height: 2px;
        left: -2px
    }

    25% {
        width: 2px;
        height: 15px;
        top: 0
    }

    49% {
        width: 2px;
        height: 15px;
        top: 90%
    }

    50% {
        width: 15px;
        height: 2px;
        top: 90%;
        left: -2px
    }

    51% {
        top: 100%;
        left: -2px
    }

    to {
        top: 100%;
        left: 99%
    }
}

.video-container {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 20px !important;
    display: flex !important
}

.video-js {
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .5) !important
}

.vjs-theme-sea .vjs-big-play-button {
    top: 80% !important
}

@media (max-width:768px) {
    .review-main {
        margin: 0;
        padding: 0
    }

    .reviews-section h2 {
        font-size: 24px
    }

    .review-main {
        flex-direction: column
    }

    .brds.brd-right,
    .brds.brd-left,
    .review-alt .brds.brd-right {
        height: 100%
    }

    .brds.brd-left {
        top: 0;
        left: 0
    }

    .brds.brd-top,
    .brds.brd-bottom {
        width: 100%
    }

    .rtag {
        padding: 5px 10px;
        font-size: 14px
    }

    .review-tags {
        justify-content: space-evenly
    }
}

.slider-view {
    width: 100%;
    position: relative
}

.slider-view .slick-arrow {
    color: transparent;
    border: unset;
    z-index: 1;
    border-radius: 40px;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.slider-view button.slick-prev {
    left: 0;
    background-image: url(../media/left-arroww.32fff3c1.png) !important;
    background-size: cover !important
}

.slider-view button.slick-next {
    right: 0;
    background-image: url(../media/right-arroww.b90f149d.png) !important;
    background-size: cover !important
}

@media only screen and (max-width:767px) {
    .mob-rev-sec.row {
        flex-direction: column-reverse
    }
}

a#bbblink {
    text-align: center;
    color: #005a78;
    margin: 0;
    padding: 0;
    text-decoration: none;
    display: block;
    position: relative;
    overflow: hidden
}

a#bbblink img {
    border: 0;
    max-width: 200%;
    margin-left: 0;
    position: absolute;
    top: 0;
    left: 0
}

a#bbblink.cshzbal,
a#bbblink.cshzbul {
    width: 293px;
    height: 61px
}

a#bbblink.cuvtbas,
a#bbblink.cuvtbus {
    width: 63px;
    height: 134px
}

a#bbblink.cuvtbam,
a#bbblink.cuvtbum {
    width: 69px;
    height: 145px
}

a#bbblink.cuvtbal,
a#bbblink.cuvtbul {
    width: 81px;
    height: 171px
}

a#bbblink.cuhzbas,
a#bbblink.cuhzbus {
    width: 96px;
    height: 50px
}

a#bbblink.cuhzbam,
a#bbblink.cuhzbum {
    width: 137px;
    height: 70px
}

a#bbblink.cuhzbal,
a#bbblink.cuhzbul {
    width: 160px;
    height: 82px
}

a#bbblink.ruvtbas,
a#bbblink.ruvtbus {
    width: 40px;
    height: 75px
}

a#bbblink.csvtbas,
a#bbblink.csvtbus {
    width: 153px;
    height: 100px
}

a#bbblink.csvtbam,
a#bbblink.csvtbum {
    width: 158px;
    height: 110px
}

a#bbblink.csvtbal,
a#bbblink.csvtbul {
    width: 187px;
    height: 130px
}

a#bbblink.cshzbas,
a#bbblink.cshzbus {
    width: 200px;
    height: 42px
}

a#bbblink.cshzbam,
a#bbblink.cshzbum {
    width: 250px;
    height: 52px
}

a#bbblink.ruhzbam,
a#bbblink.ruhzbum {
    width: 150px;
    height: 69px
}

a#bbblink.sevtbam,
a#bbblink.rbvtbam,
a#bbblink.sevtbum,
a#bbblink.rbvtbum {
    width: 60px;
    height: 98px
}

a#bbblink.sevtbam:hover img,
a#bbblink.rbvtbam:hover img,
a#bbblink.ruvtbam:hover img,
a#bbblink.sevtbum:hover img,
a#bbblink.rbvtbum:hover img,
a#bbblink.ruvtbum:hover img {
    margin-left: -60px
}

a#bbblink.ruvtbam,
a#bbblink.ruvtbum {
    width: 60px;
    height: 110px
}

a#bbblink.sehzbas,
a#bbblink.rbhzbas,
a#bbblink.sehzbus,
a#bbblink.rbhzbus {
    width: 100px;
    height: 38px
}

a#bbblink.sehzbas:hover img,
a#bbblink.rbhzbas:hover img,
a#bbblink.ruhzbas:hover img,
a#bbblink.sehzbus:hover img,
a#bbblink.rbhzbus:hover img,
a#bbblink.ruhzbus:hover img {
    margin-left: -100px
}

a#bbblink.ruhzbas,
a#bbblink.ruhzbus {
    width: 100px;
    height: 48px
}

a#bbblink.sevtbas,
a#bbblink.rbvtbas,
a#bbblink.sevtbus,
a#bbblink.rbvtbus {
    width: 40px;
    height: 65px
}

a#bbblink.sevtbas:hover img,
a#bbblink.rbvtbas:hover img,
a#bbblink.ruvtbas:hover img,
a#bbblink.sevtbus:hover img,
a#bbblink.rbvtbus:hover img,
a#bbblink.ruvtbus:hover img {
    margin-left: -40px
}

a#bbblink.sehzbal,
a#bbblink.rbhzbal,
a#bbblink.sehzbul,
a#bbblink.rbhzbul {
    width: 200px;
    height: 76px
}

a#bbblink.sehzbal:hover img,
a#bbblink.rbhzbal:hover img,
a#bbblink.ruhzbal:hover img,
a#bbblink.sehzbul:hover img,
a#bbblink.rbhzbul:hover img,
a#bbblink.ruhzbul:hover img {
    margin-left: -200px
}

a#bbblink.ruhzbal,
a#bbblink.ruhzbul {
    width: 200px;
    height: 90px
}

a#bbblink.sevtbal,
a#bbblink.rbvtbal,
a#bbblink.sevtbul,
a#bbblink.rbvtbul {
    width: 80px;
    height: 132px
}

a#bbblink.sevtbal:hover img,
a#bbblink.rbvtbal:hover img,
a#bbblink.ruvtbal:hover img,
a#bbblink.sevtbul:hover img,
a#bbblink.rbvtbul:hover img,
a#bbblink.ruvtbul:hover img {
    margin-left: -80px
}

a#bbblink.ruvtbal,
a#bbblink.ruvtbul {
    width: 80px;
    height: 144px
}

a#bbblink.sehzbam,
a#bbblink.rbhzbam,
a#bbblink.sehzbum,
a#bbblink.rbhzbum {
    width: 150px;
    height: 57px
}

a#bbblink.sehzbam:hover img,
a#bbblink.rbhzbam:hover img,
a#bbblink.ruhzbam:hover img,
a#bbblink.sehzbum:hover img,
a#bbblink.rbhzbum:hover img,
a#bbblink.ruhzbum:hover img {
    margin-left: -150px
}

ul.pricing-features::-webkit-scrollbar-track {
    border-radius: 10px
}

ul.pricing-features::-webkit-scrollbar {
    background-color: transparent;
    width: 8px
}

ul.pricing-features::-webkit-scrollbar-thumb {
    background-color: #8b8b8b;
    border-radius: 10px
}

ul.pricing-features::-webkit-scrollbar-thumb:hover {
    background-color: #636363
}

.my-ul li {
    margin-bottom: 10px
}

.my-ul li:before {
    content: "";
    background-color: #fff;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    display: inline-block
}

.port .slick-slide {
    margin: 0 27px
}

.port .slick-list {
    margin: 0 -27px
}

.port .slick-arrow {
    color: transparent;
    border: unset;
    z-index: 1;
    border-radius: 40px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.dsdas img {
    filter: drop-shadow(2px 4px 6px #000)
}

.av-on a {
    color: #29a8e1;
    background: #fff
}

.a-book .row {
    align-items: center
}

.a-book .pub-img img {
    width: 90%;
    margin: 0 auto
}

.a-book {
    border-radius: 15px;
    padding: 25px
}

.port-detal h5 {
    font-weight: 700
}

.port-detal h6 {
    font-size: 14px !important
}

.av-on {
    margin-top: 26px
}

.av-on h6 {
    font-weight: 700
}

.popup-coupon .form-control {
    background: #f4f7fc;
    border: 1px solid rgba(0, 0, 0, .04);
    height: 60px;
    padding-left: 15px
}

.popup-coupon .form-control:focus,
.popup-coupon .form-control:hover {
    border-color: var(--p-clr);
    box-shadow: none
}

.popup-coupon textarea.form-control {
    height: auto
}

.popup-coupon .form-group {
    margin-bottom: 1rem
}

.popup-coupon {
    --p-clr: #4792e3;
    z-index: 999997;
    transform-origin: top;
    background-color: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: all .3s linear;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    transform: scaleY(0)
}

.popup-coupon.pop-active {
    transform: scaleY(1)
}

.popup-coupon-buttons input[type=submit] {
    background: #a50103;
    border-color: #a50103;
    color: #fff;
    text-transform: uppercase;
    border-radius: 10px;
    width: auto;
    margin-bottom: 0;
    padding: 15px 25px;
    font-family: Poppins, sans-serif;
    font-weight: 500;
    line-height: 1;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .75)
}

.popup-coupon-buttons input[type=submit]:hover {
    color: var(--p-clr);
    background: #fff
}

.popup-coupon-inner {
    background-color: #fff;
    border-radius: 15px;
    max-width: 600px;
    padding: 20px 40px;
    position: relative
}

.popup-coupon-close {
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: flex;
    position: absolute;
    top: 15px;
    right: 10px
}

.popup-coupon-close button {
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    z-index: 2;
    background: #cd1010;
    border: 2px solid transparent;
    border-radius: 50%;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.6;
    transition: all .2s linear;
    display: flex
}

.popup-coupon-close button:hover {
    background: #fff;
    border-color: #cd1010;
    color: #cd1010 !important
}

.popup-coupon-main textarea.form-control {
    resize: none
}

.popup-coupon-main .form-control {
    border-radius: 10px
}

.popup-coupon-buttons {
    justify-content: space-around;
    align-items: center;
    display: flex
}

.popup-coupon-activate {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    color: #2a2a2a !important
}

.popup-coupon-activate:before {
    content: "";
    background-color: #a50103;
    width: 5px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0
}

.popup-coupon-last {
    color: var(--p-clr);
    font-size: 26px
}

.popup-coupon .clr-1 {
    color: var(--p-clr)
}

@media (max-width:767px) {
    .popup-coupon {
        padding: 0 10px
    }

    .popup-coupon-inner {
        margin-top: 50px;
        padding: 20px
    }

    .popup-coupon-activate {
        padding-right: 20px;
        font-size: 16px
    }

    .popup-coupon-last {
        font-size: 22px
    }

    .popup-coupon-main input.form-control {
        height: 45px;
        font-size: 14px;
        line-height: 1
    }

    .popup-coupon-main textarea.form-control {
        height: 80px
    }

    .popup-coupon-buttons {
        flex-direction: column
    }

    .popup-coupon .btn-con-popup-coupon {
        margin: 5px 0
    }

    .popup-coupon .btn-con-popup-coupon input[type=submit] {
        min-width: 220px;
        font-size: 15px;
        font-family: var(--font-900);
        padding: 10px
    }

    .popup-coupon {
        align-items: flex-start;
        padding-top: 40px
    }

    .popup-coupon-close {
        width: 25px;
        height: 25px
    }

    .popup-coupon-close button {
        font-size: 18px;
        line-height: 17.5px
    }
}

.port-detal {
    padding-right: 10px
}

.a-book:after {
    content: "";
    z-index: 0;
    background: #29a8e1;
    border-radius: 10px;
    width: 92%;
    height: 175px;
    display: block;
    position: absolute;
    top: 27.5%
}

.a-book .row {
    z-index: 99999;
    position: relative
}

.a-book {
    position: relative
}

@media only screen and (max-width:1350px) {
    .a-book:after {
        top: 23.5%
    }
}

@media only screen and (max-width:1070px) {
    .a-book:after {
        height: 200px;
        top: 18.5%
    }

    .a-book .row .col-md-7 {
        width: 40%
    }

    .a-book .row .col-md-5 {
        width: 60%
    }

    .a-book {
        background: #29a8e1
    }

    .a-book:after {
        background: 0 0
    }
}

@media only screen and (max-width:768px) {
    .a-book:after {
        background: #29a8e1
    }

    .a-book {
        background: 0 0 !important
    }

    .a-book .row {
        display: flex
    }

    .a-book .row .col-md-7,
    .a-book .row .col-md-5 {
        width: 50%
    }

    .a-book:after {
        height: 181px;
        top: 24.5% !important
    }
}

@media only screen and (max-width:650px) {
    .a-book .row .col-md-5 {
        width: 55%
    }

    .a-book .row .col-md-7 {
        width: 45%
    }

    .a-book:after {
        top: 18.5% !important
    }
}

@media only screen and (max-width:600px) {
    .a-book:after {
        top: 15.5% !important
    }
}

@media only screen and (max-width:550px) {
    .a-book:after {
        top: 13.5% !important
    }
}

@media only screen and (max-width:500px) {
    .a-book:after {
        top: 9.5% !important
    }

    .hero {
        background-blend-mode: multiply;
        background-color: rgba(0, 0, 0, .5)
    }
}

@media only screen and (max-width:480px) {
    .a-book .pub-img img {
        width: 100%
    }

    .a-book:after {
        top: 11.5% !important
    }

    .port-detal h5 {
        font-size: 1rem;
        font-weight: 700
    }
}

@media only screen and (max-width:450px) {
    .a-book:after {
        height: 195px;
        top: 53% !important
    }

    .a-book .row {
        display: block
    }

    .a-book .row .col-md-7 {
        width: 100% !important
    }

    .a-book .row .col-md-5 {
        width: 100%
    }

    .a-book .pub-img img {
        width: 65%
    }

    .port-detal {
        padding-top: 10px;
        padding-left: 20px
    }
}

@media only screen and (max-width:425px) {
    .a-book:after {
        top: 51% !important
    }
}

@media only screen and (max-width:380px) {
    .a-book:after {
        top: 48% !important
    }
}

@media only screen and (max-width:350px) {
    .a-book:after {
        top: 44% !important
    }
}

.thank-you-page {
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex
}

.text-tq {
    color: #555
}

.floating-phone {
    z-index: 99992;
    background-color: #58af36;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 30px;
    position: fixed;
    bottom: 10px;
    left: 30px
}

.floating-phone a {
    color: #fff;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: flex
}

.mean-container a.meanmenu-reveal {
    cursor: pointer;
    color: #000;
    text-indent: -9999em;
    width: 35px;
    height: 30px;
    padding-top: 9px;
    font-size: 1px;
    font-weight: 700;
    line-height: 22px;
    text-decoration: none;
    display: block;
    position: absolute;
    right: 0
}

.mean-container a.meanmenu-reveal span {
    background: #000;
    border-radius: 3px;
    height: 4px;
    margin-top: -7px;
    display: block;
    position: relative;
    top: 8px
}

.mean-container .mean-nav {
    float: left;
    background: 0 0;
    width: 100%;
    position: absolute;
    margin-top: 0 !important
}

.mean-container .mean-nav ul#navMenus {
    background: #fff;
    padding: 10px 15px;
    margin-top: 55px !important
}

.hero-form {
    color: #000;
    background-color: #fff;
    border-radius: 5px;
    max-width: 450px;
    margin: 0 auto;
    padding: 30px
}

.hero-form textarea.form-control {
    resize: none;
    height: 100px
}

.hero-form__heading {
    color: var(--bs-primary);
    animation: 1s cubic-bezier(.4, 0, 1, 1) infinite blink1
}

.hero-form input.form-control,
.hero-form textarea.form-control {
    background-color: #fff;
    border-radius: 3px;
    padding: 10px 15px;
    font-size: 14px
}

.slick-track {
    display: flex !important
}

.slick-arrow:before {
    color: #000 !important
}

.free-trial-area .container {
    margin-bottom: 50px
}

.pop-once .modal-content {
    box-shadow: none !important;
    background: 0 0 !important;
    border: none !important
}

.pop-once button.btn-close {
    border: none !important
}

.modal.fade {
    opacity: 0
}

.modal.fade.show {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.pop-once .modal-header .btn-close {
    z-index: 999;
    padding: 3px 7px 7px 4px;
    position: relative;
    top: 72px;
    color: #fff !important;
    border: 2px solid red !important;
    line-height: -3px !important;
    right: 37px !important
}



.books-portfolio .owl-nav button {
    color: transparent !important;
    border: unset !important;
    z-index: 1;
    border-radius: 40px !important;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 60%;
    background: black !important;
}

.books-portfolio .owl-nav .owl-prev {
    left: -30px;
}

.books-portfolio .owl-nav .owl-next {
    right: -30px;
}

.books-portfolio .owl-nav img {
    width: 6px !important;
    filter: brightness(0) invert(1);
}

.books_portfolio .owl-nav button {
    color: transparent !important;
    border: unset !important;
    z-index: 1;
    border-radius: 40px !important;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 60%;
    background: black !important;
}

.books_portfolio .owl-nav .owl-prev {
    left: -30px;
}

.books_portfolio .owl-nav .owl-next {
    right: -30px;
}

.books_portfolio .owl-nav img {
    width: 6px !important;
    filter: brightness(0) invert(1);
}

.before-after-img .review-left img {
    filter: drop-shadow(2px 4px 6px #000);
}




.partners-cta {
    padding: 8px 0;
    background: #000;
}

.partners-cta  img {
    margin: 0 auto;
    transform: scale(0.7);
}



.partners-cta  figure {
    margin: 0;
}

.satis-sec {
	padding: 60px 0 40px;
	position: relative;
	background-color: #141d29;
}

.satis-box {
	text-align: center;
	margin-bottom: 20px;
}
.satis-box img{
	margin-bottom:10px;
}
.satis-box p{
	font-size:calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight:500;
	color:#fff;
}

.overview-content {
    margin-bottom: 20px;
}


.service-item {
    position: relative;
       z-index: 0;
    width: 19%;
    height: 370px;
    padding: 15px;
    background: #eaeaea;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}

.service-item:before {
       position: absolute;
    z-index: -1;
    content: "";
    right: -8px;
    top: -8px;
    width: 50%;
    height: 40%;
}
.service-item:after {
       position: absolute;
    z-index: -1;
    content: "";
    left: -8px;
    bottom: -8px;
    width: 50%;
    height: 40%;
    
}

.service-item.srf-1:before {
        border-top: 5px solid #f9af0e;
    border-right: 5px solid #f9af0e;
}
.service-item.srf-1:after {
        border-bottom: 5px solid #f9af0e;
    border-left: 5px solid #f9af0e;
}
.service-item.srf-2:before {
        border-top: 5px solid #f47739;
    border-right: 5px solid #f47739;
}
.service-item.srf-2:after {
        border-bottom: 5px solid #f47739;
    border-left: 5px solid #f47739;
}
.service-item.srf-3:before {
        border-top: 5px solid #019ab9;
    border-right: 5px solid #019ab9;
}
.service-item.srf-3:after {
        border-bottom: 5px solid #019ab9;
    border-left: 5px solid #019ab9;
}
.service-item.srf-4:before {
        border-top: 5px solid #008d97;
    border-right: 5px solid #008d97;
}
.service-item.srf-4:after {
        border-bottom: 5px solid #008d97;
    border-left: 5px solid #008d97;
}
.service-item.srf-5:before {
        border-top: 5px solid #693b3d;
    border-right: 5px solid #693b3d;
}
.service-item.srf-5:after {
        border-bottom: 5px solid #693b3d;
    border-left: 5px solid #693b3d;
}

/*.service-item.srf-1 {*/
/*    left: 0%;*/
    
/*}*/

.main-items-services .section-title {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 0;
}

/*.service-item.srf-2 {*/
/*    left: 35%;*/
/*    top: 20%;*/
/*}*/

/*.service-item.srf-3 {*/
/*    left: 45%;*/
/*    top: 45%;*/
/*}*/
/*.service-item.srf-4 {*/
/*    bottom: 17%;*/
/*    left: 35%;*/
/*}*/

/*.service-item.srf-5 {*/
/*    bottom: 0;*/
/*}*/
.main-items-services .features-box-one p {
       /* width: 60%; */
    text-align: start;
    font-size: 17px;
    font-weight: 500;
    height: 145px;
    overflow: auto;
    padding-right: 5px;
}

.main-items-services .features-box-one p::-webkit-scrollbar {
  width: 2px;
}
.main-items-services .features-box-one p::-webkit-scrollbar-thumb  {
background: #000; 
}
.main-items-services .services-content {
    max-width: 100%;
        flex: 0 0 65%;
        padding: 0;
}

.service-item .features-box-one {
    /*display: flex;*/
    align-items: center;
    justify-content: start;
    gap: 20px;
    margin-top: 20px;
}

.service-item .features-box-one .icon-mainn {
    /*margin: 0;*/
}


.banner-book {
    position: relative;
    z-index: 5;
    text-align: end;
}

/*.banner-book img {*/
/*    width: 75%;*/
/*}*/


.main-items-services {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.service-item.srf-1 .features-box-one h3 {
    background: #f9af0e;
}

.service-item.srf-2 .features-box-one h3 {
    background: #f47739;
}

.service-item.srf-3 .features-box-one h3 {
    background: #019ab9;
}

.service-item.srf-4 .features-box-one h3 {
    background: #008d97;
}

.service-item.srf-5 .features-box-one h3 {
    background: #693b3d;
}


.spacing-rm .books-portfolio {
    margin-top: -160px;
}

.spacing-rm {
    padding: 0;
    padding-top: 50px;
}

.our-portfolio-sec {
    background-color: #151617;
    padding: 80px 0;
}
.portfoli-img {
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-portfolio-sec h6 {
    font-size: calc(20px + (26 - 20) * (100vw - 320px) / (1920 - 320));
    font-weight: 700;
    color: #cf0003;
    margin-bottom: 15px;
}
.our-portfolio-sec h2 {
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: calc(28px + (45 - 28) * ((100vw - 320px) / (1920 - 320)));
    color: #fff;
}


/* start section 8 */

.section-8 {
    padding: 60px 0;
    position: relative;
    background: #e8e7e7;
}

.section-8 .right_section::after {
    content: "";
    width: 492px;
    height: 530px;
    background: url("../images/printer.webp");
    background-size: contain;
    position: absolute;
    bottom: 30px;
    left: 10%;
}

.section-8 .left_section .left_top {
    margin-bottom: 2rem;
}

.section-8 .left_top span {
    color: #cf0003;
}

.section-8 .left_top h3 {
    margin-bottom: 20px;
}

.section-8 .left_section {}

.section-8 .left_section .left_inner_section {
  background: #fff;
  padding: 23px 25px 15px;
  margin-bottom: 2rem;
  box-shadow: 2px 3px 5px 0px rgb(0 0 0 / 45%);
  height: 249px;
  transition: 1s linear;
}

.section-8 .left_section .left_inner_section:hover {
    background: #cf0003;
    cursor: pointer;
}

.section-8 .left_section .left_inner_section:hover p,
.section-8 .left_section .left_inner_section:hover h6 {
    color: #ffffff;
}


.section-8 .left_section .left_inner_section p {
    font-size: 16px;
    line-height: 25px;
}

.section-8 .left_section .left_inner_section h6 {
    font-weight: 600;
    color: rgb(51, 51, 51);
    font-size: 17px;
}

/* End section 8 */