@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
:root {

    /* Font Family */
    --global--font-primary: Montserrat;
    --global--font-secondary: Montserrat;

    /* Font Size */
    --global--font-size-base: 1.25rem;
    --global--font-size-xs: 1rem;
    --global--font-size-sm: 1.125rem;
    --global--font-size-md: 1.25rem;
    --global--font-size-lg: 1.5rem;
    --global--font-size-xl: 2.25rem;
    --global--font-size-xxl: 4rem;
    --global--font-size-xxxl: 5rem;
    --global--font-size-page-title: var(--global--font-size-xxl);
    --global--letter-spacing: normal;

    /* Line Height */
    --global--line-height-body: 1.7;
    --global--line-height-heading: 1.3;
    --global--line-height-page-title: 1.1;

    /* Headings */
    --heading--font-family: var(--global--font-primary);
    --heading--font-size-h6: var(--global--font-size-xs);
    --heading--font-size-h5: var(--global--font-size-sm);
    --heading--font-size-h4: var(--global--font-size-lg);
    --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
    --heading--font-size-h2: var(--global--font-size-xl);
    --heading--font-size-h1: var(--global--font-size-page-title);
    --heading--letter-spacing-h6: 0;
    --heading--letter-spacing-h5: 0;
    --heading--letter-spacing-h4: var(--global--letter-spacing);
    --heading--letter-spacing-h3: var(--global--letter-spacing);
    --heading--letter-spacing-h2: var(--global--letter-spacing);
    --heading--letter-spacing-h1: var(--global--letter-spacing);
    --heading--line-height-h6: var(--global--line-height-heading);
    --heading--line-height-h5: var(--global--line-height-heading);
    --heading--line-height-h4: var(--global--line-height-heading);
    --heading--line-height-h3: var(--global--line-height-heading);
    --heading--line-height-h2: var(--global--line-height-heading);
    --heading--line-height-h1: var(--global--line-height-page-title);
    --heading--font-weight: normal;
    --heading--font-weight-page-title: 300;
    --heading--font-weight-strong: 600;

    /* Block: Latest posts */
    --latest-posts--title-font-family: var(--heading--font-family);
    --latest-posts--title-font-size: var(--heading--font-size-h3);
    --latest-posts--description-font-family: var(--global--font-secondary);
    --latest-posts--description-font-size: var(--global--font-size-sm);
    --list--font-family: var(--global--font-secondary);
    --definition-term--font-family: var(--global--font-primary);

    /* Colors */
    --global--color-black: #000;
    --global--color-dark-gray: #28303d;
    --global--color-gray: #39414d;
    --global--color-light-gray: #f0f0f0;
    --global--color-green: #d1e4dd;
    --global--color-blue: #d1dfe4;
    --global--color-purple: #d1d1e4;
    --global--color-red: #e4d1d1;
    --global--color-orange: #e4dad1;
    --global--color-yellow: #eeeadd;
    --global--color-white: #fff;
    --global--color-white-50: rgba(255, 255, 255, 0.5);
    --global--color-white-90: rgba(255, 255, 255, 0.9);
    --global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */
    --global--color-secondary: var(--global--color-gray); /* Headings */
    --global--color-primary-hover: var(--global--color-primary);
    --global--color-background: var(--global--color-green); /* Mint, default body background */
    --global--color-border: var(--global--color-primary); /* Used for borders (separators) */

    /* Spacing */
    --global--spacing-unit: 20px;
    --global--spacing-measure: unset;
    --global--spacing-horizontal: 25px;
    --global--spacing-vertical: 30px;

    /* Elevation */
    --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);

    /* Forms */
    --form--font-family: var(--global--font-secondary);
    --form--font-size: var(--global--font-size-sm);
    --form--line-height: var(--global--line-height-body);
    --form--color-text: var(--global--color-dark-gray);
    --form--color-ranged: var(--global--color-secondary);
    --form--label-weight: 500;
    --form--border-color: var(--global--color-secondary);
    --form--border-width: 3px;
    --form--border-radius: 0;
    --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));

    /* Cover block */
    --cover--height: calc(15 * var(--global--spacing-vertical));
    --cover--color-foreground: var(--global--color-white);
    --cover--color-background: var(--global--color-black);

    /* Buttons */
    --button--color-text: var(--global--color-background);
    --button--color-text-hover: var(--global--color-secondary);
    --button--color-text-active: var(--global--color-secondary);
    --button--color-background: var(--global--color-secondary);
    --button--color-background-active: var(--global--color-background);
    --button--font-family: var(--global--font-primary);
    --button--font-size: var(--global--font-size-base);
    --button--font-weight: 500;
    --button--line-height: 1.5;
    --button--border-width: 3px;
    --button--border-radius: 0;
    --button--padding-vertical: 15px;
    --button--padding-horizontal: calc(2 * var(--button--padding-vertical));

    /* entry */
    --entry-header--color: var(--global--color-primary);
    --entry-header--color-link: currentColor;
    --entry-header--color-hover: var(--global--color-primary-hover);
    --entry-header--color-focus: var(--global--color-secondary);
    --entry-header--font-size: var(--heading--font-size-h2);
    --entry-content--font-family: var(--global--font-secondary);
    --entry-author-bio--font-family: var(--heading--font-family);
    --entry-author-bio--font-size: var(--heading--font-size-h4);

    /* Header */
    --branding--color-text: var(--global--color-primary);
    --branding--color-link: var(--global--color-primary);
    --branding--color-link-hover: var(--global--color-secondary);
    --branding--title--font-family: var(--global--font-primary);
    --branding--title--font-size: var(--global--font-size-lg);
    --branding--title--font-size-mobile: var(--heading--font-size-h4);
    --branding--title--font-weight: normal;
    --branding--title--text-transform: uppercase;
    --branding--description--font-family: var(--global--font-secondary);
    --branding--description--font-size: var(--global--font-size-sm);
    --branding--logo--max-width: 300px;
    --branding--logo--max-height: 100px;
    --branding--logo--max-width-mobile: 96px;
    --branding--logo--max-height-mobile: 96px;

    /* Main navigation */
    --primary-nav--font-family: var(--global--font-secondary);
    --primary-nav--font-family-mobile: var(--global--font-primary);
    --primary-nav--font-size: var(--global--font-size-md);
    --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
    --primary-nav--font-size-mobile: var(--global--font-size-sm);
    --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
    --primary-nav--font-size-button: var(--global--font-size-xs);
    --primary-nav--font-style: normal;
    --primary-nav--font-style-sub-menu-mobile: normal;
    --primary-nav--font-weight: normal;
    --primary-nav--font-weight-button: 500;
    --primary-nav--color-link: var(--global--color-primary);
    --primary-nav--color-link-hover: var(--global--color-primary-hover);
    --primary-nav--color-text: var(--global--color-primary);
    --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
    --primary-nav--border-color: var(--global--color-primary);

    /* Pagination */
    --pagination--color-text: var(--global--color-primary);
    --pagination--color-link-hover: var(--global--color-primary-hover);
    --pagination--font-family: var(--global--font-secondary);
    --pagination--font-size: var(--global--font-size-lg);
    --pagination--font-weight: normal;
    --pagination--font-weight-strong: 600;

    /* Footer */
    --footer--color-text: var(--global--color-primary);
    --footer--color-link: var(--global--color-primary);
    --footer--color-link-hover: var(--global--color-primary-hover);
    --footer--font-family: var(--global--font-primary);
    --footer--font-size: var(--global--font-size-sm);

    /* Block: Pull quote */
    --pullquote--font-family: var(--global--font-primary);
    --pullquote--font-size: var(--heading--font-size-h3);
    --pullquote--font-style: normal;
    --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
    --pullquote--line-height: var(--global--line-height-heading);
    --pullquote--border-width: 3px;
    --pullquote--border-color: var(--global--color-primary);
    --pullquote--color-foreground: var(--global--color-primary);
    --pullquote--color-background: var(--global--color-background);
    --quote--font-family: var(--global--font-secondary);
    --quote--font-size: var(--global--font-size-md);
    --quote--font-size-large: var(--global--font-size-xl);
    --quote--font-style: normal;
    --quote--font-weight: 700;
    --quote--font-weight-strong: bolder;
    --quote--font-style-large: normal;
    --quote--font-style-cite: normal;
    --quote--line-height: var(--global--line-height-body);
    --quote--line-height-large: 1.35;
    --separator--border-color: var(--global--color-border);
    --separator--height: 1px;

    /* Block: Table */
    --table--stripes-border-color: var(--global--color-light-gray);
    --table--stripes-background-color: var(--global--color-light-gray);
    --table--has-background-text-color: var(--global--color-dark-gray);

    /* Widgets */
    --widget--line-height-list: 1.9;
    --widget--line-height-title: 1.4;
    --widget--font-weight-title: 700;
    --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));

    /* Admin-bar height */
    --global--admin-bar--height: 0px;
}
*{
    box-sizing: border-box;
}
body {
     font-family: "Open Sans", sans-serif;
    background-color: #fff;
    font-size: 16px;
}

.bg-banner-blue{
    background: #137acf14 !important;
}
.bg-banner-blue .badge-box{
    background: #137acf14 !important;
}
/*main.site-main {
    overflow: hidden;
}*/
body:not(.home) main#main {
    padding-top: 70px;
}

.pt-40 {
    padding-top: 40px;
}
.pb-60 {
    padding-bottom: 60px;
}
 
p {
    margin-bottom: 1rem;
}

main#main {
    padding-top: 0;
    padding-bottom: 0;
}

.wp-custom-logo .site-header {
    align-items: center;
    padding: 0px 15px;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){
    outline: none;

}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img{
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
a {
    font-family: "Open Sans", sans-serif;
}

header#masthead {
    
}
.banner-text h1 {
    font-size: 60px;
    font-weight: 600;
    line-height: 78px;
    margin-bottom: 15px;
    color: #1D1D1D;

}
.site-branding{
    margin-top: 0 !important;
}
.site-logo{
    position: relative;
    z-index: 1;
}
.site-logo .custom-logo {
    max-width: var(--branding--logo--max-width);
    max-height: var(--branding--logo--max-height);
    height: auto;
    max-width: 137px;
    margin-left: 13px;
}

.primary-navigation{
    position: initial;
}
.primary-menu-container{
    position: initial !important;
}
#primary-menu-list{
    position: initial;
}
#primary-menu-list .menu-item{
    position: initial;
}
.primary-navigation a:hover{
    text-decoration: none;
}
#masthead:has(.sub-menu-toggle[aria-expanded=true]):after {
    top: -32px;
    position: absolute;
    width: 200%;
    height: calc(100% + 216px);
    left: 50%;
    background: #fff;
    z-index: -1;
    transform: translateX(-50%);
    content: '' !important;
    margin-top: 0;

}
.primary-navigation .sub-menu .menu-item > a:before{
    content: none !important;
}
#masthead:before {


}
.primary-navigation > div > .menu-wrapper > li > .sub-menu {
    padding: 40px 0px 61px 0;
    background: #fff;
    width: 100%;
    /*padding-top: 10px;*/
    border: none;
    top: calc(100% + 0px) !important;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    z-index: 1;
    
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li{
    background: linear-gradient(104.66deg, #DCDEFF 4.14%, #FFFFFF 119.29%);
    width: 100%;
    border-radius: 8px;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu:before ,.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
    content: none;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li a{
    padding: 26px 24px;
    font-weight: 400 !important;
    width: max-content;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    border-radius: 8px;
    width: 100%;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li a:focus{
    background: transparent;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li a img{
    width: 30px !important;
    height: 30px !important;
    background: #fff;
    padding: 2px;
    border-radius: 3px;
}
.primary-navigation > div > .menu-wrapper{
    align-items: center;
    gap: 28px;
}
.primary-navigation .sub-menu .menu-item > a:before {
    position: absolute;
    content: '';
    bottom: 6px;
    width: 0;
    height: 2px;
    background: #137acf;
    transition: width .3s ease, right .3s ease;
    left: 0;
    display: block;
}
.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child{
    text-decoration: none !important;
    color: #dc4238;
}
.primary-navigation .primary-menu-container > ul > .menu-item.hover > a:hover:after, .primary-navigation .primary-menu-container > ul > .menu-item.hover > a:after {
    width: 100%;
}
.primary-navigation .primary-menu-container > ul > .menu-item.hover > a{
    color: #FF462D;
}
.primary-navigation > div > .menu-wrapper li{
    width: max-content;
    background: transparent;
}
.primary-navigation .sub-menu .menu-item > a:hover {
    color: #137acf;
}
.primary-navigation .sub-menu .menu-item > a:hover:before {
    width: 100%;
}
.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
    display: none;
}
.primary-navigation .primary-menu-container > ul > .menu-item > a{
    position: relative;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 21px 16px;
}
.primary-navigation .primary-menu-container > ul > .menu-item > a:hover{
    text-decoration: none !important;
    color: #114BB0;
}
.primary-navigation .primary-menu-container > ul > .menu-item:has(.sub-menu) > a{
    padding-right: 16px;
}
.primary-navigation .primary-menu-container > ul > .menu-item:has(.sub-menu) > a:after  {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 4' fill='none'%3E%3Cpath d='M0.5 0.5L3.5 3.5L6.5 0.5' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    right: 0px;
    top: 50%;
    width: 8px;
    transform: translateY(-57%);
    
}
.primary-navigation .primary-menu-container > ul > .menu-item-has-children:hover > a:after{
    transform: rotate(180deg)  translateY(39%);
    
}
.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child{
    text-decoration: none !important;
    color: #114BB0;
}
.banner-text p {
    color: #5A6475;
    font-size: 20px;
    line-height: 28px;
}
.menu_btn {
    position: relative;
    z-index: 1;
}
.menu_btn .common_btn{
    margin-top: 0;
}
.common_btn {
    text-decoration: none;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    vertical-align: middle;
    opacity: 1;
    border-radius: 99px;
    padding: 11px 20px;
    gap: 6px;
    background: #137acf;
    box-shadow: 0px 0px 0px 2px #137acf, 0px 1px 2px 0px #137acf80;
    color: #FFFFFF;
    display: inline-block;
    margin-top: 24px;
    transition: all ease-in-out 0.3s;
}
.top_nav ul li a.login-btn img {
    padding-left: 5px;
    transition: all 1s ease;
    width: 25px;
}
footer#colophon {
    max-width: 100%;
    padding-bottom: 20px;
    background: #000;
    padding-top: 45px;
}
.footer-widget nav {
    margin: 0;
}

.footer-widget .row>* {
    width: auto;
}

.footer-widget .row {
    justify-content: space-between;
}
.widget ul li{
    margin-bottom: 14px;
}
.col1 p:empty{
    display: none;
}
img.footer-logo {
    width: 128px;
    margin-bottom: 40px;
}
.footer-social-icon {
    display: flex;
    gap: 4px;
}

.footer-social-icon > div {
    
    display: flex;
    
}
.footer-social-icon > div a{
    padding: 4px 14px;
    border-radius: 999px;
    background: #ffffff10;
}

.footer-social-icon img {
    width: 100%;
}
.footer_para {
    font-family: Montserrat;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
    margin-bottom: 32px;

}

.social-icon ul {
    list-style: none;
    display: flex;
    align-items: center;
    column-gap: 20px;
    padding-top: 50px;
}

.footer-widget .menu li a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    font-family: "Montserrat", serif;
}

.footer-widget ul#menu-news.menu li,
.footer-widget ul#menu-technology-partner.menu li {
    line-height: normal;
}

.footer-widget ul#menu-professional-services li:first-child,
.footer-widget ul#menu-managed-services li:first-child {
    line-height: normal;
}

section#block-12 label {
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    font-family: "Montserrat", serif;
    font-weight: 400;
}

section#block-12 .wp-block-search {
    max-width: 465px;
    float: right;
    width: 100%;
    padding-top: 65px;
}

.wp-block-search__inside-wrapper {
    column-gap: 10px;
}

.wp-block-search .wp-block-search__input::placeholder {
    color: rgba(161, 161, 161, 1);
}

.wp-block-search .wp-block-search__input {
    background: transparent;
    border: 1px solid #fff;
    padding: 0 15px;
    color: #fff;
    font-size: 20px;
    font-family: "Montserrat", serif;
    font-weight: 400;
}

button.wp-block-search__button svg {
    display: none;
}


.footer-widget ul#menu-news.menu li a,
.footer-widget ul#menu-technology-partner.menu li a,
.footer-widget ul#menu-professional-services li:first-child a,
.footer-widget ul#menu-managed-services li:first-child a {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.footer-nav ul li a {
    color: #fff;
    text-decoration: none;
    padding: 0;
    font-family: "Montserrat", serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
}

.footer-nav ul li {
    margin-right: 50px;
}

.footer-nav ul li:last-child {
    margin-right: 0;
}

footer#colophon .row {
    align-items: center;
}

.footer-nav ul {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    padding-left: 0;
}

footer#colophon p {
    color: #fff;
    margin-bottom: 0;
    font-size: 15px;
    font-family: "Montserrat", serif;
    font-weight: 400;
}

.top_nav ul li a.login-btn {
    padding: 6px 15px;
    border-radius: 30px;
    font-size: 14px;
    display: inline-block;
    border: 1px solid #fff;
    margin-left: 28px;
    margin-right: 32px;
}

.top_nav ul li a.login-btn:hover {
    background: #fff;
}

.top_nav ul li a.login-btn:hover img {
    filter: invert(1);
}

.top_nav ul {
    list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.top_nav ul li a:hover,
.top_nav ul li a:focus {
    text-decoration: none;
    outline: none;
    color: #000;
}

.top_nav ul li a {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    font-family: "Montserrat", serif;
    transition: all 1s ease;
    padding: var(--primary-nav--padding) 0;
    display: inline-block;
    padding: 6px 12px;
}

.primary-navigation {
    margin-left: inherit;
}
.top_logo {
    padding: 0px 0px 0px;
}
.top_logo img {
    max-width: 450px;
    width: 100%;
}
.main_heading , .built_heading{
    font-size: 36px !important;
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
}
.main_dec{
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}
.secondary_heading{
    font-size: 24px;
    font-family: "Open Sans", sans-serif;
}
.built_heading{
    padding-top: 10px !important;
}
.built_col{
    border-radius: 30px;
}
.built_col h4 {
    margin-bottom: 20px !important;
    font-size: 20px;
}

.built_col p {
    margin-top: 20px !important;
    font-size: 18px !important;
}
.decoration_none{
    text-decoration: none;
}
.footer{
    padding-top: 50px;
     font-family: "Open Sans", sans-serif;
}
.footer p, .footer h5{
     font-family: "Open Sans", sans-serif;
}
.footer .copyright{
    font-size: 16px;
    font-weight: 500;
}
.footer p{
    font-size: 12px;
    font-weight: 500;
}
.f_right p{
    color: #6c93b4;
}
.home .wpcf7-email{
    backdrop-filter: blur(6px);
    background-color: #192334ab;
    border-radius: 8px;
    border: 2px solid #28303d;
      font-family: "Open Sans", sans-serif;
      color: #fff;
}
.home .wpcf7-email:focus{
    color: #fff;
    outline-offset: none;
    outline:none;
}

.home  .wpcf7-submit {
  padding: 12px 30px;
  font-size: 16px;
  font-weight: 600;
  margin-left: 10px;
  border: none;
  color: #fff;
  cursor: pointer;
  border-radius: 6px;
  background: linear-gradient(180deg, #1386dd, #0153b1);
  transition: 0.3s ease;
  font-family: "Open Sans", sans-serif;
}
.notify_form p {
    display: flex;
    align-items: start;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #0b4e93;
    border-radius: 6px;
}
.home .wpcf7-spinner{
    display: none;
}

.gradient-btn:hover {
  opacity: 0.85;
}

p:empty{
    display: none;
}
.wp-block-cover .wp-block-cover__inner-container{
    margin-top: 0;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #0b4e93;
    border-radius: 6px;
}
@media (max-width: 575px){
    .notify_form p{
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
}
.home .wpcf7-submit{
    margin-left: 0;
}
.footer{
    display: block !important;
}
}