@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
}

a,
a:link,
a:visited,
a:active,
a:hover,
button {
    text-decoration: none;
    outline: none;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.btn {
    padding: 12px 24px;
    font-size: 18px;
}

.btn-primary {
    background-color: #082c7f;
    border-color: #082c7f;
}

.btn-outline-primary {
    --bs-btn-color: #082c7f;
    --bs-btn-border-color: #082c7f;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #082c7f;
    --bs-btn-hover-border-color: #082c7f;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #082c7f;
    --bs-btn-active-border-color: #082c7f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #082c7f;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #082c7f;
    --bs-gradient: none;
}

.error {
    color: red;
    font-size: 13px;
    line-height: 1;
}
.d-none {
    display: none;
}
.success {
    color: green;
}
/*------------------------- HEADER ----------------------------*/
.hdr_bnr_sec {
    position: relative;
}

/*.hdr_bnr_sec::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: rgba(255, 255, 255, .9);
    z-index: 1;
}*/

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

.top_links li {
    display: inline-block;
}

.top_links li a {
    padding: 13px;
    display: block;
    color: #fff;
    font-size: 16px;
}

/* .top_links li a span {
    position: relative;
    top: 3px;
} */

.top_links li a img {
    margin-right: 10px;
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -moz-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.top_links li a:hover img {
    transform: rotateX(360deg);
}

header {
    position: relative;
    margin: auto;
    /*z-index: 9999;*/
    background: #fff;
}

header .pad {
    padding: 0;
}

header .logo {
    background-color: #fff;
    display: table;
    padding: 7px;
    max-width: 200px;
    margin-right: auto;
    margin-right: auto;
    padding: 5px 20px;
    padding: 16px 20px;
}

.navbar-collapse {
    padding: 0;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
    border: none;
    border-top: 1px solid #000;
    border-radius: 0;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 16px;
    padding: 0;
    margin: 0 14px;
    padding-top: 30px;
    border-top: 3px solid transparent;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    border-top: 3px solid #000;
    color: #000;
}

.navbar-default .navbar-nav>.active>a {
    border-top: 3px solid #000;
    background-color: transparent;
    color: #000;
}

.header-content {
    display: flex;
    align-items: center;
}

.container {
    width: 100%;
    max-width: 1470px;
}


.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background-color: transparent;
    color: #000;
}

.menu_div .logodiv {
    box-sizing: border-box;
    float: left;
}

.menu_div .menubar {
    float: right;
    width: 50%;
}

/*----------------------------------------------------------------------------*/
.getquote {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 15px;
}

.getquote a {
    color: #fff;
    background-color: #6b1717;
    padding: 17px 20px;
    display: block;
    font-size: 16px;
    border-radius: 50px 0 0 50px;
    box-shadow: 0 0 0 #5bff6e inset;
}

.getquote a:hover {
    color: #000000;
    box-shadow: -200px 0 0 #5bff6e inset;
}

/*----------------------------------------------------------------------------*/

/*.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
*/
.carousel-img img {
    width: 100%;
}

.carousel-inner>.item.next,
.carousel-inner>.item.active.right {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    top: 0;
    left: 0;
}

.carousel-inner>.item.prev,
.carousel-inner>.item.active.left {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    top: 0;
    left: 0;
}

.carousel-inner>.item.next.left,
.carousel-inner>.item.prev.right,
.carousel-inner>.item.active {
    -webkit-transform: translateY(0);
    -ms-transform: lateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    top: 0;
    left: 0;
}

.carousel-indicators {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
    right: 20px;
    left: auto;
    width: auto;
}

.hdr_bnr_sec .carousel-indicators li {
    display: block;
    border: 2px solid #082c7f;
    padding: 1px;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.hdr_bnr_sec .carousel-indicators li.active {
    margin-bottom: 5px;
    background: transparent;
    border: 2px solid #082c7f;
    padding: 5px;
}

/*----------------------------------------------------------------------------*/
.banner_content {
    position: absolute;
    z-index: 10;
    width: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    margin: auto;
    padding: 20px 90px;
    color: #082c7f;

    display: flex;
    align-items: center;
}

.banner_content .carousel_heading {
    background-color: rgba(255, 255, 255, .7);
    font-size: 28px;
    position: absolute;
    right: -145px;
    top: 0;
    bottom: 0;
    height: 130px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: auto;
    line-height: 130px;
    padding: 0 40px;
    color: #000;
}

.banner-art {
    position: absolute;
    left: 0;
    max-width: 100%;
    z-index: 10;
    top: 0;
    bottom: 0;
    margin: auto;
}

.banner_content span {
    font-size: 32px;
    font-weight: 300;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.banner_content span strong {
    display: block;
    font-size: 30px;
    position: relative;
    margin-top: 0;
    font-weight: 400;
}

.banner_content p {
    width: 62%;
    margin-bottom: 60px;
}

.banner_content .input-group input {
    width: 350px;
    padding: 15px;
    font-size: 18px;
    border-radius: 30px;
    background-color: #fff;
    border: 2px solid #fff;
    margin-bottom: 20px;
    display: block;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    outline: none;
}

.banner_content .input-group input:focus {
    color: #000;
    box-shadow: -350px 0 0 rgb(91, 255, 110) inset;
}

.banner_content .input-group a {
    background-color: #5bff6e;
    color: #000;
    padding: 12px 0;
    border: 2px solid #fff;
    font-size: 22px;
    font-weight: 600;
    border-radius: 30px;
    text-transform: uppercase;
    margin-top: 20px;
    display: block;
    width: 160px;
    text-align: center;
    box-shadow: 0 0 0 #6b1717 inset;
}

.banner_content .input-group a:hover,
.banner_content .input-group a:focus {
    box-shadow: -180px 0 0 #6b1717 inset;
    color: #fff;
}

.slide_down_link {
    position: absolute;
    left: 120px;
    right: 0;
    bottom: 20px;
    margin: auto;
    z-index: 10;
    width: 25px;
}

/*----------------------------------------------------------------------------*/
section {
    padding: 80px 0;
    position: relative;
}

/*----------------------------------------------------------------------------*/
.heading {
    font-size: 32px;
    display: block;
    line-height: 50px;
    margin-bottom: 50px;
}

.heading.white-text,
.heading.white-text strong {
    color: #fff;
}

.heading strong {
    display: block;
    font-size: 55px;
    position: relative;
    color: #082c7f;
    font-weight: normal;
}

.sub-title-heading {
    color: #000;
    margin-bottom: 50px;
}

.white-text {
    color: #fff !important;
}

/* Updated Image and content */
.banner {
    padding: 0;
    position: relative; 
    overflow: hidden;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    /*background-image: url(../images/banner-bg.jpg);*/
    background-position: center;
}

.banner img {
    width: 100%; 
    height: auto;
}

.banner-content {
    position: absolute;
    max-width: 890px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 40px;
    color: #082c7f; 
    font-weight: bolder;
    text-align: center;
    padding: 0 24px;
}

.banner-text {
    font-size: 34px;
    font-weight: bolder;
    line-height: 60px;
    margin-top: 36px;
    max-width: 876px;
}

.banner-btn {
    min-width: 225px;
}

/* Youtube Video */
.video-container {
    width: 100%;

}

.video-section {
    background-color: #e6edfd;
}

/* Zinger 360 homepage */
.zinger360-body {
    background:
        radial-gradient(circle at top right, rgba(11, 106, 214, 0.12), transparent 30%),
        linear-gradient(180deg, #f7fafc 0%, #eef3f8 100%);
    color: #17314b;
}

.zinger360-page header {
    background: rgba(255, 255, 255, 0.92);
    border-bottom: 1px solid rgba(12, 34, 59, 0.08);
    backdrop-filter: blur(16px);
}

.zinger360-topbar {
    justify-content: space-between;
    gap: 24px;
    min-height: 88px;
}

.zinger360-topbar .logo {
    margin: 0;
}

.zinger360-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-left: auto;
}

.zinger360-nav a {
    color: #22425e;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.zinger360-nav a:hover,
.zinger360-nav a:focus {
    color: #0b6ad6;
}

.zinger360-header .top_links li a {
    background: #0b6ad6;
    border-radius: 999px;
    padding: 12px 18px;
    font-size: 14px;
    font-weight: 700;
}

.zinger360-hero {
    padding: 90px 0 70px;
}

.zinger360-kicker,
.section-tag,
.hero-panel-label,
.product-badge,
.summary-card span {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: rgba(11, 106, 214, 0.1);
    color: #0b6ad6;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 8px 14px;
}

.zinger360-hero h1,
.section-intro h2,
.cta-panel h2 {
    color: #10273f;
    font-size: 58px;
    line-height: 1.08;
    font-weight: 700;
    max-width: 760px;
    margin: 22px 0 24px;
}

.hero-copy,
.section-intro p,
.hero-panel p,
.product-card p,
.approach-card p,
.structure-copy p,
.cta-panel p,
.summary-card p {
    font-size: 18px;
    line-height: 1.75;
    color: #446179;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 34px 0 28px;
}

.hero-proof {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.hero-proof span {
    background: #fff;
    border: 1px solid rgba(16, 39, 63, 0.08);
    border-radius: 999px;
    color: #17314b;
    font-size: 15px;
    font-weight: 700;
    padding: 10px 14px;
}

.hero-panel,
.summary-card,
.product-card,
.approach-card,
.cta-panel,
.structure-copy,
.structure-main {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(16, 39, 63, 0.08);
    border-radius: 28px;
    box-shadow: 0 20px 60px rgba(31, 72, 108, 0.08);
}

.hero-panel {
    padding: 32px;
    position: relative;
    overflow: hidden;
}

.hero-panel::after {
    content: "";
    position: absolute;
    inset: auto -60px -60px auto;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle, rgba(11, 106, 214, 0.18), transparent 68%);
}

.hero-panel h2 {
    color: #10273f;
    font-size: 32px;
    line-height: 1.2;
    margin: 18px 0;
}

.hero-panel ul,
.product-points,
.structure-points {
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.hero-panel li,
.product-points li,
.structure-points li {
    position: relative;
    color: #28475f;
    padding-left: 26px;
    margin-bottom: 14px;
    line-height: 1.6;
}

.hero-panel li::before,
.product-points li::before,
.structure-points li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0b6ad6, #0fa77f);
}

.zinger360-summary {
    padding-top: 0;
}

.summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.summary-card {
    padding: 28px;
}

.summary-card strong {
    display: block;
    color: #10273f;
    font-size: 28px;
    line-height: 1.2;
    margin: 22px 0 16px;
    font-weight: 700;
}

.section-intro {
    max-width: 900px;
    margin: 0 auto 46px;
    text-align: center;
}

.section-intro.left-aligned {
    margin: 0;
    text-align: left;
}

.section-intro h2 {
    font-size: 44px;
    max-width: none;
}

.zinger360-products,
.zinger360-structure {
    background: linear-gradient(180deg, rgba(230, 238, 245, 0.3), rgba(255, 255, 255, 0.45));
}

.product-stack {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.product-card {
    padding: 34px;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
    gap: 34px;
    align-items: center;
}

.product-card-reverse .product-copy {
    order: 2;
}

.product-card-reverse .product-visual {
    order: 1;
}

.product-card-featured {
    background:
        linear-gradient(135deg, rgba(11, 106, 214, 0.08), rgba(15, 167, 127, 0.08)),
        rgba(255, 255, 255, 0.94);
}

.product-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.product-topline {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 10px;
}

.product-icon-shell {
    flex-shrink: 0;
}

.product-icon {
    width: 74px;
    height: 74px;
    border-radius: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(11, 106, 214, 0.14), rgba(15, 167, 127, 0.1));
    color: #0b6ad6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    font-size: 34px;
}

.product-card-featured .product-icon {
    background: linear-gradient(135deg, rgba(11, 106, 214, 0.18), rgba(15, 167, 127, 0.16));
}

.product-visual {
    border-radius: 24px;
    overflow: hidden;
    background: linear-gradient(180deg, #f7fbff, #e5eef7);
    border: 1px solid rgba(16, 39, 63, 0.08);
    min-height: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.product-visual img {
    width: 100%;
    max-height: 370px;
    object-fit: contain;
    object-position: center;
    display: block;
}

.product-visual-photo {
    padding: 0;
    background: linear-gradient(180deg, #f4f8fc, #dfeaf5);
}

.product-visual-photo img {
    height: 100%;
    min-height: 340px;
    max-height: none;
    object-fit: cover;
}

.product-visual-browser img {
    border-radius: 20px;
    box-shadow: 0 18px 36px rgba(16, 39, 63, 0.18);
}

.product-visual-diagram {
    background: linear-gradient(180deg, #f9fbff, #edf4fb);
}

.product-visual-phone img {
    width: auto;
    max-width: 100%;
    max-height: 400px;
    filter: drop-shadow(0 18px 32px rgba(16, 39, 63, 0.16));
}

.product-card h3,
.approach-card h3,
.structure-copy h3 {
    color: #10273f;
    font-size: 30px;
    line-height: 1.2;
    margin: 6px 0 10px;
    font-weight: 700;
}

.product-audience {
    color: #0b6ad6;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    margin: 12px 0 0;
}

.product-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.zinger360-approach {
    background:
        radial-gradient(circle at left center, rgba(15, 167, 127, 0.12), transparent 22%),
        linear-gradient(180deg, #f9fbfd 0%, #edf4fa 100%);
}

.approach-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.approach-card {
    padding: 26px;
    min-height: 100%;
}

.structure-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 26px;
    align-items: stretch;
}

.structure-main,
.structure-copy {
    padding: 32px;
}

.structure-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.structure-parent,
.structure-node {
    min-width: 210px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid rgba(11, 106, 214, 0.16);
    padding: 16px 18px;
    color: #10273f;
    font-size: 18px;
    font-weight: 700;
    background: linear-gradient(180deg, #ffffff, #f4f8fb);
}

.structure-parent {
    min-width: 240px;
    background: linear-gradient(135deg, #0b6ad6, #083d7f);
    border-color: transparent;
    color: #fff;
}

.structure-lines {
    width: 2px;
    height: 54px;
    background: linear-gradient(180deg, #0b6ad6, rgba(11, 106, 214, 0.15));
    margin: 12px 0 20px;
}

.structure-children {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.zinger360-cta {
    padding-top: 20px;
}

.cta-panel {
    padding: 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 28px;
    background:
        linear-gradient(135deg, rgba(11, 106, 214, 0.08), rgba(15, 167, 127, 0.08)),
        rgba(255, 255, 255, 0.95);
}

.cta-panel h2 {
    font-size: 38px;
    max-width: 760px;
    margin-bottom: 16px;
}

.cta-actions {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 240px;
}

.zinger360-page footer {
    background: #10273f;
}

.zinger360-page footer .top_links li a,
.zinger360-page footer .footer_socialink-ul li a {
    color: #fff;
}

.zinger360-page .copyright {
    background: #0b1d30;
    color: rgba(255, 255, 255, 0.7);
}

.zinger360-page .inner-banner {
    background:
        radial-gradient(circle at top right, rgba(11, 106, 214, 0.14), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(233, 241, 249, 0.88));
    padding: 72px 20px;
}

.zinger360-page .inner-banner .banner-title {
    max-width: 860px;
    color: #10273f;
    font-size: 46px;
    line-height: 1.15;
    font-weight: 700;
}

.zinger360-page .policy-section .policy-content,
.zinger360-page .form-content {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(16, 39, 63, 0.08);
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(31, 72, 108, 0.08);
}

.zinger360-page .policy-section .policy-content {
    padding: 28px 30px;
}

.zinger360-page .policy-section .headings {
    color: #10273f;
    font-weight: 700;
}

.zinger360-page .policy-section .policy-content p,
.zinger360-page .policy-section .policy-content strong,
.zinger360-page .policy-section .policy-content ul li,
.zinger360-page .policy-section .policy-content ol li {
    color: #35526b;
    line-height: 1.8;
}

.zinger360-page .form-section {
    padding: 56px 0 72px 0;
}

.zinger360-page .form-content {
    background: rgba(255, 255, 255, 0.96);
}

.zinger360-page .form-title {
    line-height: 1.35;
}

.zinger360-page .form-check-label,
.zinger360-page .form-text {
    color: #35526b;
}

.zinger360-page .form-status {
    max-width: 900px;
    margin: 0 auto 24px;
    text-align: center;
}

.zinger360-page .form-status a {
    color: #0b6ad6;
}

.zinger360-page .honeypot-field {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/*iframe {*/
/*    margin: 0px auto;*/
/*    display: block;*/
/*    border: 2px solid #082c7f;*/
/*}*/

.request-demo-button {
    min-width: 180px;
}

/*----------------------------------------------------------------------------*/
/* .feature-section {
    padding-left: 15px; 
    padding-right: 15px; 
    margin-left: auto; 
    margin-right: auto; 
    max-width: 1400px;
    position: relative;
}
.content {
    display: flex;
    align-items: center;
}

.section-left, .section-right {
    width: 100%;
}

.content-block {
    padding: 20px;
}

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

.content-title {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    max-width: 460px;
    line-height: 1.6;
}

.content-text {
    font-size: 20px;
    line-height: 1.6;
}

.icon {
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
}

.image {
    width: 100%;
} */

.icon {
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
}

.feature-section .content-section {
    margin-bottom: 50px;
}
.feature-title {
    display: flex;
    align-items: center;
    gap: 26px;
    margin-bottom: 24px;
}
.feature-section img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0;
}

.text-content .title-text {
    font-size: 28px;
    display: block;
    margin: 0;
    color: #082c7f;
    font-weight: 600;
}

.text-content p {
    font-size: 20px;
    color: #555;
    line-height: 1.6;
}

/*----------------------------------------------------------------------------*/
.about_sec {
    position: relative;
}

.about_sec b {
    font-size: 18px;
    line-height: 26px;
}

.about_sec p {
    font-size: 15px;
    margin: 0 0 50px;
}

.as_head img {
    position: absolute;
    left: 0;
    top: 0;
}

.as_head {
    position: relative;
}

.as_head span {
    position: relative;
    font-weight: bold;
    font-size: 18px;
    display: block;
    margin-left: 65px;
    padding-top: 10px;
}

.as_head span::before {
    content: "...";
    position: absolute;
    top: -25px;
    left: 0;
    color: #962a2a;
    font-size: 30px;
    letter-spacing: 1px;
}

.as_head+p {
    margin: 10px 0;
}

.img_after {
    position: relative;
}

.img_after::after {
    content: "";
    position: absolute;
    left: -15px;
    top: 17px;
    height: 100%;
    width: 95%;
    border: 5px solid #ebebeb;
    z-index: -1;
}

.sec_head {
    position: absolute;
    left: -160px;
    top: 240px;
    bottom: 0;
    padding: 0 10px;
    border-left: 1px solid #222222;
    font-size: 55px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 90px;
    color: rgb(7 43 127 / 20%);
    text-transform: uppercase;
    font-weight: 600;
    width: 400px;
    z-index: 2;
}

.sec_head.right {
    position: absolute;
    left: auto;
    top: 240px;
    bottom: 0;
    padding: 0 10px;
    border-left: 1px solid #222222;
    font-size: 55px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 90px;
    color: #E3DDDD;
    text-transform: uppercase;
    font-weight: 600;
    width: 400px;
    z-index: 2;
    right: -155px;
}

/*----------------------------------------------------------------------------*/
.work_flow {
    background: #082c7f;
    position: relative;
    overflow: hidden;
    background-size: cover;
}

.work_content_div {
    position: relative;
    z-index: 2;
}

/* .work_flow:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 50%;
    background: rgb(8 44 127 / 70%);
    z-index: 1;
}

.work_flow:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 50%;
    background: #222222;
    z-index: 1;
} */

.work_content {
    padding: 40px 80px;
    margin: 0;
    border: 2px solid #fff;
    list-style: none;
    min-height: 240px;
    color: #fff;
    margin-bottom: 50px;
}

.work_content li {
    width: 50%;
    box-sizing: border-box;
    float: left;
}

.work_content li span {
    color: #85c8f7;
    font-size: 40px;
    display: block;
    margin-top: 20px;
}

.work_content li span strong {
    display: block;
    font-size: 55px;
    color: #fff;
    position: relative;
    top: -10px;
}

.work_content li p {
    padding: 20px 60px;
    font-size: 15px;
    line-height: 25px;
}

.work_content li a {
    margin-left: 60px;
    color: #5bff6e;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
}

.work_content li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 2px;
    width: 0;
    background-color: #5bff6e;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.work_content li a:hover:after {
    right: auto;
    left: 0;
    width: 100%;
}

.work_content li a:hover {
    color: #fff;
}

.work_content li a img {
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.work_service_card {
    text-align: center;
    color: #fff;
    margin: 30px 0;
    padding: 0 20px;
}

.work_service_card.text-dark {
    color: #000;
}

.work_service_card.text-dark strong:before {
    background-color: #082c7f;
}

.work_service_card img {
    display: block;
    margin: auto;
    margin-bottom: 30px;
    max-width: 70px;
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.work_service_card:hover img {
    transform: rotateX(360deg);
}

.work_service_card strong {
    font-size: 18px;
    display: block;
    padding-top: 20px;
    position: relative;
    margin-bottom: 20px;
    font-weight: 400;
}

.work_service_card strong:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 30px;
    height: 1px;
    background-color: #fff;
}

.work_service_card p {
    margin: auto 10px;
}

.work_flow .sec_head {
    position: absolute;
    left: auto;
    top: 240px;
    bottom: 0;
    padding: 0 10px;
    border-left: 1px solid #fff;
    font-size: 55px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 90px;
    color: rgb(255 255 255 / 20%);
    text-transform: uppercase;
    font-weight: 600;
    width: 400px;
    z-index: 2;
    right: -155px;
}

/*----------------------------------------------------------------------------*/
.adt_sec {
    position: relative;
}

.adt_img_div {
    position: relative;
}

.adt_img_div::after {
    content: "";
    position: absolute;
    bottom: -20px;
    right: 0px;
    height: 100%;
    width: 97%;
    border: 5px solid #ebebeb;
    z-index: -1;
}

.adt_content a {
    color: #982A2A;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
}

.adt_content a:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 2px;
    width: 0;
    background-color: #000;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.adt_content a:hover:after {
    right: auto;
    left: 0;
    width: 100%;
}

.adt_content a:hover {
    color: #000;
}

.adt_content a img {
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.adt_content b {
    font-size: 18px;
    margin-bottom: 30px;
    display: block;
}

.adt_content p {
    margin-bottom: 10px;
}

.adt_content p+p {
    margin-bottom: 30px;
}

.adt_content {
    padding: 90px 10px;
}

/*----------------------------------------------------------------------------*/
.faq_sec {
    background: url(../images/faq_bg.png) no-repeat;
    background-size: cover;
}

.faq_sec h4 {
    font-size: 55px;
    margin-bottom: 50px;
    color: #fff;
    text-align: center;
}

.faq_sec h4 span {
    font-size: 32px;
    display: block;
}

.faq_sec h4:after {
    width: 51px;
    height: 2px;
    background-color: #5bff6e;
    content: "";
    display: block;
    margin: 10px auto;
    z-index: 2;
}

.faq_sec .sec_head {
    position: absolute;
    left: auto;
    top: 240px;
    bottom: 0;
    padding: 0 10px;
    border-left: 1px solid #fff;
    font-size: 55px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    height: 90px;
    color: #555;
    text-transform: uppercase;
    font-weight: 600;
    width: 400px;
    z-index: 2;
    right: -155px;
}

.faq_card {
    background-color: #fff;
    border-bottom: 5px solid #962a2a;
}

.faq_card span {
    color: #fff;
    font-size: 18px;
    display: block;
    padding: 20px 30px;
    font-weight: 600;
    background-color: #962a2a;
}

.faq_card p {
    padding: 20px 30px;
    margin: 0;
}

/*----------------------------------------------------------------------------*/
.blogs-wrap {
    padding-top: 100px;
    background-color: #fff;
}

.blog-content {
    margin-top: 35px;
    color: #222222;
}

.blog-date {
    font-size: 18px;
    position: relative;
    margin-bottom: 20px;
}

.blog-date:after {
    content: "";
    width: 25px;
    height: 1px;
    background-color: #878911;
    display: block;
    margin-top: 5px;
}

.blog-box h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.blog-content p {
    line-height: 24px;
}

.blog-right .blog-content {
    margin-top: 0;
}

.blog-right .blog-img {
    margin-top: 35px;
}

.whyus-wrap {
    padding-top: 0;
    background-color: #fff;
    padding-bottom: 100px;
}

.why-box {
    text-align: center;
    background-color: #f6f6f8;
    color: #222222;
    padding: 40px 20px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.why-box:hover {
    background-color: #fff;
    box-shadow: 0 0 30px #ccc;
}

.why-box h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.lets-starts-wrap {
    background: url(../images/startbg.jpg) no-repeat center top;
    background-size: cover;
    padding: 40px 0;
}

.start-box {
    color: #222222;
    text-align: center;
    padding: 0 25px;
}

.start-box h2 {
    font-size: 55px;
    margin-bottom: 20px;
    color: #222222;
}

.start-box h2 span {
    font-size: 32px;
    display: block;
}

.start-box h2:after {
    width: 51px;
    height: 2px;
    background-color: #467a61;
    content: "";
    display: block;
    margin: 10px auto;
}

.formbox {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
}

.formbox .form-control {
    height: 45px;
    font-size: 15px;
    border: none;
    box-shadow: 0 -1px 0 #467a61 inset;
    border-radius: 0px;
    background-color: rgba(246, 246, 248, 0.8);
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    color: #000;
}

.formbox .form-control:focus {
    box-shadow: 0 -60px 0 #5BFF6E inset;
}

.formbox .form-control:-moz-placeholder {
    color: #222222;
    opacity: 1;
}

.formbox .form-control::-moz-placeholder {
    color: #222222;
    opacity: 1;
}

.formbox .form-control:-ms-input-placeholder {
    color: #222222;
    opacity: 1;
}

.formbox .form-control::-webkit-input-placeholder {
    color: #222222;
    opacity: 1;
}

.start-box .btn {
    background-color: #962a2a;
    width: 300px;
    text-transform: uppercase;
    color: #fff;
    font-size: 23px;
    border: none;
    padding: 13px 15px;
    border-radius: 40px;
    box-shadow: 0 0 0 #5BFF6E inset;
}

.start-box .btn:hover,
.start-box .btn:focus {
    color: #000;
    box-shadow: 0 70px 0 #5BFF6E inset;
    outline: none;
}

.banner_content .input-group a {
    background-color: #5bff6e;
    color: #000;
    padding: 12px 0;
    border: 2px solid #fff;
    font-size: 22px;
    font-weight: 600;
    border-radius: 30px;
    text-transform: uppercase;
    margin-top: 20px;
    display: block;
    width: 160px;
    text-align: center;
    box-shadow: 0 0 0 #6b1717 inset;
}

.remarksdiv {
    padding: 25px 0;
}

.remarksdiv img {
    margin-bottom: 10px;
}

footer {
    padding: 0 0 50px;
    text-align: center;
    background: #082c7f;
}

footer p {
    margin-top: 30px;
    line-height: 28px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
}

.footer_socialink {
    margin-top: 40px;
}

.footer_socialink a {
    background-color: #fff;
    color: #082c7f;
    width: 45px;
    height: 45px;
    font-size: 18px;
    line-height: 45px;
    text-align: center;
    display: block;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
}

.footer_socialink a:hover {
    background-color: #fff;
    color: #242430;
}

.footer_socialink li {
    display: inline-block;
    margin: 0 6px;
}

.copyright {
    background-color: #1B1B24;
    text-align: center;
    color: #fff;
    padding: 20px 0;
}

.copyright a {
    color: #5eac75;
}

/*----------------------------------------------------------------*/
/*----------------------------------------------------------------*/
/*--------------------------- HEADER -----------------------------*/
.feature_sec {
    background: #f1f1f1;
}

.feature_div {
    background: rgba(65, 225, 223, .6);
    padding: 40px 20px;
    text-align: center;
    position: relative;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    z-index: 1;
    margin-left: 20px;
}

.feature_div::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 50px;
    bottom: 0;
    left: -50px;
    right: 0;
    margin: auto;
    border: 5px solid rgba(0, 0, 0, .15);
    z-index: -1;
}

.feature_div strong {
    font-size: 18px;
    display: block;
    padding-top: 20px;
    position: relative;
    width: 70%;
    margin: auto;
    margin-bottom: 20px;
}

.feature_div p {
    margin: 0;
    padding: 0 40px;
}

.feature_div strong::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 30px;
    height: 1px;
    background-color: #000;
}

.feature_div:hover {
    background: rgba(150, 42, 42, .5);
    color: #fff;
}

.feature_sec .sec_head {
    top: 240px;
    left: auto;
    font-size: 54px;
    right: -155px;
}

.innder_dsec strong {
    font-size: 32px;
    color: #962a2a;
    display: block;
}

.innder_dsec b {
    font-size: 18px;
    color: #222;
    line-height: 24px;
    display: block;
    margin: 20px 0;
}

.innder_dsec p {
    margin: 20px 0;
    text-align: justify;
    line-height: 24px;
}

.innder_dsec span {
    display: block;
    font-size: 24px;
}

.type_sec {
    background: #f1f1f1;
}

.type_div strong {
    color: #962a2a;
    display: block;
    margin: 15px 0;
    font-size: 20px;
}

.type_div p {
    font-size: 18px;
    margin: 10px 0px;
    margin-right: 50px;
}

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

.type_div ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 8px;
}

.type_div ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    width: 5px;
    background-color: #000;
}

.type_sec .sec_head {
    top: 240px;
    left: auto;
    font-size: 54px;
    right: -155px;
}




.price_sec {
    padding: 80px 0;
}

.price_sec .sec_head {
    color: rgb(7 43 127 / 20%);
}

.price_sec .heading {
    text-align: center;
    margin-bottom: 50px;
}

.pricingTable {
    text-align: center;
    padding: 0 0 30px;
    background: #fff;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    margin-top: 15px;
}

.pricingTable strong {
    display: block;
    margin-bottom: 15px;
}

.pricingTable:hover {
    margin-top: 0;
    background-color: #fff;
    box-shadow: 0 10px 50px rgba(0, 0, 0, .3);
}

.benifits-check {
    background: #fff;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 30px;
    position: relative;
}

.benifits-check div {
    position: relative;
    padding-left: 30px;
    color: #082c7f;
}

.benifits-check div::before {
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 0;
    font-family: fontawesome;
    color: #082c7f;
    font-size: 18px;
}

.email-modal {
    z-index: 10500;
}
/*.p1 {*/
/*    background: #B696E9;*/
/*}*/

/*.p2 {*/
/*    background: #52B0DE;*/
/*}*/

.p3 {
    background: #E8AE42;
}

/*.p4 {*/
/*    background: #35d291;*/
/*}*/

.p1, .p2, .p4 {
    background: #082c7f;
}

.pricingTable .title {
    font-size: 22px;
    font-weight: 600;
    color: #2e282a;
    text-transform: uppercase;
    margin: 0 0 30px 0;
}

.pricingTable .price-value {
    padding: 30px 0;
    margin-bottom: 30px;
    position: relative;
}

.pricingTable .price-value:before {
    content: "";
    border-top: 15px solid #f1f1f1;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    top: 0;
    left: 46%;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.pricingTable:hover .price-value:before {
    border-top: 15px solid #fff;
}

.pricingTable .month {
    display: block;
    font-size: 15px;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
}

.pricingTable .amount {
    display: inline-block;
    font-size: 22px;
    color: #fff;
    position: relative;
}

.pricingTable .currency {
    position: absolute;
    top: -1px;
    left: -35px;
}

.pricingTable .value {
    font-size: 20px;
    position: absolute;
    top: 21px;
    right: -27px;
}

.pricingTable .pricing-content {
    padding: 0 10px;
    margin: 0 0 0 0;
    list-style: none;
    min-height: 320px;
}

.pricingTable .pricing-content li {
    font-size: 16px;
    color: #444;
    line-height: 35px;
}

.pricingTable .pricingTable-signup {
    display: inline-block;
    padding: 8px 40px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    border-radius: 4px;
    transition: all 0.5s ease 0s;
}

.s1 {
    background: #B696E9;
    border: 2px solid #B696E9;
}

.s2 {
    background: #52B0DE;
    border: 2px solid #52B0DE;
}

.s3 {
    background: #E8AE42;
    border: 2px solid #E8AE42;
}

.s4 {
    background: #35d291;
    border: 2px solid #35d291;
}

.pricingTable:hover .pricingTable-signup {
    background: #fff;
    color: #5355CE;
    border: 2px solid #5355CE;
}

@media only screen and (max-width: 990px) {
    .pricingTable {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .pricingTable {
        width: 60%;
        margin: auto;
    }
}

@media only screen and (max-width: 480px) {
    .pricingTable {
        width: 80%;
    }
}

@media only screen and (max-width: 420px) {
    .pricingTable {
        width: 100%;
    }
}


.grey_bg {
    background: #e6edfd;
}

.title .font_b {
    font-weight: bolder;
}

.No_Credit_Sec .sec_head.right {
    color: #ffffff;
}

.No_Credit_Sec .title span {
    color: #F34748;
}

.No_Credit_Sec .item_list {
    position: relative;
}

.No_Credit_Sec .item_list::after {
    content: "";
    display: block;
    clear: both;
}

.No_Credit_Sec .item_list li {
    float: left;
    width: 50%;
}

.No_Credit_Sec .item_list li p {
    padding-right: 30px;
    text-align: justify;
    min-height: 135px;
}

.No_Credit_Sec .item_list li:last-child,
.No_Credit_Sec .item_list li:nth-last-child(2) {
    margin-bottom: 0;
}

/*------------------------------------------------------------------------------------------------------------------*/
.tips_box {
    text-align: center;
    padding: 40px 60px;
    min-height: 200px;
}

.tips_sec .heading {
    margin-bottom: 50px;
    text-align: center;
}

#tips_owl {
    position: relative;
}

#tips_owl .work_service_card {
    border-right: 1px solid #94b0ef;
    padding: 0 30px;
    min-height: 340px;
}

#tips_owl .work_service_card img {
    padding: 15px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
}

#tips_owl .work_service_card strong {
    font-size: 22px;
}

.tips_box strong {
    font-size: 30px;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
}

.tbgc1 {
    background: #f9f9f9;
}

.tbgc2 {
    background: #f2f2f2;
}

.tbgc3 {
    background: #e8e8e8;
}

.tbgc4 {
    background: #dddddd;
}

#tips_owl .owl-nav.disabled {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    top: -10px;
}

#tips_owl .owl-nav.disabled i {
    color: #082c7f;
    margin: 0 5px;
    font-size: 18px;
}

/*------------------------------------------------------------------------------------------------------------------*/

.logo-link-div .logo {
    max-width: 300px;
    background: #fff;
    padding: 15px;
    margin: auto;
    border-radius: 0 0 30px 30px;
}

footer .top_links li a {
    padding: 0 25px;
}

.footer_socialink {
    margin: 40px auto;
}

.footer_socialink ul {
    margin: auto;
}

#about {
    position: relative;
    top: -100px;
}


.sec_head {
    left: -170px;
    font-size: 45px;
    height: 60px;
}

.work_flow .sec_head {
    font-size: 45px;
    height: 60px;
    right: -170px;
}

/* Inner Banner */
.inner-banner {
    background: url(../images/bg-pattern.png) no-repeat bottom;
    background-size: cover;
    padding: 70px 10px;
    text-align: center;
}

.inner-banner p {
    margin-top: 10px;
}

.inner-banner .banner-title {
    color: #000;
    text-transform: capitalize;
    margin: auto;
}

/* Legal */
.custom-image {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
}
.custom-content h1 {
    color: #082c7f; 
    font-size: 40px;
    font-weight: bolder; 
    padding-bottom: 20px;
}

.custom-content p {
    color: #082c7f; 
    font-size: 30px; 
    font-weight: bolder;
    padding-bottom: 20px;
}

.custom-content ol li {
    color: #082c7f; 
    font-size: 16px; 
    margin-bottom: 0;
    font-weight: bolder; 
    padding-bottom: 20px;
}

.more-info-btn {

}

.request-button{
    text-align: center;
}


/* Privacy Content */

.policy-section .headings {
    font-size: 26px;
    font-weight: normal;
    /* padding: 0 0 15px; */
    margin-bottom: 15px;
    position: relative;
}

/* .policy-section .headings::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100px;
    background: #2c69d1;
} */

.policy-section .policy-content {
    margin-bottom: 50px;
}

.policy-section p {
    margin-bottom: 10px;
}

.policy-section .policy-content p,
.policy-section .policy-content strong,
.policy-section .policy-content ul li,
.policy-section .policy-content ol li {
    font-size: 18px;
    margin-bottom: 15px;
}

.policy-section .policy-content .list-title {
    display: inline-block;
}

.policy-section .policy-content p em {
    color: #2c69d1;
}

.policy-section .policy-content ol>li::marker {
    font-weight: bold;
}

.policy-section .policy-content ol {
    counter-reset: listCounter;
}

.policy-section .policy-content ol>li {
    counter-increment: listCounter;
}

.policy-section .policy-content ol>li::marker {
    content: '';
    font-weight: bold;
}

.policy-section .policy-content ol>li::before {
    content: counters(listCounter, ".");
    margin-right: 10px;
    font-weight: bold;
}


/* Cookies Design */
:root {
    --background: #082c7f;
    --white-text: #fff;
    --hover-text: #5cc0e6;
    --button-background: #fff;
    --button-background-hover: #5cc0e6;
    --button-text: #082c7f;
}

.cookie-container {
    background: #082c7f;
    position: fixed;
    left: auto;
    right: 30px;
    bottom: 30px;
    margin: auto;
    z-index: 999;
    color: #fff;
    padding: 25px;
    max-width: 470px;
    border: 1px solid #fff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .15);
}

.cookie-container.hide {
    opacity: 0;
    visibility: hidden;
}

.cookie-text {
    margin-bottom: 20px;
}

.cookie-container a {
    color: #95e2ff;
    text-decoration: underline;
}

.cookie-container a:hover,
.cookie-container a:focus {
    color: #fff;
}

.agree {
    margin-left: auto;
}

.agree .btn {
    background: var(--button-background);
    color: var(--button-text);
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 50px;
    font-size: 16px;
    outline: none !important;
    box-shadow: none;
    border: 0 !important;
}

.agree .btn:hover,
.agree .btn:focus,
.btn-primary:active:hover,
.btn-primary:active:focus {
    background: var(--button-background-hover);
    color: var(--white-text);
}

/* Form */
.form-container {
    margin: 0 auto;
    max-width: 1400px;
    display: flex;
    justify-content: space-between;
    gap: 60px;
}

.form-content {
    padding-right: 20px;
    max-width: 50%;
}

.form-content .form-heading {
    color: #082c7f;
    font-size: 24px;
    margin-bottom: 20px;
}

.form-content .form-text {
    color: #333;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
}

.contact-form {
    display: flex;
    flex-direction: column;
}

.submit-wrap {
    width: 100%;
    display: flex;
}

.contact-form button {
    width: 100%;
}

.checkbox-wrap {
    display: flex;
}

.checkbox-wrap .form-control {
    flex: 0 0 20px;
    margin-right: 16px;
}

.form-content {
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
    background-color: rgba(128, 128, 128, 0.102);
}

.form-title {
    font-size: 20px;
    font-weight: 600;
    color: #082c7f;
    padding-bottom: 15px;
    margin-top: 0;
    text-align: center;
}


.form-group input {
    flex: 1;
}


.btn-submit {
    background-color: #082c7f;
    color: white;
    padding: 10px 20px;
    width: 100%;
    border-radius: 5px;
    text-decoration: none;
}
.video-wrap {
    max-width: 991px;
    margin: 0 auto;
    padding: 24px;
}
.video-wrap .btn-wrap {
    display: flex;
    justify-content: center;
    margin-top: 26px;
}
.top_links.header-top-link li a {
    color: #082c7f;
}
.zinger360-header .top_links.header-top-link li a {
    color: #fff;
}
.footer_socialink-ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer_socialink-ul a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.twitter-x-span {
    display: flex;
    width: 22px;
    margin: 0 auto;
    justify-content: center;
}
.legal-section {
    margin-bottom: 46px;
}
.loader-wrap {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
    align-items: center;
    justify-content: center;
    z-index: 99999;
}
.loader-wrap.loader {
    display: flex;
}
.form-section {
    padding: 40px 0 60px 0;
}
.form-section .logo a {
    display: flex;
    justify-content: center;
    max-width: 200px;
    margin: 0 auto;
}
.form-section .form-heading {
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin-top: 40px;
    color: #082c7f;
}
.form-section .form-text {
    text-align: center;
}
.forms-left-block {
    max-width: 400px;
    margin: 0 auto;
}
.contact-img-wrap {
    display: flex;
    justify-content: center;
    margin-top: 46px;
}
.contact-img-wrap img {
    max-width: 350px;
}
.form-status {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 26px;
    margin-bottom: 24px;
}
.loader-div {
    width: 48px;
    height: 48px;
    border: 5px solid #082c7f;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 991px) {
    .banner-content {
        position: relative;
        top: 0;
        padding-bottom: 24px;
        padding-top: 24px;
    }
}

@media only screen and (max-width: 991px) {
    
    
    .contact-img-wrap {
        margin-top: 0;
        margin-bottom: 24px;
    }

}

@media only screen and (max-width: 767px) {
    .feature-content-block {
        order: 1;
    }
    .feature-image-block {
        order: 2;
    }
}

.form-group {
    margin-bottom: 16px;
}
.form-text {
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
}
.testimonials-section .heading {
    margin-bottom: 50px;
    text-align: center;
}
.testi-quote {
    display: inline-block;
    font-weight: 700;
    color: #082c7f;
    line-height: 1;
}
.testi-wrap {
    max-width: 610px;
    margin: 0 auto;
    text-align: center;
}
.testi-content {
    text-align: center;
    font-size: 18px;
    font-style: italic;
}
.testi-name {
    color: #082c7f;
    font-weight: 600;
    margin-top: 16px;
}
.floating-btn {
    display: none;
}
.floating-btn.sticky {
    position: fixed;
    top: 10px;
    display: block;
    left: 50%;
    margin-left: -113px;
    z-index: 9;
}
.floating-privacy {
    position: fixed;
    bottom: 45px;
    left: calc(100% - 265px);
    display: inline-block;
}
@media only screen and (max-width: 576px) {

    .banner-text {
        font-size: 26px;
        line-height: 41px;
    }

}