@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

*, ::after, ::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face { font-family: 'Poppins', sans-serif !important; font-display: swap; }

html,body {
    overflow-x:hidden;
}
body{
    font-family: 'Poppins', sans-serif !important;
    font-display:swap !important;
}
button[disabled], html input[disabled] {
    background: #929595 !important;
    cursor: not-allowed !important;
}
button:focus{
    outline: 0px;
}
button{
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}
a{
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}
.new-btn {
    background: transparent !important;
}
#custom-dropdown a.dropdown-item {
    color:#212529 !important;
    padding: 9px 24px !important;
}
#custom-dropdown a.dropdown-item:hover {
    background:#183962 !important;
    color:#fff !important;
}
#custom-dropdown .dropdown-menu {
    padding:0px !important;
}
span {
    color:#183962;
}
a{
    text-decoration: none !important;
}
.btn:focus {
    outline: 0;
    box-shadow: none !important;
}
.navbar-dark .navbar-toggler-icon {
    background-color: #183962;
}
.top-btn-sec{
    padding-top: 15px;
}
.top-btn-sec .order-btn{
    background: #d12339;
    padding: 12px 30px;
    border-radius: 5px;
    border: 1px solid #d12339;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin-right: 7px;
    transition: all ease .5s;
}
.top-btn-sec .order-btn:hover{
    background: transparent;
    padding: 12px 30px;
    border-radius: 5px;
    border: 1px solid #fff;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin-right: 7px;
    transition: all ease .5s;
}
.top-btn-sec .live-btn{
    background: aliceblue;
    padding: 12px 30px;
    border-radius: 5px;
    border: 1px solid #fff;
    color: #183962;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin-right: 7px;
    transition: all ease .5s;
}
.top-btn-sec .live-btn:hover{
    background: #d12339;
    padding: 12px 30px;
    border-radius: 5px;
    border: 1px solid #d12339;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin-right: 7px;
    transition: all ease .5s;
}
#sec-3 .heading {
    text-align: center;
}
.heading-sec .multi-box{
    background: #1b293b;
    padding: 10px 18px;
    border-radius: 5px;
    border-left: 7px solid #d12339;
    transition: all ease .5s;
}
.heading-sec .multi-box:hover{
    background: #fff;
    padding: 10px 18px;
    border-radius: 5px;
    border-left: 7px solid #d12339;
    transition: all ease .5s;
}
.multi-box h3{
    color: #fff;
    font-size: 20px;
    transition: all ease .5s;
}
.multi-box p{
    color: #fff;
    font-size: 15px;
    transition: all ease .5s;
}
.heading-sec .multi-box:hover h3{
    color: #000;
    transition: all ease .5s;
}
.heading-sec .multi-box:hover p{
    color: #000;
    transition: all ease .5s;
}
.dark-btn {
    border: 2px solid #183962;
    background-color: #183962;
    color: #fff;
    padding: 12px 30px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    margin-right: 20px;
    font-weight: 600;
}
.dark-btn:hover{
    background:#d12339;
    border: 2px solid #d12339;
    color:#fff;
}
.transparent-btn{
    border: 2px solid #183962 ;
    background-color: transparent;
    color: #183962;
    padding: 12px 30px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    border-radius:5px;
    font-weight: 600;
}
.transparent-btn:hover{
    background:#183962;
    border: 2px solid #183962;
    color:#fff !important;
}
.transparent-btn:hover a{
    color:#fff !important;
}
.blue-color{
    color: #183962;
}
.red-color{
    color: #D12339;
}
.star-rating {
    color: #FBB40D;
}
.pt-70{
    padding-top:70px;
}
.pb-70{
    padding-bottom:70px;
}
.mt-70{
    margin-top:70px;
}
.mb-70{
    margin-bottom:70px;
}
#topbar{
    padding:12px 0px;
    text-align: right;
    background: #183962;
}
#topbar .text-247 {
    background: #D12339;
    color: #fff;
    border-radius: 50%;
    padding: 10px 7px;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    margin-right: 10px;
}
#topbar i {
    color:#fff;
    font-size:18px;
    margin-right: 5px;
}
#topbar a {
    color:#fff;
    font-size:13px;
    text-decoration: none;
}
header nav ul li a {
    color:#333333 !important;
    font-size: 14px !important;
    font-weight:600;
}
header nav ul li:hover a {
    color:#be1e32 !important;
}
header nav ul li {
    padding:0px 5px;
}
header .icon-btn img{
    width:42px;
    margin-right:30px;
}
header .icon-btn a.transparent-btn{
    color:#fff;
    border-color:#fff;
}
#sec-1{
    background: #183962;
}
#sec-1 p{
    color:#fff;
    font-size: 15px;
}
#sec-1 h1{
    color: #fff;
    font-size: 35px;
    font-weight: 600;
}
#sec-1 .red-btn {
    display: block;
    width: 100%;
    border: none;
    background: #D12339;
    color: white;
    padding: 12px 28px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    border-radius:5px;
}
#sec-1 .red-btn:hover {
    background-color: #ddd;
    color: black;
}
#sec-1 .blue-btn{
    display: block;
    width: 100%;
    border: none;
    background-color: #183962;
    color: white;
    padding: 12px 28px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    border-radius:5px;
}
#sec-1 .blue-btn:hover {
    background-color: #d12339;
    color: #fff;
}
#sec-1 .red-btn:hover {
    background-color: #183962;
    color: #fff;
}
#sec-1 .sec1-social p{
    display:inline-block;
    margin-right:12px;
    padding-top:15px;
    padding-bottom:25px;
}
#sec-1 .sec1-social span{
    margin-right:6px;
}
#sec-1 h2 {
    font-weight: 700;
    font-size: 35px;
    color: #fff;
}
#sec-1 .w96{
    width:96%;
}
#sec-1 .qrimg{
    width:110px;
}
#sec-1 .bottom-box{
    background:#fff;
    padding:30px;
    border-radius:5px;
    margin-top: 30px;
}
#sec-1 .bottom-box p{
    color:#333333 !important;
    margin-bottom:0px;
    font-weight: 500;
}
#sec-1 .bottom-box strong{
    font-size:16px;
    font-weight:600;
}
#sec-1 .bottom-box h3{
    font-size:21px;
    font-weight:700;
    margin-top:3px;
    color: #333333;
}
#sec-1 .bottom-box .dark-btn {
    padding: 10px 22px;
    font-size: 13px;
    margin-top: 15px;
}
#sec-1 .banner-form {
    text-align:center;
    background:#fff;
    padding:30px 40px;
    border-radius:5px;
    margin-left:40px;
}
#sec-1 .banner-form span{
    color:#333333;
    font-size:18px;
    font-style:italic;
}
#sec-1 .banner-form h2{
    color:#183962 !important;
    font-size:74px !important;
    font-weight:500 !important;
    margin:10px 0px;
}
#sec-1 .banner-form p{
    color:#333333 !important;
    font-size:16px !important;
}
#sec-1 img.review {
    margin-top: 20px;
    margin-bottom: 20px;
}
.banner-form button a{
    color:#fff;
}
#sec-2 {
}
#sec-2 .form-sec {
    background-image: url(../../optimized-image/form-bg.webp);
    padding: 50px 30px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 7px;
}
#sec-2 .input-icons i {
    position: absolute;
    color: #183962;
}
#sec-2 .input-icons {
    width: 100%;
    margin-bottom: 10px;
}
#sec-2 .icon {
    padding: 13px;
    color: black;
    min-width: 50px;
    text-align: center;
    font-size:20px;
}
#sec-2 .input-field {
    width: 100%;
    padding: 11px;
    padding-left: 16%;
    border-radius: 4px;
    background: #fff;
    border: 0px;
    margin-bottom: 6px;
}
#sec-2 .red-btn {
    display: block;
    width: 100%;
    border: none;
    background: #D12339;
    color: #fff;
    padding: 14px 28px;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
    margin-top: 20px;
    font-weight: 600;
    border-radius: 5px;
}
.form-sec button:hover{
    background:#fff !important;
    color:#183962 !important;
}
#sec-2 ::placeholder{
    color:#707070 !important;
    font-size: 14px;
}
#sec-2 h2 {
    font-size: 35px;
    font-weight:700;
}
#sec-2 span{
    color:#183962;
}
#sec-2 .form-sec h3 {
    font-size:34px;
    text-align:center;
    color:#fff;
    font-weight:700;
    margin-bottom:30px;
}
button.transparent-btn a {
    color: #183962;
}
#sec-3{
    background-image: url(../../optimized-image/banner.webp);
    padding: 50px 0px;
    background-repeat: no-repeat;
    background-size: cover;
}
#sec-3 .hoverbox {
    background: #0000;
    padding: 20px 35px;
    border-radius: 10px;
    font-size: 14px;
    transition: ease .5s;
    position: relative;
    cursor: pointer 
}
#sec-3 .hoverbox:hover:before {
    background: #D12339;
}
#sec-3 .hoverbox h5 {
    color: #FF5E00;
    font-weight: 600;
    font-size: 22px 
}
#sec-3 .hoverbox:hover {
    background: #fff;
    box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.37);
    -webkit-box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.37);
    -moz-box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.37);
}
#sec-3 .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 
}
#sec-3 .hoverbox.active {
    background: #fff;
    box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.37);
    -webkit-box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.37);
    -moz-box-shadow: 2px 1px 5px 0px rgba(0,0,0,0.37);
}
#sec-3 .hoverbox.active h3{
    color:#183962;
}
#sec-3 .hoverbox.active p{
    color:#383338;
}
#sec-3 .hoverbox:hover h3{
    color: #183962;
}
#sec-3 .hoverbox:hover p{
    color: #333333;
}
#sec-3 .hoverbox.active:before {
    background: #D12339;
    position: absolute;
    content: "";
    height: 84%;
    width: 5px;
    left: 0;
    top: 0;
    border-radius: 5px;
    transform: translate(0, 13px);
    transition: ease .5s 
}
#sec-3 h2{
    color:#fff;
    font-weight:700;
    font-size:34px;
    margin-bottom:15px;
}
#sec-3 h3{
    color:#fff;
    font-size:18px;
    font-weight:700;
}
#sec-3 p{
    color:#fff;
}
#sec-3 .dark-btn {
    border: 2px solid #fff;
    background: #fff;
    color: #183962;
    padding: 12px 24px;
}
#sec-3 .transparent-btn {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
}
#sec-3 .transparent-btn a {
    color: #fff;
}
#sec-3 .dark-btn:hover {
    background:#d12339;
    border: 2px solid #d12339;
    color: #fff;
    padding: 12px 24px;
}
#sec-3 .transparent-btn:hover {
    border: 2px solid #fff;
    background-color: #fff;
    color: #1b2838 !important;
}
#sec-3 .transparent-btn:hover a {
    color: #1b2838 !important;
}
#sec-4 h2{
    font-weight:700;
    color:#333333;
    margin-bottom:18px;
}
#sec-4 .col-md-7.s4c1 {
    padding: 50px 100px;
}
#sec-4 .s4c2 {
    text-align: right;
    padding: 0px;
    margin-top: 60px;
}
#sec-4{
    background-position: right;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 991px) {
    #sec-4{
        background:unset !important;
    }
    .sec4-img{
        display:block !important;
    }
}
#sec-5{
    background-image: url(../../optimized-image/banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
}
#sec-5 h2 {
    color:#fff;
    font-weight:700;
    font-size:36px;
    margin-bottom: 16px;
}
#sec-5 p {
    color:#fff;
}

#sec-5 .heading ul{
    padding-left: 18px;
}

#sec-5 .heading ul li{
    color: #fff;
}

#sec-5 .red-btn {
    display: inline-block;
    width: 50%;
    border: none;
    background: #D12339;
    color: white;
    padding: 12px 28px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    font-weight:600;
    -webkit-box-shadow: 0px 10px 25px 1px rgba(209,35,57,0.55);
    -moz-box-shadow: 0px 10px 25px 1px rgba(209,35,57,0.55);
    box-shadow: 0px 10px 25px 1px rgba(209,35,57,0.55);
}
#sec-5 p.p-inline {
    display:inline-block;
    font-weight:600;
    font-size:18px;
    margin-right:40px;
}
#sec-5 button a {
    color:#fff;
}
#sec-5 .red-btn:hover{
    background:#fff;
    color:#1a293c !important;
}
#sec-5 .red-btn:hover a{
    color:#1a293c !important;
}
#sec-6 {
}
#sec-6 .services-box {
    display: flex;
    border: 1px solid #D12339;
    padding: 5px 25px;
    border-radius: 10px;
    margin-bottom: 15px;
    transition: 1s ease 
}
#sec-6 .services-box:hover {
    display: flex;
    border: 1px solid transparent;
    background: #D12339;
    box-shadow: 0 5px 7px 3px rgb(209 35 57);
    padding: 5px 25px;
    border-radius: 10px;
    margin-bottom: 15px;
    transition: 1s ease;
}
#sec-6 .services-box:hover p {
    color:#fff;
}
#sec-6 .services-box:hover .service-name {
    color: #fff;
    margin-left: 20px;
    font-size: 14px 
}
#sec-6 .services-box:hover .service-icon {
    display: none 
}
#sec-6 .services-box:hover .hover-service-icon {
    display: block 
}
#sec-6 .services-box .hover-service-icon {
    display: none 
}
#sec-6 .services-box .valid-icon {
    margin-top: 13px 
}
#sec-6 .services-box .service-name {
    margin-left: 20px;
    font-size: 14px;
    padding-top: 15px;
}
#sec-6 .services-box .service-name p a{
    color: #000!important;
    font-size: 14px;
}
#sec-6 .services-box .service-name p a:hover{
    color: #fff!important;
}

#sec-6 .drop-btn a{
    top: -65px;
}

#sec-6 h2 {
    font-weight:700;
    margin-bottom:16px;
}
#sec-7 {
    background-image: url(../../optimized-image/banner-2.webp);
    background-repeat: no-repeat;
    background-size: cover;
}
#sec-7 .sec-heading-white h2{
    text-align: center;
    color: #fff;
    font-size: 37px;
    font-weight: 700;
    line-height: 40px;
}
#sec-7 .white-para {
    text-align: center;
    margin-top: 20px;
    color: #fff;
    padding: 0px 58px;
}
#sec-7 .nav-pills .nav-link {
    color: #fff;
    background-color: transparent;
    border: 1px solid #707070;
    opacity: .5;
    text-align: center;
    padding: 15px 0;
    margin: 10px 0px 
}
#sec-7 .nav-pills .nav-link.active {
    color: #fff;
    background-color: transparent;
    opacity: 1;
    border: 1px solid #fff;
    text-align: center;
    padding: 15px 0px;
    margin: 10px 0px;
}
#sec-7 .tab-pane {
    background: #fff;
    padding: 50px;
    border-radius: 5px;
    margin-top: 75px;
}
#sec-7 .tab-detail-para {
    font-size: 14px 
}
#sec-7 .nav {
    margin-top: 50px 
}
#sec-7 .tab-content {
    margin-top: 50px 
}
#sec-7 .pointed img {
    position: absolute;
    left: -50px;
    top: 45px 
}
#sec-7 .tab-detail-heading h4{
    color: #183962;
    font-size: 22px;
    font-weight:600;
}
#sec-8{
    background: #D12339;
}
#sec-8 h2 {
    color:#fff;
    font-weight:700;
    font-size:36px;
    margin-bottom: 16px;
}
#sec-8 p {
    color:#fff;
}
#sec-8 .lead-submit-btn a {
    background-color: #183962;
    color: white;
    font-weight: 600;
    -webkit-box-shadow: 0px 10px 25px 0px rgba(24,57,98,0.34);
    -moz-box-shadow: 0px 10px 25px 0px rgba(24,57,98,0.34);
    box-shadow: 0px 10px 25px 0px rgba(24,57,98,0.34);
    transition: .5 ease;
}
#sec-8 .lead-submit-btn a:hover {
    background-color: #183962d9;
    transition: .5 ease;
    color: white;
    font-weight: 600;
    -webkit-box-shadow: 0px 10px 25px 0px rgba(24,57,98,0.34);
    -moz-box-shadow: 0px 10px 25px 0px rgba(24,57,98,0.34);
    box-shadow: 0px 10px 25px 0px rgba(24,57,98,0.34);
}
#sec-8 .lead-submit-btn-1 a {
    background: #fff;
    color: #183962 !important;
    font-weight: 600;
    -webkit-box-shadow: 0px 8px 25px 4px rgba(255,255,255,0.45);
    -moz-box-shadow: 0px 8px 25px 4px rgba(255,255,255,0.45);
    box-shadow: 0px 8px 25px 4px rgba(255,255,255,0.45);
    transition: .5 ease;
}
#sec-8 .lead-submit-btn-1 a:hover {
    background-color: #dbdbdb;
    color: #fff !important;
    font-weight: 600;
    transition: .5 ease;
}
#sec-8 .lead-submit-btn-1 p {
    color: #183962 !important;
}
.ul-list{
    margin-left: 20px;
    list-style: none;
}
.ul-list li{
    line-height: 2;
    font-size: 16px;
    padding-left: 60px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}
.ul-list li .blue-color{
    font-size: 20px;
    font-weight: 600;
}
.ul-list li:before {
    position:absolute;
    border:1px solid #D12339;
    font-weight: bold;
    width:50px;
    height:45px;
    left: 25px;
    padding: 6px;
    text-align:center;
    border-radius:50%;
    color: #183962;
    left: 0;
}
.ul-list li:nth-child(1):before {
    content:"1";
    background: #D12339;
    color: #fff;
}
.ul-list li:nth-child(2):before {
    content:"2";
}
.ul-list li:nth-child(3):before {
    content:"3";
}
.ul-list li:after {
    position: absolute;
    content: " ";
    width: 2px;
    border: 1px solid #183962;
    top: 52px;
    height: 80%;
    left: 25px;
}
.ul-list li:last-child:after {
    display: none;
}
.mob-btn {
    width: 30%;
    background: #183962;
    color: #fff !important;
    padding: 15px;
    margin-top: 30px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(24,57,98,0.34);
    -moz-box-shadow: 0px 10px 15px 0px rgba(24,57,98,0.34);
    box-shadow: 0px 10px 15px 0px rgba(24,57,98,0.34);
}
#mob-sec h2{
    font-weight:700;
}
.mob-btn:hover{
    background:#d12339;
}
#sample-sec {
    background-image: url(../../optimized-image/sample-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
#sample-sec ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#sample-sec ul li{
    border-bottom: 1px solid #c5c4c4;
    padding: 25px 0px;
    width: 85%;
    font-weight: 500;
    color:#212529;
}
#sample-sec ul li:last-child{
    border-bottom:0px;
}
#sample-sec ul img{
    margin-right: 15px;
}
.clearfix{
    margin:40px 0px;
}
#sample-sec h3{
    font-weight: 600;
    font-size: 25px;
    color: #333333;
}
.plain-sec h3{
    font-size: 30px;
}
.plain-sec .team{
    font-size: 16px;
    color:#212529;
}
.h-line{
    border: 1px solid #D12339;
    margin: 30px 0px;
}
.left-ado{
    margin-left: 50px;
}
.left-ado h4{
    color: #212529;
    font-weight: 500;
}
.paper-button {
    width: 100%;
    padding: 15px;
    background-color: #fff;
    font-weight: 500;
    border: 1px solid #b1b1b1;
    font-size: 15px;
}
.blue-button{
    width: 100%;
    padding: 15px;
    width: 85%;
    background-color: #183962;
    color:#fff;
    -webkit-box-shadow: 0px 10px 15px 0px rgba(24,57,98,0.34);
    -moz-box-shadow: 0px 10px 15px 0px rgba(24,57,98,0.34);
    box-shadow: 0px 10px 15px 0px rgba(24,57,98,0.34);
}
#sample-sec h2{
    font-weight:700;
    font-size:32px;
}
.blue-button:hover{
    background:#d12339;
    color:#fff;
}
#sec-11{
}
#sec-11 .writer-details {
    display: flex;
    padding: 20px 0 
}
#sec-11 .experience-project {
    display: flex 
}
#sec-11 .experience-project span {
    display: flex 
}
#sec-11 .writer-img img {
    max-width: 190px 
}
#sec-11 .writer-name p {
    color: #212529;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0 
}
#sec-11.writer-img {
    margin-right: 15px 
}
#sec-11 .experience-project span {
    margin-top: 10px 
}
#sec-11 .experience-project span img {
    width: 25px;
    height: 25px;
    margin-right: 5px 
}
#sec-11 .experience-project div img {
    width: 25px;
    height: 25px;
    margin-right: 5px 
}
#sec-11 .experience-project span p {
    margin-right: 15px;
    color: #212529;
    font-weight: 700;
    font-size: 11px 
}
#sec-11 .hire-writer-btn {
    margin-top: 14px 
}
#sec-11 .hire-writer-btn a {
    background:#183962;
    color: #fff;
    font-size: 13px;
    padding: 10px 21px;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 5px;
    text-decoration: none 
}
#sec-11 .fa-star:before {
    content: "\f005";
    color: #D8B824;
}
#sec-11 .writer-info {
    padding-left:20px;
}
#sec-11 h2{
    font-size: 33px;
    font-weight: 700;
}
.writing-para{
    width:84% 
}
#sec-11 .hire-writer-btn a:hover {
    background: #cb2237;
}
.third-owl .owl-Testimonial {
    padding:0px;
    border-radius:8px;
    background: white !important;
    border: solid #BDBDBD 0px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2) ;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2) ;
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2) ;
    padding-bottom: 10px;
}
.mybg {
    background: #D12339;
    height: 250px;
    border-radius: 10px;
    margin-top: 40px;
    margin-bottom: -170px;
}
.para p {
    padding-top: 20px;
    font-size: 15px !important;
    line-height: 26px !important;
    color: #2E2E2E;
    padding-left: 25px;
    padding-right: 25px;
}
.third-owl .owl-carousel .owl-stage-outer {
    overflow: visible;
}
.client-name-rating h3{
    color:#333333;
    font-size:18px;
    font-weight:600;
    margin-bottom: 0px;
}
.client-review-box {
    background: #fff;
    border-radius: 5px;
    padding: 15px 0;
    margin-top: 65px;
}
.client-name-rating {
    display: flex;
    justify-content: space-between;
    padding: 15px 25px;
    border-bottom: 1px solid #7a7a7a;
}
.order-number {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    font-weight: 600;
    display: none;
}
#sec-12 h2 {
    font-weight:700;
    font-size:33px;
}
#sec-13 {
    background-image: url(../../optimized-image/sample-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
}
#sec-13 .writing-section {
    margin-bottom: 100px 
}
#sec-13 .ask-team p {
    color: #212529;
    font-weight: 600 
}
#sec-13 .team-mail {
    margin-bottom: 15px;
    text-decoration: none 
}
#sec-13 .team-chat {
    margin-bottom: 15px;
    text-decoration: none 
}
#sec-13 .team-mail img {
    width: 25px;
    margin-right: 5px 
}
#sec-13 .team-chat img {
    width: 25px;
    margin-right: 5px 
}
#sec-13 .team-chat span, #sec-13 .team-mail span {
    color: #1f396c;
    font-size: 15px;
    font-weight: 600 
}
#sec-13 .faq-btn {
    margin-top: 30px;
    margin-bottom: 20px 
}
#sec-13 .faq-btn a {
    background: #188ed6;
    color: #fff;
    padding: 10px 40px;
    width: 1;
    border-radius: 5px;
    text-decoration: none 
}
#sec-13 #accordion {
    counter-reset: acc_item;
    box-shadow: none !important 
}
#sec-13 #accordion .card {
    background: 0 0;
    margin-bottom: 20px 
}
#sec-13 .myaccordion .card {
    border: none 
}
#sec-13 .myaccordion .card-header {
    background: #D12339;
    border: none;
    padding: 13px 0 5px 15px;
    display: block;
    border-radius: 4px;
}
#sec-13 .myaccordion .btn {
    width: 100%;
    font-weight: 700;
    color: #fff;
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    text-align: left;
}
#sec-13 .myaccordion .fa-stack {
    font-size: 18px 
}
#sec-13 .fa-inverse {
    color: #fff 
}
#sec-13 .card .card-body {
    border: 0;
    color: #212529;
    background: #fff;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px 
}
#sec-13 .card-body ul li {
    color: #212529;
    margin-left: 20px;
}
#sec-13 .card-body ul li::marker {
    color: #12aae0 
}
#sec-13 .writing-section h2{
    font-size:32px;
    font-weight:700;
}
#contact-info .contact-info-box {
    background: #fff;
    padding: 10px 60px;
    border-radius: 10px;
    position: relative;
    margin-top: -60px;
    z-index: 99;
    top: 50px;
    -webkit-box-shadow: 0 0 15px 0 rgb(0 0 0 / 25%);
}
#contact-info .contact-detail {
    text-align: left;
    margin-top: 15px;
}
#contact-info .contact-detail span {
    font-size: 20px;
    margin: 20px 0;
    font-weight: 400;
}
#contact-info .contact-para p {
    text-align: left;
    color: #212529;
    font-weight: 400;
    font-size: 16px;
}
#contact-info .contact-call-icon {
    text-align: center;
    margin: 5px 0;
}
#contact-info .contact-call-text {
    text-align: center;
    margin: 5px 0;
}
#contact-info .contact-phone-number {
    text-align: center;
    margin: 0 0;
}
#contact-info .contact-phone-number a {
    color: #212529;
    font-weight: 400;
    text-decoration: none;
    background-color: transparent;
}
#get-in-touch {
    background-image: url(../images/sec-10-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
    background-color:#183962;
}
#get-in-touch .contact-form {
    padding: 0 70px;
}
#get-in-touch .contact-form .main-heading h2 {
    color: #fff;
    text-align: center;
    font-weight: 700;
    margin-bottom: 35px;
    font-size: 35px;
}
#get-in-touch .contact-form .form-control {
    border: 1px solid #fff;
    padding: 15px 20px;
    margin-bottom: 35px;
    background: 0 0;
}
#get-in-touch .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#get-in-touch .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
#get-in-touch .lead-submit-btn button {
    background-color: #D12339;
    color: #fff;
    padding: 14px 0;
    border: none;
    font-weight: 600;
    font-size: 16px;
    width: 100%;
}
#get-in-touch .lead-submit-btn-1 button {
    background-color: #ffba00;
    color: #fff;
    padding: 14px 0;
    border: none;
    font-weight: 700;
    font-size: 16px;
    width: 100%;
}
#get-in-touch ::placeholder{
    color:#fff;
}
#get-in-touch .lead-submit-btn button:hover {
    background:#fff;
    color:#183962;
}
#lower-contact {
    background: #183962;
    padding: 50px 0;
}
#lower-contact .icon-text p {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-top: 25px;
}
#lower-contact .icon-img {
    text-align: center;
}
.dFooter {
    background: #2A486E;
    position: relative;
    margin-top: -40px;
    padding: 40px 0;
    z-index: 9;
}
.dFooter h3 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #fff;
    margin-top: 35px;
}
.dFooter .dis p {
    color: #fff;
}
ul.footermenu {
    padding-left: 0;
}
.dFooter .footermenu li {
    list-style: none;
    margin-left: 0;
    margin-top: 12px;
}
.dFooter .footermenu li a {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}
.payment-icon {
    background-color: #D12339;
}
.pay-icon {
    margin: 0 auto;
    text-align: left;
    color: #fff;
    padding: 8px 0;
}
.pay-icon span.title {
    text-align: right;
    display: block;
}
.pay-icon span {
    color: #fff;
    font-size: 22px;
    font-style: italic;
    margin: 2px;
    display: inline-block;
    padding-top: 2px;
}
.americanexpress-icon {
    background-position: -11px -13px;
    width: 46px;
    height: 29px;
}
.visa-icon {
    background-position: -11px -54px;
    width: 46px;
    height: 29px;
}
.discover-icon {
    background-position: -11px -99px;
    width: 47px;
    height: 32px;
}
.mastercard-icon {
    background-position: -11px -154px;
    width: 46px;
    height: 30px;
}
.sprite-icon {
    background: url(../images/payment-sprite.png) no-repeat;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}
.cta-button {
    max-width: 75%;
}
.lead-submit-btn {
    margin-bottom: 14px;
    text-align: left;
}
.lead-submit-btn-1 {
    margin-bottom: 14px;
    text-align: left;
}
.lead-submit-btn a {
    background-color: #D12339;
    color: white;
    padding: 5px 30px;
    border: none;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    border-radius: 3px;
    text-decoration: none;
    width: 300px;
}
.lead-submit-btn-1 a {
    background-color: #D12339;
    color: white;
    padding: 5px 30px;
    border: none;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    border-radius: 3px;
    text-decoration: none;
    width: 300px;
}
.cta-button img {
    width: 25px;
    height: 25px;
    margin: 10px 0px;
}
.lead-submit-btn a p {
    color: white;
    margin-bottom: 2px;
    margin-left: 15px;
    font-size: 14px;
}
.lead-submit-btn-1 a p {
    color: #183962;
    margin-bottom: 2px;
    margin-left: 15px;
    font-size: 14px;
}
#email-lead a {
    background-color: #fff;
}
.socialtSection {
    background: #2A486E;
}
.footer-social {
    margin-top: 10px;
    margin-bottom: 20px;
}
.socialicons .socialText {
    padding-right: 15px;
    border-right: 2px solid #fff;
    color: #fff;
    font-size: 18px;
}
.badge.social {
    font-size: 16px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 30px;
    padding: 0;
    border-radius: 50px;
}
.socialicons a {
    margin-top: 14px;
}
.badge {
    display: inline-block;
    font-weight: 700;
    white-space: nowrap;
    vertical-align: baseline;
}
.socialicons i {
    color: #fff;
}
.fa-facebook-f:before {
    content: "\f39e";
}
.copyrightSection {
    background-color: #212529;
    padding: 20px 0;
}
.copyrightSection .copyright-inner {
    color: #fff;
    text-align: center;
    /*margin-top: 20px;*/
}
.footer-call {
    display: flex;
    /*margin-top: 20px;*/
    justify-content: end;
}
.footer-call p {
    color: #fff;
}
.footer-call span {
    color: #12aae0;
    margin-left: 10px;
}
.footer-call a {
    text-decoration: none;
    color: #d12339;
}
.sec1-social{
    display: none;
}
.qrimg{
    display: none;
}
.bottom-box button{
    display: none;
}


@media only screen and (max-width: 767px) {
    
    #service .pop-bttn a {
        margin-bottom: 20px;
    }
    
    h1 {
        font-size: 30px !important;
    }
    h2{
        font-size: 28px !important;
    }
    #topbar {
        text-align: left;
    }
    #topbar .text-247 {
        font-size: 8px;
        margin-right: 5px !important;
    }
    #topbar a {
        color: #fff;
        font-size: 11px;
    }
    #topbar i {
        color: #fff;
        font-size: 15px;
        margin-right: 0px;
    }
    #topbar span{
        margin-right: 6px !important;
    }
    #sec-1 .qrimg {
        display: none;
    }
    #sec-1 .w96 {
        width: 100%;
    }
    #sec-1 .sec1-social p {
        margin-right: 0px;
        margin-bottom:8px;
        display: block;
        padding: 0px;
    }
    #sec-1 .sec1-social img{
        width:75px;
        margin-left:-5px;
    }
    #sec-1 h2 {
        margin-top: 20px;
    }
    #sec-1 .banner-form {
        margin-left: 0px;
        margin-top: 30px;
    }
    #sec-2 .form-sec {
        padding: 50px 20px;
        margin-top: 40px;
        margin-left: 0px;
        margin-right: 0px;
    }
    #sec-3 .hoverbox.active {
        margin-top: 40px;
    }
    #sec-4 .col-md-7.s4c1 {
        padding-top: 70px;
        padding-left: 15px;
    }
    #sec-4 .s4c2 {
        margin-top: 40px;
    }
    #sec-5 p.p-inline {
        display: inline-block;
        font-weight: 600;
        font-size: 14px;
        margin-right: 10px;
    }
    #sec-5 .red-btn {
        width: 50%;
        padding: 12px 12px;
        font-size: 14px;
    }
    #sec-7 .white-para {
        padding: 0px;
        text-align: left;
    }
    #sec-7 .nav {
        margin-top: 0px;
    }
    #sec-7 .nav-pills .nav-link.active {
        margin: 10px 0px;
    }
    #sec-7 .nav-pills .nav-link {
        margin: 10px 0px;
    }
    #sec-7 .tab-pane {
        margin-top: 0px;
    }
    #sec-7 .pointed img {
        display: none;
    }
    #sec-7 .tab-pane {
        padding: 30px;
    }
    .pt-30{
        padding-top:30px;
    }
    #mob-sec h2 {
        font-size: 23px !important;
    }
    .order-number {
        font-size: 12px;
    }
    .mybg {
        border-radius: 0px;
    }
    .team-img {
        text-align: center;
        margin-bottom: 20px;
    }
    .separator {
        display: none;
    }
    #get-in-touch .contact-form {
        padding: 0 30px;
    }
    #lower-contact .icon-text p {
        margin-bottom: 30px;
    }
    .footer-call {
        margin-top: 0px;
        justify-content: center;
    }
    #sec-2 .input-field {
        padding-left: 18%;
    }
    .dark-btn {
        padding: 12px 22px;
        font-size: 12px;
    }
    .transparent-btn {
        padding: 12px 22px;
        font-size: 12px;
    }
    .ul-list li:before {
        display:none;
    }
    .ul-list li:after {
        display:none;
    }
    .ul-list {
        margin-left: 0px;
    }
    .ul-list li {
        font-size: 16px;
        margin-left: 0px;
    }
    .ul-list li .blue-color {
        font-size: 18px;
    }
    .mob-btn {
        width: 100%;
        padding: 14px;
        margin-top: 15px;
        font-size: 14px;
    }
    #mob-sec img {
        margin-bottom:30px;
    }
    .left-ado {
        padding-top: 20px;
        margin-left: 0px;
    }
    #sample-sec ul li {
        padding: 15px 0px;
        width: 100%;
    }
    .writing-para{
        width:100% 
    }
    #sec-11 .experience-project {
        display: revert;
    }
    .paper-button {
        font-size: 13px;
    }
    .blue-button {
        width: 100%;
        padding: 12px;
        font-size: 14px;
    }
    #sec-4{
        background-image:unset;
    }
    .navbar-brand img{
        width: 200px;
    }
    .pay-icon span.title{
        text-align: center;
    }
    .align-icon-center{
        text-align: center;
    }
    .socialicons{
        text-align: center;
    }
    #get-in-touch{
        background-image: unset;
        background-color: #2A486E;
    }
    .ul-list li{
        padding-left: 0px !important;
    }
    .sec4-img{
        margin-top: 45px;
    }
    #sec-7 .sec-heading-white h2{
        text-align: left;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    #sec-1 .banner-form {
        margin-left: 0px;
    }
    #sec-1 .qrimg {
        display: none;
    }
    #sec-1 .sec1-social p {
        margin-right: 0px;
        margin-bottom:8px;
        display: block;
        padding: 0px;
    }
    #sec-1 .sec1-social img{
        width:75px;
        margin-left:-5px;
    }
    #sec-1 h2 {
        margin-top: 20px;
    }
    #sec-2 .input-field {
        padding-left: 22%;
    }
    #sec-4 .col-md-7.s4c1 {
        padding-top: 40px;
        padding-left: 40px;
        margin-bottom: 40px;
    }
    #sec-5 p.p-inline {
        font-size: 14px;
        margin-right: 7px;
    }
    #sec-5 .red-btn {
        padding: 12px 0px;
    }
    #sec-7 .nav {
        margin-top: 0px;
    }
    #sec-7 .nav-pills .nav-link.active {
        margin: 10px 0px;
    }
    #sec-7 .nav-pills .nav-link {
        margin: 10px 0px;
    }
    #sec-7 .tab-pane {
        margin-top: 0px;
    }
    #sec-7 .pointed img {
        display: none;
    }
    #sec-7 .tab-pane {
        padding: 30px;
    }
    .ul-list li:before {
        display:none;
    }
    .ul-list li:after {
        display:none;
    }
    .ul-list {
        margin-left: 0px;
    }
    .ul-list li {
        font-size: 16px;
        margin-left: 0px;
    }
    .ul-list li .blue-color {
        font-size: 18px;
    }
    .mob-btn {
        width: 40%;
        padding: 14px;
        margin-top: 15px;
        font-size: 14px;
    }
    .left-ado {
        padding-top: 20px;
        margin-left: 0px;
    }
    #sample-sec ul li {
        padding: 15px 0px;
        width: 100%;
    }
    .blue-button {
        width: 100%;
    }
    .paper-button {
        font-size: 12px;
    }
    .team-img {
        text-align: center;
        margin-bottom: 20px;
    }
    .separator {
        display: none;
    }
    #get-in-touch {
        background: #2a486e;
    }
    #lower-contact .icon-text p {
        margin-bottom: 30px;
    }
    .writing-para{
        width:100% 
    }
    #sec-4{
        background:unset !important;
    }
    .sec4-img{
        display: block !important;
    }
    #sec-2-red .input-field{
        padding-left:22% !important;
        font-size: 14px;
    }
    .ul-list li{
        padding-left: 0px;
    }
    #sample-sec ul li{
        display: flex;
    }
    #sample-sec ul img{
        width: 25px;
        height: 25px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    #sec-1 .sec1-social img{
        width:85px;
    }
    #sec-2 .input-field {
        padding-left: 20%;
    }
    #sec-4 .col-md-7.s4c1 {
        padding-top: 60px;
        padding-left: 50px;
        margin-bottom: 50px;
    }
    .ul-list li:nth-child(2):after {
        top: 300px;
    }
    .writing-para{
        width:100% 
    }
    .ul-list li:after{
        content: unset;
    }
    header nav ul li{
        padding: 0px 0px;
    }
}


@media screen and (max-width:767px){
    section#sec-3 , #sec-2 .form-sec,#sec-5,#sec-7,#sec-5{
            background: #183351;
    }
    
    #sample-sec,#sec-13{
        background:#dcdad9;
    }
    
    #sec-4 .col-md-7.s4c1 {
    padding: 50px 15px;
}
}