.banner-heading {
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .recomended-deal {
        top:-60px!important;
        right: -11px!important;
        z-index: 2!important
    }

    .fld-btn a {
        font-size: 14px!important
    }

    .bannerForm {
        width: 100%!important
    }

    .mobile-menu {
        padding: 15px 0!important
    }

    .banner-list-sperator::after {
        display: none
    }

    .banner-list li p span {
        font-size: 12px!important
    }

    .banner-list li p {
        font-size: 14px!important
    }

    .banner-list li i {
        font-size: 25px!important
    }

    .feature .title {
        display: block!important
    }

    .whatapps-btn {
        font-size: 12px!important
    }

    .for-feature::after {
        display: none
    }

    .feature .visit-review {
        font-size: 11px!important
    }

    .review-list i {
        font-size: 6px!important
    }

    .feature p {
        font-size: 11px!important
    }

    .feature .title {
        font-size: 15px!important
    }

    .recomended-deal img {
        width: 90px!important
    }

    .bannerForm h3 {
        font-size: 20px!important
    }
}

@media(max-width: 1024px) {
    .home-order-process .process-left {
        padding:30px 20px!important
    }

    .cta-shadow .img-box img {
        display: none!important
    }
}

.double-btn1 {
    display: none!important
}

@media(max-width: 767px) {
    .whatapps-btn {
        width:100%!important;
        border-radius: 5px!important;
        font-size: 19px!important;
        line-height: 20px!important;
        padding: 10px 20px 10px 25px!important
    }

    .banner-content {
        display: none!important
    }

    .double-btn1 {
        display: block!important
    }

    .about-img img {
        width: 100%!important
    }

    .cta-sec .global-heading {
        padding: 20px 10px!important
    }

    .recomended-deal {
        top: -25px!important;
        right: -11px!important;
        z-index: 2!important
    }

    .recomended-deal img {
        width: 60px!important
    }

    .btn-center {
        display: block!important
    }

    .btn-center1 {
        display: block!important
    }

    .double-btn .whatapps-box {
        width: 100%!important
    }

    .double-btn1 .whatapps-box {
        width: 100%!important
    }

    .whatapps-btn span {
        font-size: 15px!important;
        margin-bottom: 0!important
    }

    .section {
        padding: 25px 0!important
    }

    .banner-list {
        flex-direction: column
    }

    .cta-sec {
        padding: 40px 0!important
    }
}

.logo{
    height: 100px;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 80px;
    background-color: #14471e;
    overflow-x: hidden;
    transition: .5s;
    padding-top: 60px;
    width: 70%;
    right: -70%
}

.btn1 {
    display: flex;
    align-items: center;
    padding: 0 15px 0 0;
    border: 1px solid #14471e;
    border-radius: 30px
}

.btn1 img {
    padding-left: 10px
}

.btn1 small {
    padding-left: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #000
}

.reviews-btns {
    display: flex;
    align-items: center
}

.review-stars span {
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
    line-height: 8px
}

.review-stars {
    color: #fff!important;
    padding: 14px 15px 14px 25px;
    border-radius: 30px 0 0 30px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none!important;
    background-position-x: 158px;
    background-position-y: center;
    line-height: 15px;
    background-color: #14471e;
    position: relative
}

.reviews-btns a {
    text-decoration: none!important
}

.header-right .review-box img {
    width: 100%
}

.header-right .whatapps-box {
    display: flex;
    margin-left: 20px;
    align-items: center
}

.heartBeat {
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-name: heartBeat;
    animation-timing-function: ease-in-out
}

.whatapps-btn {
    color: #fff!important;
    text-transform: uppercase;
    padding: 12px 68px 12px 20px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none!important;
    background-position-x: 158px;
    background-position-y: center;
    line-height: 15px;
    background-color: #03a84e;
    position: relative
}

.whatapps-btn:before {
    content: '';
    background: url(../images/whatsapp-icon.png) no-repeat;
    position: absolute;
    right: 17px;
    top: 0;
    width: 29px;
    margin: auto;
    bottom: 0;
    background-position: center;
    background-size: contain
}

.phone-btn {
    color: #fff!important;
    text-transform: uppercase;
    padding: 11px 68px 12px 20px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none!important;
    background-position-x: 158px;
    background-position-y: center;
    line-height: 15px;
    background-color: #14471e!important;
    position: relative
}

.phone-btn:before {
    content: '';
    background: url(../images/telephone.png) no-repeat;
    position: absolute;
    right: 17px;
    top: 0;
    width: 29px;
    margin: auto;
    bottom: 0;
    background-position: center;
    background-size: contain
}

.double-btn {
    display: flex;
    align-items: center
}

.main-banner .double-btn {
    margin-top: 30px
}

.double-btn .whatapps-box {
    display: flex;
    align-items: center
}

.double-btn .whatapps-box:first-child {
    margin-right: 20px
}

.double-btn1 {
    display: flex;
    align-items: center
}

.main-banner .double-btn1 {
    margin-top: 30px
}

.double-btn1 .whatapps-box {
    display: flex;
    align-items: center
}

.double-btn1 .whatapps-box:first-child {
    margin-right: 20px
}

.whatapps-btn span {
    display: block;
    font-size: 12px;
    margin-bottom: 3px
}

.phone-btn span {
    display: block;
    font-size: 12px;
    margin-bottom: 3px
}

.live-chat-box .whatapps-box .live-chat {
    background-color: #14471e!important
}

.live-chat-box .whatapps-box .live-chat:before {
    background: url(../images/live-chat.png) no-repeat;
    background-position: center;
    background-size: contain
}

.live-chat-box .whatapps-btn span {
    display: block;
    font-size: 11px;
    margin-bottom: 3px
}

.live-chat-box .phone-btn span {
    display: block;
    font-size: 11px;
    margin-bottom: 3px
}

@-webkit-keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    20% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    40% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    60% {
        -webkit-transform: translate(2px,2px);
        transform: translate(2px,2px)
    }

    80% {
        -webkit-transform: translate(2px,-2px);
        transform: translate(2px,-2px)
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.main-banner {
    padding: 201px 0 0;
    background: linear-gradient(rgb(52 58 64/0%),rgb(52 58 64/0%)),url('../images/banner-bg.jpg');
    background-position: revert;
    background-size: cover;
    position: relative;
    color: #fff;
    padding-bottom: 33px
}

.main-banner:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #14471e;
    background: linear-gradient(43deg,#000000 25%,#35586d57 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14471e',endColorstr='#215596',GradientType=1);
    opacity: .9
}

.main-banner-heading {
    padding-top: 0
}

.main-banner-heading h4 {
    color: #ee9b01;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-left: 50px;
    position: relative
}

.main-banner-heading h1 {
    color: #fff;
    font-size: 39px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 3px 0;
    line-height: 50px
}

.main-banner-heading h4::before {
    content: '';
    position: absolute;
    width: 50px;
    left: -56px;
    height: 2px;
    background-color: #e7e7e7;
    border-radius: 15px;
    top: 48%
}

.main-banner-heading span {
    color: #ee9b01;
}

.main-banner-heading p {
    color: #fff;
    font-size: 14px
}

.main-banner-btn {
    display: flex;
    margin: 28px 0
}

.icon-btn {
    padding: 7px 20px 10px
}

.banner-list {
    display: flex;
    justify-content: space-between;
    margin-top: 67px
}

.whatsapp-theme {
    background-color: #51b27e;
    color: #fff!important
}

.banner-list li {
    width: 100%;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center
}

.banner-list li i {
    font-size: 30px;
    color: #ee9b01;
    margin-right: 10px
}

.banner-list li p {
    font-weight: 600;
    color: #ee9b01;
    font-size: 18px
}

.banner-list-sperator::after {
    content: '';
    width: 1px;
    height: 62%;
    position: absolute;
    right: 14px;
    top: 7px;
    background: #fff
}

.banner-list li p span {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin-top: -3px
}

.bannerFormBox {
    display: flex;
    justify-content: end
}

.bannerForm {
    border-radius: 5px;
    width: 90%;
    height: auto;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 4px -5px 11px 3px rgb(0 0 0/15%);
    border: 2px solid #000
}

.vibrate-1 {
    -webkit-animation: vibrate-1 .8s linear infinite both;
    animation: vibrate-1 .8s linear infinite both;
    z-index: 99
}

.recomended-deal {
    position: absolute;
    top: -25px;
    right: -48px;
    z-index: 2
}

.form-heading {
    display: flex;
    padding: 20px 0 0 20px;
    position: relative;
    height: 86px;
    overflow: hidden
}

.form-value {
    margin-left: 10px;
    margin-bottom: 20px;
    height: 25px
}

.bannerForm h3 {
    font-size: 26px;
    padding-top: 16px;
    color: #000;
    font-weight: 800;
    text-align: left
}

.bannerForm h2 {
    font-size: 18px;
    font-weight: 600;
    color: #727992;
    letter-spacing: -.4px;
    text-align: left;
    line-height: 1.1em
}

.bannerForm form {
    text-align: center;
    padding: 0 15px 15px
}

.bannerFormBox form:before {
    position: absolute;
    top: -100px;
    right: -60px;
    width: 200px;
    height: 200px
}

.or-box {
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    top: 5px;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #000
}

button.btn-form {
    border-radius: 5px;
    background-color: #14471e;
    width: 100%;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .5s;
    padding: 10px 0;
    width: 100%;
    margin: 0 4px;
    font-size: 15px;
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 21px 11px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.fld-btn a {
    padding: 10px 0;
    margin: 0 4px;
    font-size: 15px
}

.bottom-form-tag {
    background: #14471e;
    padding: 9px;
    text-align: center;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 15px;
    font-weight: 600
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    display: block;
    transition: .3s
}

.sidenav a:hover {
    color: #f1f1f1
}

.sidenav .closebtn {
    position: absolute;
    top: -11px;
    left: -25px;
    font-size: 36px;
    color: #fff
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top:15px
    }

    .sidenav a {
        font-size: 18px
    }
}

.error {
    border: 1px solid #c66508!important;
    background: #f5c0b0!important;
    box-shadow: 0 1px 6px 0 rgb(249 0 0/28%)!important
}

input:disabled {
    cursor: not-allowed;
    opacity: .5
}

label {
    display: none!important
}

body {
    font-family: Poppins,sans-serif!important
}

header {
}

.theme-navigation {
    text-align: right
}

.theme-navigation ul {
    padding-bottom: 0;
    margin-bottom: 0
}

.theme-navigation li {
    padding: 30px 0
}

.theme-navigation ul li a {
    font-size: 13px;
    color: #000;
    padding: 0 5px;
    text-decoration: none;
    padding-bottom: 10px;
    transition: ease .5s;
    border-bottom: 2px solid #0000;
    font-size: 16px;
    font-weight: 500
}

.banner-form .form-group span {
}

.theme-navigation {
    margin-top: 0
}

.theme-navigation ul li:last-child a,.theme-navigation ul li:nth-child(6) a {
}

.theme-navigation ul li:last-child:hover a,.theme-navigation ul li:nth-child(6):hover a {
    border-bottom: 2px solid #0000
}

.theme-navigation ul li:last-child,.theme-navigation ul li:nth-child(6) {
}

.theme-navigation ul>li:hover>a {
    color: #872166
}

li.list-inline-item.has-dropdown {
    position: relative
}

li.list-inline-item.has-dropdown:hover ul.dropdown-menu {
    display: block!important;
    padding-left: 10px;
    padding-top: 18px
}

li.list-inline-item.has-dropdown {
}

li.list-inline-item.has-dropdown ul.dropdown-menu li:last-child {
    border: none
}

li.list-inline-item.has-dropdown ul.dropdown-menu li:last-child a {
    color: #383338
}

li.list-inline-item.has-dropdown ul.dropdown-menu li:hover a {
    color: #872166
}

li.list-inline-item.has-dropdown:hover ul.dropdown-menu li a {
    padding-bottom: 0!important;
    display: block;
    width: 100%
}

li.list-inline-item.has-dropdown:hover ul.dropdown-menu li:hover {
    border-bottom: none
}

li.list-inline-item.has-dropdown ul.dropdown-menu li:hover a {
    border-bottom-color: #0000
}

li.list-inline-item.has-dropdown ul.dropdown-menu li a {
    margin-bottom: 10px
}

.banner-icon {
    text-align: center
}

section#Banner {
    padding: 130px 0
}

.banner-caption {
    padding-top: 9px
}

.banner-heading h1 {
    line-height: 1.5;
    font-size: 29px;
    margin-bottom: 0
}

.banner-heading h3 {
    font-size: 36px;
    font-weight: 600
}

.bold-font {
    font-weight: 800
}

h1 {
    font-size: 42px;
    font-weight: 600
}

.banner-heading {
}

.banner-form {
    padding: 25px;
    background: #fff;
    -webkit-box-shadow: 0 10px 29px -9px rgb(175 168 168/75%);
    -moz-box-shadow: 0 10px 29px -9px rgb(175 168 168/75%);
    padding: 47px 50px;
    border-radius: 10px 10px 0 0
}

.banner-form .form-group {
    margin-bottom: 0
}

.banner-form input {
    font-size: 14px;
    padding-left: 40px
}

.banner-form .form-group {
    position: relative
}

.banner-form .form-group span {
    top: 10px;
    left: 12px
}

.banner-form .form-group input {
    height: 46px;
    transition: ease .5s
}

.banner-form .form-group input:focus {
    border: 1px solid #872166;
    box-shadow: none
}

.banner-form input[type=submit] {
    background: #f8d022;
    border: 1px solid #f8d022;
    padding-left: 0;
    font-weight: 600;
    color: #872166;
    -webkit-box-shadow: 0 13px 16px -10px rgb(255 224 48);
    -moz-box-shadow: 0 13px 16px -10px rgb(255 224 48);
    box-shadow: 0 13px 16px -10px rgb(255 224 48)
}

form {
    position: relative;
    z-index: 1
}

.bannerimg {
    text-align: center
}

.width21ch {
    width: 46ch
}

h2 {
    font-size: 30px;
    font-weight: 500
}

.marginza {
    margin: 0 auto
}

.para {
    font-size: 14px
}

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

.box {
    height: 200px;
    width: 230px;
    float: left;
    max-width: 200px
}

.box-wrapper {
    display: flex;
    flex-flow: row wrap;
    flex: 50%;
    justify-content: center
}

.box img {
    position: absolute;
    top: 35%;
    margin: 0 auto;
    left: 0;
    right: 0
}

.box i {
    font-size: 63px;
    font-weight: 500;
    align-self: center;
    color: #14471e;
    text-align: center
}

.box {
    position: relative
}

.box-wrapper .box {
    width: 50%
}

section.box-with-content {
    padding: 70px 0
}

.box-wrapper .box:first-child,.box-wrapper .box:last-child {
    background: #333
}

.box-wrapper .box:nth-child(2),.box-wrapper .box:nth-child(3) {
    background: #14471e
}

.box-wrapper .box {
    width: 50%
}

.box-wrapper .box:first-child:hover {
    position: relative;
    transform: translate(-30px,-30px)
}

.box-wrapper .box:nth-child(2):hover {
    position: relative;
    transform: translate(30px,-30px)
}

.box-wrapper .box:nth-child(3):hover {
    position: relative;
    transform: translate(-30px,30px)
}

.box-wrapper .box:last-child:hover {
    position: relative;
    transform: translate(30px,30px)
}

.box-wrapper .box:first-child,.box-wrapper .box:last-child {
    background: #333
}

.box-wrapper .box {
    width: 50%;
    transition: ease .5s;
    text-align: center;
    display: flex;
    justify-content: center
}

h3 {
    font-size: 28px;
    font-weight: 600
}

.button-wrapper a.btn {
    height: 50px;
    line-height: 2.2;
    font-size: 17px;
    font-weight: 500;
    width: 270px;
    margin: 0 10px;
    font-size: 16px
}

.button-wrapper a.btn-purple {
    border: 1px solid #872166;
    transition: ease .5s;
    color: #872166
}

.button-wrapper {
    margin-top: 60px;
    display: flex
}

.button-wrapper a.btn-purple:hover {
    color: #fff;
    background: #872166
}

.box-wrapper .box img {
    max-width: 50px
}

.mar30 {
    margin-top: 30px
}

.main-heading h3 {
    width: 19ch
}

.gold {
    color: #f8d022
}

section#proofread {
    padding: 90px 0 30px;
    background-image: url(../images/bg-proofred.svg);
    -webkit-animation: l_2_r 10s linear infinite;
    background-color: #872166;
    overflow: hidden
}

.main-heading h3 {
    font-size: 39px
}

.white {
    color: #fff
}

.width49 {
    width: 49ch
}

.width54 {
    width: 54ch
}

.call-wrapper {
    padding: 50px 0
}

.call-wrapper {
    font-weight: 600;
    font-size: 21px
}

.call-wrapper a {
    background: #f8d022;
    border: none;
    margin-left: 10px;
    font-size: 17px;
    width: 250px;
    height: 48px;
    border-radius: 5px;
    color: #872166!important;
    font-weight: 600;
    -webkit-box-shadow: 0 13px 16px -10px rgb(255 224 48);
    -moz-box-shadow: 0 13px 16px -10px rgb(255 224 48);
    box-shadow: 0 13px 16px -10px rgb(255 224 48);
    display: inline-block;
    line-height: 3;
    padding: 0 16px;
    text-decoration: none
}

.call-wrapper span img {
    margin-right: 10px
}

.banner-icon {
    position: absolute;
    top: 10px;
    left: 12px
}

.catwrap {
    display: flex;
    flex-flow: row;
    flex-grow: 1;
    margin-bottom: 50px
}

.catwrap item img {
    margin-right: 10px
}

.catwrap .item img {
    margin-right: 20px
}

.catwrap .item h4 {
    width: 12ch;
    margin-bottom: 30px
}

.catwrap .item {
    color: #fff
}

.catwrap .item p {
    width: 100%
}

.reason-section {
    padding: 60px 0
}

.mar50 {
    margin-top: 50px
}

.f38px {
    font-size: 38px
}

.mb20 {
    margin-bottom: 20px
}

.listing-wrapper {
    margin-top: 50px
}

.listing-wrapper li {
    list-style: none;
    margin-bottom: 30px;
    line-height: 1.5;
    position: relative
}

.line {
    width: 100%;
    height: 8px;
    background: #e9e7e7;
    position: relative;
    margin-top: 20px;
    display: inline-block
}

.line:before {
    position: absolute;
    height: 100%;
    width: 90%;
    background: #d12033;
    content: ""
}

.line:after {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    background: #d12033;
    border-radius: 100%;
    top: -11px;
    left: 90%
}

span.total {
    display: inline-block;
    float: right;
    font-size: 19px;
    position: absolute;
    top: 0;
    right: 0
}

.hoverbox {
    background: #0000;
    padding: 20px 35px;
    margin-bottom: 20px;
    border-radius: 10px;
    font-size: 14px;
    transition: ease .5s;
    position: relative;
    cursor: pointer
}

.hoverbox:hover:before {
    background: #872166
}

.hoverbox h5 {
    color: #fff;
    font-weight: 600;
    font-size: 22px
}

.hoverbox p {
    color: #fff
}

.hoverbox:hover {
    background: #f8d022
}

.hoverbox:before {
    position: absolute;
    content: "";
    height: 84%;
    width: 5px;
    background: #0000;
    left: 0;
    top: 0;
    border-radius: 5px;
    transform: translate(0,13px);
    transition: ease .5s
}

.hoverbox.active {
    background: #14471e
}

.hoverbox.active:before {
    background: #333;
    position: absolute;
    content: "";
    height: 84%;
    width: 5px;
    left: 0;
    top: 0;
    border-radius: 5px;
    transform: translate(0,13px);
    transition: ease .5s
}

.button-main-wrapper {
    text-align: center
}

.button-main-wrapper a {
    width: 300px;
    height: 50px;
    line-height: 2.2;
    border-radius: 5px;
    margin-right: 20px
}

.button-main-wrapper {
    margin-top: 50px
}

.button-main-wrapper a.btn.btn-gold {
    background: #f8d022;
    color: #872166;
    font-weight: 600;
    font-size: 17px
}

.button-main-wrapper a:last-child {
    margin-right: 0!important
}

.button-main-wrapper a:last-child {
    margin-right: 0!important
}

.button-main-wrapper a.btn.btn-purple {
    border: 1px solid #872166;
    color: #872166;
    font-weight: 600
}

.button-main-wrapper a {
    transition: ease .5s
}

.button-main-wrapper a:last-child:hover {
    background: #f8d022;
    border: 1px solid #f8d022
}

.button-main-wrapper a.btn.btn-gold:hover {
    background: #872166;
    color: #fff
}

.main-expert-title {
    text-align: center
}

section#experts-section {
    padding: 50px 0
}

.main-expert-title h3 {
    font-size: 45px;
    font-weight: 700;
    color: #872166
}

.expert-info {
    text-align: center
}

.expert-info h6 {
    color: #872166;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 10px
}

.listing-skills {
    margin-top: 20px
}

.listing-skills ul li {
    list-style: none;
    border: 2px solid #872166;
    padding: 10px 30px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
    color: #872166;
    font-weight: 600
}

.listing-skills {
    text-align: center
}

.expert-img img {
    max-width: 100%
}

.experts-wrapper {
    margin-bottom: 50px
}

section#subjects .para {
    margin-top: 20px
}

.sliding-list ul li {
    list-style: none;
    border: 2px solid #14471e;
    padding: 10px 30px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
    color: #14471e;
    font-weight: 600;
    text-align: center
}

.sliding-list {
    text-align: center;
    margin-top: 30px;
    padding: 0 0 20px
}

.sliding-list {
    height: 250px;
    overflow: hidden;
    padding-top: 20px;
    margin-bottom: 50px;
    position: relative
}

.scrolling {
    animation: marquee 20s linear infinite
}

@keyframes marquee {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

.sliding-list:before {
    position: absolute;
    content: "";
    height: 100px;
    width: 100%;
    background: #fff;
    left: 0;
    z-index: 1;
    top: 0;
    opacity: .5
}

.sliding-list:after {
    position: absolute;
    content: "";
    height: 100px;
    width: 100%;
    background: #fff;
    left: 0;
    z-index: 1;
    bottom: 0;
    opacity: .5
}

section#questiion {
    text-align: center
}

.contact-wrap {
    margin-top: 60px
}

.btn-gold a {
    background: #f8d022;
    display: block;
    margin-top: 30px;
    max-width: 300px;
    margin: 0 auto
}

.contact-wrap i {
    font-size: 90px;
    color: #14471e
}

section#questiion {
    text-align: center;
    margin-bottom: 100px
}

.contact-wrap {
    margin-top: 60px
}

.btn-gold a {
    background: #f8d022;
    display: block;
    margin-top: 30px;
    max-width: 300px;
    margin: 0 auto;
    height: 60px;
    line-height: 3.5;
    border-radius: 5px;
    color: #872166;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    transition: ease .5s
}

.contact-wrap {
    height: 150px
}

.btn-gold a:hover {
    background: #872166;
    color: #fff
}

#questiion p.para {
    width: 87ch;
    margin: 23px auto
}

section#questiion {
    margin-top: 50px
}

#testimonials-section {
    background: url(../images/map.svg);
    position: relative;
    padding: 70px 0
}

#testimonials-section:before {
    position: absolute;
    content: "";
    width: 40%;
    height: 100%;
    background: #14471e;
    top: 0
}

.testinfo {
    padding-top: 23%
}

.testinfo h6 {
    color: #383338;
    font-size: 28px;
    font-weight: 500
}

.testinfo {
    padding-left: 10%
}

.testinfo h3 {
    color: #14471e;
    font-weight: 700;
    width: 10ch;
    line-height: 1;
    font-size: 49px
}

footer {
    background: #363636;
    padding: 50px 0
}

.footer-column ul {
    padding-left: 0;
    list-style: none
}

.footer-column h4 {
    color: #000;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600
}

.footer-column ul li a {
    color: #000;
    font-size: 15px;
    display: flex;
}

.footer-column ul li {
    margin-bottom: 7px
}

.footer-column span svg {
    max-width: 18px;
    height: auto
}

footer {
    background: #f9f9f9;
    padding: 50px 0 5px
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #999
}

a {
    text-decoration: none
}

#carouselExampleControls img {
    max-width: 100%
}

.bannerimg img {
    max-width: 100%
}

@media only screen and (max-width: 1199px) {
    .theme-navigation ul li a {
        font-size:13px;
        color: #383338;
        padding: 0 1px;
        text-decoration: none;
        padding-bottom: 10px;
        transition: ease .5s;
        border-bottom: 2px solid #0000
    }

    .main-heading h3 {
        width: 100%
    }

    .call-wrapper {
        font-weight: 600;
        font-size: 17px
    }

    .width21ch {
        width: 100%
    }

    .width54 {
        width: 100%
    }

    #questiion p.para {
        width: 100%;
        margin: 23px auto
    }
}

@media only screen and (max-width: 991px) {
    .mobile-menu {
        display:block!important
    }

    .desktop-menu {
        display: none
    }

    .theme-navigation ul li a {
        font-size: 9px;
        color: #383338;
        padding: 0 2px;
        text-decoration: none;
        padding-bottom: 10px;
        transition: ease .5s;
        border-bottom: 2px solid #0000
    }

    .banner-heading h1 {
        line-height: 1.2;
        font-size: 28px;
        margin-bottom: 8px
    }

    .banner-form .col-md-3 {
        padding: 0 6px
    }

    .button-wrapper {
        margin-top: 18px
    }

    .button-wrapper a.btn {
        height: 56px;
        line-height: 3;
        font-size: 15px;
        font-weight: 600;
        display: block;
        max-width: 270px
    }

    .main-heading h3 {
        font-size: 24px
    }

    .width49 {
        width: 100%
    }

    .call-wrapper {
        padding: 9px 0 50px
    }

    .call-wrapper button {
        background: #f8d022;
        border: none;
        margin-left: 10px;
        font-size: 13px;
        width: 182px;
        height: 48px;
        border-radius: 5px;
        color: #872166;
        font-weight: 600;
        -webkit-box-shadow: 0 13px 16px -10px rgb(255 224 48);
        -moz-box-shadow: 0 13px 16px -10px rgb(255 224 48);
        box-shadow: 0 13px 16px -10px rgb(255 224 48)
    }

    .catwrap .item h4 {
        width: 100%;
        margin-bottom: 30px;
        font-size: 18px
    }

    h2 {
        font-size: 26px;
        font-weight: 500
    }

    .f38px {
        font-size: 24px
    }

    .hoverbox {
        background: #0000;
        padding: 18px 35px;
        margin-bottom: 0;
        border-radius: 10px;
        font-size: 14px;
        transition: ease .5s;
        position: relative;
        cursor: pointer
    }

    .listing-skills ul li {
        list-style: none;
        border: 2px solid #872166;
        padding: 10px 11px;
        border-radius: 5px;
        display: inline-block;
        margin-bottom: 10px;
        color: #872166;
        font-weight: 600;
        font-size: 13px
    }

    .testinfo h3 {
        color: #872166;
        font-weight: 700;
        width: 100%;
        line-height: 1;
        font-size: 41px
    }
}

.mobile-navigation span {
    display: block;
    height: 1px;
    background: #000;
    width: 40px;
    margin-bottom: 7px
}

.mobile-navigation span {
    display: block;
    height: 2px;
    background: #707070;
    width: 31px;
    margin-bottom: 7px
}

.humb {
    max-width: 44px;
    float: right;
    margin-top: 28px;
}

.medium-heading {
    font-size: 32px
}

.contact-section {
    padding: 200px 0 70px
}

.contact-section h2 {
    font-size: 28px
}

.contact-section h1 {
    font-size: 38px
}

.contact-section h4 {
    font-size: 20px;
    font-weight: 500
}

.sample-section {
    padding: 90px 0 0
}

.samples-div .button-wrapper a.btn {
    width: 100%!important
}

.home-order-process {
    padding: 90px 0;
    background: #f5f5f5 url(../images/services-bg.png) repeat;
    position: relative;
    z-index: 0;
    overflow: auto
}

.home-order-process .process-left {
    padding-top: 90px
}

.home-order-process .process-left .heading {
    padding: 0 0 10px
}

.home-order-process .process-left .sub-heading {
    font-size: 15px;
    line-height: 20px;
    color: #3e4657
}

.order-sec {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.home-order-process .steps-process {
    border: 1px solid #e8e8e8;
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.16);
    position: relative;
    float: right
}

.testimonial-icon {
    width: 92px
}

.home-order-process .steps-process:before {
    content: '';
    z-index: -1;
    height: 177px;
    width: 177px;
    position: absolute;
    right: -63px;
    bottom: -39px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    border-radius: 100%;
    background: linear-gradient(90deg,#F5F5F5 8px,transparent 1%) center,linear-gradient(#F5F5F5 8px,transparent 1%) center,#434343;
    background-size: 9px 9px
}

.home-order-process .address-bar {
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
    display: block
}

.home-order-process .address-bar circle {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #ff6057;
    display: inline-block;
    margin: 0 3px 0 0
}

.home-order-process .address-bar circle:nth-child(2) {
    background: #ffc12e
}

.home-order-process .address-bar circle:nth-child(3) {
    background: #28ca40
}

.home-order-process .step-box {
    padding: 30px 30px 40px;
    list-style: none
}

.home-order-process .step-box li {
    margin: 0 0 45px;
    position: relative
}

.home-order-process .step-box li:last-child {
    margin: 0
}

.home-order-process .step-box li:last-child:after {
    display: none
}

.home-order-process .step-box li i {
    width: 85px;
    height: 85px;
    float: left;
    margin: 0 26px 0 0;
    border-radius: 100%;
    background-size: 490px;
    border: 1px solid #dcdcdc;
    font-size: 32px;
    align-self: center;
    text-align: center;
    padding: 24px 0 0;
    color: #14471e
}

.home-order-process .step-box .step-title {
    font-size: 22px;
    line-height: 26px;
    color: #071e57;
    padding: 10px 0 0;
    display: inline-block
}

.home-order-process .step-box .step-content {
    font-size: 13px;
    line-height: 18px;
    color: #3e4657;
    margin: 3px 0 0
}

.decision-sec {
    padding-top: 0
}

.about-sec {
    padding-top: 60px;
    padding-bottom: 65px;
    position: relative
}

.decision-sec .inner-about-caption {
    margin-top: 55px
}

.inner-about-caption {
    margin-top: 90px;
    margin-bottom: 60px
}

.decision-sec .inner-about-caption h3 {
    margin-bottom: 25px
}

.inner-about-caption h3 {
    font-size: 45px
}

.about-caption h3 {
    font-size: 33px;
    color: #000;
    font-weight: 600;
    margin-bottom: 14px;
    position: relative;
    padding-left: 0;
    display: inline-block;
    z-index: 9
}

.decision-sec .about-caption p {
    text-align: center
}

.about-caption p {
    color: #000;
    font-size: 16px;
    text-align: left;
    line-height: 28px
}

.service-box .icon {
    margin-bottom: 25px;
    width: 55px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 14px;
    color: #ffa600;
}

.service-box .icon img {
    object-fit: cover;
    max-width: 55px
}

.service-box h4 {
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #14471e;
}

.service-box p {
    font-size: 16px;
    color: #000;
    line-height: 26px
}

.cta-sec {
    padding: 80px 0
}

.cta-shadow {
    box-shadow: 0 0 22px 2px #c9c9c9;
    border-radius: 4px 10px 10px 4px;
    max-height: 288px
}

.cta-sec .global-heading {
    margin-bottom: 0;
    padding: 54px 30px;
    background-size: cover;
    height: 288px;
    background-color: #ee9b01;
}

z {}

.cta-sec .global-heading h3 {
    color: #fff;
    padding-right: 20px;
    padding-left: 0;
    margin-bottom: 0;
    line-height: 40px;
    margin-bottom: 0;
    font-size: 17px
}

.cta-sec .global-heading h4 {
    color: #fff;
    font-weight: 500;
    font-size: 28px
}

.cta-shadow .double-btn {
    margin-top: 20px
}

.about-caption .double-btn {
    justify-content: flex-start;
    margin-top: 30px
}

.cta-shadow .img-box {
    position: relative;
    top: -32px;
    float: right
}

.cta-shadow .img-box img {
    max-width: 85%
}

.about-sec .row {
    justify-content: space-between
}

.about-caption {
    margin-top: 35px
}

.about-caption h3 {
    font-size: 33px;
    color: #000;
    font-weight: 600;
    margin-bottom: 14px;
    position: relative;
    padding-left: 0;
    display: inline-block;
    z-index: 9
}

.about-caption p {
    color: #000;
    font-size: 16px;
    text-align: left;
    line-height: 28px
}

.blue-color {
    color: #14471e;
    font-weight: 600
}

@media only screen and (max-width: 767px) {
    .fixed-button-bottom .double-btn .whatapps-box:first-child {
        margin-right:0!important
    }

    .cta-sec .global-heading h3 {
        line-height: 25px;
        padding-left: 10px
    }

    .margin-bottom1 {
        margin-bottom: 50px
    }

    .cta-sec .global-heading h4 {
        margin-top: 15px;
        padding-left: 10px
    }

    .main-banner {
        padding: 110px 0 30px
    }

    .banner-list {
        display: none
    }

    .main-banner .double-btn {
        display: none
    }

    .whatapps-btn:before {
        width: 40px;
        right: 20px
    }

    .main-banner-heading h1 {
        font-size: 30px;
        line-height: 40px
    }

    .main-banner-heading h4 {
        font-size: 20px
    }

    .cta-sec .global-heading {
        height: auto
    }

    .double-btn1 .whatapps-box .whatapps-btn small {
        font-size: 14px!important;
        font-weight: 600
    }

    .double-btn1 .whatapps-btn span {
        font-size: 11px!important
    }

    .main-banner .double-btn1 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .double-btn1 .whatapps-btn {
        font-size: 21px!important;
        line-height: 4px!important;
        padding: 26px 20px 26px 25px!important
    }

    .double-btn1 .whatapps-btn::before {
        right: 25px;
        width: 40px
    }

    .get-in-touch-list {
        display: block!important;
        padding-left: 0!important
    }

    .get-in-touch-list li h4 {
        font-size: 25px!important
    }

    .get-in-touch-list li strong {
        font-size: 25px!important
    }

    .get-in-touch-list li {
        margin-top: 15px
    }

    .double-btn .whatapps-box:first-child {
        margin-right: 10px!important
    }

    .banner-list {
        margin: 10px 0!important
    }

    .about-caption h3 {
        font-size: 25px
    }

    .hoverbox {
        background: #0000;
        padding: 18px 35px;
        margin-bottom: 0;
        border-radius: 10px;
        font-size: 14px;
        transition: ease .5s;
        position: relative;
        cursor: pointer;
        margin-top: 20px
    }

    .footer-column {
    }

    .footer-column .logo {
        margin-bottom: 0
    }

    .expert-img {
        text-align: center
    }

    .button-main-wrapper a {
        width: 179px;
        height: 50px;
        line-height: 2.2;
        border-radius: 5px;
        margin-right: 20px
    }

    .button-main-wrapper a.btn.btn-gold {
        background: #f8d022;
        color: #872166;
        font-weight: 600;
        font-size: 15px
    }

    .button-main-wrapper a.btn.btn-purple {
        border: 1px solid #872166;
        color: #872166;
        font-weight: 600;
        font-size: 15px
    }

    .listing-skills ul {
        padding-left: 0
    }

    .button-wrapper a.btn {
        height: 42px;
        line-height: 2.3;
        font-size: 10px;
        font-weight: 600;
        display: block;
        max-width: 262px;
        float: left;
        margin-top: 0;
        padding: 6px 20px;
        font-size: 12px;
        width: auto
    }

    .box-with-content .heading {
        margin-top: 30px
    }

    .button-wrapper {
        text-align: center
    }

    .button-wrapper {
        display: inline-block
    }

    .box-with-content .heading {
        margin-top: 30px
    }

    .banner-form .form-group {
        margin-bottom: 10px
    }

    .banner-list-sperator::after {
        display: none
    }

    .bannerForm {
        width: 100%;
        height: auto;
        margin-top: 21px
    }
}

@media only screen and (max-width: 400px) {
    .call-wrapper.gold button {
        margin-top:10px
    }

    .call-wrapper.gold {
        text-align: center
    }

    .button-main-wrapper a {
        width: 100%;
        height: 50px;
        line-height: 2.2;
        border-radius: 5px;
        margin-right: 3px;
        margin-bottom: 10px
    }

    .button-main-wrapper a.btn.btn-purple {
        border: 1px solid #872166;
        color: #872166;
        font-weight: 600;
        font-size: 14px;
        padding-top: 9px
    }

    h1 {
        font-size: 31px;
        font-weight: 500
    }
}

html {
    scroll-behavior: smooth
}

body {
    overflow-x: hidden
}

.desktop-menu {
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 100
}

.style-dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    position: absolute;
    background: #fff;
    width: 216px;
    top: 86px;
    display: none;
    padding-bottom: 0;
    box-shadow: 1px 1px 7px rgb(185 185 185/50%)
}

.style-dropdown li {
    padding: 10px 0;
    border-bottom: .5px solid rgb(161 161 161/50%)
}

.style-dropdown a {
    padding: 0 15px!important;
    transition: none!important;
    text-decoration: none
}

.style-dropdown li:hover a,.style-dropdown a:hover {
    border-bottom: none!important;
    text-decoration: none
}

#assignment-service {
    padding: 90px 0 30px
}

#assignment-service .item h4 {
    color: #872166;
    min-height: 75px
}

#assignment-service .catwrap {
    margin-top: 100px;
    padding: 25px 20px
}

#assignment-service .catwrap.bottom-boxes {
    margin-top: 10px;
    padding: 25px 20px
}

#assignment-service .item p {
    color: #383338
}

#assignment-service .catwrap:hover {
    background-color: #f8d022;
    box-shadow: 0 10px 29px -9px rgb(175 168 168/95%);
    border-radius: 5px;
    display: flex;
    flex-flow: row;
    flex-grow: 1;
    padding: 25px 20px
}

.account-btn {
    background-color: #872166;
    color: #fff!important;
    padding: 7px 14px!important;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 500
}

.whatsapp-service {
    background: #1ebea5!important;
    color: #fff
}

.whatsapp-service:hover {
    color: #fff
}

.research-subjects {
    padding: 90px 0 0
}

.research-second-sec {
    padding-bottom: 40px
}

.tabs {
    display: none;
    width: 100%
}

.tabs.current {
    display: inline-block;
    text-align: left
}

.main-second-sec {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 40px 0 0;
    margin: 0;
    background-position: center center;
    position: relative
}

.main-second-sec .tabbing-links {
    text-align: center;
    margin: 0 0 40px;
    padding: 0
}

.main-second-sec .tabbing-links li {
    color: #122130;
    display: inline-block;
    width: 15%;
    vertical-align: top;
    cursor: pointer;
    opacity: 1;
    padding: 19px 0;
    border-radius: 6px;
    font-weight: 500;
    border: 2px solid transparent;
    line-height: 22px;
    text-align: center
}

.main-second-sec .icon {
    margin: 0 0 17px;
    display: block
}

.main-second-sec .icon i {
    font-size: 30px;
    color: #14471e;
}

.main-second-sec .tabbing-links li img {
    display: block;
    margin: 0 auto 19px;
    max-width: 50%
}

.main-second-sec .tabbing-links li:hover {
    opacity: 1;
    background: #fff;
    border: 1px solid #14471e;
}

.main-second-sec .tabbing-links li.current {
    opacity: 1;
    background: #14471e;
    border: 2px solid #7a23b7;
    color: #fff;
}

.main-second-sec .tabbing-links li.current i{
    color: #ffffff !important;
}
.section {
    padding: 50px 0
}

.medium-heaing {
    font-size: 34px;
    font-weight: 600;
    color: #14471e
}

.get-in-touch {
    background: linear-gradient(#14471e,#ee9b01b3),url(../images/banner-about.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 50px;
    padding-bottom: 50px
}

.get-in-touch .global-heading {
    margin-bottom: 50px
}

.global-heading {
    margin-bottom: 0
}

.global-heading {
    margin-top: 0;
    margin-bottom: 40px
}

.get-in-touch .global-heading h2 {
    font-size: 35px;
    font-weight: 600;
    color: #fff
}

.get-in-touch-list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center
}

.get-in-touch-list li {
    list-style: none
}


.get-in-touch-list li .icons {
    background: #fff;
    box-shadow: 0 3px 20px 0 rgb(0 0 0/50%);
    border-radius: 50%;
    height: 100px;
    width: 100px;
    text-align: center;
    position: relative;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #14471e!important;
}

.get-in-touch-list li h4 {
    color: #fff;
    font-size: 29px;
    font-weight: 200;
    margin-top: 30px;
    margin-bottom: 2px
}

.get-in-touch-list li strong {
    color: #fff;
    font-size: 30px;
    font-weight: 500
}

.callusnow {
    width: 50px;
    height: 50px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-size: 24px;
    position: fixed;
    bottom: 20px;
    left: 30px;
    z-index: 9999;
    box-shadow: 6px 9px 30px 1px rgb(37 0 22/71%);
    padding: 6px 0 11px 0;
    animation: scrollDownAnimation .5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation .5s ease infinite alternate;
    background: #3996d2;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59bad3',endColorstr='#9b2c92',GradientType=1);
    border: solid 3px #fff;
    background: #00e676
}

@keyframes scrollDownAnimation {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10px)
    }
}

@-webkit-keyframes scrollDownAnimation {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10px)
    }
}

.callusnow:hover {
    color: #fff
}

.style-banner {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 676px;
    position: relative;
    padding: 140px 0 0
}

.style-banner::before {
    content: '';
    background: #502eff;
    background: linear-gradient(180deg,rgb(62 11 46/76%) 0%,rgb(0 0 0/87%) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0
}

.banner-content {
    z-index: 1;
    position: relative;
    bottom: 0
}

.wrapper {
    padding: 0;
    margin-top: 0
}

.feaures-list {
    padding: 25px 15px
}

.feature h4 {
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    padding-left: 30px;
    color: #fff;
    padding: 0 0
}

.feature {
    padding: 10px 0 0;
    color: #fff
}

.feature1 {
    padding: 13px 0 0;
    color: #fff
}

.for-feature::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 45px;
    top: 14px;
    right: 14px;
    background-color: #fff
}

.review-list ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.review-list li {
    display: inline-block
}

.feature i {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    margin-right: 2px
}

.review-list i {
    font-size: 14px;
    margin-right: 0;
    font-weight: 700
}

.review-list span {
    font-size: 11px;
    margin-left: 6px
}

.feature .visit-review {
    text-decoration: none;
    color: #fff;
    border: 1px solid #14471e;
    display: inline-block;
    padding: 2px;
    font-size: 15px;
    border-bottom: 1px solid
}

.bg-theme {
    background-color: #14471e;
    color: #fff
}

.yellow-theme {
    background-color: #ee9b01;
}

.yellow-color {
    color: #f8d022
}

.theme-color {
    color: #000
}

.feature .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5
}

.feature p {
    line-height: 1.5;
    margin-bottom: 10px
}

.inform-panel {
    position: absolute;
    bottom: -51px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    max-width: 680px;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 10px 30px rgb(0 0 0/5%);
    box-shadow: 0 10px 30px rgb(0 0 0/5%);
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    align-items: center
}

.testimonial-sec {
    padding: 80px 0;
    background: #14471e;
}

.testimonials-caption {
    text-align: center
}

.testimonials-caption h3 {
    font-size: 35px;
    font-weight: 600;
    color: #fff
}

.ti-inner {
    border-top-width: 2px!important;
    border-bottom-width: 2px!important;
    border-left-width: 2px!important;
    border-right-width: 2px!important;
    background-color: #fff!important;
    backdrop-filter: blur(0px);
    border-style: solid!important;
    border-color: #fff!important;
    background: #fff!important;
    border-radius: 4px!important;
    padding: 30px!important;
    margin: 10px!important;
    display: block;
    position: relative
}

.ti-inner p {
    font-size: 15px;
    min-height: 200px
}

.ti-profile-img {
    margin: 0 15px 0 0!important
}

.ti-profile-img img {
    width: 40px!important;
    height: 40px!important;
    padding: 0!important;
    display: block;
    border-radius: 30px;
    min-width: initial!important;
    max-width: initial!important;
    object-fit: cover;
    object-position: top
}

.ti-review-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    margin-bottom: 15px
}

.ti-profile-details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin: 0!important;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ti-name {
    font-weight: 700;
    font-size: 15px;
    overflow: hidden;
    padding-right: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000
}

.ti-name a {
    text-decoration: none!important;
    font-size: inherit
}

.ti-date {
    color: #000;
    opacity: .5;
    font-size: 12px!important
}

.ti-stars {
    margin-bottom: 6px;
    margin-top: 15px;
    text-align: left
}

.ti-star {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0!important;
    margin-right: 1px!important;
    background-size: contain;
    background-repeat: no-repeat
}

.ti-star.f {
    background-image: url(../images/avatar/f.svg)
}

.ti-star.e {
    background-image: url(../images/avatar/e.svg)
}

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

.trust-pilot-review {
    display: flex;
    align-items: center
}

.trust-pilot-review .rating-num {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    margin-left: 3px
}

.trust-pilot-review ul {
    margin-left: 10px
}

.trust-pilot-review li {
    display: inline-block;
    padding: 0;
    color: #fff;
    font-size: 13px;
    width: 23px;
    height: 22px;
    background: #872166;
    padding-top: 2px;
    text-align: center
}

.trust-pilot-review li i {
    font-size: 14px
}

.trust-pilot-review .TP-visit {
    display: inline-block;
    border: 1px solid #872166;
    padding: 6px 25px;
    font-weight: 600;
    margin: 0 20px;
    border-radius: 10px;
    color: #872166
}

.trust-pilot-review .TP-visit:hover {
    text-decoration: none;
    background-color: #872166;
    color: #fff
}

.banner-form .form-btn {
    padding: 10px 20px;
    margin: 0 4px;
    width: 200px;
    color: #fff
}

.banner-form .order-now {
    background-color: #872166;
    color: #fff
}

.or-box {
    position: absolute;
    width: 42px;
    height: 42px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99;
    border-radius: 50%;
    padding: 7px;
    background: #fff;
    top: 2px
}

.footer-column ul li a:hover {
    padding-bottom: 2px;
    border-bottom: .5px solid #707070;
    text-decoration: none
}

.samples-div {
    padding: 30px 20px;
    border: 1px solid #872166;
    border-radius: 5px;
    margin: 20px 0
}

.samples-div h2 {
    font-size: 26px;
    font-weight: 600
}

.samples-div .review-list i {
    font-size: 20px;
    color: #872166
}

.samples-div .review-list span {
    font-size: 12px
}

.sample-heading {
    font-size: 18px;
    font-weight: 500
}

.smaple-info {
    margin-top: 7px
}

.smaple-info p {
    margin-right: 13px;
    color: #000
}

.smaple-info span {
    color: #5c5c5c;
    margin: 0 4px
}

.icon-box.icon-box-style-1 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.icon-box.icon-box-style-1 .icon-box-icon {
    padding-right: 16px;
    padding-right: 1rem
}

.icon-box.icon-box-style-1 .icon-box-icon i {
    font-size: 36.8px;
    font-size: 2.3rem;
    top: 0;
    position: relative;
    color: #14471e!important
}

.icon-box.icon-box-style-1 .animated-icon {
    top: 8px
}

.icon-box.icon-box-style-1 h1,.icon-box.icon-box-style-1 h2,.icon-box.icon-box-style-1 h3,.icon-box.icon-box-style-1 h4 {
    margin-bottom: 16px;
    margin-bottom: 1rem
}

.icon-box.icon-box-style-1 .icon-box-info p {
    font-size: 14.4px;
    font-size: .9rem;
    color: #707070
}

.icon-box.icon-box-style-1 .icon-box-info p a {
    color: #707070;
    text-decoration: none;
    font-weight: 500
}

.icon-box.icon-box-style-1 .icon-box-info p a:hover {
    color: #872166
}

.icon-box.icon-box-style-1.icon-box-reverse .icon-box-icon {
    padding-right: 0;
    padding-left: 16px;
    padding-left: 1rem
}

.contact-form .intl-tel-input {
    position: relative!important;
    display: flex!important
}

.contact-form .intl-tel-input .form-control {
    padding-left: 15px!important
}

.contact-form .intl-tel-input .flag-container {
    position: initial!important;
    padding-left: 0!important;
    background-color: #f1f3f7;
    margin-right: -1px
}

.contact-form .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 28px
}

#banner-form .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 8px;
    color: #000
}

.contact-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 92px
}

.contact-form .intl-tel-input .flag-container:hover .selected-flag {
    outline: none;
    background: 0 0!important
}

.contact-form .intl-tel-input .country-list .country-name {
    color: #000
}

.contact-form .form-control {
    border-radius: 0!important;
    box-shadow: none;
    border: 1px solid #f1f3f7!important
}

.contact-form .error {
    background: #f6d8d8!important;
    border: 1px solid #f65050!important
}

.contact-form label.error {
    display: none!important
}

form.form-style-2 .form-control {
    background-color: #f1f3f7;
    border-color: transparent;
    font-size: 12.8px;
    font-size: .8rem;
    padding: 14.4px 12px;
    padding: .9rem .75rem;
    height: auto!important;
    border-radius: .25rem
}

#ban-form .form-control {
    border: 1px solid #bfbfbf
}

.why-choose-heading {
    padding-left: 25px;
    border-bottom-left-radius: inherit;
    border-radius: 15px 0 0 15px
}

.purple {
    color: #14471e
}

.bg-grey {
    background-color: #ffffff!important;
}

.text-grey {
    color: #5a5a5a
}

.footer-column p {
    font-size: 15px;
    color: #000;
}

.header-phone .head-hover-number {
    display: none
}

.header-phone:hover .head-hover-number {
    display: inline-block
}

.header-phone:hover .head-normal-number {
    display: none
}

.text-white {
    color: #fff
}

#ban-form .form-btn-wrapper {
    margin-top: 30px
}

.fixed-button-bottom {
    display: none
}

@media(max-width: 1024px) {
    .reviews-buton {
        display:none
    }
}

@media(min-width: 992px) {
    .container {
        max-width:1040px
    }
}

@media(min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

@media(max-width: 767px) {
    #ban-form .form-btn-wrapper {
        margin-top:10px
    }

    #contactform button::before {
        left: 20%!important
    }

    .why-choose-heading,.border-banner {
        border-radius: 0!important
    }

    .feature h4 {
        padding-left: 0!important;
        line-height: 25px
    }

    body {
        overflow-x: hidden
    }

    .callusnow {
        display: none
    }

    #assignment-service .catwrap {
        margin-top: 50px
    }

    .main-second-sec .tabbing-links li {
        width: 32%
    }

    .packgesSec:before {
        height: 550px
    }

    .packgesSec .tabbing-links li {
        margin: 5px
    }

    .portfolio_arch .tabbing-links li {
        margin: 5px
    }

    .trust-pilot-review {
        justify-content: center;
        margin-top: 7px
    }

    .trust-pilot-review .TP-visit {
        padding: 2px 18px;
        margin: 0;
        border-radius: 10px;
        margin-top: 10px
    }

    .trust-pilot-review .medium-heading {
        font-size: 18px;
        display: block
    }

    .trust-pilot-review li {
        font-size: 12px;
        width: 17px;
        height: 17px;
        padding-top: 1px!important
    }

    .trust-pilot-review li i {
        font-size: 11px;
        position: relative;
        top: -1.5px
    }

    .trust-pilot-review .TP-visit {
        display: block!important;
        margin-top: -5px;
        margin-left: 7px
    }

    .main-container .inform-panel {
        width: 100%;
        margin: 0;
        margin-top: 15px
    }

    .inform-panel {
        flex-direction: column;
        bottom: -50px;
        padding: 7px
    }

    .bannerimg img {
        max-width: 100%;
        height: 250px
    }

    .banner-form .form-btn {
        padding: 8px 2px;
        display: block;
        width: 100%!important;
        margin: 8px 0
    }

    .form-btn-wrapper {
        display: flex;
        flex-direction: column
    }

    .mobile-menu {
        display: block!important;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 999999;
        background: #fff;
        box-shadow: 2px 2px 4px rgb(126 126 126/50%);
        padding: 5px 0;
    }

    .smaple-info {
        margin-top: 2px;
        flex-direction: column
    }

    .samples-div {
        padding: 14px
    }

    .samples-div h2 {
        margin-bottom: 0;
        font-size: 18px
    }

    .samples-div .review-list i {
        font-size: 13px;
        color: #872165
    }

    .samples-div .review-list span {
        font-size: 11px
    }

    .sample-heading {
        font-size: 14px;
        font-weight: 500;
        margin-top: 7px
    }

    .smaple-info p {
        margin-right: 0;
        color: #000;
        font-size: 14px
    }

    .samples-div .button-wrapper a.btn {
        padding: 10px;
        height: auto;
        line-height: 1.2;
        width: 120px;
        margin: 0 7px 0 0
    }

    .contact-section {
        padding: 100px 0 40px
    }

    .contact-section h2 {
        font-size: 26px
    }

    .contact-section h1 {
        font-size: 30px;
        font-weight: 600
    }

    .contact-section h4 {
        font-size: 15px;
        font-weight: 500
    }

    .medium-heading {
        font-size: 24px
    }

    .banner-heading h3 {
        font-size: 32px
    }

    .review-list i {
        font-size: 12px
    }

    .feature p {
        line-height: 1.5;
        font-size: 13px
    }

    .feature .title {
        font-size: 15px
    }

    .feature .visit-review {
        font-size: 13px
    }

    .feaures-list {
        padding: 0 15px;
        text-align: center
    }

    .style-banner {
        height: auto
    }

    .style-banner {
        padding: 100px 0 50px!important
    }

    .home-order-process .steps-process:before {
        right: 0
    }

    .home-order-process {
        padding: 60px 0 0
    }

    .home-order-process .steps-process {
        margin: 60px auto
    }

    .order-sec {
        flex-direction: column
    }

    #testimonials-section:before {
        background: #14471e
    }

    .samples-other-info {
        flex-direction: column;
        align-items: start!important
    }

    .testinfo h3 {
        line-height: 1.2;
        font-size: 27px;
        color: #000
    }

    .testinfo h6 {
        font-size: 22px
    }

    .contact-wrap {
        height: 115px
    }

    .contact-wrap {
        margin-top: 30px
    }

    #about-us h3 {
        font-size: 22px
    }

    .banner-form {
        padding: 20px
    }

    .medium-heaing {
        font-size: 22px;
        font-weight: 600
    }

    .for-feature::after {
        content: none
    }

    .fixed-button-bottom {
        display: flex
    }

    .fixed-button-bottom a {
        font-size: 13px!important;
        font-weight: 600;
        line-height: 17px!important;
        padding: 10px 20px 10px 10px!important;
        margin: 0 7px
    }

    .fixed-button-bottom .whatapps-btn::before {
        right: 10px!important;
        width: 29px!important
    }

    .fixed-button-bottom .whatapps-btn span {
        font-size: 12px!important;
        line-height: 15px
    }

    .fixed-button-bottom a:hover {
        color: #fff
    }

    .fixed-button-bottom i {
        font-size: 19px;
        margin-right: 7px
    }
}

.border-banner {
    border-radius: 0 15px 15px 0
}

.btn-center {
    display: flex;
    justify-content: center
}

.thank-you .logo-light {
    margin-top: 1px
}

.thank-you .banner {
    height: auto;
    padding-bottom: 10px
}

.thank-you-content {
    padding: 140px 20px 100px;
    margin-top: 90px
}

.thank-you-box {
    padding: 50px;
    box-shadow: 3px 0 18px rgb(0 0 0/9%);
    position: relative
}

.thank-you-box h1 {
    font-size: 32px;
    margin: 15px 0 12px;
    color: #14471e
}

.thanks-icon {
    position: absolute;
    width: 115px;
    height: 115px;
    right: 0;
    left: 0;
    margin: auto;
    top: -58px
}

.thank-you-box a {
    text-decoration: none;
    color: #000;
    font-weight: 500
}

.chat-btn-theme {
    background-color: #872166;
    border-color: #872166;
    box-shadow: -2px 2px 8px rgb(135 33 102/44%)
}

.chat-btn-theme:hover {
    background-color: #872166;
    border-color: #872166;
    color: #fff
}

.thank-you-box .go-btn {
    display: inline-block;
    bottom: -19px;
    color: #fff;
    font-weight: 500;
    padding: 6px 15px 10px;
    margin: 0 10px;
    border-radius: 7px
}

.thank-you-box .go-btn i {
    font-size: 24px;
    bottom: -3px;
    position: relative
}

.whats-app-theme {
    background-color: #1ebea5;
    border-color: #1ebea5;
    box-shadow: -2px 2px 8px rgb(30 190 165/44%)
}

.whats-app-theme:hover {
}

.thank-btn-row {
    margin-top: 40px
}

.thanks-inner-page-conntent {
    margin-top: 30px
}

.thanks-inner-page-conntent a {
    text-decoration: underline
}

.thanks-inner-page-conntent a:hover {
    text-decoration: underline;
    color: #444
}

.thanks-inner-page-conntent h4 {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 18px
}

.thanks-inner-page-conntent .bold {
    font-weight: 600;
    text-transform: capitalize
}
.quality-box{

min-height: 160px;

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

border: 1px solid #35586d;

margin-bottom: 28px;

border-radius: 15px;
}
.quality-box i{

font-size: 35px;

color: #14471e;

margin-bottom: 18px;
}
.quality-box h4{
    
font-size: 22px;
    
font-weight: 600;
}
.style-card-header{

display: flex;

align-items: center;

background: linear-gradient(#30743d,#14471e);

color: #fff;

padding: 15px;

justify-content: space-between;

border-top-left-radius: 15px;

border-top-right-radius: 15px;
}
.style-card-header h3{
    font-size: 20px;
    margin-bottom: 0;
}
.style-card-header i{

font-size: 32px;
}
.feature-list{

display: flex;

flex-wrap: wrap;

width: 100%;

padding: 12px 4px;

border: 1px solid #811ec3;

border-bottom-left-radius: 20px;

border-bottom-right-radius: 20px;
}
.feature-list li{

width: calc(50% - 18px);

border: 1px dashed #14471e;

margin: 8px;

height: 40px;

display: flex;

align-items: center;

justify-content: center;

font-size: 13px;

border-radius: 25px;

display: flex;

justify-content: space-between;

padding: 0 10px;

line-height: 1.1;
}
.feature-list li span{
    
color: #14471e;
    
font-size: 16px;
    
font-weight: 700;
}

.header-nav li{
    margin: 0 10px;
}
.header-nav a{
    color: #14471e;
    font-size: 16px;
    font-weight: 600;
    padding: 4px;
    border-bottom: 1px solid #14471e;
}
.header-nav a:hover{
    text-decoration: none;
}
@media(max-width: 767px) {
    #carouselExampleControls .carousel-item .btn {
        background-color:#333
    }

    .thank-you-box h1 {
        font-size: 40px;
        margin: 15px 0 12px;
        color: #14471e
    }

    .thank-you-box .go-btn {
        bottom: -19px;
        color: #fff;
        font-weight: 500;
        max-width: 200px;
        position: relative;
        margin: 0 auto;
        margin-top: 15px;
        display: block;
        font-size: 14px
    }

    .thank-you-box {
        padding: 40px 20px
    }

    .thank-you .banner {
        padding-bottom: 0
    }

    .thank-you-content {
        padding: 80px 15px;
        margin-top: 90px
    }

    .thanks-icon {
        width: 100px;
        height: 100px
    }
    .banner-heading {
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
    .recomended-deal {
        top:-60px!important;
        right: -11px!important;
        z-index: 2!important
    }

    .fld-btn a {
        font-size: 14px!important
    }

    .bannerForm {
        width: 100%!important
    }

    .mobile-menu {
        padding: 15px 0!important
    }

    .banner-list-sperator::after {
        display: none
    }

    .banner-list li p span {
        font-size: 12px!important
    }

    .banner-list li p {
        font-size: 14px!important
    }

    .banner-list li i {
        font-size: 25px!important
    }

    .feature .title {
        display: block!important
    }

    .whatapps-btn {
        font-size: 12px!important
    }

    .for-feature::after {
        display: none
    }

    .feature .visit-review {
        font-size: 11px!important
    }

    .review-list i {
        font-size: 6px!important
    }

    .feature p {
        font-size: 11px!important
    }

    .feature .title {
        font-size: 15px!important
    }

    .recomended-deal img {
        width: 90px!important
    }

    .bannerForm h3 {
        font-size: 20px!important
    }
}

@media(max-width: 1024px) {
    .home-order-process .process-left {
        padding:30px 20px!important
    }

    .cta-shadow .img-box img {
        display: none!important
    }
}

.double-btn1 {
    display: none!important
}

@media(max-width: 767px) {
    .whatapps-btn {
        width:100%!important;
        border-radius: 5px!important;
        font-size: 19px!important;
        line-height: 20px!important;
        padding: 10px 20px 10px 25px!important
    }

    .banner-content {
        display: none!important
    }

    .double-btn1 {
        display: block!important
    }

    .about-img img {
        width: 100%!important
    }

    .cta-sec .global-heading {
        padding: 20px 10px!important
    }

    .recomended-deal {
        top: -25px!important;
        right: -11px!important;
        z-index: 2!important
    }

    .recomended-deal img {
        width: 60px!important
    }

    .btn-center {
        display: block!important
    }

    .btn-center1 {
        display: block!important
    }

    .double-btn .whatapps-box {
        width: 100%!important
    }

    .double-btn1 .whatapps-box {
        width: 100%!important
    }

    .whatapps-btn span {
        font-size: 15px!important;
        margin-bottom: 0!important
    }

    .section {
        padding: 25px 0!important
    }

    .banner-list {
        flex-direction: column
    }

    .cta-sec {
        padding: 40px 0!important
    }
}

.logo{
    height: 76px;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 80px;
    background-color: #14471e;
    overflow-x: hidden;
    transition: .5s;
    padding-top: 60px;
    width: 70%;
    right: -70%
}

.btn1 {
    display: flex;
    align-items: center;
    padding: 0 15px 0 0;
    border: 1px solid #14471e;
    border-radius: 30px
}

.btn1 img {
    padding-left: 10px
}

.btn1 small {
    padding-left: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #000
}

.reviews-btns {
    display: flex;
    align-items: center
}

.review-stars span {
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
    line-height: 8px
}

.review-stars {
    color: #fff!important;
    padding: 14px 15px 14px 25px;
    border-radius: 30px 0 0 30px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none!important;
    background-position-x: 158px;
    background-position-y: center;
    line-height: 15px;
    background-color: #14471e;
    position: relative
}

.reviews-btns a {
    text-decoration: none!important
}

.header-right .review-box img {
    width: 100%
}

.header-right .whatapps-box {
    display: flex;
    margin-left: 20px;
    align-items: center
}

.heartBeat {
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-name: heartBeat;
    animation-timing-function: ease-in-out
}

.whatapps-btn {
    color: #fff!important;
    text-transform: uppercase;
    padding: 12px 68px 12px 20px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none!important;
    background-position-x: 158px;
    background-position-y: center;
    line-height: 15px;
    background-color: #03a84e;
    position: relative
}

.whatapps-btn:before {
    content: '';
    background: url(../images/whatsapp-icon.png) no-repeat;
    position: absolute;
    right: 17px;
    top: 0;
    width: 29px;
    margin: auto;
    bottom: 0;
    background-position: center;
    background-size: contain
}

.phone-btn {
    color: #fff!important;
    text-transform: uppercase;
    padding: 11px 68px 12px 20px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none!important;
    background-position-x: 158px;
    background-position-y: center;
    line-height: 15px;
    background-color: #14471e!important;
    position: relative
}

.phone-btn:before {
    content: '';
    background: url(../images/telephone.png) no-repeat;
    position: absolute;
    right: 17px;
    top: 0;
    width: 29px;
    margin: auto;
    bottom: 0;
    background-position: center;
    background-size: contain
}

.double-btn {
    display: flex;
    align-items: center
}

.main-banner .double-btn {
    margin-top: 30px
}

.double-btn .whatapps-box {
    display: flex;
    align-items: center
}

.double-btn .whatapps-box:first-child {
    margin-right: 20px
}

.double-btn1 {
    display: flex;
    align-items: center
}

.main-banner .double-btn1 {
    margin-top: 30px
}

.double-btn1 .whatapps-box {
    display: flex;
    align-items: center
}

.double-btn1 .whatapps-box:first-child {
    margin-right: 20px
}

.whatapps-btn span {
    display: block;
    font-size: 12px;
    margin-bottom: 3px
}

.phone-btn span {
    display: block;
    font-size: 12px;
    margin-bottom: 3px
}

.live-chat-box .whatapps-box .live-chat {
    background-color: #14471e!important
}

.live-chat-box .whatapps-box .live-chat:before {
    background: url(../images/live-chat.png) no-repeat;
    background-position: center;
    background-size: contain
}

.live-chat-box .whatapps-btn span {
    display: block;
    font-size: 11px;
    margin-bottom: 3px
}

.live-chat-box .phone-btn span {
    display: block;
    font-size: 11px;
    margin-bottom: 3px
}

@-webkit-keyframes vibrate-1 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    20% {
        -webkit-transform: translate(-2px,2px);
        transform: translate(-2px,2px)
    }

    40% {
        -webkit-transform: translate(-2px,-2px);
        transform: translate(-2px,-2px)
    }

    60% {
        -webkit-transform: translate(2px,2px);
        transform: translate(2px,2px)
    }

    80% {
        -webkit-transform: translate(2px,-2px);
        transform: translate(2px,-2px)
    }

    100% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.main-banner {
    padding: 201px 0 0;
    background: linear-gradient(rgb(52 58 64/0%),rgb(52 58 64/0%)),url('../images/banner-bg.jpg');
    background-position: revert;
    background-size: cover;
    position: relative;
    color: #fff;
    padding-bottom: 33px
}

.main-banner:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #14471e;
    background: linear-gradient(43deg,#000000 25%,#35586d57 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14471e',endColorstr='#215596',GradientType=1);
    opacity: .9
}

.main-banner-heading {
    padding-top: 0
}

.main-banner-heading h4 {
    color: #ee9b01;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-left: 50px;
    position: relative
}

.main-banner-heading h1 {
    color: #fff;
    font-size: 39px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 3px 0;
    line-height: 50px
}

.main-banner-heading h4::before {
    content: '';
    position: absolute;
    width: 50px;
    left: -56px;
    height: 2px;
    background-color: #e7e7e7;
    border-radius: 15px;
    top: 48%
}

.main-banner-heading span {
    color: #ee9b01;
}

.main-banner-heading p {
    color: #fff;
    font-size: 14px
}

.main-banner-btn {
    display: flex;
    margin: 28px 0
}

.icon-btn {
    padding: 7px 20px 10px
}

.banner-list {
    display: flex;
    justify-content: space-between;
    margin-top: 67px
}

.whatsapp-theme {
    background-color: #51b27e;
    color: #fff!important
}

.banner-list li {
    width: 100%;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center
}

.banner-list li i {
    font-size: 30px;
    color: #ee9b01;
    margin-right: 10px
}

.banner-list li p {
    font-weight: 600;
    color: #ee9b01;
    font-size: 18px
}

.banner-list-sperator::after {
    content: '';
    width: 1px;
    height: 62%;
    position: absolute;
    right: 14px;
    top: 7px;
    background: #fff
}

.banner-list li p span {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    margin-top: -3px
}

.bannerFormBox {
    display: flex;
    justify-content: end
}

.bannerForm {
    border-radius: 5px;
    width: 90%;
    height: auto;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 4px -5px 11px 3px rgb(0 0 0/15%);
    border: 2px solid #000
}

.vibrate-1 {
    -webkit-animation: vibrate-1 .8s linear infinite both;
    animation: vibrate-1 .8s linear infinite both;
    z-index: 99
}

.recomended-deal {
    position: absolute;
    top: -25px;
    right: -48px;
    z-index: 2
}

.form-heading {
    display: flex;
    padding: 20px 0 0 20px;
    position: relative;
    height: 86px;
    overflow: hidden
}

.form-value {
    margin-left: 10px;
    margin-bottom: 20px;
    height: 25px
}

.bannerForm h3 {
    font-size: 26px;
    padding-top: 16px;
    color: #000;
    font-weight: 800;
    text-align: left
}

.bannerForm h2 {
    font-size: 18px;
    font-weight: 600;
    color: #727992;
    letter-spacing: -.4px;
    text-align: left;
    line-height: 1.1em
}

.bannerForm form {
    text-align: center;
    padding: 0 15px 15px
}

.bannerFormBox form:before {
    position: absolute;
    top: -100px;
    right: -60px;
    width: 200px;
    height: 200px
}

.or-box {
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    top: 5px;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #000
}

button.btn-form {
    border-radius: 5px;
    background-color: #14471e;
    width: 100%;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .5s;
    padding: 10px 0;
    width: 100%;
    margin: 0 4px;
    font-size: 15px;
    border: 0
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 21px 11px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.fld-btn a {
    padding: 10px 0;
    margin: 0 4px;
    font-size: 15px
}

.bottom-form-tag {
    background: #14471e;
    padding: 9px;
    text-align: center;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 15px;
    font-weight: 600
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    display: block;
    transition: .3s
}

.sidenav a:hover {
    color: #f1f1f1
}

.sidenav .closebtn {
    position: absolute;
    top: -11px;
    left: -25px;
    font-size: 36px;
    color: #fff
}

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top:15px
    }

    .sidenav a {
        font-size: 18px
    }
}

.error {
    border: 1px solid #c66508!important;
    background: #f5c0b0!important;
    box-shadow: 0 1px 6px 0 rgb(249 0 0/28%)!important
}

input:disabled {
    cursor: not-allowed;
    opacity: .5
}

label {
    display: none!important
}

body {
    font-family: Poppins,sans-serif!important
}

header {
}

.theme-navigation {
    text-align: right
}

.theme-navigation ul {
    padding-bottom: 0;
    margin-bottom: 0
}

.theme-navigation li {
    padding: 30px 0
}

.theme-navigation ul li a {
    font-size: 13px;
    color: #000;
    padding: 0 5px;
    text-decoration: none;
    padding-bottom: 10px;
    transition: ease .5s;
    border-bottom: 2px solid #0000;
    font-size: 16px;
    font-weight: 500
}

.banner-form .form-group span {
}

.theme-navigation {
    margin-top: 0
}

.theme-navigation ul li:last-child a,.theme-navigation ul li:nth-child(6) a {
}

.theme-navigation ul li:last-child:hover a,.theme-navigation ul li:nth-child(6):hover a {
    border-bottom: 2px solid #0000
}

.theme-navigation ul li:last-child,.theme-navigation ul li:nth-child(6) {
}

.theme-navigation ul>li:hover>a {
    color: #872166
}

li.list-inline-item.has-dropdown {
    position: relative
}

li.list-inline-item.has-dropdown:hover ul.dropdown-menu {
    display: block!important;
    padding-left: 10px;
    padding-top: 18px
}

li.list-inline-item.has-dropdown {
}

li.list-inline-item.has-dropdown ul.dropdown-menu li:last-child {
    border: none
}

li.list-inline-item.has-dropdown ul.dropdown-menu li:last-child a {
    color: #383338
}

li.list-inline-item.has-dropdown ul.dropdown-menu li:hover a {
    color: #872166
}

li.list-inline-item.has-dropdown:hover ul.dropdown-menu li a {
    padding-bottom: 0!important;
    display: block;
    width: 100%
}

li.list-inline-item.has-dropdown:hover ul.dropdown-menu li:hover {
    border-bottom: none
}

li.list-inline-item.has-dropdown ul.dropdown-menu li:hover a {
    border-bottom-color: #0000
}

li.list-inline-item.has-dropdown ul.dropdown-menu li a {
    margin-bottom: 10px
}

.banner-icon {
    text-align: center
}

section#Banner {
    padding: 130px 0
}

.banner-caption {
    padding-top: 9px
}

.banner-heading h1 {
    line-height: 1.5;
    font-size: 29px;
    margin-bottom: 0
}

.banner-heading h3 {
    font-size: 36px;
    font-weight: 600
}

.bold-font {
    font-weight: 800
}

h1 {
    font-size: 42px;
    font-weight: 600
}

.banner-heading {
}

.banner-form {
    padding: 25px;
    background: #fff;
    -webkit-box-shadow: 0 10px 29px -9px rgb(175 168 168/75%);
    -moz-box-shadow: 0 10px 29px -9px rgb(175 168 168/75%);
    padding: 47px 50px;
    border-radius: 10px 10px 0 0
}

.banner-form .form-group {
    margin-bottom: 0
}

.banner-form input {
    font-size: 14px;
    padding-left: 40px
}

.banner-form .form-group {
    position: relative
}

.banner-form .form-group span {
    top: 10px;
    left: 12px
}

.banner-form .form-group input {
    height: 46px;
    transition: ease .5s
}

.banner-form .form-group input:focus {
    border: 1px solid #872166;
    box-shadow: none
}

.banner-form input[type=submit] {
    background: #f8d022;
    border: 1px solid #f8d022;
    padding-left: 0;
    font-weight: 600;
    color: #872166;
    -webkit-box-shadow: 0 13px 16px -10px rgb(255 224 48);
    -moz-box-shadow: 0 13px 16px -10px rgb(255 224 48);
    box-shadow: 0 13px 16px -10px rgb(255 224 48)
}

form {
    position: relative;
    z-index: 1
}

.bannerimg {
    text-align: center
}

.width21ch {
    width: 46ch
}

h2 {
    font-size: 30px;
    font-weight: 500
}

.marginza {
    margin: 0 auto
}

.para {
    font-size: 14px
}

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

.box {
    height: 200px;
    width: 230px;
    float: left;
    max-width: 200px
}

.box-wrapper {
    display: flex;
    flex-flow: row wrap;
    flex: 50%;
    justify-content: center
}

.box img {
    position: absolute;
    top: 35%;
    margin: 0 auto;
    left: 0;
    right: 0
}

.box i {
    font-size: 63px;
    font-weight: 500;
    align-self: center;
    color: #14471e;
    text-align: center
}

.box {
    position: relative
}

.box-wrapper .box {
    width: 50%
}

section.box-with-content {
    padding: 70px 0
}

.box-wrapper .box:first-child,.box-wrapper .box:last-child {
    background: #333
}

.box-wrapper .box:nth-child(2),.box-wrapper .box:nth-child(3) {
    background: #14471e
}

.box-wrapper .box {
    width: 50%
}

.box-wrapper .box:first-child:hover {
    position: relative;
    transform: translate(-30px,-30px)
}

.box-wrapper .box:nth-child(2):hover {
    position: relative;
    transform: translate(30px,-30px)
}

.box-wrapper .box:nth-child(3):hover {
    position: relative;
    transform: translate(-30px,30px)
}

.box-wrapper .box:last-child:hover {
    position: relative;
    transform: translate(30px,30px)
}

.box-wrapper .box:first-child,.box-wrapper .box:last-child {
    background: #333
}

.box-wrapper .box {
    width: 50%;
    transition: ease .5s;
    text-align: center;
    display: flex;
    justify-content: center
}

h3 {
    font-size: 28px;
    font-weight: 600
}

.button-wrapper a.btn {
    height: 50px;
    line-height: 2.2;
    font-size: 17px;
    font-weight: 500;
    width: 270px;
    margin: 0 10px;
    font-size: 16px
}

.button-wrapper a.btn-purple {
    border: 1px solid #872166;
    transition: ease .5s;
    color: #872166
}

.button-wrapper {
    margin-top: 60px;
    display: flex
}

.button-wrapper a.btn-purple:hover {
    color: #fff;
    background: #872166
}

.box-wrapper .box img {
    max-width: 50px
}

.mar30 {
    margin-top: 30px
}

.main-heading h3 {
    width: 19ch
}

.gold {
    color: #f8d022
}

section#proofread {
    padding: 90px 0 30px;
    background-image: url(../images/bg-proofred.svg);
    -webkit-animation: l_2_r 10s linear infinite;
    background-color: #872166;
    overflow: hidden
}

.main-heading h3 {
    font-size: 39px
}

.white {
    color: #fff
}

.width49 {
    width: 49ch
}

.width54 {
    width: 54ch
}

.call-wrapper {
    padding: 50px 0
}

.call-wrapper {
    font-weight: 600;
    font-size: 21px
}

.call-wrapper a {
    background: #f8d022;
    border: none;
    margin-left: 10px;
    font-size: 17px;
    width: 250px;
    height: 48px;
    border-radius: 5px;
    color: #872166!important;
    font-weight: 600;
    -webkit-box-shadow: 0 13px 16px -10px rgb(255 224 48);
    -moz-box-shadow: 0 13px 16px -10px rgb(255 224 48);
    box-shadow: 0 13px 16px -10px rgb(255 224 48);
    display: inline-block;
    line-height: 3;
    padding: 0 16px;
    text-decoration: none
}

.call-wrapper span img {
    margin-right: 10px
}

.banner-icon {
    position: absolute;
    top: 10px;
    left: 12px
}

.catwrap {
    display: flex;
    flex-flow: row;
    flex-grow: 1;
    margin-bottom: 50px
}

.catwrap item img {
    margin-right: 10px
}

.catwrap .item img {
    margin-right: 20px
}

.catwrap .item h4 {
    width: 12ch;
    margin-bottom: 30px
}

.catwrap .item {
    color: #fff
}

.catwrap .item p {
    width: 100%
}

.reason-section {
    padding: 60px 0
}

.mar50 {
    margin-top: 50px
}

.f38px {
    font-size: 38px
}

.mb20 {
    margin-bottom: 20px
}

.listing-wrapper {
    margin-top: 50px
}

.listing-wrapper li {
    list-style: none;
    margin-bottom: 30px;
    line-height: 1.5;
    position: relative
}

.line {
    width: 100%;
    height: 8px;
    background: #e9e7e7;
    position: relative;
    margin-top: 20px;
    display: inline-block
}

.line:before {
    position: absolute;
    height: 100%;
    width: 90%;
    background: #d12033;
    content: ""
}

.line:after {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    background: #d12033;
    border-radius: 100%;
    top: -11px;
    left: 90%
}

span.total {
    display: inline-block;
    float: right;
    font-size: 19px;
    position: absolute;
    top: 0;
    right: 0
}

.hoverbox {
    background: #0000;
    padding: 20px 35px;
    margin-bottom: 20px;
    border-radius: 10px;
    font-size: 14px;
    transition: ease .5s;
    position: relative;
    cursor: pointer
}

.hoverbox:hover:before {
    background: #872166
}

.hoverbox h5 {
    color: #fff;
    font-weight: 600;
    font-size: 22px
}

.hoverbox p {
    color: #fff
}

.hoverbox:hover {
    background: #f8d022
}

.hoverbox:before {
    position: absolute;
    content: "";
    height: 84%;
    width: 5px;
    background: #0000;
    left: 0;
    top: 0;
    border-radius: 5px;
    transform: translate(0,13px);
    transition: ease .5s
}

.hoverbox.active {
    background: #14471e
}

.hoverbox.active:before {
    background: #333;
    position: absolute;
    content: "";
    height: 84%;
    width: 5px;
    left: 0;
    top: 0;
    border-radius: 5px;
    transform: translate(0,13px);
    transition: ease .5s
}

.button-main-wrapper {
    text-align: center
}

.button-main-wrapper a {
    width: 300px;
    height: 50px;
    line-height: 2.2;
    border-radius: 5px;
    margin-right: 20px
}

.button-main-wrapper {
    margin-top: 50px
}

.button-main-wrapper a.btn.btn-gold {
    background: #f8d022;
    color: #872166;
    font-weight: 600;
    font-size: 17px
}

.button-main-wrapper a:last-child {
    margin-right: 0!important
}

.button-main-wrapper a:last-child {
    margin-right: 0!important
}

.button-main-wrapper a.btn.btn-purple {
    border: 1px solid #872166;
    color: #872166;
    font-weight: 600
}

.button-main-wrapper a {
    transition: ease .5s
}

.button-main-wrapper a:last-child:hover {
    background: #f8d022;
    border: 1px solid #f8d022
}

.button-main-wrapper a.btn.btn-gold:hover {
    background: #872166;
    color: #fff
}

.main-expert-title {
    text-align: center
}

section#experts-section {
    padding: 50px 0
}

.main-expert-title h3 {
    font-size: 45px;
    font-weight: 700;
    color: #872166
}

.expert-info {
    text-align: center
}

.expert-info h6 {
    color: #872166;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 10px
}

.listing-skills {
    margin-top: 20px
}

.listing-skills ul li {
    list-style: none;
    border: 2px solid #872166;
    padding: 10px 30px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
    color: #872166;
    font-weight: 600
}

.listing-skills {
    text-align: center
}

.expert-img img {
    max-width: 100%
}

.experts-wrapper {
    margin-bottom: 50px
}

section#subjects .para {
    margin-top: 20px
}

.sliding-list ul li {
    list-style: none;
    border: 2px solid #14471e;
    padding: 10px 30px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
    color: #14471e;
    font-weight: 600;
    text-align: center
}

.sliding-list {
    text-align: center;
    margin-top: 30px;
    padding: 0 0 20px
}

.sliding-list {
    height: 250px;
    overflow: hidden;
    padding-top: 20px;
    margin-bottom: 50px;
    position: relative
}

.scrolling {
    animation: marquee 20s linear infinite
}

@keyframes marquee {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

.sliding-list:before {
    position: absolute;
    content: "";
    height: 100px;
    width: 100%;
    background: #fff;
    left: 0;
    z-index: 1;
    top: 0;
    opacity: .5
}

.sliding-list:after {
    position: absolute;
    content: "";
    height: 100px;
    width: 100%;
    background: #fff;
    left: 0;
    z-index: 1;
    bottom: 0;
    opacity: .5
}

section#questiion {
    text-align: center
}

.contact-wrap {
    margin-top: 60px
}

.btn-gold a {
    background: #f8d022;
    display: block;
    margin-top: 30px;
    max-width: 300px;
    margin: 0 auto
}

.contact-wrap i {
    font-size: 90px;
    color: #14471e
}

section#questiion {
    text-align: center;
    margin-bottom: 100px
}

.contact-wrap {
    margin-top: 60px
}

.btn-gold a {
    background: #f8d022;
    display: block;
    margin-top: 30px;
    max-width: 300px;
    margin: 0 auto;
    height: 60px;
    line-height: 3.5;
    border-radius: 5px;
    color: #872166;
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    transition: ease .5s
}

.contact-wrap {
    height: 150px
}

.btn-gold a:hover {
    background: #872166;
    color: #fff
}

#questiion p.para {
    width: 87ch;
    margin: 23px auto
}

section#questiion {
    margin-top: 50px
}

#testimonials-section {
    background: url(../images/map.svg);
    position: relative;
    padding: 70px 0
}

#testimonials-section:before {
    position: absolute;
    content: "";
    width: 40%;
    height: 100%;
    background: #14471e;
    top: 0
}

.testinfo {
    padding-top: 23%
}

.testinfo h6 {
    color: #383338;
    font-size: 28px;
    font-weight: 500
}

.testinfo {
    padding-left: 10%
}

.testinfo h3 {
    color: #14471e;
    font-weight: 700;
    width: 10ch;
    line-height: 1;
    font-size: 49px
}

footer {
    background: #363636;
    padding: 50px 0
}

.footer-column ul {
    padding-left: 0;
    list-style: none
}

.footer-column h4 {
    color: #000;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600
}

.footer-column ul li a {
    color: #000;
    font-size: 15px;
    display: flex;
}

.footer-column ul li {
    margin-bottom: 7px
}

.footer-column span svg {
    max-width: 18px;
    height: auto
}

footer {
    background: #f9f9f9;
    padding: 50px 0 5px
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #999
}

a {
    text-decoration: none
}

#carouselExampleControls img {
    max-width: 100%
}

.bannerimg img {
    max-width: 100%
}

@media only screen and (max-width: 1199px) {
    .theme-navigation ul li a {
        font-size:13px;
        color: #383338;
        padding: 0 1px;
        text-decoration: none;
        padding-bottom: 10px;
        transition: ease .5s;
        border-bottom: 2px solid #0000
    }

    .main-heading h3 {
        width: 100%
    }

    .call-wrapper {
        font-weight: 600;
        font-size: 17px
    }

    .width21ch {
        width: 100%
    }

    .width54 {
        width: 100%
    }

    #questiion p.para {
        width: 100%;
        margin: 23px auto
    }
}

@media only screen and (max-width: 991px) {
    .mobile-menu {
        display:block!important
    }

    .desktop-menu {
        display: none
    }

    .theme-navigation ul li a {
        font-size: 9px;
        color: #383338;
        padding: 0 2px;
        text-decoration: none;
        padding-bottom: 10px;
        transition: ease .5s;
        border-bottom: 2px solid #0000
    }

    .banner-heading h1 {
        line-height: 1.2;
        font-size: 28px;
        margin-bottom: 8px
    }

    .banner-form .col-md-3 {
        padding: 0 6px
    }

    .button-wrapper {
        margin-top: 18px
    }

    .button-wrapper a.btn {
        height: 56px;
        line-height: 3;
        font-size: 15px;
        font-weight: 600;
        display: block;
        max-width: 270px
    }

    .main-heading h3 {
        font-size: 24px
    }

    .width49 {
        width: 100%
    }

    .call-wrapper {
        padding: 9px 0 50px
    }

    .call-wrapper button {
        background: #f8d022;
        border: none;
        margin-left: 10px;
        font-size: 13px;
        width: 182px;
        height: 48px;
        border-radius: 5px;
        color: #872166;
        font-weight: 600;
        -webkit-box-shadow: 0 13px 16px -10px rgb(255 224 48);
        -moz-box-shadow: 0 13px 16px -10px rgb(255 224 48);
        box-shadow: 0 13px 16px -10px rgb(255 224 48)
    }

    .catwrap .item h4 {
        width: 100%;
        margin-bottom: 30px;
        font-size: 18px
    }

    h2 {
        font-size: 26px;
        font-weight: 500
    }

    .f38px {
        font-size: 24px
    }

    .hoverbox {
        background: #0000;
        padding: 18px 35px;
        margin-bottom: 0;
        border-radius: 10px;
        font-size: 14px;
        transition: ease .5s;
        position: relative;
        cursor: pointer
    }

    .listing-skills ul li {
        list-style: none;
        border: 2px solid #872166;
        padding: 10px 11px;
        border-radius: 5px;
        display: inline-block;
        margin-bottom: 10px;
        color: #872166;
        font-weight: 600;
        font-size: 13px
    }

    .testinfo h3 {
        color: #872166;
        font-weight: 700;
        width: 100%;
        line-height: 1;
        font-size: 41px
    }
}

.mobile-navigation span {
    display: block;
    height: 1px;
    background: #000;
    width: 40px;
    margin-bottom: 7px
}

.mobile-navigation span {
    display: block;
    height: 2px;
    background: #707070;
    width: 31px;
    margin-bottom: 7px
}

.humb {
    max-width: 44px;
    float: right;
    margin-top: 28px;
}

.medium-heading {
    font-size: 32px
}

.contact-section {
    padding: 200px 0 70px
}

.contact-section h2 {
    font-size: 28px
}

.contact-section h1 {
    font-size: 38px
}

.contact-section h4 {
    font-size: 20px;
    font-weight: 500
}

.sample-section {
    padding: 90px 0 0
}

.samples-div .button-wrapper a.btn {
    width: 100%!important
}

.home-order-process {
    padding: 90px 0;
    background: #f5f5f5 url(../images/services-bg.png) repeat;
    position: relative;
    z-index: 0;
    overflow: auto
}

.home-order-process .process-left {
    padding-top: 90px
}

.home-order-process .process-left .heading {
    padding: 0 0 10px
}

.home-order-process .process-left .sub-heading {
    font-size: 15px;
    line-height: 20px;
    color: #3e4657
}

.order-sec {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.home-order-process .steps-process {
    border: 1px solid #e8e8e8;
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.16);
    position: relative;
    float: right
}

.testimonial-icon {
    width: 92px
}

.home-order-process .steps-process:before {
    content: '';
    z-index: -1;
    height: 177px;
    width: 177px;
    position: absolute;
    right: -63px;
    bottom: -39px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    border-radius: 100%;
    background: linear-gradient(90deg,#F5F5F5 8px,transparent 1%) center,linear-gradient(#F5F5F5 8px,transparent 1%) center,#434343;
    background-size: 9px 9px
}

.home-order-process .address-bar {
    padding: 10px;
    border-bottom: 1px solid #e8e8e8;
    display: block
}

.home-order-process .address-bar circle {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #ff6057;
    display: inline-block;
    margin: 0 3px 0 0
}

.home-order-process .address-bar circle:nth-child(2) {
    background: #ffc12e
}

.home-order-process .address-bar circle:nth-child(3) {
    background: #28ca40
}

.home-order-process .step-box {
    padding: 30px 30px 40px;
    list-style: none
}

.home-order-process .step-box li {
    margin: 0 0 45px;
    position: relative
}

.home-order-process .step-box li:last-child {
    margin: 0
}

.home-order-process .step-box li:last-child:after {
    display: none
}

.home-order-process .step-box li i {
    width: 85px;
    height: 85px;
    float: left;
    margin: 0 26px 0 0;
    border-radius: 100%;
    background-size: 490px;
    border: 1px solid #dcdcdc;
    font-size: 32px;
    align-self: center;
    text-align: center;
    padding: 24px 0 0;
    color: #14471e
}

.home-order-process .step-box .step-title {
    font-size: 22px;
    line-height: 26px;
    color: #071e57;
    padding: 10px 0 0;
    display: inline-block
}

.home-order-process .step-box .step-content {
    font-size: 13px;
    line-height: 18px;
    color: #3e4657;
    margin: 3px 0 0
}

.decision-sec {
    padding-top: 0
}

.about-sec {
    padding-top: 60px;
    padding-bottom: 65px;
    position: relative
}

.decision-sec .inner-about-caption {
    margin-top: 55px
}

.inner-about-caption {
    margin-top: 90px;
    margin-bottom: 60px
}

.decision-sec .inner-about-caption h3 {
    margin-bottom: 25px
}

.inner-about-caption h3 {
    font-size: 45px
}

.about-caption h3 {
    font-size: 33px;
    color: #000;
    font-weight: 600;
    margin-bottom: 14px;
    position: relative;
    padding-left: 0;
    display: inline-block;
    z-index: 9
}

.decision-sec .about-caption p {
    text-align: center
}

.about-caption p {
    color: #000;
    font-size: 16px;
    text-align: left;
    line-height: 28px
}

.service-box .icon {
    margin-bottom: 25px;
    width: 55px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 14px;
    color: #ffa600;
}

.service-box .icon img {
    object-fit: cover;
    max-width: 55px
}

.service-box h4 {
    text-transform: uppercase;
    font-size: 17px;
    margin-bottom: 15px;
    font-weight: 700;
    color: #14471e;
}

.service-box p {
    font-size: 16px;
    color: #000;
    line-height: 26px
}

.cta-sec {
    padding: 80px 0
}

.cta-shadow {
    box-shadow: 0 0 22px 2px #c9c9c9;
    border-radius: 4px 10px 10px 4px;
    max-height: 288px
}

.cta-sec .global-heading {
    margin-bottom: 0;
    padding: 54px 30px;
    background-size: cover;
    height: 288px;
    background-color: #ee9b01;
}

z {}

.cta-sec .global-heading h3 {
    color: #fff;
    padding-right: 20px;
    padding-left: 0;
    margin-bottom: 0;
    line-height: 40px;
    margin-bottom: 0;
    font-size: 17px
}

.cta-sec .global-heading h4 {
    color: #fff;
    font-weight: 500;
    font-size: 28px
}

.cta-shadow .double-btn {
    margin-top: 20px
}

.about-caption .double-btn {
    justify-content: flex-start;
    margin-top: 30px
}

.cta-shadow .img-box {
    position: relative;
    top: -32px;
    float: right
}

.cta-shadow .img-box img {
    max-width: 85%
}

.about-sec .row {
    justify-content: space-between
}

.about-caption {
    margin-top: 35px
}

.about-caption h3 {
    font-size: 33px;
    color: #000;
    font-weight: 600;
    margin-bottom: 14px;
    position: relative;
    padding-left: 0;
    display: inline-block;
    z-index: 9
}

.about-caption p {
    color: #000;
    font-size: 16px;
    text-align: left;
    line-height: 28px
}

.blue-color {
    color: #14471e;
    font-weight: 600
}

@media only screen and (max-width: 767px) {
    .fixed-button-bottom .double-btn .whatapps-box:first-child {
        margin-right:0!important
    }

    .cta-sec .global-heading h3 {
        line-height: 25px;
        padding-left: 10px
    }

    .margin-bottom1 {
        margin-bottom: 50px
    }

    .cta-sec .global-heading h4 {
        margin-top: 15px;
        padding-left: 10px
    }

    .main-banner {
        padding: 110px 0 30px
    }

    .banner-list {
        display: none
    }

    .main-banner .double-btn {
        display: none
    }

    .whatapps-btn:before {
        width: 40px;
        right: 20px
    }

    .main-banner-heading h1 {
        font-size: 30px;
        line-height: 40px
    }

    .main-banner-heading h4 {
        font-size: 20px
    }

    .cta-sec .global-heading {
        height: auto
    }

    .double-btn1 .whatapps-box .whatapps-btn small {
        font-size: 14px!important;
        font-weight: 600
    }

    .double-btn1 .whatapps-btn span {
        font-size: 11px!important
    }

    .main-banner .double-btn1 {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .double-btn1 .whatapps-btn {
        font-size: 21px!important;
        line-height: 4px!important;
        padding: 26px 20px 26px 25px!important
    }

    .double-btn1 .whatapps-btn::before {
        right: 25px;
        width: 40px
    }

    .get-in-touch-list {
        display: block!important;
        padding-left: 0!important
    }

    .get-in-touch-list li h4 {
        font-size: 25px!important
    }

    .get-in-touch-list li strong {
        font-size: 25px!important
    }

    .get-in-touch-list li {
        margin-top: 15px
    }

    .double-btn .whatapps-box:first-child {
        margin-right: 10px!important
    }

    .banner-list {
        margin: 10px 0!important
    }

    .about-caption h3 {
        font-size: 25px
    }

    .hoverbox {
        background: #0000;
        padding: 18px 35px;
        margin-bottom: 0;
        border-radius: 10px;
        font-size: 14px;
        transition: ease .5s;
        position: relative;
        cursor: pointer;
        margin-top: 20px
    }

    .footer-column {
    }

    .footer-column .logo {
        margin-bottom: 0
    }

    .expert-img {
        text-align: center
    }

    .button-main-wrapper a {
        width: 179px;
        height: 50px;
        line-height: 2.2;
        border-radius: 5px;
        margin-right: 20px
    }

    .button-main-wrapper a.btn.btn-gold {
        background: #f8d022;
        color: #872166;
        font-weight: 600;
        font-size: 15px
    }

    .button-main-wrapper a.btn.btn-purple {
        border: 1px solid #872166;
        color: #872166;
        font-weight: 600;
        font-size: 15px
    }

    .listing-skills ul {
        padding-left: 0
    }

    .button-wrapper a.btn {
        height: 42px;
        line-height: 2.3;
        font-size: 10px;
        font-weight: 600;
        display: block;
        max-width: 262px;
        float: left;
        margin-top: 0;
        padding: 6px 20px;
        font-size: 12px;
        width: auto
    }

    .box-with-content .heading {
        margin-top: 30px
    }

    .button-wrapper {
        text-align: center
    }

    .button-wrapper {
        display: inline-block
    }

    .box-with-content .heading {
        margin-top: 30px
    }

    .banner-form .form-group {
        margin-bottom: 10px
    }

    .banner-list-sperator::after {
        display: none
    }

    .bannerForm {
        width: 100%;
        height: auto;
        margin-top: 21px
    }
}

@media only screen and (max-width: 400px) {
    .call-wrapper.gold button {
        margin-top:10px
    }

    .call-wrapper.gold {
        text-align: center
    }

    .button-main-wrapper a {
        width: 100%;
        height: 50px;
        line-height: 2.2;
        border-radius: 5px;
        margin-right: 3px;
        margin-bottom: 10px
    }

    .button-main-wrapper a.btn.btn-purple {
        border: 1px solid #872166;
        color: #872166;
        font-weight: 600;
        font-size: 14px;
        padding-top: 9px
    }

    h1 {
        font-size: 31px;
        font-weight: 500
    }
}

html {
    scroll-behavior: smooth
}

body {
    overflow-x: hidden
}

.desktop-menu {
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 100
}

.style-dropdown {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    position: absolute;
    background: #fff;
    width: 216px;
    top: 86px;
    display: none;
    padding-bottom: 0;
    box-shadow: 1px 1px 7px rgb(185 185 185/50%)
}

.style-dropdown li {
    padding: 10px 0;
    border-bottom: .5px solid rgb(161 161 161/50%)
}

.style-dropdown a {
    padding: 0 15px!important;
    transition: none!important;
    text-decoration: none
}

.style-dropdown li:hover a,.style-dropdown a:hover {
    border-bottom: none!important;
    text-decoration: none
}

#assignment-service {
    padding: 90px 0 30px
}

#assignment-service .item h4 {
    color: #872166;
    min-height: 75px
}

#assignment-service .catwrap {
    margin-top: 100px;
    padding: 25px 20px
}

#assignment-service .catwrap.bottom-boxes {
    margin-top: 10px;
    padding: 25px 20px
}

#assignment-service .item p {
    color: #383338
}

#assignment-service .catwrap:hover {
    background-color: #f8d022;
    box-shadow: 0 10px 29px -9px rgb(175 168 168/95%);
    border-radius: 5px;
    display: flex;
    flex-flow: row;
    flex-grow: 1;
    padding: 25px 20px
}

.account-btn {
    background-color: #872166;
    color: #fff!important;
    padding: 7px 14px!important;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 500
}

.whatsapp-service {
    background: #1ebea5!important;
    color: #fff
}

.whatsapp-service:hover {
    color: #fff
}

.research-subjects {
    padding: 90px 0 0
}

.research-second-sec {
    padding-bottom: 40px
}

.tabs {
    display: none;
    width: 100%
}

.tabs.current {
    display: inline-block;
    text-align: left
}

.main-second-sec {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 40px 0 0;
    margin: 0;
    background-position: center center;
    position: relative
}

.main-second-sec .tabbing-links {
    text-align: center;
    margin: 0 0 40px;
    padding: 0
}

.main-second-sec .tabbing-links li {
    color: #122130;
    display: inline-block;
    width: 15%;
    vertical-align: top;
    cursor: pointer;
    opacity: 1;
    padding: 19px 0;
    border-radius: 6px;
    font-weight: 500;
    border: 2px solid transparent;
    line-height: 22px;
    text-align: center
}

.main-second-sec .icon {
    margin: 0 0 17px;
    display: block
}

.main-second-sec .icon i {
    font-size: 30px;
    color: #14471e;
}

.main-second-sec .tabbing-links li img {
    display: block;
    margin: 0 auto 19px;
    max-width: 50%
}

.main-second-sec .tabbing-links li:hover {
    opacity: 1;
    background: #fff;
    border: 1px solid #14471e;
}

.main-second-sec .tabbing-links li.current {
    opacity: 1;
    background: #14471e;
    border: 2px solid #7a23b7;
    color: #fff;
}

.main-second-sec .tabbing-links li.current i{
    color: #ffffff !important;
}
.section {
    padding: 50px 0
}

.medium-heaing {
    font-size: 34px;
    font-weight: 600;
    color: #14471e
}

.get-in-touch {
    background: linear-gradient(#14471e,#ee9b01b3),url(../images/banner-about.jpg);
    background-size: cover;
    background-position: center;
    padding-top: 50px;
    padding-bottom: 50px
}

.get-in-touch .global-heading {
    margin-bottom: 50px
}

.global-heading {
    margin-bottom: 0
}

.global-heading {
    margin-top: 0;
    margin-bottom: 40px
}

.get-in-touch .global-heading h2 {
    font-size: 35px;
    font-weight: 600;
    color: #fff
}

.get-in-touch-list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center
}

.get-in-touch-list li {
    list-style: none
}


.get-in-touch-list li .icons {
    background: #fff;
    box-shadow: 0 3px 20px 0 rgb(0 0 0/50%);
    border-radius: 50%;
    height: 100px;
    width: 100px;
    text-align: center;
    position: relative;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #14471e!important;
}

.get-in-touch-list li h4 {
    color: #fff;
    font-size: 29px;
    font-weight: 200;
    margin-top: 30px;
    margin-bottom: 2px
}

.get-in-touch-list li strong {
    color: #fff;
    font-size: 30px;
    font-weight: 500
}

.callusnow {
    width: 50px;
    height: 50px;
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 100%;
    font-size: 24px;
    position: fixed;
    bottom: 20px;
    left: 30px;
    z-index: 9999;
    box-shadow: 6px 9px 30px 1px rgb(37 0 22/71%);
    padding: 6px 0 11px 0;
    animation: scrollDownAnimation .5s ease infinite alternate;
    -webkit-animation: scrollDownAnimation .5s ease infinite alternate;
    background: #3996d2;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59bad3',endColorstr='#9b2c92',GradientType=1);
    border: solid 3px #fff;
    background: #00e676
}

@keyframes scrollDownAnimation {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10px)
    }
}

@-webkit-keyframes scrollDownAnimation {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-10px)
    }
}

.callusnow:hover {
    color: #fff
}

.style-banner {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 676px;
    position: relative;
    padding: 140px 0 0
}

.style-banner::before {
    content: '';
    background: #502eff;
    background: linear-gradient(180deg,rgb(62 11 46/76%) 0%,rgb(0 0 0/87%) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0
}

.banner-content {
    z-index: 1;
    position: relative;
    bottom: 0
}

.wrapper {
    padding: 0;
    margin-top: 0
}

.feaures-list {
    padding: 25px 15px
}

.feature h4 {
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    padding-left: 30px;
    color: #fff;
    padding: 0 0
}

.feature {
    padding: 10px 0 0;
    color: #fff
}

.feature1 {
    padding: 13px 0 0;
    color: #fff
}

.for-feature::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 45px;
    top: 14px;
    right: 14px;
    background-color: #fff
}

.review-list ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.review-list li {
    display: inline-block
}

.feature i {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    margin-right: 2px
}

.review-list i {
    font-size: 14px;
    margin-right: 0;
    font-weight: 700
}

.review-list span {
    font-size: 11px;
    margin-left: 6px
}

.feature .visit-review {
    text-decoration: none;
    color: #fff;
    border: 1px solid #14471e;
    display: inline-block;
    padding: 2px;
    font-size: 15px;
    border-bottom: 1px solid
}

.bg-theme {
    background-color: #14471e;
    color: #fff
}

.yellow-theme {
    background-color: #ee9b01;
}

.yellow-color {
    color: #f8d022
}

.theme-color {
    color: #000
}

.feature .title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5
}

.feature p {
    line-height: 1.5;
    margin-bottom: 10px
}

.inform-panel {
    position: absolute;
    bottom: -51px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    max-width: 680px;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 10px 30px rgb(0 0 0/5%);
    box-shadow: 0 10px 30px rgb(0 0 0/5%);
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    align-items: center
}

.testimonial-sec {
    padding: 80px 0;
    background: #14471e;
}

.testimonials-caption {
    text-align: center
}

.testimonials-caption h3 {
    font-size: 35px;
    font-weight: 600;
    color: #fff
}

.ti-inner {
    border-top-width: 2px!important;
    border-bottom-width: 2px!important;
    border-left-width: 2px!important;
    border-right-width: 2px!important;
    background-color: #fff!important;
    backdrop-filter: blur(0px);
    border-style: solid!important;
    border-color: #fff!important;
    background: #fff!important;
    border-radius: 4px!important;
    padding: 30px!important;
    margin: 10px!important;
    display: block;
    position: relative
}

.ti-inner p {
    font-size: 15px;
    min-height: 200px
}

.ti-profile-img {
    margin: 0 15px 0 0!important
}

.ti-profile-img img {
    width: 40px!important;
    height: 40px!important;
    padding: 0!important;
    display: block;
    border-radius: 30px;
    min-width: initial!important;
    max-width: initial!important;
    object-fit: cover;
    object-position: top
}

.ti-review-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    margin-bottom: 15px
}

.ti-profile-details {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    margin: 0!important;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ti-name {
    font-weight: 700;
    font-size: 15px;
    overflow: hidden;
    padding-right: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000
}

.ti-name a {
    text-decoration: none!important;
    font-size: inherit
}

.ti-date {
    color: #000;
    opacity: .5;
    font-size: 12px!important
}

.ti-stars {
    margin-bottom: 6px;
    margin-top: 15px;
    text-align: left
}

.ti-star {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: 0!important;
    margin-right: 1px!important;
    background-size: contain;
    background-repeat: no-repeat
}

.ti-star.f {
    background-image: url(../images/avatar/f.svg)
}

.ti-star.e {
    background-image: url(../images/avatar/e.svg)
}

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

.trust-pilot-review {
    display: flex;
    align-items: center
}

.trust-pilot-review .rating-num {
    color: #000;
    font-weight: 600;
    font-size: 14px;
    margin-left: 3px
}

.trust-pilot-review ul {
    margin-left: 10px
}

.trust-pilot-review li {
    display: inline-block;
    padding: 0;
    color: #fff;
    font-size: 13px;
    width: 23px;
    height: 22px;
    background: #872166;
    padding-top: 2px;
    text-align: center
}

.trust-pilot-review li i {
    font-size: 14px
}

.trust-pilot-review .TP-visit {
    display: inline-block;
    border: 1px solid #872166;
    padding: 6px 25px;
    font-weight: 600;
    margin: 0 20px;
    border-radius: 10px;
    color: #872166
}

.trust-pilot-review .TP-visit:hover {
    text-decoration: none;
    background-color: #872166;
    color: #fff
}

.banner-form .form-btn {
    padding: 10px 20px;
    margin: 0 4px;
    width: 200px;
    color: #fff
}

.banner-form .order-now {
    background-color: #872166;
    color: #fff
}

.or-box {
    position: absolute;
    width: 42px;
    height: 42px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99;
    border-radius: 50%;
    padding: 7px;
    background: #fff;
    top: 2px
}

.footer-column ul li a:hover {
    padding-bottom: 2px;
    border-bottom: .5px solid #707070;
    text-decoration: none
}

.samples-div {
    padding: 30px 20px;
    border: 1px solid #872166;
    border-radius: 5px;
    margin: 20px 0
}

.samples-div h2 {
    font-size: 26px;
    font-weight: 600
}

.samples-div .review-list i {
    font-size: 20px;
    color: #872166
}

.samples-div .review-list span {
    font-size: 12px
}

.sample-heading {
    font-size: 18px;
    font-weight: 500
}

.smaple-info {
    margin-top: 7px
}

.smaple-info p {
    margin-right: 13px;
    color: #000
}

.smaple-info span {
    color: #5c5c5c;
    margin: 0 4px
}

.icon-box.icon-box-style-1 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.icon-box.icon-box-style-1 .icon-box-icon {
    padding-right: 16px;
    padding-right: 1rem
}

.icon-box.icon-box-style-1 .icon-box-icon i {
    font-size: 36.8px;
    font-size: 2.3rem;
    top: 0;
    position: relative;
    color: #14471e!important
}

.icon-box.icon-box-style-1 .animated-icon {
    top: 8px
}

.icon-box.icon-box-style-1 h1,.icon-box.icon-box-style-1 h2,.icon-box.icon-box-style-1 h3,.icon-box.icon-box-style-1 h4 {
    margin-bottom: 16px;
    margin-bottom: 1rem
}

.icon-box.icon-box-style-1 .icon-box-info p {
    font-size: 14.4px;
    font-size: .9rem;
    color: #707070
}

.icon-box.icon-box-style-1 .icon-box-info p a {
    color: #707070;
    text-decoration: none;
    font-weight: 500
}

.icon-box.icon-box-style-1 .icon-box-info p a:hover {
    color: #872166
}

.icon-box.icon-box-style-1.icon-box-reverse .icon-box-icon {
    padding-right: 0;
    padding-left: 16px;
    padding-left: 1rem
}

.contact-form .intl-tel-input {
    position: relative!important;
    display: flex!important
}

.contact-form .intl-tel-input .form-control {
    padding-left: 15px!important
}

.contact-form .intl-tel-input .flag-container {
    position: initial!important;
    padding-left: 0!important;
    background-color: #f1f3f7;
    margin-right: -1px
}

.contact-form .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 28px
}

#banner-form .intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 8px;
    color: #000
}

.contact-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 92px
}

.contact-form .intl-tel-input .flag-container:hover .selected-flag {
    outline: none;
    background: 0 0!important
}

.contact-form .intl-tel-input .country-list .country-name {
    color: #000
}

.contact-form .form-control {
    border-radius: 0!important;
    box-shadow: none;
    border: 1px solid #f1f3f7!important
}

.contact-form .error {
    background: #f6d8d8!important;
    border: 1px solid #f65050!important
}

.contact-form label.error {
    display: none!important
}

form.form-style-2 .form-control {
    background-color: #f1f3f7;
    border-color: transparent;
    font-size: 12.8px;
    font-size: .8rem;
    padding: 14.4px 12px;
    padding: .9rem .75rem;
    height: auto!important;
    border-radius: .25rem
}

#ban-form .form-control {
    border: 1px solid #bfbfbf
}

.why-choose-heading {
    padding-left: 25px;
    border-bottom-left-radius: inherit;
    border-radius: 15px 0 0 15px
}

.purple {
    color: #14471e
}

.bg-grey {
    background-color: #ffffff!important;
}

.text-grey {
    color: #5a5a5a
}

.footer-column p {
    font-size: 15px;
    color: #000;
}

.header-phone .head-hover-number {
    display: none
}

.header-phone:hover .head-hover-number {
    display: inline-block
}

.header-phone:hover .head-normal-number {
    display: none
}

.text-white {
    color: #fff
}

#ban-form .form-btn-wrapper {
    margin-top: 30px
}

.fixed-button-bottom {
    display: none
}

@media(max-width: 1024px) {
    .reviews-buton {
        display:none
    }
}

@media(min-width: 992px) {
    .container {
        max-width:1040px
    }
}

@media(min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

@media(max-width: 767px) {
    #ban-form .form-btn-wrapper {
        margin-top:10px
    }

    #contactform button::before {
        left: 20%!important
    }

    .why-choose-heading,.border-banner {
        border-radius: 0!important
    }

    .feature h4 {
        padding-left: 0!important;
        line-height: 25px
    }

    body {
        overflow-x: hidden
    }

    .callusnow {
        display: none
    }

    #assignment-service .catwrap {
        margin-top: 50px
    }

    .main-second-sec .tabbing-links li {
        width: 32%
    }

    .packgesSec:before {
        height: 550px
    }

    .packgesSec .tabbing-links li {
        margin: 5px
    }

    .portfolio_arch .tabbing-links li {
        margin: 5px
    }

    .trust-pilot-review {
        justify-content: center;
        margin-top: 7px
    }

    .trust-pilot-review .TP-visit {
        padding: 2px 18px;
        margin: 0;
        border-radius: 10px;
        margin-top: 10px
    }

    .trust-pilot-review .medium-heading {
        font-size: 18px;
        display: block
    }

    .trust-pilot-review li {
        font-size: 12px;
        width: 17px;
        height: 17px;
        padding-top: 1px!important
    }

    .trust-pilot-review li i {
        font-size: 11px;
        position: relative;
        top: -1.5px
    }

    .trust-pilot-review .TP-visit {
        display: block!important;
        margin-top: -5px;
        margin-left: 7px
    }

    .main-container .inform-panel {
        width: 100%;
        margin: 0;
        margin-top: 15px
    }

    .inform-panel {
        flex-direction: column;
        bottom: -50px;
        padding: 7px
    }

    .bannerimg img {
        max-width: 100%;
        height: 250px
    }

    .banner-form .form-btn {
        padding: 8px 2px;
        display: block;
        width: 100%!important;
        margin: 8px 0
    }

    .form-btn-wrapper {
        display: flex;
        flex-direction: column
    }

    .mobile-menu {
        display: block!important;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 999999;
        background: #fff;
        box-shadow: 2px 2px 4px rgb(126 126 126/50%);
        padding: 5px 0;
    }

    .smaple-info {
        margin-top: 2px;
        flex-direction: column
    }

    .samples-div {
        padding: 14px
    }

    .samples-div h2 {
        margin-bottom: 0;
        font-size: 18px
    }

    .samples-div .review-list i {
        font-size: 13px;
        color: #872165
    }

    .samples-div .review-list span {
        font-size: 11px
    }

    .sample-heading {
        font-size: 14px;
        font-weight: 500;
        margin-top: 7px
    }

    .smaple-info p {
        margin-right: 0;
        color: #000;
        font-size: 14px
    }

    .samples-div .button-wrapper a.btn {
        padding: 10px;
        height: auto;
        line-height: 1.2;
        width: 120px;
        margin: 0 7px 0 0
    }

    .contact-section {
        padding: 100px 0 40px
    }

    .contact-section h2 {
        font-size: 26px
    }

    .contact-section h1 {
        font-size: 30px;
        font-weight: 600
    }

    .contact-section h4 {
        font-size: 15px;
        font-weight: 500
    }

    .medium-heading {
        font-size: 24px
    }

    .banner-heading h3 {
        font-size: 32px
    }

    .review-list i {
        font-size: 12px
    }

    .feature p {
        line-height: 1.5;
        font-size: 13px
    }

    .feature .title {
        font-size: 15px
    }

    .feature .visit-review {
        font-size: 13px
    }

    .feaures-list {
        padding: 0 15px;
        text-align: center
    }

    .style-banner {
        height: auto
    }

    .style-banner {
        padding: 100px 0 50px!important
    }

    .home-order-process .steps-process:before {
        right: 0
    }

    .home-order-process {
        padding: 60px 0 0
    }

    .home-order-process .steps-process {
        margin: 60px auto
    }

    .order-sec {
        flex-direction: column
    }

    #testimonials-section:before {
        background: #14471e
    }

    .samples-other-info {
        flex-direction: column;
        align-items: start!important
    }

    .testinfo h3 {
        line-height: 1.2;
        font-size: 27px;
        color: #000
    }

    .testinfo h6 {
        font-size: 22px
    }

    .contact-wrap {
        height: 115px
    }

    .contact-wrap {
        margin-top: 30px
    }

    #about-us h3 {
        font-size: 22px
    }

    .banner-form {
        padding: 20px
    }

    .medium-heaing {
        font-size: 22px;
        font-weight: 600
    }

    .for-feature::after {
        content: none
    }

    .fixed-button-bottom {
        display: flex
    }

    .fixed-button-bottom a {
        font-size: 13px!important;
        font-weight: 600;
        line-height: 17px!important;
        padding: 10px 20px 10px 10px!important;
        margin: 0 7px
    }

    .fixed-button-bottom .whatapps-btn::before {
        right: 10px!important;
        width: 29px!important
    }

    .fixed-button-bottom .whatapps-btn span {
        font-size: 12px!important;
        line-height: 15px
    }

    .fixed-button-bottom a:hover {
        color: #fff
    }

    .fixed-button-bottom i {
        font-size: 19px;
        margin-right: 7px
    }
}

.border-banner {
    border-radius: 0 15px 15px 0
}

.btn-center {
    display: flex;
    justify-content: center
}

.thank-you .logo-light {
    margin-top: 1px
}

.thank-you .banner {
    height: auto;
    padding-bottom: 10px
}

.thank-you-content {
    padding: 140px 20px 100px;
    margin-top: 90px
}

.thank-you-box {
    padding: 50px;
    box-shadow: 3px 0 18px rgb(0 0 0/9%);
    position: relative
}

.thank-you-box h1 {
    font-size: 32px;
    margin: 15px 0 12px;
    color: #14471e
}

.thanks-icon {
    position: absolute;
    width: 115px;
    height: 115px;
    right: 0;
    left: 0;
    margin: auto;
    top: -58px
}

.thank-you-box a {
    text-decoration: none;
    color: #000;
    font-weight: 500
}

.chat-btn-theme {
    background-color: #872166;
    border-color: #872166;
    box-shadow: -2px 2px 8px rgb(135 33 102/44%)
}

.chat-btn-theme:hover {
    background-color: #872166;
    border-color: #872166;
    color: #fff
}

.thank-you-box .go-btn {
    display: inline-block;
    bottom: -19px;
    color: #fff;
    font-weight: 500;
    padding: 6px 15px 10px;
    margin: 0 10px;
    border-radius: 7px
}

.thank-you-box .go-btn i {
    font-size: 24px;
    bottom: -3px;
    position: relative
}

.whats-app-theme {
    background-color: #1ebea5;
    border-color: #1ebea5;
    box-shadow: -2px 2px 8px rgb(30 190 165/44%)
}

.whats-app-theme:hover {
}

.thank-btn-row {
    margin-top: 40px
}

.thanks-inner-page-conntent {
    margin-top: 30px
}

.thanks-inner-page-conntent a {
    text-decoration: underline
}

.thanks-inner-page-conntent a:hover {
    text-decoration: underline;
    color: #444
}

.thanks-inner-page-conntent h4 {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 18px
}

.thanks-inner-page-conntent .bold {
    font-weight: 600;
    text-transform: capitalize
}
.quality-box{

min-height: 160px;

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

border: 1px solid #35586d;

margin-bottom: 28px;

border-radius: 15px;
}
.quality-box i{

font-size: 35px;

color: #14471e;

margin-bottom: 18px;
}
.quality-box h4{
    
font-size: 22px;
    
font-weight: 600;
}
.style-card-header{

display: flex;

align-items: center;

background: linear-gradient(#30743d,#14471e);

color: #fff;

padding: 15px;

justify-content: space-between;

border-top-left-radius: 15px;

border-top-right-radius: 15px;
}
.style-card-header h3{
    font-size: 20px;
    margin-bottom: 0;
}
.style-card-header i{

font-size: 32px;
}
.feature-list{

display: flex;

flex-wrap: wrap;

width: 100%;

padding: 12px 4px;

border: 1px solid #811ec3;

border-bottom-left-radius: 20px;

border-bottom-right-radius: 20px;
}
.feature-list li{

width: calc(50% - 18px);

border: 1px dashed #14471e;

margin: 8px;

height: 40px;

display: flex;

align-items: center;

justify-content: center;

font-size: 13px;

border-radius: 25px;

display: flex;

justify-content: space-between;

padding: 0 10px;

line-height: 1.1;
}
.feature-list li span{
    
color: #14471e;
    
font-size: 16px;
    
font-weight: 700;
}

.header-nav li{
    margin: 0 10px;
}
.header-nav a{
    color: #14471e;
    font-size: 16px;
    font-weight: 600;
    padding: 4px;
    border-bottom: 1px solid #14471e;
}
.header-nav a:hover{
    text-decoration: none;
}
@media(max-width: 767px) {
    #carouselExampleControls .carousel-item .btn {
        background-color:#333
    }

    .thank-you-box h1 {
        font-size: 40px;
        margin: 15px 0 12px;
        color: #14471e
    }

    .thank-you-box .go-btn {
        bottom: -19px;
        color: #fff;
        font-weight: 500;
        max-width: 200px;
        position: relative;
        margin: 0 auto;
        margin-top: 15px;
        display: block;
        font-size: 14px
    }

    .thank-you-box {
        padding: 40px 20px
    }

    .thank-you .banner {
        padding-bottom: 0
    }

    .thank-you-content {
        padding: 80px 15px;
        margin-top: 90px
    }

    .thanks-icon {
        width: 100px;
        height: 100px
    }
    .logo{
        height: 76px;
    }
}

.header-body {
    position: relative;
    background: #14471e;
    width: 100%
}

.header-body .edu-navbar {
    padding: 0;
    margin-bottom: 0;
    background: 0;
    border-radius: 0;
    z-index: 10
}

.navbar {
    position: relative;
    height: 46px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle {
    display: none
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.header-body .edu-navbar .edu-nav {
    padding: 0;
    margin: 0
}

.navbar-nav {
    flex-direction: inherit!important
}

.header-body .edu-navbar .edu-nav .nav {
    margin: 0 auto;
    width: 100%;
    float: none
}

.header-body .edu-navbar .edu-nav .nav li {
    margin: 0 16px;
    position: relative
}

.header-body .edu-navbar .edu-nav .nav li:first-child {
    margin: 0 16px 0 0
}

.header-body .edu-navbar .edu-nav .nav li.active a {
    color: #fff
}

header .header-body .edu-navbar .edu-nav .nav li a {
    padding: 14px 0;
    margin-bottom: 0;
    color: #fff
}

header .header-body .edu-navbar .edu-nav .nav li a:hover {
    text-decoration: none!important
}

.header-body .edu-navbar .edu-nav .nav li.active a:before {
    width: 100%;
    opacity: 0;
    visibility: visible
}

.header-body .edu-navbar .edu-nav .nav li.active a:before,.header-body .edu-navbar .edu-nav .nav li:focus a::before,.header-body .edu-navbar .edu-nav .nav li:hover a::before {
    visibility: visible;
    opacity: 1;
    background: #fff;
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 0;
    content: "";
    position: absolute;
    width: 100%
}

.nav>li {
    position: relative;
    display: block
}

.navbar-nav>li {
    float: left
}

.reviews-buton {
    position: relative;
    top: 180px
}

.revw-btn {
    position: absolute
}

.btn-fixed {
    position: fixed;
    z-index: 9999;
    box-shadow: 0 10px 15px -3px rgb(0 0 0/10%)
}

button[type=submit]:disabled {
    opacity: .4;
    color: transparent!important
}

button.btn-form::before {
    content: "";
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: spin 2s linear infinite;
    position: absolute;
    left: 21%;
    text-align: center;
    top: 9px;
    display: none
}

button.btn-form:disabled:before {
    display: block
}

#contactform button::before {
    content: "";
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: spin 2s linear infinite;
    position: absolute;
    left: 10%;
    text-align: center;
    top: 9px;
    display: none
}

#contactform button:disabled:before {
    display: block
}

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

    100% {
        transform: rotate(360deg)
    }
}

}

.header-body {
    position: relative;
    background: #14471e;
    width: 100%
}

.header-body .edu-navbar {
    padding: 0;
    margin-bottom: 0;
    background: 0;
    border-radius: 0;
    z-index: 10
}

.navbar {
    position: relative;
    height: 46px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle {
    display: none
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.header-body .edu-navbar .edu-nav {
    padding: 0;
    margin: 0
}

.navbar-nav {
    flex-direction: inherit!important
}

.header-body .edu-navbar .edu-nav .nav {
    margin: 0 auto;
    width: 100%;
    float: none
}

.header-body .edu-navbar .edu-nav .nav li {
    margin: 0 16px;
    position: relative
}

.header-body .edu-navbar .edu-nav .nav li:first-child {
    margin: 0 16px 0 0
}

.header-body .edu-navbar .edu-nav .nav li.active a {
    color: #fff
}

header .header-body .edu-navbar .edu-nav .nav li a {
    padding: 14px 0;
    margin-bottom: 0;
    color: #fff
}

header .header-body .edu-navbar .edu-nav .nav li a:hover {
    text-decoration: none!important
}

.header-body .edu-navbar .edu-nav .nav li.active a:before {
    width: 100%;
    opacity: 0;
    visibility: visible
}

.header-body .edu-navbar .edu-nav .nav li.active a:before,.header-body .edu-navbar .edu-nav .nav li:focus a::before,.header-body .edu-navbar .edu-nav .nav li:hover a::before {
    visibility: visible;
    opacity: 1;
    background: #fff;
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 0;
    content: "";
    position: absolute;
    width: 100%
}

.nav>li {
    position: relative;
    display: block
}

.navbar-nav>li {
    float: left
}

.reviews-buton {
    position: relative;
    top: 180px
}

.revw-btn {
    position: absolute
}

.btn-fixed {
    position: fixed;
    z-index: 9999;
    box-shadow: 0 10px 15px -3px rgb(0 0 0/10%)
}

button[type=submit]:disabled {
    opacity: .4;
    color: transparent!important
}

button.btn-form::before {
    content: "";
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: spin 2s linear infinite;
    position: absolute;
    left: 21%;
    text-align: center;
    top: 9px;
    display: none
}

button.btn-form:disabled:before {
    display: block
}

#contactform button::before {
    content: "";
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: spin 2s linear infinite;
    position: absolute;
    left: 10%;
    text-align: center;
    top: 9px;
    display: none
}

#contactform button:disabled:before {
    display: block
}

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

    100% {
        transform: rotate(360deg)
    }
}