/* ------------------------------------------------ */
/* ----------------- COMMON STYLING --------------- */
/* ------------------------------------------------ */

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box !important;
}

:root{
    --primary-color: #2dcdf0;
    --secondary-color: #1d3755;
    --text-color: #878787; 
    --blue-gradient: linear-gradient(to bottom, #00c6f1, #096fcb);
}

.wpcf7-form iframe{
    width: 100% !important;
    max-width: 300px !important;
}

.cf-turnstile{
    margin-bottom: 10px !important;
    line-height: 0;
}

#chat-widget-container,
#livechat-eye-catcher{
    z-index: 11111 !important;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 70px;
}

/* width */
html::-webkit-scrollbar-button {
    width: 14px;
    height: 14px;
    background: var(--blue-gradient);
    opacity: 0.7;
    border-radius: 14px;
}

/* width */
html::-webkit-scrollbar {
    width: 14px;
}
  
/* Track */
html::-webkit-scrollbar-track {
    background: #efefef;
    border-radius: 14px;
}

/* Handle */
html::-webkit-scrollbar-thumb {
    background: var(--blue-gradient);
    border-radius: 8px;
}

/* Handle on hover */
html::-webkit-scrollbar-thumb:hover {
    opacity: 1;
}

::selection{
    background-color: var(--primary-color);
    color: #fff !important;
}

body{
    margin: 0;
    padding: 0;
    color: #555a64;
    font-family: 'Mazzard' !important;
}

.container{
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-left: auto;
    margin-right: auto;
    transition: 0.3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6{
    margin: 0;
}

a,
.btn,
button,
span{
    outline: none !important;
    text-decoration: none !important;
    display: inline-block;
}

ul,ol{
    margin-left: 0px !important;
    padding-left: 0 !important;
}

p{
    font-weight: 400;
}

.blue-color{
    color: var(--secondary-color);
}

.mx-width-950{
    width: 100%;
    max-width: 950px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.tt-initial{
    text-transform: initial;
}

.iti__selected-dial-code {
    display: none !important;
}

.iti__selected-flag{
    background: transparent !important;
}

.get-consultancy-form-wrapper .iti__selected-flag{
    z-index: 111 !important;
    background: #f5f5f5 !important;
    border-radius: 10px 0 0 10px !important;
    outline: none !important;
}

/* Border Gradient Animation */

.border-animation{
    position: relative;
}

.border-animation::before{
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 0;
    background-image: linear-gradient(230deg, #00c6f1,#00c6f1, #ffffff,#ffffff, #096fcb, #096fcb);
    transform: rotate(0) scale(1.3);
    pointer-events: none;
}

.border-animation:hover::before{
    -webkit-animation: bgGradientAnimation 5s linear infinite;
    -moz-animation: bgGradientAnimation 5s linear infinite;
    -o-animation: bgGradientAnimation 5s linear infinite;
    animation: bgGradientAnimation 3s linear infinite;
}

@keyframes bgGradientAnimation{
    100%{
        transform: rotate(-360deg) scale(1.5);
    }
}

/* Progress Bar Navigation */

.fold-progress-bar{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 5%;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    z-index: 3;
}

.fold-progress-bar li{
    display: block;
    font-size: 0;
    position: relative;
}

.fold-progress-bar li a{
    height: 15px;
    width: 15px;
    border-radius: 15px;
    border: 3px solid #fff;
    background-color: #b1b1b1;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.fold-progress-bar li.active a{
    height: 80px;
    background: var(--blue-gradient);
}

.fold-progress-bar li span{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    background: var(--blue-gradient);
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 20px;
    line-height: 1;
    text-transform: capitalize;
    border-radius: 6px;
    z-index: 2;
    white-space: nowrap;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    pointer-events: none;
}

.fold-progress-bar li:hover span{
    opacity: 1;
}

.fold-progress-bar li span::after{
    content: '\f04b';
    font-family: "font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% - 3px);
    background: linear-gradient(to bottom, #00c6f1, #096fcb);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent  !important;
    z-index: -1;
    font-size: 20px;
}

/* ----------------- STICKY FORM --------------- */

.gcf-overlay{
    position: fixed;
    inset: 0;
    z-index: 101;
    background-color: rgba(0, 0, 0, 0.51);
    display: none;
    cursor: pointer;
}

.gcf-overlay.show{
    display: block;
}

.get-consultancy-form-wrapper{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    zoom: 85%;
    -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
  
@media screen and (min-width: 1400px){
    .get-consultancy-form-wrapper{
      zoom: 100%;
    }
}
  
.get-consultancy-form-wrapper.show{
    -webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes slide-left {
    0% {margin-right: -350px;}
    100% {margin-right: 0;}
}
@keyframes slide-right {
    0% {margin-right: -250px;}
    100% {margin-right: -350px;}
}
  
.get-consultancy-form-wrapper .gcf-toggle-button{
    transform: rotate(270deg);
    position: absolute;
    display: inline-block;
    padding: 15px 20px;
    border-radius: 8px 8px 0 0 ;
    border: 0;
    background: linear-gradient(to left, #00c6f1, #096fcb);
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    white-space: nowrap !important; 
    cursor: pointer;
}
  
.get-consultancy-form-wrapper .gcf-toggle-button i{
    display: flex;
    line-height: 1;
    align-items: center;
    justify-content: center;
}
  
.get-consultancy-form-wrapper .gcf-toggle-button.open{
    left: -108px;
    letter-spacing: 1.5px;
    box-shadow: rgba(0, 0, 0, 0.19) -10px 0 20px;
}
  
.get-consultancy-form-wrapper.show .gcf-toggle-button.open{
    pointer-events: none;
}
  
.get-consultancy-form-wrapper .gcf-toggle-button.close{
    top: -30px;
    right: 0;
    height: 40px;
    width: 40px;
    padding: 0;
}
  
.get-consultancy-form-wrapper .gcf-toggle-button.close{
    display: none;
}
  
.get-consultancy-form-wrapper.show .gcf-toggle-button.close{
    display: inline-block;
}
  
.get-consultancy-form-wrapper .form-wrapper{
    width: 100%;
    max-width: 350px;
    background-color: #fff;
    border-radius: 20px 0 0 20px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 21px 41px rgba(0, 0, 0, 0.13);
}

.get-consultancy-form-wrapper .heading{
    background: linear-gradient(to bottom, #00c6f1, #096fcb);
    padding: 15px;
    border-radius: 20px;
    color: #fff;
    margin-bottom: 20px;
}

.get-consultancy-form-wrapper .form-heading{
    font-weight: 600;
    font-size: 28px;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 0;
}
  
.get-consultancy-form-wrapper .form-sub-heading{
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.2;
    text-transform: capitalize;
}
  
.get-consultancy-form-wrapper .input-box{
    position: relative;
    margin: 15px auto;
}
  
.get-consultancy-form-wrapper .input-box i{
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 111;
    pointer-events: none;
    color: #3766C3;
}

.get-consultancy-form-wrapper .wpcf7-form-control-wrap{
    width: 100%;
}

.get-consultancy-form-wrapper .form-control,
.get-consultancy-form-wrapper .form-select{
    border: 1px solid transparent;
    background: #f8f8f8 !important;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 1.2;
    padding: 15px 15px 15px 45px;
    outline: 0;
    box-shadow: none !important;
}
  
.get-consultancy-form-wrapper .form-control:focus,
.get-consultancy-form-wrapper .form-select:focus{
    border-color: var(--primary-color);
}
  
.get-consultancy-form-wrapper select{
    color: #000 !important;
    position: relative;
}
  
.get-consultancy-form-wrapper textarea.form-control{
    height: 130px !important;
    resize: none;
    padding-left: 45px;
    text-indent: unset;
    line-height: 1.5;
}
  
.get-consultancy-form-wrapper input[type="submit"]{
    border: none;
    box-shadow: rgba(45, 205, 240, 0.65) 0px 2px 15px;
}
  
.get-consultancy-form-wrapper .form-wrapper .wpcf7-not-valid-tip {
    margin-top: 5px !important;
    padding-left: 10px;
    font-weight: 500;
}
  
/* .get-consultancy-form-wrapper .form-wrapper .wpcf7-response-output {
    margin: 0 !important;
    padding: 6px 10px !important;
    font-size: 12px;
    margin-top: 15px !important;
    border-radius: 10px;
} */
  
.get-consultancy-form-wrapper .wpcf7-spinner{
      position: absolute;
}

/* ------------------ LIST STYLE ------------------ */

.list-style-bullet{
    list-style-type: none;
    margin-top: 30px;
}

.list-style-bullet li{
    list-style-type: none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 12px;
    margin-bottom: 10px;
}

.list-style-bullet li::before{
    content: '\f192';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 14px;
    display: inline-block;
    margin-top: 2px;
}

/* -------------------- BUTTONS ------------------- */

.buttons{
    margin: 30px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px;
}

.button{
    padding: 12px 25px;
    text-transform: capitalize;
    font-weight: 600;
    border-radius: 30px;
    font-size: 16px;
    min-width: 150px;
    text-align: center;
    position: relative;
    transition: all 0.5s ease-in-out;
}

.button span{
    position: relative;
    z-index: 1;
    display: block;
    user-select: none;

}

.button::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 30px);
    width: calc(100% + 30px);
    border-radius: 30px;
    pointer-events: none;
    z-index: -1;
    display: none;
    transition: all 0.3s ease-in-out;
}

.button::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% - 4px);
    width: calc(100% - 4px);
    background: transparent;
    border-radius: 30px;
    pointer-events: none;
    z-index: 0;
}

.button.blue-gradient{
    background-image: linear-gradient(to right, #00c6f1, #096fcb , #00c6f1);
    background-size: 300% 100%;
    color: #fff;
    transition: all .4s ease-in-out;
}

.button.blue-gradient:hover{
    background-position:  100% 0;
}

.button.blue-gradient:not(.outline)::after,
.button.white-gradient:not(.outline)::after{
    display: block;
    background: url('../../../../uploads/2023/09/glass-effect-bg.webp') no-repeat;
    background-size: contain;
    background-position: center;
}

.button.blue-gradient.outline::before{
    background: #fff;
}

.button.blue-gradient.outline{
    position: relative;
}

.button.blue-gradient.outline::after{
    content: "";
    background: var(--blue-gradient);
    position: absolute;
    top: 0;
    right: 0;
    left: unset;
    transform: unset;
    bottom: unset;
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 30px;
    z-index: -1;
}

.button.blue-gradient.outline:hover{
    transform: translateY(-4px) translateX(-2px);
}

.button.blue-gradient.outline:hover::after{
    top: 2px;
    right: -2px;
}

.button.blue-gradient.outline span,
.button.white-gradient span,
.button.white.outline:hover span,
.blue-gradient-text{
    background: linear-gradient(to bottom, #00c6f1, #096fcb);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent  !important;
    user-select: none;
}

.button.white-gradient{
    background: #fff;
    color: unset;
}

.button.white.outline{
    background: transparent;
    color: #fff;
    border: 2px solid  #fff;
    padding: 10px 21px;
}

.button.white.outline:hover{
    background-color: #fff;
}

.button.yellow{
    padding: 15px 35px;
    background-color: #ffcc00;
    color: #000;
    font-size: 16px;
    min-width: 150px;
    box-shadow: 0 0 26px rgba(146, 104, 104, 0.24);
}

.button.yellow i{
    margin-right: 7px;
}

/* ------------------- HEADINGS ------------------- */

.heading-box{
    margin-bottom: 30px;
}

.heading-box .sub-heading{
    text-transform: uppercase;
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 15px;
    color: var(--primary-color);
}

.heading-box .main-heading{
    text-transform: capitalize;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 0;
    font-size: 56px;
    color: var(--secondary-color);
}

.heading-box.white .main-heading{
    color: #fff;
}

.heading-box.white .sub-heading{
    color: rgba(255, 255, 255, 0.8);
}

/* ----------------- Main Layout --------------- */

.main-header{
    height: 100%;
    width: 120px;
    position: fixed;
    top: 0;
    left: 0;
    border-right: 2px solid #e8e8e8;
    background: #fff;
    z-index: 110;
}

.main-content{
    width: 100%;
    max-width: calc(100% - 120px);
    margin-left: 120px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 100vh;
}

.main-content > section,
.main-content > footer{
    width: 100%;
}

/* ------------------------------------------------ */
/* -------------------- HEADER -------------------- */
/* ------------------------------------------------ */

.main-header nav{
    height: 100%;
    display: block;
    padding: 0;
}

.main-header nav .container{
    display: block;
    padding: 0 !important;
    max-width: 100% !important;
}

.navbar-toggler{
    border: none;
    box-shadow: none !important;
    padding: 0 !important;
    font-size: 24px !important;
    padding: 5px 0!important;
    margin: 10px 0;
    display: none;
    flex-direction: column;
    row-gap: 4px;
    border-radius: 0px !important;
}

.navbar-toggler span{
    display: inline-block;
    height: 2px !important;
    background: var(--blue-gradient) !important;
    width: 20px !important;
}

.logo-wrapper{
    border-bottom: 2px solid #e8e8e8;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-header .navbar-collapse{
    height: calc(100vh - 120px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    padding: 30px 0;
}

.main-header ul{
    list-style-type: none;
}

.main-header .navbar-nav{
    display: flex;
    justify-content: center;
    flex-direction: column !important;
    align-items: center;
    row-gap: 30px;
}

.main-header .navbar-nav li{
    width: 100%;
}

.main-header .navbar-nav li a{
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 10px;
    color: #727272;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 1;
    position: relative;
    transition: 0.3s ease-in-out;
}

.menu-header-menu-container li a::after{
    content: "";
    display: inline-block;
    height: 100%;
    width: 2px;
    position: absolute;
    left: 100%;
    top: 0;
}

.menu-header-menu-container li a:hover::after{
    background: var(--blue-gradient);
}

.menu-header-menu-container i{
    font-size: 20px;
}

.main-header .navbar-nav:not(.mobile-menu) li a:hover,
.main-header .navbar-nav:not(.mobile-menu) li a:hover i{
    color: var(--primary-color);
}

.main-header hr{
    width: 100%;
    max-width: 60px;
    border: none;
    border-top: 2px solid #e8e8e8;
    margin: 0 auto;
    opacity: 1;
}

.main-header .social-menu{
    row-gap: 20px;
}

.menu-social-menu-container a i{
    color: #b1b1b1;
    font-size: 20px;
}

.menu-mobile-menu-container{
    display: none !important;
}

.main-header .navbar-nav .dropdown::after {
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 2;
    height: 40px;
    line-height: 40px;
    width: 40px;
    color: var(--primary-color);
    text-align: center;
    font-size: 15px;
    border-radius: 8px;
    background: #fff;
    content: '\f0d7';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    /* transition: 0.3s ease-in-out; */
}

.main-header .navbar-nav .dropdown.active::after{
    color: var(--primary-color);
    transform: rotate(180deg);
}

.main-header .mobile-sibebar-head{
    border-bottom: 2px solid rgba(255, 255, 255, 0.6);
    margin-bottom: 15px;
    padding-bottom: 15px;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
}

.mobile-sidebar-close{
    background: #fff;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 1;
    border-radius: 6px;
    border: none;
    box-shadow: none;
    font-size: 18px;
}

.mobile-sidebar-close i{
    background: linear-gradient(to bottom, #00c6f1, #096fcb);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent  !important;
}

.navbar-collapse + .overlay{
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(2px);
    display: none;
    z-index: 103;
}

.navbar-collapse.show + .overlay{
    display: block;
    z-index: 0;
}

.slide{
    position: fixed;
    height: 100%;
    width: calc(70% - 120px);
    background: linear-gradient(to left, #00c6f1, #096fcb);
    top: 0;
    left: 0;
    margin-left: -70%;
    transition: all 1s ease-in-out;
    z-index: 109;
    padding: 20px;
}

.slide + .slide-overlay{
    content: "";
    height: 100%;
    position: fixed;
    left: 120px;
    top: 0;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(4px);
    transition: all 1s ease-in-out;
    pointer-events: none;
    width: calc(100% - 120px);
    opacity: 0;
    z-index: -108;
}

.slide.active + .slide-overlay{
    z-index: 108;
    opacity: 1;
}

.slide.active{
    margin-left: 120px;
}

.slide .close-slide{
    position: absolute;
    top: 5%;
    right: 5%;
    line-height: 1;
    background-color: transparent;
    font-size: 30px;
    color: rgba(255, 255, 255, 0.8);
    border: none;
    box-shadow: none;
    border-radius: 50%;
    z-index: 1;
}

.slide .close-slide:hover{
    color: #fff;
}

.slide .inner-layer{
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: 50px;
}

.slide .menu-heading{
    color: #fff;
    text-transform: capitalize;
    font-size: 56px;
    font-weight: 800;
    display: block;
    line-height: 1;
    margin-top: 30px;
}

.slide .services-list ul{
    list-style-type: none;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 50px;
    margin-bottom: 0;
}

.slide .services-list ul li{
    border-bottom: 2px solid rgba(255, 255, 255, 0.4);
    width: 100%;
    max-width: calc(100%/2 - 25px);
}

.slide .services-list ul li:last-child,
.slide .services-list ul li:nth-last-child(2){
    border-bottom: 0;
}

.slide .services-list ul li a{
    font-weight: 400;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.8);
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
    padding: 20px 0;
}

.slide .services-list ul li:hover a,
.slide .services-list ul li.current-menu-item a{
    padding-left: 15px;
    color: #fff;
}

.slide .services-list ul li.current-menu-item a{
    font-weight: 600;
}

.slide .contact-details{
    border-top: 2px solid rgba(255, 255, 255, 0.4);
    padding-top: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 40px;
    color: #fff;
}

.slide .contact-details .info{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 20px;
    width: 100%;
    max-width: calc(100%/3 - 40px/3);
}

.slide .contact-details strong{
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.slide .contact-details a{
    color: rgba(255, 255, 255, 0.9);
}

.slide .contact-details a:hover{
    color: #fff;
    text-decoration: underline !important;
}

.slide .contact-details i{
    font-size: 20px;
    margin-top: 3px;
}

/* ----------------- FOOTER ---------------- */

.main-footer{
    background: url('../../../../uploads/2023/09/footer-bg.webp') no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.main-footer .container{
    padding-top: 70px;
    padding-bottom: 70px;
}

.main-footer .row{
    row-gap: 40px;
}

.main-footer .footer-heading{
    text-transform: capitalize;
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    display: block;
    margin-bottom: 25px;
}

.main-footer ul{
    margin-bottom: 0;
}

.main-footer ul li{
    list-style-type: none;
    margin-bottom: 5px;
}

.main-footer a{
    color: #fff;
    font-weight: 300;
}

.main-footer a:hover{
    color: var(--primary-color);
    text-decoration: underline !important;
    opacity: 1;
}


.main-footer p{
    margin-bottom: 5px;
    font-weight: 300;
}

.main-footer .footer-contact-info p{
    margin-bottom: 15px;
}

.main-footer p span{
    color: #fff;
    display: block;
    font-weight: 500;
    text-decoration: underline !important; 
}

.main-footer .payments{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
    max-width: 300px;
    margin-top: 50px;
}

.main-footer .copyrights p{
    background: var(--blue-gradient);
    text-align: center;
    opacity: 1;
    font-weight: 500;
    padding: 10px;
    margin-bottom: 0;
}

.main-footer .copyrights p a{
    opacity: 1;
    font-weight: 500;
}

.main-footer .copyrights a:hover{
    color: #fff;
    opacity: 0.7;
}

/* ----------------- BANNER ---------------- */

.banner{
    padding: 100px 8px;
    /* background: url('../../../../uploads/2023/09/shadow-bg.webp') no-repeat;
    background-size: contain;
    background-position: center right 20%; */
    overflow: hidden;
}

.banner.homepage-banner{
    padding: 150px 8px;
}

.banner.no-shadow{
    background-image: none;
}

.banner .row{
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    align-items: center;
    row-gap: 30px;
    position: relative;
    z-index: 1;
}

.banner-heading{
    color: var(--secondary-color);
    font-weight: 800;
    font-size: 60px;
    line-height: 1.1;
    margin: 20px 0;
}

.banner-heading span{
    color: var(--primary-color)
}

.banner-heading .typewrite{
    font-family: "Ballones" !important;
    font-weight: 400;
    font-size: 52px;
    color: var(--primary-color) ;
}

.banner p{
    color: var(--secondary-color);
    font-weight: 500;
    width: 100%;
    max-width: 500px;
}

.full-width-banner{
    padding: 100px 0 !important;
}

.full-width-banner .row{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.full-width-banner .row > div{
    padding: 0;
}

.full-width-banner .banner-content{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 0 20px;
}

.full-width-banner .image-wrapper img{
    width: 100%;
}

.contact-banner{
    background: #fff;
    padding: 0 !important;
}

.contact-banner .banner-content{
    max-width: 500px;
}

.contact-banner .images-wrapper img{
    width: 100%;
}

.ebook-banner .banner-content,
.press-release-banner .banner-content,
.web-copywriting-banner .banner-content,
.article-banner .banner-content{
    margin-right: -10%;
}

.web-copywriting-banner .image-wrapper{
    transform: scale(1.2) translateX(-5%);
}

.article-banner .image-wrapper{
    transform: scale(1.1) translate(-4.5%, -4.5%);
    pointer-events: none;
}

.article-banner{
    padding-bottom: 0 !important;
}

.press-release-banner{
    padding: 0  !important;
}

.speech-banner{
    background: url('../../../../uploads/2023/11/speech-writing-banner-mockup.webp') no-repeat;
    background-size: contain;
    background-position: right center;   
    position: relative;
}

.cover-letter-banner{
    background: url('../../../../uploads/2023/11/cover-letter-banner-mockup.webp') no-repeat;
    background-position: right center;   
    position: relative;
}

.cover-letter-banner .row{
    min-height: 600px;
}

.blogging-subscription-banner{
    padding: 50px 8px 0;
}

.blogging-subscription-banner .image-wrapper{
    background: url('../../../../uploads/2023/11/bg-art-mockup3.webp') no-repeat;
    background-position: top 50px left;   
    background-size: 80%;
    position: relative;
}

.pricing-banner {
    background: url('../../../../uploads/2023/11/pricing-banner.webp') no-repeat !important;
    background-position: center center !important;     
    background-size: cover !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.pricing-banner .banner-content{
    width: 100%;
    max-width: 600px;
    text-align: center;
    padding: 0 20px;
}

.pricing-banner .banner-content p{
    max-width: 100%
}

.pricing-banner .banner-content .buttons{
    justify-content: center;
}

/* ----------------- ABOUT US ---------------- */

.v-padding{
    padding: 70px 0;
}

.who-we-are{
    background: var(--blue-gradient) no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.who-we-are .image-wrapper{
    background: url('../../../../uploads/2023/09/bg-art-mockup.webp') no-repeat;
    background-size: contain;
    background-position: center;
    padding: 0 50px 0 0;
}

.who-we-are .image-wrapper img{
    display: block;
    width: 80%;
    margin-left: auto;
}

.who-we-are .image-wrapper.second{
    background: url('../../../../uploads/2023/09/bg-art-mockup2.webp') no-repeat;
    background-size: contain;
    background-position: center bottom;
    padding: 0;
}

.who-we-are .image-wrapper.second.bg-top{
    background-position: center; 
}

.who-we-are .image-wrapper.second img{
    display: block;
    width: 90%;
    margin: 0 auto;
}

.who-we-are .image-wrapper.no-bg{
    background: transparent;
}

.who-we-are .image-wrapper.scale{
    transform: scale(1.2);
}

.who-we-are.full-width .inner-content{
    width: 100%;
    max-width: 550px;
    padding-left: 30px;
}

.who-we-are.full-width .image-wrapper{
    background: transparent;
    width: 100%;
}

.who-we-are.full-width .image-wrapper img{
    width: 100%;
    max-width: 100%;
}

/* ----------------- OUR BADGES ---------------- */

.our-badges{
    background: #f6f6f6;
}

.badges{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 20px;
}

.badges-wrapper{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
}

.our-badges .badges-wrapper{
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    justify-content: space-between;
}

.badges-wrapper a{
    display: inline-block;
    pointer-events: none;
}

.clickable-badges .badges-wrapper a{
    pointer-events: visible;
}

.badges-wrapper a img{
    max-width: 100%;
}

/* ----------------- OUR SERVICES ---------------- */

.services-cards{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 50px;
}

.services-cards .service{
    background-color: #fff;
    width: 100%;
    max-width: calc(100%/3 - 0.2rem/3);
    text-align: center;
    padding: 70px 30px;
    position: relative;
    border-style: solid;
    border-width: 0 2px 2px 0;
    border-color: #b6b6b6;
}

.services-cards .service::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% - 50px);
    width: calc(100% - 50px);
    background: #fff;
    z-index: 0;
    transition: all 0.7s ease-in-out;
}

.services-cards .service:hover::before{
    background: var(--blue-gradient);
    height: calc(100% + 50px);
    width: calc(100% + 50px);
    z-index: 1;
}

.services-cards .service:nth-child(3),
.services-cards .service:nth-child(6){
    border-right: 0;
}

.services-cards .service:nth-child(4),
.services-cards .service:nth-child(5),
.services-cards .service:nth-child(6){
    border-bottom: 0;
}

.services-cards.more .service:nth-child(1),
.services-cards.more .service:nth-child(2),
.services-cards.more .service:nth-child(3){
    border-top: 2px solid #b6b6b6 ;
}

.services-cards .service .inner-wrapper{
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    transition: all 0.7s ease-in-out;
}

.services-cards .service:hover .inner-wrapper{
    transform: scale(1.15);
}

.services-cards .service strong{
    color: var(--secondary-color);
    font-weight: 700;
    display: block;
    margin: 20px auto 10px;
    line-height: 1;
    font-size: 18px;
}

.services-cards .service p{
    color: #878787;
    margin: 0;
}

.services-cards .service .icon{
    background-color: #e2faff;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.services-cards .service:hover strong,
.services-cards .service:hover p{
    color: #fff;
}

.services-cards .service:hover strong{
    font-weight: 600;
}

.services-cards .service:hover .icon {
    background: transparent;
}

.services-cards .service .icon img{
    transition: all 0.7s ease-in-out;
}

.our-services .collapse{
    background: #fff;
}

.our-services .button[aria-expanded="false"] .less,
.our-services .button[aria-expanded="true"] .all{
    display: none;
}

.our-services .collapsing{
    transition: height 1s ease-in-out;
}

/* ----------------- CTA ---------------- */

.high-quality-content{
    background: var(--blue-gradient) no-repeat;
    background-position: center;
    background-size: 100% calc(100% - 140px);
}

.high-quality-content .inner-wrapper{
    padding: 100px 0;
    width: 100%;
}

.high-quality-content .inner-wrapper p{
    margin-bottom: 35px;
}

.high-quality-content .image-wrapper{
    background: url('../../../../uploads/2023/09/bg-art-mockup.webp') no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
}

.high-quality-content .image-wrapper .button{
    position: absolute;
    bottom: 17%;
    right: 17%;
    transform: scale(1.1);
    cursor: pointer;
}

.high-quality-content .image-wrapper img{
    display: block;
    width: 80%;
    margin: 0 auto;
}

/* ----------------- WHY CHOOSE US ---------------- */

.why-choose-us{
    border-bottom: 2px solid #e8e8e8;
}

.slider-wrapper{
    overflow: hidden;
}

.why-choose-us-slider{
    background: var(--secondary-color);
    color: #fff;
    border-radius: 16px;
    margin: 50px auto;
    position: relative;
}

.why-choose-us-slider .owl-stage-outer{
    overflow: visible !important;
}

.why-choose-us-slider .owl-stage{
    display: flex;
    align-items: stretch;
}

.why-choose-us-slider .owl-item{
    min-height: 100% !important;
}

.why-choose-us-slider .item{
    height: 100%;
    padding: 50px 30px;
    text-align: center;
    position: relative;
}

.why-choose-us-slider .item::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% - 0px);
    width: calc(100% - 0px);
    background: transparent;
    z-index: 0;
    transition: all 0.5s ease-in-out;
}

.why-choose-us-slider .item .inner-wrapper{
    position: relative;
    z-index: 1;
}

.why-choose-us-slider .item:hover{
    padding: 50px 15px;
}

.why-choose-us-slider .item:hover::before{
    height: calc(100% + 40px);
    width: calc(100% + 40px);
    background: var(--blue-gradient);
}

.why-choose-us-slider .item strong{
    display: block;
    font-size: 20px;
    margin-bottom: 20px;
}

.why-choose-us-slider .item p{
    font-size: 15px;
    margin-bottom: 0;
}

.why-choose-us-slider .owl-dots{
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
}

.owl-dots .owl-dot span{
    background: var(--primary-color) !important;
    opacity: 0.3;
}

.owl-dots .owl-dot.active span{
    opacity: 1;
    background: var(--secondary-color) !important;
}

/* ----------------- OUR PROCESS ---------------- */

.our-process-steps{
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 70px;
    margin: 50px auto;
    position: relative;
}

.our-process-steps::before{
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    border-top: 3px dashed #b6b6b6;
    z-index: -1;
}

.our-process-steps.before-above::before{
    top: 42%;
    transform: unset;
}

.our-process-steps .steps-column,
.our-process-steps .mockup-column{
    width: 100%;
    max-width: calc(100%/3 - 140px/3);
    position: relative;
}

.our-process-steps .steps-column{
    display: flex;
    flex-direction: column;   
    row-gap: 50px;
}

.our-process-steps .steps-column .step{
    height: calc(50% - 25px);
}

.our-process-steps.before-above .steps-column .step{
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
}

.our-process-steps .step-heading{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-bottom: 20px;
}

.our-process-steps .step-heading h3{
    font-size: 34px;
    line-height: 1;
    margin: 0;
    color: var(--primary-color);
    font-weight: 800;
}

.our-process-steps .step-heading strong{
    font-size: 20px;
    line-height: 1;
    color: var(--secondary-color);
    font-weight: 700;
}

.our-process-steps .step p{
    font-size: 14px;
}

.our-process-steps.before-above .step p{
    font-size: 18px;
    max-width: 250px;
}

.our-process-steps .mockup-column{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* ----------------- OUR PORTFOLIO ---------------- */

.our-portfolio{
    background: url('../../../../uploads/2023/09/portfolio-bg.webp') no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    color: #fff;
}

.portfolio-images{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
    margin: 50px auto 0;
}

.portfolio-images .portfolio-image{
    border: 3px solid #fff;
    border-radius: 16px;
    overflow: hidden;
    width: 100%;
    max-width: calc(100%/4 - 15px);
    box-shadow: 3px 0 34px rgba(0,0,0,0.20);
    transition: all 0.3s ease-in-out;
}

.portfolio-images .portfolio-image:hover{
    transform: translateY(-10px);
}

.portfolio-images .portfolio-image img{
    width: 100%;
}

/* ---------------- CLIENT REVIEWS ---------------- */

.client-reviews {
    border-bottom: 2px solid #e8e8e8;
}

.client-reviews .inner-wrapper{
    width: 90%;
    margin-left: auto;
}

.client-reviews-slider{
    margin-top: 70px;
}

.review{
    background-color: #fff;
    border-radius: 60px;
    position: relative;
    height: 100%;
    width: 100%;
    padding-bottom: 20px;
}

.review .gradient-layer{
    overflow: hidden;
    border-radius: 60px;
    padding: 4px;
    margin-bottom: 60px;
}

.review .inner-layer{
    background-color: #fff;
    border-radius: 56px;
    position: relative;
    padding: 40px ;
    z-index: 1;
    width: 100%;
}

.review .gradient-layer.border-animation::before{
    background-image: linear-gradient(230deg, #00c6f1,#00c6f1, #ffffff,#ffffff, #096fcb,#096fcb);
    transform: rotate(0) scale(1.8);
}

@keyframes bgGradientAnimation{
    100%{
        transform: rotate(-360deg) scale(2.8);
    }
}

.review p{
    text-align: center;
    font-style: italic;
    color: #707070;
    min-height: 130px;
    margin-bottom: 0;
}

.review p::before{
    content: "\f10d";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 10px;
}

.review p::after{
    content: "\f10e";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 10px;
}

.review .reviewer{
    position: absolute;
    left: 40px;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 20px;
    width: calc(100% - 50px);
    z-index: 2;
}

.review .reviewer .image-box{
    width: 94px;
    height: 94px;
    border-radius: 50%;
    padding: 3px;
    background: linear-gradient(to top, #00c6f1, #096fcb);
    box-shadow: 0 0 24px rgba(0,143,174,0.34);
}

.review .reviewer .image-box img{
    border-radius: 50%;
}

.review .reviewer strong{
    font-size: 18px;
    font-weight: 600;
    color: var(--primary-color);
    line-height: 1;
    display: block;
    margin-top: 20px;
}

.review .reviewer span{
    font-weight: 500;
    color: #000;
    line-height: 1;
    margin-bottom: 5px;
    display: none;
}

/* ----------------- GET IN TOUCH ----------------- */

.get-in-touch .image-wrapper{
    background: var(--blue-gradient) no-repeat;
    background-position: top left;
    background-size: calc(100% - 75px) 100%;
    text-align: center;
    padding-left: 30px;
    padding-top: 80px;
    padding: 70px 30px 0;
}

.get-in-touch .row{
    row-gap: 30px;
}

.wpcf7 form p{
    margin-bottom: 0 !important;
}

.wpcf7 form .wpcf7-not-valid-tip{
    text-align: left;
    margin-top: 5px;
    font-weight: 600;
    font-size: 14px;
    color: red;
    position: relative;
    margin-bottom: 0;
}

.wpcf7 form .wpcf7-response-output{
    margin: 10px auto 0 !important;
    padding: 10px 15px !important;
    border: 0px !important;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
    background: #ffb900;
    color: #191819;
    font-weight: 600;
}

.wpcf7 form.failed .wpcf7-response-output, 
.wpcf7 form.aborted .wpcf7-response-output{
    background: #ff0000;
    color: #fff;
}

.wpcf7 form.sent .wpcf7-response-output{
    background: #2ABB03;
    color: #fff;
}

.wpcf7 form.spam .wpcf7-response-output {
    background: #f56e28;
    color: #fff;
}


.get-in-touch .form-style{
    margin-top: 45px;
}

.form-style .form-field-box{
    margin-bottom: 35px;
}

.form-style .form-field-box label{
    display: block;
    line-height: 1.3;
    color: var(--secondary-color);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
    width: 100%;
}

.form-style .wpcf7-form-control-wrap{
    width: 100%;
}

.form-style .form-field-box .form-control,
.form-style .form-field-box .form-select{
    border: none;
    border-bottom: 2px solid #d3d3d3;
    display: block;
    width: 100%;
    height: 65px;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    color: #5f5f5f;
    font-weight: 500;
    padding: 0;
}

.form-style .form-field-box .form-select{
    background: url('../../../../uploads/2023/10/icon-caret-down.webp') no-repeat;
    background-size: 10px;
    background-position: right 15px center;
    text-transform: capitalize;
}

.form-style .form-field-box .form-control::placeholder{
    text-transform: capitalize;
    opacity: 1;
}

.form-style .form-field-box textarea{
    min-height: 120px;
    padding-top: 10px !important;
    resize: none;
}

.form-style input[type="submit"]{
    border: none;
    box-shadow: rgba(45, 205, 240, 0.65) 0px 2px 15px;
}

/* ----------------- BEST SERVICES ---------------- */

.best-services{
    background: url('../../../../uploads/2023/09/best-services-bg-art.webp') no-repeat;
    background-size: 50% auto;
    background-position: top left;
    text-align: center;
}

.best-services .row{
    width: 100%;
    max-width: 1000px;
    margin: 70px auto 20px;
    row-gap: 30px;
}

.best-service-card{
    position: relative;
    border-radius: 80px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 50px rgba(0,209,255,0.13);
    padding: 4px;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    overflow: hidden;
}

.best-service-card .inner-layer{
    padding: 50px 20px;
    background-color: #fff;
    border-radius: 76px;
    position: relative;
    z-index: 1;
    height: 100%;
}

.best-service-card .icon{
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
}

.best-service-card .icon img{
    object-fit: contain;
}

.best-service-card strong{
    font-weight: 700;
    color: var(--primary-color);
    font-size: 56px;
    line-height: 1;
    display: block;
    margin: 25px auto 20px;
}

.best-service-card span{
    color: var(--primary-color);
    font-weight: 500;
    display: block;
    margin: 25px auto 10px;
    font-size: 18px;
    width: 100%;
    max-width: 150px;
}

.best-services p{
    color: var(--secondary-color);
    font-weight: 500;
    margin-bottom: 0;
}

.cta-box{
    margin: 50px auto 0;
}

.cta-box .button{
    margin-top: 15px;
    min-width: 180px;
}

/* ----------------- OUR PACKAGES ----------------- */

.our-packages{
    background-color: #f6f6f6;
    position: relative;
}

.our-packages::after{
    content: "";
    background-color: #f6f6f6;
    height: 75px;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: -1;
}

.our-packages.no-after::after{
    display: none;
}

.packages-slider .owl-stage{
    padding: 100px 0;
}

.packages-slider .owl-item.active .item{
    z-index: 2;
}

.packages-slider .owl-item{
    opacity: 0.65;
}

.packages-slider .owl-item.center{
    z-index: 2;
    opacity: 1;
    transform: scale(1.1);
}

.package-card{
    height: 100%;
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    transition: background 5s ease-in-out;
    position: relative;
    border-radius: 60px;
}

.package-card .gradient-layer{
    overflow: hidden;
    border-radius: 60px;
    padding: 4px;
}

.package-card .gradient-layer.border-animation::before{
    background-image: linear-gradient(230deg, #00c6f1,#00c6f1, #ffffff,#ffffff, #096fcb,#096fcb);
    transform: rotate(0) scale(1.8);
}

@keyframes bgGradientAnimation{
    100%{
        transform: rotate(-360deg) scale(2.8);
    }
}

.packages-slider .owl-item.center .package-card{
    box-shadow: 0 0 50px rgba(0,209,255,0.13);
}

.package-card .inner-layer{
    padding: 50px 40px;
    background-color: #fff;
    border-radius: 56px;
    position: relative;
    z-index: 1;
}

.package-card .top-bar{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.package-card .top-bar .icon{
    width: 51px;
}

.package-card .top-bar .tag{
    background-color: var(--primary-color);
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 1;
    display: inline-block;
    border-radius: 8px 0 0 8px;
    position: relative;
    right: -42px;
    padding: 8px 15px;
}

.package-card .package-info{
    margin: 30px auto 10px;
    border-bottom: 2px solid #bababa;
    padding-bottom: 15px;
    min-height: 140px;
}

/* .package-card .package-info h3{
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    color: var(--secondary-color);
    text-transform: capitalize;
}

.package-card .package-info h3 span{
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
} */

.package-card .package-info h3{
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
    color: var(--secondary-color);
    text-transform: capitalize;
}

.package-card .package-info h3:first-of-type{
    border: 1px solid #e5e6e9;
    background-color: #f6f6f6;
    padding: 10px 15px;
    border-radius: 30px;
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    max-width: max-content;
    text-transform: uppercase;
}

.package-card .package-info h3:last-child{
    text-transform: capitalize;
    margin-top: 24px;
}

.package-card .package-info h3 span{
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}

.package-card .package-info p{
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    margin: 0;
    padding: 10px;
    color: var(--secondary-color);
}

.package-card .package-features strong{
    color: var(--primary-color);
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
}

.package-card .pckg-feature-list{
    list-style-type: none;
    margin-top: 15px;
}

.package-card .pckg-feature-list li{
    margin-bottom: 10px;
    font-size: 14px;
    color: var(--secondary-color);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 15px;
}

.package-card .pckg-feature-list li::before{
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

.package-card .pckg-feature-list li.cross::before{
    content: "\f00d";
}

.package-card .button-wrapper{
    text-align: center;
    position: absolute;
    bottom: -20px;
    z-index: 2;
    width: 100%;
}

.package-card .button{
    display: none;
}

.packages-slider .owl-item.center .package-card .button,
.packages-cards.simple .package-card:hover .button{
    display: inline-block;
}

.packages-cards.simple .owl-item{
    padding-bottom: 30px;
}

.packages-cards .owl-carousel .owl-nav{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.3s all ease-in-out;
    opacity: 0;
    pointer-events: none;
}

.packages-cards .owl-carousel:hover .owl-nav,
.packages-cards .owl-carousel .owl-nav:hover{
    opacity: 1;
    width: calc(100% +  90px);
}

.packages-cards .owl-carousel .owl-nav button{
    pointer-events: visible;
    margin: 0 !important;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: 40px !important;
    background: #fff !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;
}

.packages-cards .owl-carousel .owl-nav button:hover{
    background: var(--secondary-color) !important;
}

/* --------------------- FAQ  --------------------- */

.faqs .accordion{
    margin-top: 50px;
    border-radius: 0;
}

.faqs .accordion-item{
    border: 0;
    border-bottom: 1px solid #eaeaea;
}

.faqs .accordion-button{
    border: 0 !important;
    background: #fff !important;
    border-radius: 0;
    box-shadow: none !important;
    color: var(--secondary-color) !important;
    font-size: 18px;
    font-weight: 600;
    padding: 30px 0;
    column-gap: 10px;
    align-items: flex-start;
}

.faqs .accordion-button::after{
    background: none !important;
    content: "\f0fe";
    font-family: "Font Awesome 6 Free";
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    height: 24px;
    width: 24px;
    line-height: 1;
    padding: 0 !important;
}

.faqs .accordion-button[aria-expanded="true"]::after{
    content: "\f146";
    transform: rotate(180deg);
}

.faqs .accordion-body{
    border: 0 !important;
    padding: 0 0 30px;
    color: var(--secondary-color);
    padding-right: 40px;
}

.faqs .accordion-body p:last-of-type{
    margin-bottom: 0;
}

/* ----------------- DELIVERABLES ----------------- */

.what-we-deliver{
    background: var(--blue-gradient);
}

.what-we-deliver p{
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 20px;
}

.what-we-deliver ol{
    padding-left: 50px !important;
    margin-bottom: 20px;
}

.what-we-deliver li{
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 5px;
    
}

.what-we-deliver strong{
    display: block;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 600;
}

.what-we-deliver .negative-mt{
    margin-top: -70px;
}

/* ---------------- TEXTUAL CONTENT --------------- */

.textual-banner{
    padding: 150px 8px;
    background: url('../../../../uploads/2023/09/portfolio-bg.webp') no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
}

.textual-content{
    padding: 50px 0;
}

.textual-content h2{
    font-size: 28px;
    color: var(--secondary-color);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 25px;
}

.textual-content p{
    margin-bottom: 25px;
    line-height: 1.7;
}

.textual-content a{
    color: var(--primary-color) !important;
}

.textual-content a:hover{
    text-decoration: underline !important;
}

/* Erro 404 Page */
.error-404 {
    background: url(../../../../uploads/2023/03/bg-404.webp);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 100px 0;
    text-align: center;
}
.error-404 .image-wrapper {
    width: 70%;
    max-width: 400px;
    margin: 50px auto;
}
.error-404 p {
    width: 90%;
    max-width: 600px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    margin: 0 auto 30px;
}
  
.error-404 p a{
    color: #000;
}

.error-404 p a:hover {
    text-decoration: underline !important;
}

/* Contact Us Page */

.contact-information{
    background: var(--blue-gradient) no-repeat;
    background-size: 100% 65%;
    background-position: top center;
    padding: 40px 0 70px;
}

.contact-information .custom-row{
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 40px;
}

.contact-information .column{
    width: 100%;
    max-width: calc(100%/3 - 20px);
}

.contact-information .info-box{
    height: 100%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 34px rgba(0,0,0,0.2);
    text-align: left;
    padding: 20px;
    transition: all 0.3s linear;
    position: relative;
    top: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    column-gap: 15px;
}

.contact-information .info-box:hover{
    top: -10px;
}

.contact-information .info-box .icon-box{
    width: 100%;
    max-width: 70px;
}

.contact-information .info-box div:last-child{
    width: 100%;
    max-width: calc(100% - 85px);
}

.contact-information .info-box strong{
    display: block;
    color: var(--secondary-color);
    text-transform: capitalize;
    margin: 10px auto;
    font-size: 20px;
    font-weight: 900;
}

.contact-information .info-box p,
.contact-information .info-box p a{
    color: var(--text-color);
    font-weight: 400;
    margin: 0 auto;
}

.contact-information .info-box p a:hover{
    color: var(--primary-color);
}

.contributor-guidelines-cta{
    background: url('../../../../uploads/2023/11/write-for-us-cta-bg.webp') no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 40px;
    padding: 0 40px 0 50px;
    box-shadow: 0 3px 34px rgba(0,0,0,0.2);
    color: #fff;
    margin: 20px auto 100px;
}

.contributor-guidelines-cta .inner-content{
    padding-top: 10%;
}

.contributor-guidelines-cta h2{
    width: 580px;
}

.contributor-guidelines-cta .image-wrapper{
    text-align: center;
    transform: scale(1.15)  translateY(-12px);
    margin-bottom: 19px;
}

/* Order Page */

.our-benefits-section{
    padding: 100px 0;
}

.order-form-section{
    padding-bottom: 70px;
}

.order-form-section .form-style{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.our-benefits{
    width: 90%;
    margin-left: auto;
}

.our-benefits .item{
    padding: 50px 0;
}

.our-benefits .benefit{
    position: relative;
    border-radius: 70px;
    background-color: #fff;
    padding: 4px;
    margin: 0 auto;
    overflow: hidden;
    box-shadow: 0 0 50px rgba(0,209,255,0.13);
}

.our-benefits .benefit .inner-layer{
    padding: 50px 20px;
    background-color: #fff;
    border-radius: 66px;
    position: relative;
    z-index: 1;
}

.our-benefits .benefit .icon{
    width: 85px;
    height: 85px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our-benefits .benefit .icon img{
    width: auto;
    max-width: 100%;
}

.our-benefits .benefit strong{
    display: block;
    color: var(--secondary-color);
    text-transform: capitalize;
    margin: 20px auto 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.form-custom-row{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    column-gap: 40px;
    row-gap: 30px;
    flex-wrap: wrap;
}

.form-custom-row .col-50{
    width: 100%;
    max-width: calc(50% - 20px);
}

.form-custom-row .col-100{
    width: 100%;
    max-width: 100%;
}

.form-custom-row .form-field-box{
    margin-bottom: 0;
}

.form-custom-row br{
    display: none;
}

.form-custom-row .submit-col{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}

.form-custom-row .submit-col p{
    position: relative;
    text-align: center;
    margin-bottom: 0.5rem !important;
}

.form-custom-row .submit-col .wpcf7-spinner{
    margin: 0;
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
}

.form-table{
    margin-bottom: 0 !important;
    width: 100%;
    max-width: 400px;
}

.form-table tr td{
    background: #e5f0f9 !important;
    padding: 15px 10px !important;
}

.form-table tr td:first-child,
.form-table tr td:first-child p{
    font-weight: 700 !important;
    color: var(--secondary-color) !important;
}

/* Password Protected Page */

.custom-password-protected{
    background: url('../../../../uploads/2023/10/password-bg.webp') no-repeat;
    background-size: cover;
    background-position: center;
}

.custom-password-protected .container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 85vh;
}

.custom-password-protected .inner-layer{
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 100px 0;
    text-align: center;
}

.custom-password-protected .inner-layer > h2{
    text-transform: capitalize;
    font-weight: 800;
    line-height: 1;
    font-size: 42px;
    color: var(--secondary-color);
    margin: 25px auto 10px;
}

.custom-password-protected .post-password-form{
    margin-top: 25px;
}

.custom-password-protected .post-password-form > p:nth-child(1){
    display: none;
}

.custom-password-protected .post-password-form > p:nth-child(2){
    /* font-size: 0; */
    border: 1px solid #bbbbbb;
    border-radius: 50px;
    box-shadow: 0 0 24px rgba(0,0,0,0.44);
    background-color: #fff;
    display: inline-flex;
    padding: 3px;
    width: 100%;
    max-width: 426px;
    margin: 0 auto;
}

.custom-password-protected .post-password-form > p:nth-child(2) label{
    font-size: 0;
    position: relative;
    width: 100%;
    max-width: 300px;
    text-align: left;
}

.custom-password-protected .post-password-form > p:nth-child(2) label::before{
    content: "Enter Your Password";
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}

.custom-password-protected .post-password-form > p:nth-child(2) label.hide::before{
    display: none;
}

.custom-password-protected .post-password-form > p:nth-child(2) input[type="password"]{
    width: 100%;
    height: 45px;
    background-color: #fff;
    font-size: 16px;
    border: none;
    border-radius: 50px;
    outline: none;
    padding-left: 15px;
}

.custom-password-protected .post-password-form > p:nth-child(2) input[type="submit"]{
    border: none;
    border-radius: 50px;
    width: 120px;
    background-image: linear-gradient(to right, #00c6f1, #096fcb , #00c6f1);
    background-size: 300% 100%;
    color: #fff;
    transition: all .4s ease-in-out;
}

.custom-password-protected .post-password-form > p:nth-child(2) input[type="submit"]:hover{
    background-position:  100% 0;
}

/* Payment Invoice */

.payment-invoice br{
    display: none;
}

.invoice-row{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}

.invoice-row .col-50{
    width: 100%;
    max-width: calc(100%/2 - 10px);
}

.invoice-row .col-100{
    width: 100%;
    max-width: 100%;
}

.invoice-row p{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.invoice-row p span{
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 50px;
}

.invoice-row p span.label{
    background-image: linear-gradient(to bottom, #00c6f1, #096fcb);   
    color: #fff;
    text-transform: uppercase;
    padding: 0 20px;
    width: 200px;
    font-size: 15px;
    letter-spacing: 1px;
}

.invoice-row p span.value{
    padding: 10px 20px;
    width: calc(100% - 200px);
    background: #eaf2f4;
    color: #5f5f5f;
    line-height: 1.3;
}

.order-amount{
    margin: 20px auto;
}

.order-amount p{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap: 10px;
}

.order-amount p span.label{
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    color: var(--secondary-color);
    text-transform: capitalize;
}

.order-amount p span.value{
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
    color: var(--primary-color);
    min-width: 100px;
    text-align: right;
}

/* Write To Us Page */

.write-to-us-banner .inner-container{
    background-image: url('../../../../uploads/2023/10/white-to-us-bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
    text-align: center;
    position: relative;
}

.write-to-us-banner .banner-content{
    min-height: 500px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.write-to-us-banner .email p{
    background-image: var(--blue-gradient);
    text-align: center;
    padding: 20px;
    margin: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-weight: 400;
    line-height: 1.5;
    column-gap: 10px;
}

.write-to-us-banner .email p a{
    font-weight: 600;
    color: #fff !important;
}

.write-to-us-banner .email p a:hover{
    text-decoration: underline !important;
}

.guidelines.faqs .accordion-button {
    border: 0 !important;
    background: #ddf9ff !important;
    font-size: 20px;
    font-weight: 700;
    padding: 30px 20px;
    align-items: center;
}

.guidelines.faqs .accordion-item{
    border: 0;
    margin-bottom: 10px;
}

.guidelines.faqs .accordion-body{
    padding: 20px;
}

.get-in-touch .heading-box.md{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

/* Lead Capture Popup */

.modal-backdrop.show{
    opacity: 1 !important;
    background: rgba(255,255,255,0.2);
    backdrop-filter: blur(4px);
    z-index: 111111 !important;
}

.lead-capture-modal{
    z-index: 1111111 !important;
}
  
.lead-capture-modal .modal-content{
    background-color: transparent;
    width: 96%;
    margin: 0 auto;
    border: none;
    transform: scale(1.1);
    box-shadow: 15px 11px 101px rgba(5, 152, 220, 0.24);
    border-radius: 20px;
}

.lead-capture-modal .modal-body{
    padding: 0;
}

.lead-capture-modal .modal-dialog.modal-lg{
    max-width: 1050px !important;
}

.lead-capture-modal .btn-close {
    position: absolute;
    left: auto;
    bottom: auto;
    right: 15px;
    top: 10px;
    height: unset;
    width: unset;
    padding: 0;
    opacity: 1;
    background: linear-gradient(to bottom, #00c6f1, #096fcb);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent  !important;
    box-shadow: none !important;
    font-size: 25px;
    z-index: 2;
}
  
.lead-capture-popup{
    border-radius: 20px;
    box-shadow: 0px 0px 50px 0px rgb(25,25,25,0.19);
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    background-image: linear-gradient(0deg, #0971cc, #00c4f0);
    padding: 3px;
}

.lead-capture-popup .left{
    border-radius: 20px 0 0 20px;
    width: 100%;
    max-width: 380px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    position: relative;
}

.lead-capture-popup .left::after{
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    height: 100%;
    background: #fff;
    width: 35px;
    pointer-events: none;
    z-index: 0;
}

.lead-capture-popup .right{
    border-radius: 0 17px 17px 0;
    width: 100%;
    max-width: 670px;
    background: #fff;
    min-height: 550px;
    padding: 20px 30px 30px 0;
}

.lead-capture-popup .left .content{
    padding: 30px 40px 30px 30px ;
    position: relative;
    z-index: 1;
    color: #fff;
}

.lead-capture-popup .left .content h2{
    font-weight: 700;
    line-height: 1.2;
    font-size: 40px;
    margin-bottom: 15px;
}

.lead-capture-popup .left .content h2 span{
    border-bottom: 3px solid #ffcc00;
}

.lead-capture-popup .left .mockup{
    transform: translate(-3px, 3px);
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url('../../../../uploads/2023/10/popup-mockup.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;
}

.lead-capture-popup .right strong{
    display: block;
    font-weight: 700;
    font-size: 36px;
    line-height: 1;
    margin: 15px 0;
    text-align: center;
    margin-bottom: 20px;
}

.lead-capture-popup .wpcf7-radio{
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 12px;
    row-gap: 20px;
    margin: 0 auto;
}

.lead-capture-popup  br{
    display: none;
}

.lead-capture-popup .wpcf7-radio .wpcf7-list-item{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 14px;
    text-align: center;
    width: 100%;
    max-width: calc(100%/4 - 9px);
    margin: 0;
}

.lead-capture-popup .wpcf7-radio .wpcf7-list-item label{
    width: 100%;
}

.lead-capture-popup .wpcf7-radio .wpcf7-list-item label span{
    background: #fff;
    border-radius: 8px;
    background: #fff;
    border: 2px solid #9da0a9;
    min-height: 110px;
    padding: 10px 35px 15px;
    cursor: pointer;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    line-height: 1.1;
}

.lead-capture-popup .wpcf7-radio .wpcf7-list-item:hover span{
    color: var(--primary-color);
}

.lead-capture-popup .wpcf7-radio .wpcf7-list-item input:checked + span{
    border-color: var(--primary-color);
}

.lead-capture-popup .wpcf7-radio .wpcf7-list-item span::before{
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-size: 85%;
    background-position: center;
    filter: grayscale(1);
}

.lead-capture-popup .wpcf7-radio .wpcf7-list-item input:checked + span::before,
.lead-capture-popup .wpcf7-radio .wpcf7-list-item:hover span::before{
    filter: grayscale(0);
}

.lead-capture-popup .wpcf7-radio .wpcf7-list-item:nth-child(1) span::before{
    background-image: url('../../../../uploads/2023/09/icon-resume.webp');
}
.lead-capture-popup .wpcf7-radio .wpcf7-list-item:nth-child(2) span::before{
    background-image: url('../../../../uploads/2023/09/icon-article-writing.webp');
}
.lead-capture-popup .wpcf7-radio .wpcf7-list-item:nth-child(3) span::before{
    background-image: url('../../../../uploads/2023/09/icon-speech-writing.webp');
}
.lead-capture-popup .wpcf7-radio .wpcf7-list-item:nth-child(4) span::before{
    background-image: url('../../../../uploads/2023/09/icon-ebook.webp');
}
.lead-capture-popup .wpcf7-radio .wpcf7-list-item:nth-child(5) span::before{
    background-image: url('../../../../uploads/2023/09/icon-cover-letter.webp');
}
.lead-capture-popup .wpcf7-radio .wpcf7-list-item:nth-child(6) span::before{
    background-image: url('../../../../uploads/2023/09/icon-linkedIn-writing.webp');
}
.lead-capture-popup .wpcf7-radio .wpcf7-list-item:nth-child(7) span::before{
    background-image: url('../../../../uploads/2023/09/icon-description.webp');
}
.lead-capture-popup .wpcf7-radio .wpcf7-list-item:nth-child(8) span::before{
    background-image: url('../../../../uploads/2023/09/icon-blogging.webp');
}
.lead-capture-popup .wpcf7-radio .wpcf7-list-item:nth-child(9) span::before{
    background-image: url('../../../../uploads/2023/09/icon-web-copyWriting.webp');
}
.lead-capture-popup .wpcf7-radio .wpcf7-list-item:nth-child(10) span::before{
    background-image: url('../../../../uploads/2023/09/icon-press.webp');
}
.lead-capture-popup .wpcf7-radio .wpcf7-list-item:nth-child(11) span::before{
    background-image: url('../../../../uploads/2023/09/icon-sheet.webp');
}
.lead-capture-popup .wpcf7-radio .wpcf7-list-item input{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
    opacity: 0;
}
.lead-capture-popup .wpcf7-radio input:checked + span::after{
    content: "";
    display: inline-block;
    height: 21px;
    width: 21px;
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url('../../../../uploads/2023/10/icon-check.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.lead-capture-popup .button-para{
    padding-top: 30px;
    text-align: center;
    opacity: 0;
}

.lead-capture-popup .button-para.show{
    opacity: 1;
}

.lead-capture-popup .button{
    border-radius: 30px;
    border: 0;
    padding: 10px 15px;
    font-size: 14px;
    min-width: 90px;
}

.lead-capture-popup .contact-details-form .custom-row{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 25px;
    margin-top: 30px;
}
 
.lead-capture-popup .contact-details-form .custom-row .input-box{
    width: 100%;
    max-width: calc(100%/2 - 10px);
}

.lead-capture-popup .contact-details-form .custom-row .input-box:last-of-type{
    margin-top: -10px;
}

.lead-capture-popup .contact-details-form .custom-row .input-box.fw{
    max-width: 100%;
}

.lead-capture-popup .wpcf7-form-control-wrap{
    width: 100%;
}

.lead-capture-popup .step-one .wpcf7-form-control-wrap{
    margin-top: 30px;
}
  
.lead-capture-popup .contact-details-form .form-control{
    height: 50px;
    padding: 10px 20px;
    outline: none;
    box-shadow: none;
    background-color: #f4f4f4;
    color: var(--secondary-color);
    border: 2px solid #f4f4f4;
    font-weight: 500;
    border-radius: 10px;
}

.lead-capture-popup .contact-details-form textarea.form-control{
    min-height: 120px;
    resize: none;
}

.lead-capture-popup .contact-details-form  input:-internal-autofill-selected{
    background: #f4f4f4 !important;
}

.lead-capture-popup .contact-details-form .form-control::placeholder{
    font-weight: 500;
    color: #4c5354;
    text-transform: capitalize;
}
  
.lead-capture-popup .contact-details-form .form-control:focus{
    border-color: var(--primary-color) !important;
}

.lead-capture-popup .wpcf7-not-valid-tip {
    margin: 2px 0 0 15px !important;
    position: absolute !important;
    font-size: 12px !important;
}

.lead-capture-popup .step-one .wpcf7-not-valid-tip {
    left: 50%;
    transform: translateX(-50%);
    margin: 5px auto 0 !important;
}

.lead-capture-modal .wpcf7 form .wpcf7-response-output{
    margin-top: 10px !important;
}

.lead-capture-popup .submit-buttons-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 15px;
    width: 100%;
    margin: 10px auto 0;
    position: relative;
}

.lead-capture-popup .submit-buttons-box > div,
.lead-capture-popup .submit-buttons-box > div p{
    display: flex;
    align-items: center;
    column-gap: 12px;
    row-gap: 7px;
}

.lead-capture-popup .submit-buttons-box .blue-gradient-text,
.lead-capture-popup .button-para .blue-gradient-text{
    border: 0;
    outline: 0;
    box-shadow: none;
    font-weight: 600;
    line-height: 1;
    padding: 0;
    background-color: transparent;
}

.lead-capture-popup .submit-buttons-box .wpcf7-spinner{
    position: absolute;
    margin: 0;
    bottom: -20px;
}

/* ----------------- Pricing Page ---------------- */

.single-service{
    margin: 50px auto 0;
}

.single-service .heading-box .sub-heading{
    color: var(--secondary-color);
    font-weight: 600;
    text-transform: capitalize;
}

.packages-cards.simple .package-card .inner-layer{
    padding: 40px 25px;
}

.packages-cards.simple .package-card .top-bar .tag{
    right: -30px;
}

.packages-cards.simple .owl-carousel .owl-stage{
    display: flex;
    align-items: stretch;
}

.packages-cards.simple .owl-carousel .owl-stage .item,
.packages-cards.simple .package-card .gradient-layer,
.packages-cards.simple .package-card .inner-layer{
    height: 100%;
}

/* ------------------------------------------------ */
/* ----------------- MEDIA QUERIES ---------------- */
/* ------------------------------------------------ */

@media only screen and (min-width: 2000px) {
    .slide .inner-layer > div{
        margin-top: 30px;
    }
    .our-benefits-section{
        padding: 100px 0 200px;
    }
}

@media only screen and (min-width: 1800px) {
    .best-services{
        background-size: 45%;
    }
    .slide .menu-heading{
        margin-top: 70px ;
    }
    .slide .contact-details .info:nth-child(2){
        padding-left: 45px;
    }
    .pricing-banner .banner-content{
        max-width: 700px;
    }
}

@media only screen and (min-width: 1600px){
    .review .gradient-layer.border-animation::before{
        background-image: linear-gradient(197deg, #00c6f1,#00c6f1, #ffffff, #096fcb,#096fcb);
        transform: rotate(0) scale(3);
    }
    
    @keyframes bgGradientAnimation{
        100%{
            transform: rotate(-360deg) scale(3.5);
        }
    }
}

@media only screen and (min-width: 1440px) {
    .container {
        width: 100%;
        max-width: 1200px !important;
    }
}

@media only screen and (max-width: 1600px){
    .main-header .navbar-nav{
        zoom: 90%;
    }
    .slide .inner-layer{
        max-width: 80%;
        row-gap: 30px;
        height: 100%;
    }
    .slide .menu-heading{
        font-size: 46px;
        margin-top: 70px;
    }
    .slide .services-list ul li{
        border-width: 1px;
    }
    .slide .services-list ul li a{
        font-size: 18px;
        padding: 15px 0;
    }
    .slide .contact-details{
        border-width: 1px;
        padding-top: 20px;
        column-gap: 25px;
    }
    .slide .contact-details br{
        display: none;
    }
    .slide .contact-details .info{
        column-gap: 15px;
        font-size: 14px;
    }
    .slide .contact-details strong{
        margin-bottom: 5px;
    }
    .slide .contact-details i{
        font-size: 16px;
    }
    .lead-capture-modal .modal-content{
        transform: scale(1);
    }
    .cover-letter-banner{
        background-position:  center right -100px !important;
    }
    .cover-letter-banner .row{
        min-height: 520px;
    }
}

@media only screen and (max-width: 1520px){
    .main-header .navbar-nav{
        zoom: 80%;
    }
    .slide.active{
        margin-left: 100px;
    }
    .main-header{
        width: 100px;
    }
    .logo-wrapper{
        height: 100px;
    }
    .main-header .navbar-collapse{
        height: calc(100vh - 100px);
        padding: 20px 0;
    }
    .main-content{
        max-width: calc(100% - 100px);
        margin-left: 100px;
    }
    .logo-wrapper img{
        width: 40px;
    }
    .banner .row{
        width: 95%;
    }
    .full-width-banner .row{
        width: 100%;
        max-width: 100%;
    }
    .banner-heading{
        font-size: 50px;
    }
    .banner-heading .typewrite{
        font-size: 42px;
    }
    .heading-box .main-heading{
        font-size: 46px;
    }
    .heading-box .sub-heading{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .banner{
        background-position: center right 0%;
    }
    .review p{
        min-height: 170px;
    }
    .fold-progress-bar{
        zoom: 85%;
    }
}

@media only screen and (max-width: 1440px){
    .container {
        width: 100%;
        max-width: 88% !important;
    }
    .fold-progress-bar{
        zoom: 75%;
    }
    .faqs .accordion{
        width: calc(100% - 50px);
    }
    .review p{
        min-height: 194px;
    }
    .slide .inner-layer{
        max-width: 90%;
    }
    .slide .menu-heading{
        margin-top: 30px;
    }
    .slide .services-list ul li a{
        font-size: 16px;
    }
    .article-writing-banner .banner-content{
        margin-right: auto;
    }
    .cover-letter-banner{
        background-position:  center right -50px !important;
        background-size: contain;
    }
    .pricing-banner{
        min-height: 650px;
    }
    .contributor-guidelines-cta .image-wrapper{
        margin-bottom: 3.3%;
    }
}

@media only screen and (max-width: 1300px){
    .main-header .navbar-nav{
        zoom: 75%;
        row-gap: 20px;
    }
    .slide .inner-layer{
        row-gap: 20px;
    }
    .slide .menu-heading{
        margin-top: 0;
        font-size: 36px;
    }
    .slide .services-list ul li a{
        font-size: 14px;
    }
    .slide .contact-details{
        column-gap: 10px;
    }
    .slide .contact-details .info{
        font-size: 12px;
    }
    .slide .contact-details i{
        font-size: 16px;
    }
    .slide .close-slide{
        font-size: 24px;
    }
    .contact-information .info-box .icon-box{
        max-width: 50px;
    }
    .contact-information .info-box div:last-child{
        max-width: calc(100% - 65px);
    }
    .contact-information .info-box p, 
    .contact-information .info-box p a{
        font-size: 14px;
    }
    .contributor-guidelines-cta .image-wrapper {
        transform: scale(1.2) translateY(-12px);
        margin-bottom: 5%;  
    }
}

@media only screen and (max-width: 1200px){
    .container {
        width: 100%;
        max-width: 1140px !important;
    }
    .banner,
    .banner.homepage-banner{
        padding: 100px 8px;
    }
    .services-cards .service{
        padding: 40px 20px;
    }
    .high-quality-content{
        background-size: 100% calc(100% - 80px);
    }
    .high-quality-content .image-wrapper .button{
        bottom: 15%;
        right: 15%;
        transform: scale(1);
    }
    .our-process-steps{
        column-gap: 20px;
    }
    .our-process-steps .steps-column{
        max-width: 30%;
    }
    .our-process-steps .mockup-column{
        width: 100%;
        max-width: calc(40% - 40px);
    }
    .get-consultancy-form-wrapper{
        margin-right: -300px;
        zoom: 90%;
    }
    @-webkit-keyframes slide-left {
        0% {margin-right: -300px;}
        100% {margin-right: 0;}
    }
    @keyframes slide-left {
        0% {margin-right: -300px;}
        100% {margin-right: 0;}
    }
    @-webkit-keyframes slide-right {
        0% {margin-right: 0;}
        100% {margin-right: -300px;}
    } 
    @keyframes slide-right {
        0% {margin-right: 0;}
        100% {margin-right: -300px;}
    }
    .get-consultancy-form-wrapper .gcf-toggle-button.open{
        font-size: 14px;
        padding: 15px 12px;
        left: -87px;
    }
    .get-consultancy-form-wrapper .gcf-toggle-button.close {
        top: -15px;
        height: 30px;
        width: 30px;
        font-size: 14px;
    }
    .get-consultancy-form-wrapper .form-wrapper{
        max-width: 300px;
        padding: 20px 15px;
    }
    .get-consultancy-form-wrapper .form-sub-heading{
        font-size: 16px;
    }
    .get-consultancy-form-wrapper .form-heading{
        font-size: 24px;
    }
    .get-consultancy-form-wrapper .form-control,
    .get-consultancy-form-wrapper .form-select{
        padding: 12px 15px 12px 40px;
    }
    .get-consultancy-form-wrapper textarea.form-control{
        height: 110px !important;
    }
    .get-consultancy-form-wrapper input[type="submit"]{
        font-size: 13px;
        width: 120px;
    }
    .get-consultancy-form-wrapper .input-box i{
        top: 12px;
    }
    .review p{
        min-height: 90px;
        font-size: 14px;
    }
    .review .gradient-layer{
        margin-bottom: 55px;
    }
    .review .reviewer .image-box{
        width: 80px;
        height: 80px;
    }
    .slide{
        width: calc(80% - 120px);
    }
    .slide .services-list ul li a{
        font-size: 14px;
        padding: 12px 0;
    }
    .slide .contact-details .info{
        width: 100%;
        max-width: calc(100%/3);
    }
    .speech-banner{
        background: url('../../../../uploads/2023/11/speech-writing-banner-mockup.webp') no-repeat !important;
        background-size: cover !important;
        background-position: right center !important;    
    }
    .package-card .package-info{
        min-height: 125px;
    }
    .package-card .package-info h3{
        font-size: 46px;
    }
    .packages-cards .owl-carousel .owl-nav{
        position: absolute;
        top: unset;
        left: 50%;
        transform: translate(-50%, unset);
        bottom: -25px;
        width: 250px;
        opacity: 1;
    }
    .packages-cards .owl-carousel:hover .owl-nav,
    .packages-cards .owl-carousel .owl-nav:hover{
        width: 250px;
    }
    .packages-cards.simple .owl-dots{
        margin-top: 25px !important;
    }
}

@media only screen and (max-width: 991px){
    .gcf-overlay,
    .get-consultancy-form-wrapper{
        z-index: 111;
    }
    .container {
        width: 100%;
        max-width: 720px !important;
    }
    .main-header{
        width: 100%;
        height: unset;
        border-right: 0;
        box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 15%);
        background: #fff;
        padding: 5px 0 10px;
    }
    .main-content{
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
    .main-header nav{
        padding: 0 20px;
    }
    .main-header nav .container{
        display: flex;
    }
    .main-header hr{
        display: none;
    }
    .menu-header-menu-container{
        display: none;
    }
    .menu-mobile-menu-container{
        display: block !important;
    }
    .logo-wrapper{
        border-bottom: none;
        height: unset;
    }
    .logo-wrapper img{
        width: unset;
    }
    .navbar-toggler{
        display: flex;
    }
    .main-header .navbar .container > div:nth-of-type(2){
        position: fixed;
        top: 0;
        left: 0;
        z-index: 11111;
        width: 350px;
        background: linear-gradient(to left, #00c6f1, #096fcb);
        min-height: 100vh;
        max-height: 100vh;
        overflow-y: scroll;
        margin-left: -350px;
        transition: all 0.3s ease-in-out;
        color: #fff;
        padding: 25px;
    }
    .main-header .navbar .container > div:nth-of-type(2).show{
        margin-left: 0;
    }
    .main-header .inner-layer{
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .main-header .inner-layer > div{
        width: 100%;
    }
    .main-header .navbar .mobile-menu li{
        width: 100%;
    }
    .main-header .navbar .mobile-menu > li:not(:last-child){
        margin-bottom: 10px;
    }
    .main-header .navbar .navbar-nav li a,
    .main-header .navbar .navbar-nav .menu-item > a{
        width: 100%;
        display: block;
        padding: 15px 0 !important;
        font-size: 15px;
        font-weight: 400 !important;
        color: #fff;
        border-radius: 6px;
    }
    .main-header .navbar .navbar-nav:not(.social-menu) > li:not(.dropdown) a:hover,
    .main-header .navbar .navbar-nav:not(.social-menu) > li.dropdown.active > a{
        background-color: #fff;
        color: var(--primary-color) !important;
        padding-left: 15px !important;
    }
    .main-header .mobile-menu li a i{
        margin-right: 20px;
        width: 22px;
        text-align: center;
        font-size: 18px;
    }
    .main-header .navbar .navbar-nav .sub-menu{
        padding: 0 !important;
        margin: 10px 0 0  !important;
        box-shadow: none !important;
        border: none !important;
        display: block;
        min-width: 100%;
        position: relative;
        display: none;
    }
    .main-header .navbar .navbar-nav .sub-menu.active{
        display: block;
        -webkit-animation: slide-bottom 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-bottom 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    }
    @keyframes slide-bottom {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-50px);
                transform: translateY(-50px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
                transform: translateY(0);
        }
    }
    .main-header .navbar-nav .dropdown .sub-menu a{
        padding: 5px 5px 5px 59px !important;
        margin-bottom: 0;
        font-size: 15px !important;
        line-height: 1.3;
        text-transform: capitalize;
    }
    .main-header .navbar-nav{
        display: block;
    }
    .main-header .navbar-collapse{
        display: block;
    }
    .main-header .navbar-nav.social-menu{
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        flex-direction: row !important;
        border-top: 2px solid rgba(255, 255, 255, 0.6);
        column-gap: 20px;
        padding-top: 15px;
        margin-top: 15px;
        text-align: center;
    }
    .main-header .navbar-nav.social-menu li{
        width: 100% !important;
    }
    .main-header .navbar .navbar-nav.social-menu .menu-item > a{
        background: transparent !important;
        color: #fff !important;
        padding: 0 !important;
    }
    .menu-social-menu-container a i{
        color: #fff !important;
        font-size: 22px;
    }
    .banner.homepage-banner{
        background-position: bottom -30% center;
    }
    .banner .row{
        width: 90%;
        max-width: 720px;
    }
    .full-width-banner .row{
        width: 100%;
        max-width: 100%;
    }
    .textual-banner{
        padding: 150px 8px 80px !important;
    }
    .services-cards .service{
        padding: 30px 20px;
    }
    .services-cards .service p{
        font-size: 14px;
    }
    .high-quality-content .inner-wrapper{
        padding: 50px 0 30px;
    }
    .high-quality-content .main-heading{
        font-size: 32px;
        margin-bottom: 15px;
    }
    .high-quality-content .inner-wrapper p{
        margin-bottom: 15px;
    }
    .high-quality-content .image-wrapper .button{
        bottom: 10%;
        right: 10%;
        padding: 12px 30px;
    }
    .our-process-steps{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 40px;
        margin-bottom: 0;
    }
    .our-process-steps .steps-column,
    .our-process-steps .mockup-column{
        max-width: 100%;
    }
    .our-process-steps .steps-column{
        flex-direction: row;
        gap: 30px;
    }
    .our-process-steps .steps-column .step{
        width: 100%;
        max-width: calc(100%/2 - 15px);
    }
    .our-process-steps .image-wrapper{
        width: 100%;
        max-width: 300px;
        margin: 0 auto 20px;
    }
    .our-process-steps .mockup-column .button.get-in-touch .image-wrapper{
        width: 100%;
        max-width: 450px;
        margin: 30px auto;
        padding-right: 0;
        background-size: calc(100% - 30px) 100%;
    }
    .fold-progress-bar{
        display: none;
    }
    .best-services .row{
        margin-top: 40px;
    }
    .best-service-card{
        border-radius: 60px;
    }
    .best-service-card .inner-layer {
        padding: 30px 20px;
        border-radius: 56px;
    }
    .best-service-card .icon{
        transform: scale(0.8);
    }
    .cta-box{
        margin: 30px auto 0;
    }
    .best-service-card strong{
        font-size: 40px;
    }
    .faqs .accordion-body{
        padding-right: 0;
    }
    .what-we-deliver .negative-mt{
        margin-top: unset;
    }
    .full-width-banner{
        background-position: bottom 0 center;
    }
    .full-width-banner .image-wrapper{
        width: 80%;
        margin-left: auto;
    }
    .faqs .accordion{
        width: 100%;
    }
    .textual-content h2{
        font-size: 22px;
        margin-bottom: 15px;
    }
    .textual-content p{
        margin-bottom: 15px;
    }
    .contact-banner{
        padding: 100px 0 0 !important;
    }
    .contact-information{
        background-size: 100% 45%;
    }
    .contact-information .column{
        max-width: calc(50% - 15px);
    }
    .our-benefits-section{
        padding: 50px 0;
    }
    .custom-password-protected .container{
        min-height: unset;
    }
    .custom-password-protected .inner-layer{
        padding: 100px 0 70px;
    }
    .invoice-row{
        row-gap: 10px;
    }
    .invoice-row .col-50{
        max-width: 100%
    }
    .invoice-row p span{
        min-height: 40px;
    }
    .invoice-row p span.label{
        width: 155px;
        font-size: 12px;
    }
    .invoice-row p span.value{
        width: calc(100% - 155px);
        font-size: 14px;
    }
    .main-footer .footer-heading{
        margin-bottom: 15px;
    }
    .slide{
        display: none;
    }
    .lead-capture-popup .left{
        max-width: 300px;
    }
    .lead-capture-popup .left .content{
        padding: 30px;
    }
    .lead-capture-popup .left .content h2{
        font-size: 32px;
    }
    .press-release-banner{
        padding: 100px 0 0 !important;
    }
    .ebook-banner .banner-content,
    .press-release-banner .banner-content,
    .web-copywriting-banner .banner-content,
    .article-banner .banner-content{
        margin-right: auto;
    }
    .who-we-are .image-wrapper.scale,
    .web-copywriting-banner .image-wrapper{
        transform: unset;
    }
    .who-we-are.full-width .inner-content{
        padding: 0 20px;
        margin: 0 auto;
        max-width: 650px;
    }
    .speech-banner::before{
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.7);
        z-index: 0;
    }
    .speech-banner .row{
        position: relative;
        z-index: 1;
    }
    .full-width-banner.cover-letter-banner{
        background: transparent;
        padding-bottom: 0 !important;
    }
    .article-banner .image-wrapper{
        transform: unset;
    }
    .pricing-banner{
        padding: 120px 0 0 !important;
    }
    .packages-cards.simple .package-card .button{
        display: inline-block;
    }
    .pricing-banner{
        min-height: 550px;
    }
    .packages-slider .owl-stage{
        padding: 70px 0;
    }
    .packages-cards.simple .owl-dots{
        margin-top: 40px !important;
    }
    .contributor-guidelines-cta{
        padding: 35px 25px 0 25px;
        margin: 0 auto 50px;
        overflow: hidden;
    }
    .contributor-guidelines-cta .inner-content{
        padding-top: 0;
    }
    .contributor-guidelines-cta .image-wrapper{
        transform: scale(1.2) translateY(0);
        margin-bottom: 6%;
    }
    .contributor-guidelines-cta h2{
        width: 100%;
    }
    
}

@media only screen and (max-width: 767px){
    .container {
        width: 100%;
        max-width: 540px !important;
    }
    .banner .row{
        width: 100%;
        max-width: 575px;
    }
    .full-width-banner .row{
        width: 100%;
        max-width: 100%;
    }
    .banner-heading{
        font-size: 42px;
    }
    .banner-heading .typewrite{
        font-size: 36px;
    }
    .v-padding{
        padding: 50px 0;
    }
    .heading-box{
        margin-bottom: 15px;
    }
    .heading-box .main-heading{
        font-size: 40px;
    }
    .heading-box .sub-heading{
        font-size: 16px;
    }
    .heading-box .main-heading br{
        display: none;
    }
    .banner,
    .banner.homepage-banner{
        padding: 100px 8px 50px;
    }
    .banner.homepage-banner{
        background-image: none;
    }
    .services-cards .service{
        max-width: calc(100%/2);
        border-right: 0 ;
        border-bottom: 2px solid #b6b6b6 !important;
    }
    .services-cards .service:nth-child(5),
    .services-cards .service:nth-child(6){
        border-bottom: 0 !important;
    }
    .services-cards .service:nth-child(odd){
        border-right: 2px solid #b6b6b6;
    }
    .services-cards.more .service:nth-child(3){
        border-top: 0;
    }
    .high-quality-content{
        background-position: bottom center;
        background-size: 100% calc(100% - 80px);
        padding-top: 20px;
    }
    .client-reviews .inner-wrapper{
        width: 100%;
        max-width: 575px;
        margin-left: auto;
        margin-right: auto;
        padding: 30px 20px 0;
    }
    .client-reviews-slider{
        margin-top: 40px;
    }
    .review .inner-layer{
        min-height: 200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .review .gradient-layer.border-animation::before{
        background-image: linear-gradient(207deg, #00c6f1,#00c6f1, #ffffff,#ffffff, #096fcb,#096fcb);
    }
    .review p{
        min-height: unset;
    }
    .best-service-card{
        max-width: 100%;
    }
    .full-width-banner{
        padding: 100px 0 50px !important;
    }
    .article-banner,
    .press-release-banner {
        padding-bottom: 0 !important;
    }
    .ebook-banner {
        padding-bottom: 15px !important;
    }
    .contact-banner {
        padding: 100px 0 0 !important;
    }
    .packages-slider .item{
        padding: 30px 20px !important;
    }
    .full-width-banner .image-wrapper{
        width: 90%;
    }
    .packages-slider .owl-item.center{
        transform:  translateY(0) scaleX(1);
    }
    .packages-slider .owl-stage{
        padding: 0 !important;
    }
    .packages-cards .owl-dots{
        margin-top: 40px !important;
    }
    .contact-information{
        background-size: 100% 350px;
        padding: 50px 0;
    }
    .contact-information .column{
        max-width: 100%;
    }
    .our-benefits{
        width: 100%;
        margin: 0 auto;
        padding: 0 25px;
    }
    .form-custom-row .col-50{
        max-width: 100%;
    }
    .write-to-us-banner .banner-content {
        min-height: unset;
        padding: 50px 0 50px;
    }
    .lead-capture-popup{
        flex-wrap: wrap;
    }
    .lead-capture-popup .left{
        border-radius: 20px;
        max-width: 100%;
    }
    .lead-capture-popup .right{
        border-radius: 0 0 17px 17px;
        max-width: 100%;
        min-height: unset;
        padding: 20px;
    }
    .lead-capture-popup .left .content{
        text-align: center;
        width: 100%;
    }
    .lead-capture-popup .left::after,
    .lead-capture-popup .left .mockup{
        display: none;
    }
    .lead-capture-modal .btn-close{
        filter: brightness(0) invert(1);
        font-size: 20px;
    }
    .lead-capture-popup .step-one .wpcf7-form-control-wrap{
        margin-top: 0;
    }
    .lead-capture-popup strong{
        font-size: 24px !important;
        margin: 0 auto 20px !important;
    }
    .packages-cards.simple{
        padding: 0 15px;
    }
}

@media only screen and (max-width: 575px){
    .main-header{
        padding: 0;
    }
    .main-header .container{
        padding: 0 !important;
    }
    .main-header nav{
        padding: 5px 10px;
    }
    .logo-wrapper img{
        max-width: 150px;
    }
    .get-consultancy-form-wrapper .gcf-toggle-button.open{
        left: -85px;
    }
    .main-footer .payments{
        margin-top: 25px;
    }
    .banner-heading br{
        display: none;
    }
    .services-cards{
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .services-cards .service{
        max-width: 100%;
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-top: 2px solid #b6b6b6 !important;
        padding: 30px 10px;
    }
    .services-cards:not(.more) .service:nth-child(1){
        border-top: 0 !important;
    }
    .high-quality-content{
        background-size: 100% calc(100% - 50px);
    }
    .portfolio-images .portfolio-image{
        max-width: calc(100%/2 - 15px);
    }
    .why-choose-us-slider .item::before{
        display: none;
    }
    .why-choose-us-slider .owl-stage{
        align-items: center;
    }
    .get-consultancy-form-wrapper{
        zoom: 80%;
    }
    .best-services{
        background-size: 80% auto;
    }
    .faqs .accordion{
        margin-top: 20px;
    }
    .error-404 {
        padding: 110px 0 50px;
    }
    .error-404 .image-wrapper {
        width: 80%;
        margin: 0 auto;
    }
    .error-404 p {
        margin: 40px auto 30px;
    }
    .get-in-touch .form-style{
        margin-top: 40px;
    }
    .lead-capture-popup .wpcf7-radio .wpcf7-list-item{
        min-width: 120px;
    }
    .lead-capture-popup .contact-details-form .custom-row{
        row-gap: 10px;
        margin-top: 0;
    }
    .lead-capture-popup .contact-details-form .custom-row .input-box{
        max-width: 100%;
    }
    .lead-capture-popup .contact-details-form .form-control {
        height: 45px;
        padding: 10px 15px;
        border-width: 1px;
        border-radius: 8px;
        font-size: 13px;
    }
    .lead-capture-popup .wpcf7-not-valid-tip{
        position: relative !important;
        margin: 5px 0 0 15px !important;
    }
    .lead-capture-popup .left .content{
        padding: 35px 15px 20px;
    }
    .lead-capture-popup .left .content h2{
        margin-bottom: 7px;
        font-size: 26px;
    }
    .ebook-banner .row{
        row-gap: 0;
    }
    .form-custom-row .submit-col{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0;
    }
}

@media only screen and (max-width: 450px){
    .main-footer .container {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .heading-box .main-heading {
        font-size: 34px;
    }
    .badges{
        flex-wrap: wrap;
        justify-content: center;
    }
    .badges .badge{
        width: 100%;
        max-width: calc(100%/ 2 - 20px);
    }
    .who-we-are .image-wrapper{
        padding: 0 10px;
    }
    .who-we-are .image-wrapper:not(.second) img{
        width: 100%;
    }
    .our-process-steps .steps-column{
        flex-direction: column;
    }
    .our-process-steps .steps-column .step{
        max-width: 100%;
    }
    .high-quality-content .image-wrapper img{
        margin: 0;
        margin-left: 6px;
    }
    .high-quality-content .image-wrapper .button{
        right: unset;
        bottom: -45px;
        left: 50%;
        transform: translateX(-50%);
        padding: 12px 20px;
    }
    .high-quality-content .inner-wrapper{
        text-align: center;
        margin-top: 15px;
    }
    .why-choose-us-slider .item{
        padding: 20px;
    }
    .services-cards .service::before,
    .services-cards .service:hover::before{
        height: 100%;
        width: 100%;
    }
    .services-cards .service:hover .inner-wrapper{
        transform: scale(1);
    }
    .services-cards{
        width: 100%;
    }
    .review {
        border-radius: 40px;
    }
    .review .gradient-layer{
        border-radius: 40px;
    }
    .review .inner-layer{
        padding: 20px;
        border-radius: 36px;
    }
    .review .reviewer{
        column-gap: 10px;
        left: 30px;
        width: calc(100% - 30px);
    }
    .review .reviewer strong{
        font-size: 15px;
    }
    .review .reviewer span{
        font-size: 14px;
    }
    .button {
        padding: 12px 20px;
        font-size: 14px;
        min-width: 130px;
    }
    .faqs .accordion-button{
        font-size: 16px;
        padding: 20px 0;
    }
    .faqs .accordion-body{
        font-size: 14px;
    }
    .full-width-banner .image-wrapper{
        width: 100%;
        padding-left: 30px;
    }
    .our-packages .container{
        padding: 0 !important;
    }
    .our-packages .heading-box,
    .our-packages p.blue-color{
        padding-left: 15px;
        padding-right: 15px;
    }
    .packages-cards{
        margin: 20px auto 0;
    }
    .package-card,
    .package-card .gradient-layer{
        border-radius: 40px;
    }
    .package-card .inner-layer{
        padding: 30px 20px 30px;
        border-radius: 36px;
    }
    .package-card .top-bar .tag {
        padding: 8px 12px;
        font-size: 14px;
        right: -22px;
    }
    .package-card .package-info{
        min-height: 125px;
    }
    .package-card .package-info h3{
        font-size: 46px;
    }
    .package-card .package-info p{
        font-size: 14px;
    }
    .package-card .pckg-feature-list li {
        margin-bottom: 5px;
        column-gap: 10px;
    }
    .high-quality-content .inner-wrapper p{
        margin-bottom: 25px;
    }
    .get-in-touch .image-wrapper{
        background-size: calc(100% - 35px) 100%;
        padding: 70px 15px 0 20px;
    }
    .main-header .navbar .container > div:nth-of-type(2){
        width: calc(100% - 50px);
        margin-left: -100%;
    }
    .contact-information .info-box .icon-box{
        width: 70px;
        margin: 0 auto;
    }
    .contact-information .info-box strong{
        margin: 10px auto 5px;
    }
    .our-benefits .item{
        padding: 20px 0;
    }
    .our-benefits .benefit{
        box-shadow: 0 0 30px rgba(0,209,255,0.13);
    }
    .form-style .form-field-box label{
        font-size: 13px;
    }
    .form-style .form-field-box .form-control, 
    .form-style .form-field-box .form-select{
        height: 50px;
        font-size: 13px;
    }
    .form-style .form-field-box textarea{
        min-height: 90px;
    }
    .form-style .form-field-box .form-select{
        background-size: 7px;
    }
    .form-table tr td {
        background: #e5f0f9 !important;
        padding: 10px !important;
        font-size: 12px;
    }
    .custom-password-protected .inner-layer > h2 {
        font-size: 34px;
    }
    .custom-password-protected .inner-layer > h2 br{
        display: none;
    }
    .custom-password-protected .post-password-form > p:nth-child(2) label::before,
    .custom-password-protected .post-password-form > p:nth-child(2) input[type="submit"]{
        font-size: 13px;
    }
    .custom-password-protected .post-password-form > p:nth-child(2) input[type="password"]{
        height: 40px;
        font-size: 13px;
    }
    .invoice-row p{
        flex-direction: column;
    }
    .invoice-row p span.label,
    .invoice-row p span.value{
        width: 100%;
    }
    .order-amount p span.label,
    .order-amount p span.value{
        font-size: 18px;
    }
    .guidelines.faqs .accordion-button {
        padding: 15px;
        font-size: 17px;
    }
    .guidelines.faqs .accordion-body{
        padding: 15px;
    }
    .lead-capture-popup .wpcf7-radio{
        row-gap: 10px;
    }
    .lead-capture-popup .wpcf7-radio .wpcf7-list-item{
        max-width: 100%;
    }
    .lead-capture-popup .wpcf7-radio .wpcf7-list-item label span {
        min-height: unset;
        padding: 10px 30px 10px 20px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        column-gap: 15px;
        text-align: left;
    }
    .lead-capture-popup .wpcf7-radio .wpcf7-list-item label span::before{
        margin-bottom: 0;
        width: 30px;
        height: 30px;
    }
    .lead-capture-popup .wpcf7-radio input:checked + span::after {
        position: absolute;
        bottom: unset;
        left: unset;
        transform: unset;
        right: 10px;
    }
    .lead-capture-popup .submit-buttons-box .blue-gradient-text,
    .lead-capture-popup .button-para .blue-gradient-text{
        font-size: 14px;
    }
    .our-process-steps.before-above .steps-column .step,
    .our-process-steps.before-above .step p{
        max-width: 100%;
    }
    .pricing-banner{
        background: url('../../../../uploads/2023/11/pricing-banner-mob.webp') no-repeat !important;
        background-position: bottom center !important;
        background-size: cover !important;
        padding: 130px 8px 50px !important;
        min-height: 500px;
    }
    .pricing-banner .buttons{
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 370px){
    .main-header .mobile-sibebar-head img{
        max-width: 160px;
    }
    .pricing-banner{
        background-size: 100% 100% !important;
        padding: 100px 8px 50px;
        min-height: 500px;
    }
    .pricing-banner .buttons{
        margin-bottom: 0;
    }
}