/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');


#hs_cos_wrapper_widget_1753990364916 h1, #hs_cos_wrapper_widget_1753990364916 h2, #hs_cos_wrapper_widget_1753990364916 h3, #hs_cos_wrapper_widget_1753990364916 h4, #hs_cos_wrapper_widget_1753990364916 h5, #hs_cos_wrapper_widget_1753990364916 h6  {
  font-family: 'Lato', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Lato', sans-serif !important;
  letter-spacing: 0px !important;
}
p,span{
  font-family: Helvetica, Trebuchet MS, sans-serif !important;
}
body{
    font-family: Helvetica, Trebuchet MS, sans-serif !important;.
}

.hsfc-Button {
    font-size: 14px !important;
    width: 100% !important; 
}


.hsfc-Heading {
    margin: 0 !important;
}
.hsfc-Form{
  border-radius: 20px !important;
/* border: 1px solid rgba(0, 0, 0, 0.20) !important; */
background: #F8F8F8 !important;
box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.10) !important;
}







/* mobile responsive start from here */


 @media (max-width: 767px) {

  .stats-grid{
  grid-template-columns:repeat(2,1fr);
    padding: 40px 0px;

}

#hs_cos_wrapper_widget_1754485161425 {
    display: block !important;
    font-size: 30px !important;
    padding-right: 0px !important;

}
.counter-one:after {
    left: 50% !important;
}
  .counter-two:after {
    right: 50% !important;
}
  .DnD_Area-row-5-padding {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
   .procore-approach-container {
    width: 100%;

}


   .counter-three:after{
     top:32%;
}
 .DnD_Area-row-6-hidden {
    display: block !important;
    padding: 20px;
}
.global-d {

    margin-left: 0px;
    flex-direction: column;
}
   section#acc- {
    width: 100%;
}
   .right-img-wrap {
    width: 100%;
    text-align: right;
}
  .span12.widget-span.widget-type-cell.cell_17569064760033-padding.dnd-column {
    padding: 20px !important;
}
   .hs-acc .acc-body {
    display: block;
    padding: 0 0px 0 10px;
}
   .hs-acc .acc-title {
    
    font-size: 18px;
}
   .DnD_Area-row-1-padding {
    padding-top: 25px !important;
    padding-bottom: 0px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
   
footer {
    background: #0D1844;
    color: #fff;
    padding: 30px 10px !important;
}
.footer-container {
    display: grid
;
    grid-template-columns: auto !important;
    gap: 20px;
}
   .newsletter {
    margin-bottom: 30px;
    display: flex
;
    gap: 20px;
    flex-direction: column !important;
    justify-content: space-between;
}
   .footer-links-container {
    display: grid
;
    grid-template-columns: 1fr 1fr !important;
    gap: 30px;
}
   .newsletter-box {
    display: flex
;
    align-items: center;
    gap: 20px;
    width: 100%;
}
.footer-bottom::before {
    width: 10%;
}
.footer-bottom::after
 {
    width: 10%;
}
   .blog-featured {
  
    gap: 4px;
    flex-direction: column;

}
   .DnD_Area-row-13-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 10px;
}

.DnD_Area-row-11-padding {
    padding-top: 0px !important;
    padding-bottom: 50px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
   #hs_cos_wrapper_module_1754320636045 {
    
    padding-bottom: 20px !important;
    padding-right: 10px !important;
    padding-top: 10px !important;
}
   .card-grid {
    display: grid
;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 20px;
    max-width: 900px;
    margin: 0 auto;
}
.cell_17543099730833-padding {
    padding-top: 10px !important;
}
   #hs_cos_wrapper_widget_1754309377940 h2{
    
    font-size: 35px !important;
}

.DnD_Area-row-9-padding {
    padding-top: 20px !important;
    padding-bottom: 80px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
   .cell_17543099730834-padding {
    padding-left: 0px !important;
}

   .hs-acc .acc-inner p {
    font-size:16px !important;
}
   .DnD_Area-row-6-padding {
    padding-top: 40px !important;
    padding-bottom: 50px !important;
     padding-right:20px !important;
     padding-left:20px !important;
}
 #hs_cos_wrapper_widget_1753992276972 h2, #hs_cos_wrapper_widget_1754485096527 h2, #hs_cos_wrapper_widget_1754325570195 h2, #hs_cos_wrapper_widget_1754485161425 h2, #hs_cos_wrapper_widget_1753990364916 h1, #hs_cos_wrapper_widget_1754314530260 h2, #hs_cos_wrapper_widget_1754319623900 h2, #hs_cos_wrapper_widget_1754319623900 h2, #hs_cos_wrapper_widget_1754320259662 h2, #hs_cos_wrapper_module_1754320599032 h2, #hs_cos_wrapper_module_17543206059773 h2, #hs_cos_wrapper_widget_1754326898681 h2,#hs_cos_wrapper_widget_1754404541247 h2,#hs_cos_wrapper_module_1754416838091 h2  {
    font-size: 35px !important;
}
   .tabs {
    display: flex
;
  
    flex-direction: row !important;
    overflow: scroll !important;
    
}
.tab-1.active, .tab-3.active, .tab-4.active {
    grid-template-columns: repeat(1, 1fr) !important;
   }
.recent-blogs {

    padding: 40px 10px 0 0;
}
   .tab-content.active {
 
    grid-template-columns: repeat(1, 1fr) !important;

}
   .tab-2 .card, .tab-5 .card, .tab-6 .card {
    display: flex
;
    gap: 5px;
    flex-direction: column-reverse !important;
}
   .tabs-content {
   
    margin-bottom: 40px !important;
}

img.right-img {
    height: 305px;
    object-fit: cover;
}
   
#hs_cos_wrapper_widget_1754415473406 {

    padding-top: 0px !important;
   
}
#hs_cos_wrapper_widget_1753990364916 {
  
    padding-bottom: 0px !important;
    text-align: center !important;
}
   
   #hs_cos_wrapper_widget_1754678859862 h1, #hs_cos_wrapper_module_1756984891082 h1 {
    color: #FFFFFF !important;
    font-size: 33px !important;
    padding: 10px !important;
    text-align: center !important;
}
   #widget_1754683703435 {
    
    margin-bottom: 20px;
}
       .scs-card {
        padding: 20px 0px;
    }
.sp-subtitle {
    color: #000;
    font-size: 18px;
    margin: 20px 0px 0 !important;
}
   .row-fluid-wrapper.row-depth-1.row-number-8.DnD_Area-row-2-background-layers.DnD_Area-row-2-force-full-width-section.DnD_Area-row-2-padding.dnd-section.DnD_Area-row-2-background-image {
    padding: 40px 0px !important;
}
   .sp-card {
 padding:10px;
   }
   .span7.widget-span.widget-type-cell.cell_1755709061908-padding.dnd-column {
    padding: 10px !important;
}
   #hs_cos_wrapper_widget_1755709101340 {
   
    padding-right: 0px !important;
}
   #hs_cos_wrapper_widget_1755709101340 h2,#hs_cos_wrapper_widget_1755771455580 h2, #hs_cos_wrapper_module_17557710898098 h2,#hs_cos_wrapper_module_17557711854745 h2, #hs_cos_wrapper_widget_1755779837564 h2, #hs_cos_wrapper_module_17557712766066 h2,#hs_cos_wrapper_module_17569950472966 h2,#hs_cos_wrapper_module_17569982796556 h2 {
    font-size: 28px !important;
}
#hs_cos_wrapper_widget_1755709120309 {
    padding-right: 0px !important;
}
   .process-section p {
   
    margin: 50px 0px 0 !important;

}
   .row-fluid-wrapper.row-depth-1.row-number-21.DnD_Area-row-6-padding.dnd-section.DnD_Area-row-6-max-width-section-centering
{
  padding: 30px 20px !important;
   }
   #hs_cos_wrapper_widget_1755771478874{
     padding-right:0 !important;
   }
.span6.widget-span.widget-type-cell.cell_17557714463314-padding.dnd-column {
    padding: 10px !important;
}
   
   .hs-tools-section h2{
   font-size:28px !important;
     line-height:25px !important;
   }
   
.testimonial-section {
   
    padding: 60px 0px !important;
}
   div#module_17569848910823 {
    margin-bottom: 20px;
}

.benefits {
   
    grid-template-columns: auto;
    
}
   .benefit-section p.subtitle {
  
    margin: 25px 0px 40px !important;

}
   .hr-svg {
    display: none;
}
.row-fluid-wrapper.row-depth-1.row-number-10.dnd-section.DnD_Area-row-3-background-image.DnD_Area-row-3-padding.DnD_Area-row-3-background-layers {
    padding: 50px 0px !important;
}
.framework-section h2 {
    font-size: 28px !important;
   
}
.framework-section p {

    padding: 0 0px 30px !important;
}
   .framework-section {
    margin: auto;
    padding: 60px 20px 20px !important;
    text-align: center;
}
   .ms365-wrap {
    padding: 10px !important;
}
   section.ms365-slab {
    padding: 10px !important;
}
   .ms365-cta {
     padding: 20px !important;}
   .hs-fw-head p {
    
    margin: 30px 0px 0 !important;
}
   #hs_cos_wrapper_widget_1756995292492 {
     
    padding-left: 0px !important;
    padding-right: 0px !important;
}
   #hs_cos_wrapper_widget_1756995324670 {

    padding-left: 0px !important;
    padding-right: 0px !important;
   }
   .span6.widget-span.widget-type-cell.dnd-column.cell_17569951821454-padding {
    padding: 20px !important;
}
   #hs_cos_wrapper_module_17569982796556 {
    padding-right: 0px !important;
}
   .row-fluid-wrapper.row-depth-1.row-number-1.DnD_Area-row-0-background-image.DnD_Area-row-0-background-layers.DnD_Area-row-0-padding.dnd-section.DnD_Area-row-0-max-width-section-centering {
    padding: 100px 10px !important;
}

/*    Contact page css */
#hs_cos_wrapper_widget_1754566843313 h1 , #hs_cos_wrapper_widget_1755536860753 h1{
  color: #FFFFFF !important;
    font-size: 33px !important;
    padding: 10px !important;
    text-align: center !important;
   }
.cell_17545662094002-padding {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top:20px;
}
   #hs_cos_wrapper_module_1756480909099 h2, #hs_cos_wrapper_module_17592645494197 h2, #hs_cos_wrapper_module_17592645609043 h2, #hs_cos_wrapper_module_17545699936627 h2, #hs_cos_wrapper_module_17545704974095 h2{

     font-size: 28px !important;
   }

section.country2-cards-wrapper {
    padding: 10px 20px;
}
   
   .module_17592645609047-flexbox-positioning {

    align-items: center !important;
   
}
   
   .span8.widget-span.widget-type-cell.cell_17592645609037-vertical-alignment.dnd-column {
    padding: 0 14px !important;
    margin: 0 !important;
}
   #hs_cos_wrapper_module_1759264560905 {
  
    text-align: center !important;
}
   section.cards-wrapper {
    padding: 0 10px;
}
.blog-featured .image-wrapper img {
    width: 345px;
}
 
/*    about us page  */
   
#hs_cos_wrapper_widget_1755536860753 h1{

    color: #FFFFFF !important;
    font-size: 33px !important;
    padding: 10px !important;
    text-align: center !important;
   }
   div#hs_cos_wrapper_widget_1755536951579 {
    padding: 20px 0 !important;
   
}
   #hs_cos_wrapper_widget_1755536951579 span{
     line-height: 26px !important;
   }
    #hs_cos_wrapper_widget_1755538084046 h2, #hs_cos_wrapper_module_17588962163923 h2, #hs_cos_wrapper_module_17556152061673 h2, #hs_cos_wrapper_module_17556147274813 h2 {

     font-size: 28px !important;
   }
   .custom-card {
    
    width: 100%;
}
   .row-fluid-wrapper.row-depth-1.row-number-2.DnD_Area-row-2-background-layers.DnD_Area-row-2-padding.dnd-section.DnD_Area-row-2-background-color.DnD_Area-row-2-max-width-section-centering {
    padding: 0 20px;
}
   .row-fluid-wrapper.row-depth-1.row-number-7.DnD_Area-row-3-max-width-section-centering.dnd-section.DnD_Area-row-3-background-image.DnD_Area-row-3-padding.DnD_Area-row-3-background-layers {
    padding: 20px;
}
   .row-fluid-wrapper.row-depth-1.row-number-10.DnD_Area-row-4-max-width-section-centering.DnD_Area-row-4-background-layers.dnd-section.DnD_Area-row-4-background-image.DnD_Area-row-4-padding {
    padding: 20px;
}
.row-fluid-wrapper.row-depth-1.row-number-13.DnD_Area-row-5-max-width-section-centering.DnD_Area-row-5-background-layers.DnD_Area-row-5-padding.dnd-section.DnD_Area-row-5-background-color {
    padding: 60px 20px !important;
}

.row-fluid-wrapper.row-depth-1.row-number-16.DnD_Area-row-6-padding.DnD_Area-row-6-background-image.dnd-section.DnD_Area-row-6-background-layers.DnD_Area-row-6-max-width-section-centering {
    padding: 40px 20px;
}

.row-fluid-wrapper.row-depth-1.row-number-20.DnD_Area-row-7-background-layers.DnD_Area-row-7-background-image.dnd-section.DnD_Area-row-7-max-width-section-centering.DnD_Area-row-7-padding {
    padding: 20px;
}
.row-fluid-wrapper.row-depth-1.row-number-25.DnD_Area-row-8-background-color.dnd-section.DnD_Area-row-8-background-layers.DnD_Area-row-8-padding.DnD_Area-row-8-max-width-section-centering {
    padding: 20px;
}
   #hs_cos_wrapper_module_1758896228128 {
 
    text-align: center;
}
   #hs_cos_wrapper_module_17588962163923 {
    
    text-align: center;
}
#hs_cos_wrapper_widget_1755615339119 {
    text-align: center;
}
   span#hs_cos_wrapper_widget_1758894192545_ {
    display: none;
}
.module_17588942116693-flexbox-positioning {
    flex-direction: column !important;
    align-items: center !important;
}
   .DnD_Area-row-12-padding {
    padding-top: 180px !important;
    padding-bottom: 180px !important;
    padding-right: 20px;
    padding-left: 20px;
}

   .country2-name {
    color: #FFF;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 12px;
    padding: 10px 20px 0;
}

.stats-wrapper {
    grid-template-columns: repeat(1, 1fr);
}



/*    procore page css */
   .cell_17591677100063-row-2-padding {
    padding-right: 10px !important;
}
   #module_175916771000611 .custom-btn {
     margin-top:20px !important;
   }

   .span11.widget-span.widget-type-cell.cell_17591677100063-vertical-alignment.dnd-column {
    padding: 150px 0 60px;
}
   div#hs-form-island-hs_form_target_module_17591726527576 {
    margin-top: 30px;
     padding:10px;
}
div#hs_cos_wrapper_module_17591726527574 {
    padding: 10px;
}
   .DnD_Area-row-4-padding {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.sp-card-title{
  width:100% !important;
  font-size:25px;
   }
   
   
.procore-approach-info {
    flex-direction: column;
}
   div#hs_cos_wrapper_widget_1759234821229 {
    padding: 0 10px;
}
   div#hs_cos_wrapper_widget_1759234849752 {
    padding: 0 10px;
}

div#hs_cos_wrapper_widget_1759238177413 {
    padding: 10px !important;
}
   .custom-integration-slider-section {
    margin-left: 0px;
    overflow: hidden;
    padding: 60px 20px;
}
   .custom-int-slide {
    
    flex: 0 0 100%;
    min-width: 100%;
     padding: 60px 10px;
    
}
   .custom-int-slider {

    gap: 20px;

}
   div#hs_cos_wrapper_widget_1759259413063 {
    padding: 10px !important;
}
 #widget_1759259474071 .custom-btn{
   width:100% !important;
   margin-bottom:30px;
   }
   #hs_cos_wrapper_module_17591813942527 h2, #hs_cos_wrapper_module_17592638169306 h2{
     font-size: 28px !important;
   }
   div#hs_cos_wrapper_module_17591813942528 {
    padding: 10px !important;
}
   #hs_cos_wrapper_module_17592638169306{
     padding-right: 0px !important;
     padding-top:20px;

   }
   .custom-int-slider-nav {
    display: flex
;
    gap: 10px;
    position: absolute;
    right: -5px;
    top: -75px;
    transform: translateY(-50%);
    z-index: 10;
}

   .custom-int-slider-wrapper {
    margin-top: 100px;
    position: relative;
}

   
/*    sharepoint css  */
   #hs_cos_wrapper_module_17588876910227 h1{
     color: #FFFFFF !important;
    font-size: 33px !important;
    padding: 10px !important;
    text-align: center !important;
   }
#module_175888769102210 .custom-btn{
  margin-top:30px;
   }
   div#hs_form_target_widget_1755708768673-r {
    margin-top: 20px;
}
 .DnD_Area-row-3-padding {

    padding: 0 20px !important;
}


.DnD_Area-row-7-padding {
    
    padding: 40px 20px !important;
}
    .hs-tool img, .hs-tool-placeholder {
        width: 81px !important;
        height: 81px !important;
    }
       .hs-tool span {
        font-size: 30px !important;
        transform: translateX(0);
    }
       .hs-tools-grid {
        justify-content: flex-start !important;
    }
   .hs-tools-section {
    width: 100%;
    padding: 0px 20px !important;
   }
   .DnD_Area-row-10-padding {
    padding: 80px 20px !important;
}
   #hs_cos_wrapper_widget_1755779837564 {
    display: block !important;
    font-size: 49px !important;
    padding-right: 0 !important;
}
   #module_175888769102210 .custom-btn{
     width:100% !important;
   }
   #module_17588876910229 .custom-btn {
          width:100% !important;
   }
   
   
/*    devops css responsive  */
   
       h1 {
        font-size: 33px !important;
         text-align:center !important;
    }
   
   #module_17563830108953 .custom-btn{
     width:100% !important;
     margin-top:30px;
   }
   #module_17563830108952 .custom-btn{
     width:100% !important;
   }
   div#hs_form_target_module_17563830312205-r {
    margin-top: 30px;
}
   .benefits-left-content {
    color: #fff;
    padding: 25px;
    position: relative;
    z-index: 2;
}
   #hs_cos_wrapper_module_17564784350474 {
   
    padding-right: 0px !important;
}
   #hs_cos_wrapper_module_17564784350474 h2, #hs_cos_wrapper_module_17564784528674 h2{
   font-size:28px !important;}
   .comparison-header h2 {
 
    margin-bottom: 0px;
    text-align: center;
}
   h2{
     font-size:28px !important;
   }
   
   
/*    Microsoft css */
   .span6.widget-span.widget-type-cell.cell_17569951821453-background-layers.cell_17569951821453-padding.cell_17569951821453-background-image.dnd-column {
    padding: 40px 20px !important;
}

   #hs_cos_wrapper_widget_1756995292492 h2{
font-size:28px !important;
   }
   span#hs_cos_wrapper_module_17569848910822_ {
    text-align: center;
}
   
   #module_17569848910823 .custom-btn{
     width:100% !important;
   }
}

/* tab responsive  */

@media screen and (min-width: 768px) and (max-width: 1100px) { 
    .header-logo img {
    height: 33px;
}
  .header-nav ul {
    display: flex
;
    gap: 8px;
  }
  .header-nav ul li a {

    font-size: 13px;
    
}
  .header-btn {

    font-size: 11px !important;
    
    padding: 8px 10px;
    
}
  .header-wrapper{
        justify-content: space-between;
  }
.header-mega-inner {

    grid-template-columns: auto auto;
    max-width:100%;
}
  .header-mega {
    left: -266px;
    
    top: 100%;
    width: 740px;
}
  .header-insights {
    left: -350px;
   
    width: 740px;
}
  .header-lang {

    padding: 7px 6px;
}
  .menu-icon {
    height: 7px;
    margin-left: 0px;
    vertical-align: middle;
    width: 7px;
}

}