/* @font-face {

    font-family: "Helvetica";

    font-style: normal;

    font-weight: normal;

    src: url(../fonts/helvetica/Helvetica.ttf) format('ttf');

} */

* {

    margin: 0;

    box-sizing: border-box;

    font-family: "Inter", sans-serif;

}



:root {

    --headerfont: "Space Grotesk", sans-serif;

    --dark: #031222;

    --dark2: #222222;

    --white: #ffffff;

    --orange: #fb8626;

    --blue: #4091c8;

    --grey: #ffffffdb;

    --h1font-size: 60px;

    --h2font-size: 48px;

    --btn-radius: 10px;

    --card-radius: 15px;

}



h1,

h2,

h3 {

    font-family: var(--headerfont);

    font-weight: 700;

    color: var(--dark);

}



a {

    text-decoration: none;

}



a,

button {

    transition: all ease 0.3s;

}



p,

ul,

nav,

h1,

h2,

h3,

h4,

h5,

h6 {

    padding: 0;

    margin: 0;

}



.container {

    width: 1600px;

    max-width: 100%;

    margin: 0 auto;

}



li {

    list-style: none;

}



p,

ul {

    padding: 0;

    margin: 0;

}



/* header-top-bar */

.main-header .top-bar {

    /* background: linear-gradient(90deg, rgba(61, 71, 136, 1) 0%, rgba(63, 145, 200, 1) 50%, rgba(61, 71, 136, 1) 100%); */

    font-family: "DM Sans", sans-serif;

    padding: 15px 0;

    text-align: center;

    position: absolute;

    content: "";

    top: 0;

    left: 0;

    z-index: 9;

    width: 100%;

}



.top-bar .top-mail {

    text-align: center;

}



.top-bar .top-mail a {

    font-size: 14px;

    color: var(--white);

    font-weight: 400;

    transition: all ease-in-out 0.3s;

}



.top-bar .top-mail a i {

    margin-right: 5px;

    font-size: 16px;

}



.top-bar .top-social a {

    font-size: 16px;

    color: var(--white);

    padding: 0 13px;

    border-right: 1px solid #333333;

}



.main-header .top-bar .container .row {

    width: 100%;

}



.top-bar .ph-quote .get-quote i {

    font-size: 18px;

    margin-right: 5px;

}



.top-bar .ph-quote .get-quote {

    border: 0;

    padding: 6px 18px;

    color: var(--white);

    border-radius: 12px;

    /* background: linear-gradient(90deg, #4091c8, #ffffff, #4091c8, #4091c8, #ffffff, #4091c8); */

    background-color: var(--orange);

    background-size: 400%;

    animation: animate-quote-btn 15s linear infinite;

    font-size: 15px;

}



.top-bar .ph-quote .get-quote:hover {

    transform: translateY(-2px);

    box-shadow: 0 7px 15px #fb862633;

}



.top-bar .top-mail a span {

    font-size: 16px;

    font-weight: 300;

}



.top-bar .ph-quote {

    text-align: right;

    padding: 0;

}



.top-bar .top-social a:hover {

    color: var(--orange);

}



@keyframes animate-quote-btn {

    0% {

        background-position: 0%;

    }



    100% {

        background-position: 400%;

    }

}



.navbar .main-logo {

    width: 200px;

    height: auto;

}



.navbar .main-logo img {

    max-width: 100%;

}



nav.navbar .menu {

    display: flex;

    padding: 0;

}



/* banner */

.hero.banner-sectn {

    position: relative;

    padding: 150px 0;

    overflow: hidden;

}



.hero.banner-sectn::after {

    position: absolute;

    content: "";

    inset: 0;

    z-index: 1;

    background: linear-gradient(90deg, oklch(0.13 0.04 255 / 0.95) 0%, oklch(0.18 0.04 250 / 0.7) 60%, transparent 100%);

}



.hero.banner-sectn .container .row {

    position: relative;

    z-index: 3;

}



/* LIVE BADGE */

.hero-lft-info .live-badge {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    background: #4091c81a;

    color: var(--blue);

    padding: 5px 14px;

    border-radius: 30px;

    font-size: 13px;

    margin-bottom: 24px;

    border: 1px solid var(--blue);

    backdrop-filter: blur(7px);

    font-weight: 500;

}



/* MODERN PULSE DOT */

.live-dot {

    width: 10px;

    height: 10px;

    background: #00ffa6;

    border-radius: 50%;

    position: relative;

}



.live-dot::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: #00ffa6;

    animation: pulse 1.5s infinite;

}



.hero-lft-info h1 {

    color: var(--white);

    font-size: 60px;

    line-height: 66px;

    margin-bottom: 24px;

}



.hero-lft-info>p {

    color: var(--grey);

    font-size: 18px;

    font-weight: 300;

    line-height: 30px;

    margin-bottom: 40px;

}



.counter-wrappr .counter-box {

    text-align: left;

    display: grid;

    width: max-content;

    flex-shrink: 0;

}



.hero-lft-info .counter-wrappr {

    display: flex;

    align-items: center;

    gap: 48px;

}



.form-box.form-panl strong {

    font-size: 24px;

    font-family: var(--headerfont);

    color: var(--dark);

    font-weight: 700;

    display: block;

}



.form-box.form-panl .form-label {

    color: var(--dark);

    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
}


.form-box.form-panl .form-label span {
    color: #7777775d;
}

.form-box.form-panl .form-control {
    border-radius: var(--btn-radius);
    padding: 6px 12px;
    border: 1px solid #77777730;
    font-size: 14px;
    outline: none;
    box-shadow: none;
    min-height: 38px;
}

.form-box.form-panl textarea.form-control {
    min-height: 86px;
}

.top-bar .col-lg-4:nth-child(2) p,
.top-bar .col-lg-4:nth-child(3) ul li a {
    font-size: 16px;
    color: var(--white);
    font-weight: 300;
    transition: all ease-in-out 0.3s;
}
.top-bar .col-lg-4:nth-child(2) p{
    font-weight: 500;
}
.top-bar .col-lg-4:nth-child(3) ul li a i {
    font-size: 17px;
    margin-right: 4px;

}

.form-box.form-panl .form-control:focus {

    border: 1px solid var(--blue);

}



.form-box.form-panl .mail-phn {

    grid-gap: 16px;

    display: grid;

    grid-template-columns: 1fr 1fr;

    margin-bottom: 16px;

}



.confidential {

    font-size: 13px;

}



.form-box.form-panl .no-commitment {

    background: #4091c81a;

    color: var(--blue);

    padding: 6px 14px;

    border-radius: 30px;

    display: inline-block;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: .4px;

}



.form-box.form-panl .no-commitment svg {

    margin-right: 5px;

    width: 14px;

}



.form-box.form-panl .form-control::placeholder {

    font-size: 12px;

}



@keyframes pulse {

    0% {

        transform: scale(1);

        opacity: 0.7;

    }



    70% {

        transform: scale(2.5);

        opacity: 0;

    }



    100% {

        opacity: 0;

    }

}



.counter-wrappr .counter-box>span {

    color: var(--blue);

    font-weight: bold;

    font-size: 30px;

    font-family: var(--headerfont);

}



.counter-box small {

    color: var(--grey);

    font-size: 12px;

}



/* FORM GLASS BOX */

.banner-sectn .form-box {

    backdrop-filter: blur(14px);

    background: var(--white);

    border: 1px solid rgba(255, 255, 255, 0.08);

    border-radius: 20px;

    padding: 35px;

    color: #fff;

    box-shadow: 0 0 60px oklch(62% .18 235 / .35);

    transition: 0.3s;

}

.banner-sectn .form-box .small {
    font-size: 14px;
}

.banner-sectn .form-box form div.mb-3 {
    margin-bottom: 16px !important;
}

.form-box:hover {

    box-shadow: 0 0 60px #4091c81a;

}



/* INPUT */

.form-control {

    background: rgba(255, 255, 255, 0.08);

    border: 1px solid rgba(255, 255, 255, 0.1);

    color: var(--dark2);

}



.form-control::placeholder {

    color: #bbb;

}



.form-box.form-panl .form-control:focus {

    background: rgba(255, 255, 255, 0.12);

    border-color: var(--blue);

    box-shadow: none;

}



/* BUTTON */

.btn.btn-orange {

    background: var(--orange);

    border: none;

    padding: 12px;

    border-radius: 10px;

    font-weight: 500;

    transition: 0.3s;

    color: var(--white);
    font-size: 16px;
}



.btn.btn-orange i {

    margin-left: 8px;

}



.btn.btn-orange:hover {

    transform: translateY(-2px);

    box-shadow: 0 10px 25px #fb86264a;

}



.commn-btn {

    font-size: 14px;

    padding: 16px 28px;

    border-radius: var(--btn-radius);

    display: inline-block;

    color: var(--white);

    font-weight: 500;

}



.server-support .commn-btn {

    background: #f52027;

}



.server-support .commn-btn svg {

    margin-right: 7px;

}



.subHeading-badge {

    display: inline-block;

    padding: 4px 14px;

    border-radius: 30px;

    font-size: 12px;

    margin-bottom: 16px;

    backdrop-filter: blur(7px);

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: .4px;

}



.server-support .subHeading-badge {

    background: #f8e5e9;

    color: #ff0000;

}



.subHeading-badge i {

    margin-right: 5px;

    font-size: 16px;

}



.commn-h2 {

    font-size: 48px;

    font-weight: 800;

    letter-spacing: -1px;

    line-height: 56px;

    color: var(--dark);

    margin-bottom: 20px;

}



.comnn-para {

    color: #576574;

    font-size: 18px;

    line-height: 30px;

}



.options-info {

    margin: 32px 0px 40px 0px;

}



.commn-gap {

    padding: 95px 0px;

}



.options-info span {

    font-size: 14px;

    text-transform: uppercase;

    color: var(--dark);

    margin-bottom: 12px;

    display: inline-block;

    font-weight: 600;

}



.options-info ul li i {

    margin-right: 7px;

    color: var(--blue);

    font-size: 22px;

}



.options-info ul li {

    font-size: 16px;

    color: var(--dark);

    margin-bottom: 9px;

}



.server-support .box-wrapper {

    background-color: var(--dark);

    position: relative;

    border-radius: var(--card-radius);

    padding: 32px;

    color: var(--white);

    overflow: hidden;

}



.server-support .box-wrapper h3 {

    color: var(--white);

    font-size: 24px;

    margin-bottom: 24px;

}



.server-support .box-wrapper::after {

    position: absolute;

    content: "";

    right: 10%;

    top: 10%;

    background: linear-gradient(135deg, oklch(62% 0.18 235), oklch(72% 0.18 220));

    filter: blur(100px);

    border-radius: 100%;

    width: 150px;

    height: 150px;

}



.server-support .box-wrapper ul>li {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-bottom: 20px;

}



.server-support .box-wrapper ul>li:last-child {

    margin-bottom: 0;

}



.server-support .box-wrapper ul>li .icon {

    color: var(--blue);

    background: #4091c838;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: var(--btn-radius);

    flex-shrink: 0;

}



.server-support .box-wrapper ul>li .info p {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 2px;

}



.server-support .box-wrapper ul>li .info span {

    font-size: 14px;

    color: var(--white);

    font-weight: 300;

    opacity: .9;

}



.server-security {

    background-color: #ebf3f7;

}



.subHeading-badge svg {

    margin-right: 5px;

}



.server-security .subHeading-badge {

    color: var(--blue);

    background-color: #d4e9f5;

    font-weight: 600;

}



.server-security .options-info ul {

    display: grid;

    grid-template-columns: 1fr 1fr;

}



.server-security .commn-btn {

    background: linear-gradient(to right, #4091c8 0%, #4bb3fa 100%);

}



.server-security .commn-btn i {

    margin-left: 7px;

}



.server-security .left-panl .box-wrapper img {

    max-width: 100%;

}



.commn-btn:hover {

    transform: translateY(-2px);

    color: var(--white);

}



.server-security .right-panl,

.server-support .right-panl {

    padding-left: 30px;

}



.server-support,

.core-services {

    background-color: #f8fcff;

}



.core-services .card {

    border: 1px solid #DEE6EA;

    padding: 28px;

    border-radius: var(--card-radius);

    transition: .3s;

    box-shadow: 0px 3px 11px #00000008;

    height: 100%;

}



.core-services .card h3 {

    font-size: 20px;

    line-height: 27px;

    margin: 20px 0px 10px 0px;

}



.core-services .card .desp {

    color: #576574;

    font-size: 14px;

    line-height: 24px;

}



.core-services .card a {

    color: var(--blue);

    font-size: 14px;

    font-weight: 600;

    margin-top: 16px;

    opacity: 0;

    visibility: hidden;

}



.core-services .card:hover a {

    opacity: 1;

    visibility: visible;

}



.core-services .card a i {

    margin-left: 5px;

}



.core-services .card .icon {

    width: 48px;

    height: 48px;

    background-color: #e6f4fc;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: var(--btn-radius);

    transition: .3s;

}



.core-services .card:hover .icon {

    background-color: var(--blue);

    transition: .3s;

}



.core-services .card .icon svg {

    color: var(--blue) !important;

    transition: .3s;

}



.core-services .card:hover .icon svg {

    color: var(--white) !important;

    transition: .3s;

}



.core-services .card:hover {

    border: 1px solid var(--blue);

    box-shadow: 0px 3px 11px #00000016;

}



.core-services .top-info span {

    text-transform: uppercase;

    font-size: 14px;

    color: var(--blue);

    display: inline-block;

    margin-bottom: 7px;

    font-weight: 600;

    letter-spacing: .6px;

}



.core-services .top-info {

    max-width: 600px;

    text-align: center;

    margin: 0 auto;

    margin-bottom: 65px;

}



.trusted-businesses {

    background-color: var(--dark);

    color: var(--white);

    position: relative;

    overflow: hidden;

}



.trusted-businesses .container>.row {

    position: relative;

    z-index: 2;

}



.trusted-businesses::after {

    position: absolute;

    content: "";

    right: 50%;

    transform: translateX(50%);

    top: 10%;

    background: linear-gradient(135deg, oklch(62% 0.18 235), oklch(0.72 0.18 220.85 / 0.65));

    filter: blur(100px);

    border-radius: 100%;

    width: 600px;

    height: 600px;

    opacity: .3;

    z-index: 1;

}



.trusted-businesses .commn-h2 {

    color: var(--white);

    margin-bottom: 40px;

}



.trusted-businesses .sub-heading {

    color: var(--blue);

    text-transform: uppercase;

    font-weight: 500;

    font-size: 14px;

    margin-bottom: 15px;

    display: block;

}



.why-chooseUs ul li span {

    color: var(--blue);

    font-size: 20px;

    margin-right: 7px;

}



.why-chooseUs ul li span {

    background-color: #4091c838;

    width: 24px;

    height: 24px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100%;

    margin: 0;

}



.why-chooseUs ul li {

    display: grid;

    grid-template-columns: auto 1fr;

    gap: 12px;

    margin-bottom: 20px;

    color: var(--grey);
    font-size: 16px;
}



.why-chooseUs ul li:last-child {

    margin-bottom: 0px;

}



.business-value .card-wrappr .card-box {

    padding: 20px;

    border-radius: var(--card-radius);

    background-color: color-mix(in oklab, oklch(99% .005 230) 5%, transparent);

    border: 1px solid color-mix(in oklab, oklch(99% .005 230) 10%, transparent);

}



.business-value .card-wrappr .card-box .icon svg {

    color: var(--blue);

    margin-bottom: 12px;

}



.business-value .card-wrappr {

    grid-template-columns: repeat(2, minmax(0, 1fr));

    display: grid;

    grid-gap: 16px;

}



.business-value .card-wrappr .card-box .icon p {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 6px;

}



.business-value .card-wrappr .card-box .icon small {

    font-size: 14px;

    opacity: .9;

    font-weight: 300;

}



.reliable-server-box {

    /* background: linear-gradient(135deg, oklch(18% .04 250) 0%, oklch(22% .08 255) 50%, oklch(28% .12 240) 100%); */

    background: linear-gradient(to right, #02162e 0%, #011b37 27%, #003d5f 47%, #0f3850 57%, #00234e 83%);

    padding: 80px 0px 60px 0px;

    border-radius: var(--card-radius);

    position: relative;

    overflow: hidden;

}



.reliable-server-box .info {

    max-width: 680px;

    margin: 0 auto;

    text-align: center;

}



.reliable-server-box .info h3 {

    color: var(--white);

    margin-bottom: 24px;

    font-size: 60px;

    letter-spacing: -1px;

}



.reliable-server-box .info .comnn-para {

    color: var(--white);

    opacity: .9;

    font-weight: 300;

}



.call-requst.commn-btn {

    background: var(--orange);

    border: none;

    border-radius: 10px;

    font-weight: 500;

    transition: 0.3s;

    color: var(--white);

}



.call-enginner.commn-btn {

    background-color: #0f1e2d0d;

    border: 1px solid #356078d4;

}



.reliable-server-box .commn-btn i {

    margin-left: 7px;

}



.reliable-server-box .commn-btn i {

    margin-right: 7px;

    font-weight: 500;

}



.call-enginner.commn-btn:hover {

    background-color: #63707d14;

}



.reliable-server-box .btn-grp {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 14px;

    margin: 40px 0px 32px 0px;

}



.reliable-server-box span {

    color: var(--white);

    opacity: .9;

    font-weight: 300;

    font-size: 14px;

}



.reliable-server-box .commn-btn {

    font-size: 16px;

}



footer .rows {

    display: flex;

    align-items: center;

    justify-content: space-between;

    font-size: 14px;

    color: var(--grey);

}



footer {

    padding: 40px 0px;

    background: #000717;

}

.core-services .row .col-lg-4 {
    padding: 0 12px;
}

.core-services .row .col-lg-4.mb-4 {
    margin-bottom: 24px !important;
}
.banner-sectn .top-info p{
    font-size: 16px;
    color: var(--white);
    font-weight: 400;
    transition: all ease-in-out 0.3s;
    margin-bottom: 24px;
}
.banner-sectn .top-info p{
    display: none;
}
/*  */
.banner-sectn .top-info p,
.top-bar .col-lg-4:nth-child(2) p{
  background: linear-gradient(to right, #4091c8 50%, #fb8626 60%);
  background-size: 200% auto;
  /* 200% wide background */
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  animation: textclip 20s linear infinite;
  display: none;
  font-weight: 600;
}
.top-bar .col-lg-4:nth-child(2) p{
    display: inline-block;
}
@keyframes textclip {
  from {
    background-position: 0% center;
  }

  to {
    background-position: -200% center;
  }
}
.core-services.cta-btnn {
    text-align: center;
}
.core-services.cta-btnn .commn-btn{
        background: linear-gradient(to right, #4091c8 0%, #4bb3fa 100%);
            margin-top: 26px;
}
/* thank-you-page */
.new-thank-you .hero-lft-info{
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    backdrop-filter: blur(14px);
    background: var(--white);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 20px;
    padding: 35px;
    color: #fff;
    box-shadow: 0 0 60px oklch(62% .18 235 / .35);
    transition: 0.3s;
}
.new-thank-you .hero-lft-info h1{
    font-size: 50px;
    font-family: var(--headerfont);
    font-weight: 700;
    display: block;
    color: var(--blue);
    margin-bottom: 30px;
}
.new-thank-you .hero-lft-info p.thnk-you-msg{
    color: var(--dark);
    font-size: 24px;
    font-weight: 700;
}
.new-thank-you .hero-lft-info p{
    color: #6c757d;
    font-size: 20px;
    margin-bottom: 24px;
    font-weight: 500;
    display: block;
}
@media (max-width: 992px) {
    .core-services.cta-btnn .commn-btn{
        margin-top: 0;
    }
    .top-bar .col-lg-4:nth-child(2) p{
        display: none;
    }
    .banner-sectn .top-info p{
    display: inline-block;
    }
    .g-4 {
    --bs-gutter-y: 24px;
}
    .core-services .row .col-lg-4 {
        padding: 0 8px;
    }

    .core-services .row .col-lg-4.mb-4 {
        margin-bottom: 16px !important;
    }

    .why-chooseUs ul li {
        margin-bottom: 16px;
    }

    .main-header .navbar.top-bar::before,
    .main-header .top-bar .container::before,
    .main-header .top-bar .container .row::before {
        display: none;
    }

    .top-bar .col-lg-4:nth-child(3) ul li a i {
        background: var(--blue);
        color: var(--white);
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: inline-block;
        padding: 0;
        text-align: center;
        align-content: center;
    }

    .top-bar .top-mail p,
    .top-bar .col-lg-4:nth-child(3) ul li a span {
        display: none;
    }

    .server-security .left-panl .box-wrapper img {

        min-height: 260px;

    }



    .navbar .main-logo {

        width: 140px;

    }



    .top-bar .top-mail a i {

        background: #4091C8;

        color: #fff;

        width: 36px;

        height: 36px;

        border-radius: 50%;

        display: inline-block;

        padding: 0;

        text-align: center;

        align-content: center;

    }



    .top-bar .top-mail a span {

        display: none;

    }



    .container {

        padding: 0 16px;

    }



    .hero-lft-info h1 {

        font-size: 34px;

        line-height: 46px;

        margin-bottom: 14px;

    }



    .counter-wrappr .counter-box>span {

        font-size: 24px;

    }



    .hero-lft-info>p {

        margin-bottom: 24px;

    }



    .banner-sectn .form-box {

        padding: 20px;

    }



    .btn.btn-orange {

        font-size: 14px;

    }



    .hero.banner-sectn {

        padding: 110px 0 45px 0px;

    }



    .options-info ul li {

        font-size: 14px;

        margin-bottom: 4px;



    }



    .options-info ul li {

        display: flex;

        align-items: center;

    }



    .options-info {

        margin: 20px 0px 20px 0px;

    }



    .commn-gap {

        padding: 45px 0px;

    }



    .server-security .right-panl,

    .server-support .right-panl {

        padding-left: 0;

    }



    .commn-h2 {

        font-size: 30px;

        line-height: 38px;

        margin-bottom: 10px;

    }



    .subHeading-badge {

        margin-bottom: 10px;

    }



    .comnn-para,

    .hero-lft-info>p {

        font-size: 14px;

        line-height: 26px;

    }



    .commn-btn {

        padding: 12px 20px;

    }



    .server-support .box-wrapper {

        padding: 24px 20px;

    }



    .server-security .left-panl .box-wrapper img {

        width: 100%;

        min-height: 260px;

    }



    .server-security .left-panl .box-wrapper {

        border-radius: var(--card-radius);

        overflow: hidden;

    }



    .core-services .top-info {

        margin-bottom: 15px;

    }



    .core-services .card {

        padding: 20px;

    }



    .core-services .card h3 {

        font-size: 18px;

        line-height: 30px;

        margin: 14px 0px 6px 0px;

    }



    .why-chooseUs ul li {

        font-size: 14px;

    }



    .core-services.commn-gap {

        padding: 45px 0px 21px 0px;

    }



    .trusted-businesses .business-value {

        margin-top: 30px;

    }



    .trusted-businesses .commn-h2 {

        margin-bottom: 24px;

    }



    .trusted-businesses .sub-heading {

        margin-bottom: 12px;

    }



    .reliable-server-box .info h3 {

        margin-bottom: 16px;

        font-size: 30px;

    }



    .call-requst.commn-btn {

        font-size: 14px;

    }



    .reliable-server-box {

        padding: 30px 16px 30px 16px;

    }



    .reliable-server-box .btn-grp {

        margin: 30px 0px 20px 0px;

    }



    footer {

        padding: 20px 0px;

    }





}

@media (max-width: 767px){
    .new-thank-you .hero-lft-info h1{
        font-size: 36px;
    }
    .new-thank-you .hero-lft-info p.thnk-you-msg,
    .new-thank-you .hero-lft-info p{
        font-size: 20px;
        margin-bottom: 20px;
        line-height: 30px;

    }
}

@media (max-width: 576px) {
    .new-thank-you .hero-lft-info p {
        font-size: 18px;
    }
    .new-thank-you .hero-lft-info p.thnk-you-msg, .new-thank-you .hero-lft-info p{
    margin-bottom: 16px;
    }
    .form-box.form-panl textarea.form-control {
        min-height: 70px;
    }

    .form-box.form-panl .form-control {
        min-height: 34px;
    }

    .btn.btn-orange {

        padding: 12px;

    }



    .form-box.form-panl .mail-phn {

        grid-template-columns: 1fr;

        margin-bottom: 10px;

    }



    .form-box.form-panl strong {

        line-height: 30px;

        font-size: 22px;

    }



    .banner-sectn .form-box .text-muted.mb-4 {

        margin-bottom: 12px !important;

    }



    .banner-sectn .form-box form .mb-3 {

        margin-bottom: 10px !important;

    }



    .banner-sectn .form-box .mail-phn {

        grid-gap: 10px;

    }



    footer .rows {

        flex-wrap: wrap;

        text-align: center;

        gap: 15px;

    }



    .core-services .card .icon {

        width: 42px;

        height: 42px;

    }



    .business-value .card-wrappr {

        grid-template-columns: repeat(1, minmax(0, 1fr));

    }



    .server-security .options-info ul {

        display: grid;

        grid-template-columns: 1fr;

    }



    .hero-lft-info .counter-wrappr {

        display: grid;

        align-items: center;

        gap: 20px;

        grid-template-columns: 1fr 1fr;

    }



    .top-bar .ph-quote .get-quote {

        padding: 5px 12px;

    }



    footer .rows div {

        width: 100%;

    }



    .reliable-server-box .btn-grp {

        flex-wrap: wrap;

    }



    .reliable-server-box .btn-grp a {

        width: 100%;

    }



    .core-services .card {

        padding: 16px;

    }



    .server-support .box-wrapper {

        padding: 20px 16px;

    }

    .banner-sectn .form-box form div.mb-3 {
        margin-bottom: 10px !important;
    }

    .banner-sectn .form-box,

    .business-value .card-wrappr .card-box {

        padding: 16px;

    }



    .top-bar .ph-quote .get-quote i {

        font-size: 16px;

        margin-right: 4px;

    }



    .main-header .top-bar .container {

        justify-content: center;

    }



    .main-header .top-bar .container .row {

        display: grid;

        grid-template-columns: 1fr 1fr 1fr;

        width: 100%;

    }



    .main-header .top-bar .container .row .col-lg-4:first-child {

        padding: 0;

    }



    .hero-lft-info .live-badge {

        font-size: 12px;

    }



    .banner-sectn .col-lg-5.mt-5 {

        margin-top: 30px !important;

    }



    .core-services .row .col-lg-4.mb-4 {

        margin-bottom: 16px !important;

    }

    .top-bar .top-mail a i {

        width: 32px;

        height: 32px;

    }

}



@media (max-width: 450px) {

    .top-bar .ph-quote .get-quote {

        padding: 5px 10px;

        font-size: 12px;

        font-weight: 500;

        white-space: nowrap;

        display: inline-flex;

        align-items: center;

        gap: 6px;

    }



    .top-bar .ph-quote .get-quote span {

        white-space: nowrap;

    }



    .hero-lft-info .live-badge .live-dot {

        width: 8px;

        height: 8px;

    }



}



@media (min-width: 992px) and (max-width: 1399px) {}



/* container responsive adjustment */



@media (min-width:1200px) {

    .container {

        width: 1170px;

    }

}



@media (min-width:1300px) {

    .container {

        width: 1270px;

    }

}



@media (min-width:1500px) {

    .container {

        width: 1450px;

    }

}



@media (min-width:1921px) {

    .container {

        width: 1870px;

    }

}