/*
 Theme Name:   Arch Systems Child Theme
 Description:  A child theme for Arch Systems
 Author:       Sagehaus
 Template:     Divi
 Version:      1.0.0
*/

/* Fonts */
a, p a h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}

a {
	color: #6EA041;
}
#hubspot-sidebar-form fieldset, #hubspot-bottom-form fieldset {
    max-width: 100%;
}
#hubspot-sidebar-form fieldset h1, #hubspot-bottom-form fieldset h1 {
    color: #33475b;
    font-size: 2em;
    font-weight: 600;
    margin: 0 0 12px;
}

#hubspot-sidebar-form fieldset p, #hubspot-bottom-form fieldset p {
    line-height: 20px;
    font-size: 14px;
    color: #33475b;
    margin-bottom: 20px;
}

#hubspot-sidebar-form fieldset label span, #hubspot-bottom-form fieldset label span {
    margin-bottom: 3px;
    display: inline-block;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    color: #33475b;
    font-size: 16px;
    font-weight: 500;
}

#hubspot-sidebar-form fieldset label span.hs-form-required, #hubspot-bottom-form fieldset label span.hs-form-required {
    color: red;
}

#hubspot-sidebar-form fieldset .input input, #hubspot-bottom-form fieldset .input input {    
    box-sizing: border-box;
    padding: 0 15px;
    border-radius: 15px;
    min-height: 40px;
    width: 100%;
    background-color: #f5f8fa;
    border: 1px solid #cbd6e2;
    font-size: 16px;
    line-height: 22px;
    color: #33475b;
    font-weight: 400;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}

#hubspot-sidebar-form fieldset .hs-form-field, #hubspot-bottom-form fieldset .hs-form-field {
    margin-bottom: 18px;
}

#hubspot-sidebar-form .hs-submit .actions input, #hubspot-bottom-form .hs-submit .actions input {
  background: linear-gradient(90deg, #03FFA4 0%, #6FFFCD 100%);
border: 3px solid #1CE399 !important;
box-shadow: 0px 1px 3px 0px rgba(30, 41, 59, 0.24);
    color: #ffffff;
    font-size: 16px;
    border: 0;
    padding: 8px 24px;
    border-radius: 15px;
    transition: .5s all ease;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 0px;
}


#hubspot-sidebar-form .hs-submit .actions input:hover,
#hubspot-bottom-form .hs-submit .actions input:hover{
background: linear-gradient(90deg, #00F099 0%, #2EFFB6 100%);

}

#hubspot-sidebar-form .hs-submit .actions, #hubspot-bottom-form .hs-submit .actions {
/*     text-align: center;
    margin-top: 8px; */
    margin-top: 18px;
    padding: 0px 0px;
}

#hubspot-sidebar-form .hs-submit .actions input:hover, #hubspot-bottom-form .hs-submit .actions input:hover {
    background: #8CB369;
}
#hubspot-sidebar-form fieldset ul.hs-error-msgs, #hubspot-bottom-form fieldset ul.hs-error-msgs {
    list-style: none;
    padding-bottom: 0;
    padding: 0;
}

#hubspot-sidebar-form fieldset ul.hs-error-msgs label.hs-error-msg, #hubspot-bottom-form fieldset ul.hs-error-msgs label.hs-error-msg {     
    color: #f2545b;
    font-size: 16px;
    display: block;
    font-weight: 300;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}
#hubspot-sidebar-form fieldset ul.hs-error-msgs li, #hubspot-bottom-form fieldset ul.hs-error-msgs li {
    line-height: 14px;
}
.single.single-post div#left-area article .et_post_meta_wrapper img {
    display: none;
}

.single.single-post div#left-area article .entry-content .et_pb_section.et_section_regular {
    padding-top: 0;
}
/*----------------------19/oct/2019 ------------------------- */
#footer-bottom {
    background-color: #094B7E;
}
#et-footer-nav {
    background-color: #094B7E;
}
#main-footer {
    background-color: #094B7E;
}
.footer-social-button p {   
    color: #fff;
    font-size: 14px;
	display: inline-block;
}
.footer-social-button .footer-social-button-links {
       display: inline-block;
}

.footer-social-button .footer-social-button-links li {
    display: inline-block;
	    margin: 0 5px;
}
.footer-social-button ul.footer-social-button-links li a.icon {
    color: #fff;
    font-size: 15px;
}
.footer-social-button ul.footer-social-button-links li:last-child {
    margin-left: 0;
}
.footer-social-button {
    margin-top: 30px;
	    text-align: center;
}


/* NEW CSS*/
.new-blog-post h4{
	font-weight: 600;
	font-size: 16px
}

.new-blog-post ol h4{
	display: inline-block;
	color: #666;
	padding-bottom: 1em;
}

.new-blog-post ol {
	list-style-position: outside !important;
	padding-left: 40px !important;
    padding-bottom: 0 !important;
}

.new-blog-post ol li {
	padding-bottom: 20px !important;
}
/* NEW CSS END */

@media (min-width: 768px) {
	h1 {
	  font-size: 46px;
	  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
  	  line-height: 120%;
		color: #026AA4;
	}
	h2 {
	  font-size: 28px;
	  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
      line-height: 140%;
		color: #026AA4;

	}
	h3 {
	  font-size: 24px;
	  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
 	  line-height: 140%;
	}
	h4 {
	  font-size: 20px;
	  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
  	  line-height: 140%;
	}
	h5 {
	  font-size: 14px;
	  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
  	  line-height: 120%;
	}

/* 	p {
	  font-size: 16px;
	  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
  	  line-height: 160%;
	} */
  }

@media (max-width: 787px)  {
	h1 {
	  font-size: 30px;
	  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
      line-height: 140%;
		color: #026AA4;
	}
	h2 {
	  font-size: 20px;
	  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
      line-height: 140%;
		color: #026AA4;
	}
	h3 {
	  font-size: 18px;
	  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
      line-height: 120%;
	}
	h4 {
	  font-size: 16px;
	  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
      line-height: 140%;
	}
	h5 {
	  font-size: 14px;
	  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	}
/* 	p {
	  font-size: 16px;
	  font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
      line-height: 160%;
	} */
    /* NEW CSS*/
    .new-blog-post h2{
        padding-bottom: 5px !important;
                font-weight: 600 !important;
    }
    /* NEW CSS END */
  }

/* Primary Button  */

.et_pb_button.et_pb_bg_layout_dark {
    background-color: #6EA041;
	border-radius: 40px;
	padding-left: 30px;
    padding-right: 30px;
}

a.et_pb_button.et_pb_bg_layout_dark {
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	background: linear-gradient(90deg, #03FFA4 0%, #6FFFCD 100%);
	border: 1px solid #ECE3E3;
    color: #363D4A !important;
	font-weight:600;
}

.et_pb_button_1.btn1 {
    border: 1px solid #0069A3 !important;
}
.et_pb_button_1.btn1:hover {
    border: 1px solid #0069A3 !important;
	background:none;
}
/* a.et_pb_button.et_pb_bg_layout_dark:hover {
    color: #363D4A;
	background: linear-gradient(90deg, #00F099 0%, #2EFFB6 100%);

} */

/* a.et_pb_button.et_pb_bg_layout_dark:active {
    color: #363D4A !important;
	background: linear-gradient(90deg, #03FFA4 0%, #6FFFCD 100%) !important;
} */

.et_pb_button.et_pb_bg_layout_dark:hover {
    color: #363D4A !important;

    background-color: #8CB369;
	padding-left: 30px;
    padding-right: 30px;
}

/* Secondary Button */


a.et_pb_button.et_pb_bg_layout_light {
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	font-weight:600;
}


.dsm_image_carousel .swiper-slide img {
    width: 100% !important;
}


/* Nav */

.getstarted {
	border-radius: 20px;
	height: 44px;
	top: -14px;
}

.getstarted a {
	color: #363D4A !important;
  	font-size: 14px;
  	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	top: 13px;
	text-transform: uppercase;
}
/*
li.getstarted {
	background-color: #6EA041;
	text-transform: uppercase;
	text-align: center;
	padding-left: 30px !important;
	padding-right: 30px !important;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	border: 2px;
	border-color: #ffffff;
}

li.getstarted:hover {
	background-color: #8CB369;
	text-transform: uppercase;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
	border: 2px;
	border-color: #ffffff;
}
*/

li.getstarted{
background: linear-gradient(90deg, #03FFA4 0%, #6FFFCD 100%);
border: 3px solid #1CE399 !important;
box-shadow: 0px 1px 3px 0px rgba(30, 41, 59, 0.24);
color:#014F81;
padding-left: 30px !important;
	padding-right: 30px !important;
}
li.getstarted:hover{
  background: linear-gradient(90deg, #00F099 0%, #2EFFB6 100%);

}

a.getstarted:hover {
	color: #014F81 !important;
  	opacity: 1 !important;
}

.getstarted.et-fixed-header #top-menu a {
	color: #014F81 !important;
}

.nav li ul {
   width: 320px !important; /* Width of the dropdown menu */
}

.nav li li ul {
   left: 320px !important; /* Use the same size as above */
}

#top-menu li li a {
   width: 280px; /* Make this 40 less then the width of the dropdown menu */
}

.subcallout {
    background-color: #026FB5; 
    width: 87%;
    margin-left: 20px !important;
	margin-top: 10px !important;
    margin-bottom: 10px !important;
 
}

.subcallout a {
    color:#ffffff !important;
    padding-left: 0px !important;
}

span.mobile_menu_bar:before {
    color: #026FB5 !important;
}

.et_mobile_menu li a:hover, .nav ul li a:hover {
    opacity: .7;
    background-color:rgba(0, 0, 0, 0);
}

/* Footer */

.bottom-nav, .bottom-nav a {
	text-align: center;
}

#footer-bottom {
    padding-top: 30px !important;
    padding-bottom: 50px !important;
}
#footer-info {
    width: 100%;
    text-align: center;
}

.footer-text {
    color:#ffffff;
    font-size: 14px;
    padding: 1% 16% 1% 16%;
    text-align: center;
}

.footer-image {
    padding-top: 80px;
    padding-bottom: 30px;
}


/* HTML5 Animation */

.fff-html5 {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 0px;
   height: 0;
   overflow: hidden;
 }

.fff-html5 iframe  {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

/* fullwidth slider */

div.et_pb_fullwidth_slider_0 {
  width: 100%;
  max-width: 100%;
}


/* Alignment and Stacking Text Changes */

@media (min-width: 981px) {

  .first-on-mobile {
	display: flex;
	flex-direction: column;
	justify-content: center;
  }

  .second-on-mobile {
	display: flex;
	flex-direction: column;
	justify-content: center;
  }

  .third-on-mobile {
	display: flex;
	flex-direction: column;
	justify-content: center;
  }

  .fourth-on-mobile {
	display: flex;
	flex-direction: column;
	justify-content: center;

  }

}


@media all and (max-width: 980px) {
  /*** wrap row in a flex box ***/
  .custom_row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	flex-wrap: wrap;
  }
	.single #sidebar {
    padding-bottom: 0;
}
	.single-hero-banner .container{
	padding: 0 !important;
    max-width: 1440px !important;
    width: 90%;
	}
	.single-post-middle .container{
	padding: 0 !important;
    max-width: 1440px !important;
    width: 90%;
	}
  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {
  -webkit-order: 1;
  order: 1;
  }

  .second-on-mobile {
  -webkit-order: 2;
  order: 2;
  }

  .third-on-mobile {
  -webkit-order: 3;
  order: 3;
  }

  .fourth-on-mobile {
  -webkit-order: 4;
  order: 4;

  }
  /*** add margin to last column ***/
  .custom_row:last-child .et_pb_column:last-child {
  padding-bottom: 30px;
  }

}
@media (min-width: 770px) and (max-width:980px){
.single .single-post-middle {
    padding-bottom: 3rem;
    padding-top: 40px;
}
}
@media (max-width: 760px) {
    .single .single-post-middle {
        padding-bottom: 3rem;
        padding-top: 10px;
    }
}
/* Dividers */

.application-divider {
    margin-top: 50px !important;
    margin-bottom: 100px !important;
}

/* Side Bar */

.side-divide hr {
    height: 10px;
    border: 0px;
    background-color: #f5f7f9;
    margin-top: 30px;
    margin-bottom: 30px;
}

.widgettitle {
    color: #026AA4;
    font-size: 24px !important;
}

.sidebar-btn {
    padding-top: 40px;
}

/* Team Edits */

.et_pb_member_position {
    color: #333333;
}

.et_pb_team_member_description p {
    font-size: 14px;
}



/* Media query for devices with a minimum width of 767 pixels */
@media (min-width: 767px) {
    /* Flexbox display for blurb content */
    .pa-vertical-align-blurb .et_pb_blurb_content {
        display: flex!important;
    }
    
    /* Flexbox display for blurb container */
    .pa-vertical-align-blurb .et_pb_blurb_container {
        display: flex!important;
        justify-content: center; /* Center align blurb container horizontally */
        flex-direction: column; /* Arrange blurb container content in a column */
    }
    
    /* Flexbox display for main blurb image */
    .et-db #et-boc .et-l .pa-vertical-align-blurb .et_pb_main_blurb_image {
        display: flex;
        width: auto!important; /* Ensure blurb image width adjusts automatically */
        margin-bottom: 0px!important; /* Remove bottom margin for better alignment */
    }
}

.bottom-nav a:hover{
opacity: 1 !important;
}

.et_pb_number_counter .percent {
    height: 183px;
    margin: auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.team-img span{
	width:100%;
    max-width:1600px;
}

/* New CSS(Amazatic) */

.grad-btn:after {
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: linear-gradient(90deg, #03FFA4 0%, #6FFFCD 100%);
    z-index: 1;
    border-radius: 9999px;
}

.grad-btn:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #00e389 0%, #5ce3b1 100%);
    z-index: 0;
    border-radius: 9999px;
}
.grad-btn{
	background: linear-gradient(90deg, #03FFA4 0%, #6FFFCD 100%) !important;
    padding: 14px 32px;
    border-radius: 30px;
    font-weight: 600;
    color: #333;
    display: inline-block;
/* 	border: 1px solid #ECE3E3; */
}
.grad-text{
	background: linear-gradient(93.69deg, #2B9BCC 0%, #0069A3 50%, #094B7E 100%) !important;
	background-clip:text !important;
	color:transparent !important;
}
.grad-text h1,.grad-text h2,.grad-text h3,.grad-text h4,.grad-text h5,.grad-text h6{
	background: linear-gradient(93.69deg, #2B9BCC 0%, #0069A3 50%, #094B7E 100%) !important;
	background-clip:text !important;
	color:transparent !important;
}

.grad-bg{
	background: linear-gradient(93.69deg, #2B9BCC 0%, #0069A3 50%, #094B7E 100%) !important;

}
a.grad-border {
      position: relative;
      display: inline-block;
      background: #fff; /* button background */
      color: #333;
      border-radius: 30px;
      cursor: pointer;
      z-index: 1;
      overflow: hidden;
}

a.grad-border::before {
 content: "";
      position: absolute;
      inset: 0;
      padding: 1px; /* thickness of the gradient border */
      border-radius: inherit;
  border-radius: 30px !important;
  background: linear-gradient(93.69deg, #2B9BCC 0%, #0069A3 50%, #094B7E 100%) !important;
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1 !important;
  pointer-events: none !important;
}

.grad-border:hover {
    box-shadow: 0px 0px 6px 0px #8AE8C5;
	background: linear-gradient(90deg, rgba(234, 245, 250, 0.6) 0%, #FFFFFF 100%);
}


.grad-border:active {
	background: linear-gradient(90deg, #FFFFFF 0%, rgba(234, 245, 250, 0.6) 100%);
}

body.page-id-8170 .get-in-touch {
  display:none;
}

body.page-id-15523 .get-in-touch {
  display:none !important;
}

body.page-id-8559 .get-in-touch {
  display:none;
}
body.postid-13519 .get-in-touch {
  display:none !important;
}

@media (min-width:980px) and (max-width:1080px){
.et_pb_row.et_pb_row_4.ipro-space{
		padding-top:20.5% !important;
	}
.ipro-text .et_pb_text_inner {
    font-size: 16px;
    line-height: 20px;
}
	.flow-container {
    gap: 13px;
}
}
#siWidget-chat{display:none;}

body.error404 #sidebar{display:none;}
@media (min-width: 981px) {
  body.error404 #main-content .container:before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 0px;
        background-color: #e2e2e2;
    }
}
.redemo{
    outline: 1px solid #5AE3B1;
    outline-offset: -1px;
}
.redemo:hover{background: linear-gradient(90deg, #00F099 0%, #2EFFB6 100%) !important;
    outline: 1px solid #5AE3B1;
    outline-offset: -1px;
}

.global-grad-btn{
background: linear-gradient(90deg, #03FFA4 0%, #6FFFCD 100%);
}
.global-grad-btn:hover{
background: linear-gradient(90deg, #00F099 0%, #2EFFB6 100%) !important;
}
.global-grad-btn:active{
background: linear-gradient(90deg, #03FFA4 0%, #6FFFCD 100%);
}
.white-for-blue{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    color: #FFFFFF !important;
    border: 1px solid #FBFCFD !important;
    border-radius: 40px !important;
    background: transparent !important;
    box-shadow: none !important;
}

.white-for-blue:hover{
color: #FFFFFF !important;
    background: linear-gradient(90deg, rgba(36, 80, 123, 0.5) 0%, rgba(47, 106, 151, 0.5) 100%) !important;
    box-shadow: 0px 0px 6px 0px #FFFFFF !important;
}
.white-for-blue:active{
	color: #FFFFFF !important;
    background: linear-gradient(90deg, rgba(47, 106, 151, 0.5) 0%, rgba(36, 80, 123, 0.5) 100%) !important;
    border: 1px solid #BDE0EF !important;
}


/* Mobile + tablet */
@media only screen and (max-width: 980px) {
    .et_pb_section.custom-whitepaper-banner {
        background-color: #0056A6 !important;

    }

    .et_pb_section.custom-whitepaper-banner::before {
        display: none !important;
    }
}

/* Large desktop */
@media only screen and (min-width: 1600px) {
    .et_pb_section.custom-whitepaper-banner::before {
        right: 50%;
        transform: translateX(720px);
    }
}

.postid-7953 .get-in-touch{
display:none !important;
}



@media (max-width:767px){
body.page-id-12521 .et_pb_image_4 img{
transform: scaleX(1.7) scaleY(1.7);
}
}

@media (min-width:768px) and (max-width:1024px){
body.page-id-12521 .et_pb_image_4 img{
transform: scaleX(1.3) scaleY(1.3);
}
}


@media (max-width:767px){
body.page-id-12521 .et_pb_image_6 img{
transform: scaleX(1.8) scaleY(1.8);
}
}

@media (min-width:768px) and (max-width:1024px){
body.page-id-12521 .et_pb_image_6 img{
transform: scaleX(1.6) scaleY(1.6);
}
}

@media (max-width: 767px) {
body.page-id-12521 .et_pb_image_8 .et_pb_image_wrap {
    display:block;             /* IMPORTANT for Safari */
    transform: scale(2);
    -webkit-transform: scale(2);
    transform-origin: center center;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
}

@media (min-width:768px) and (max-width:1024px) {
body.page-id-12521 .et_pb_image_8 .et_pb_image_wrap {
    display:block;
    transform: scale(2);
    -webkit-transform: scale(2);
    transform-origin: center center;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
}

body.page-id-12521 .et_pb_section_12{
z-index:1;
}

.page-id-5587 .demo-float-btn{
display:none !important;
}