/* @import url('http://example.com/example_style.css'); */ @import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'); @import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css'); @import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css'); @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@300;400;500;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap'); @import url('https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css') /***********************************************/ /* CSS @imports must be at the top of the file */ /* Add them above this section */ /***********************************************/ /* Containers */ /* Colors */ .commissioner { font-family:"commissioner",san-serif } /* Typography */ /* 1e. Forms */ .content-wrapper,.wrapper { max-width: 1230px; } .dnd-section { padding: 80px 20px; } .dnd-section > .row-fluid, .dnd-section .wrapper { max-width: 1230px; } .row-fluid { display: flex; flex-wrap: wrap; width: 100% } .row-fluid [class*=span] { min-height: 1px; width: 100% } * { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } html { font-size: 18px; scroll-behavior: smooth; } body { font-family: Rubik; font-style: normal; font-weight: 400; text-decoration: none; color: #1E4360; line-height: 1.3; overflow-x: hidden; font-weight: 400; margin:0; padding:0; } /* body.loaded{ opacity:1; } */ h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a ,h6 a{ margin:0; padding:0;font-weight: 700; } h1,.h1 { font-weight: 700; text-decoration: none; font-family: Rubik; font-style: normal; color: #1E4360; font-size: 60px; line-height: 1.18; } h2,.h2 { font-weight: 500; text-decoration: none; font-family: Rubik; font-style: normal; color: #1E4360; font-size: 48px; line-height: 1.2; } h3,.h3 { font-weight: 400; text-decoration: none; font-family: Rubik; font-style: normal; color: #1E4360; font-size: 40px; line-height: 1.2; font-weight: 700; } h4,.h4 { font-weight: 400; text-decoration: none; font-family: Rubik; font-style: normal; color: #1E4360; font-size: 35px; line-height: 1.2; font-weight: 700; } h5,.h5{ font-weight: 400; text-decoration: none; font-family: Rubik; font-style: normal; color: #1E4360; font-size: 18px; line-height: 1.2; font-weight: 700; } h6,.h6 { font-weight: 400; text-decoration: none; font-family: Rubik; font-style: normal; color: #1E4360; font-size: 16px; line-height: 1.2; font-weight: 500; } ::placeholder { color:#999999 !important; } input, textarea, select { font-family:inherit; } select { color:#999999; -webkit-appearance: none; -moz-appearance: none;appearance:none; } .Font84 span { font-size: 84px; line-height: 1.2; } .font22{ font-size: 22px; } .font24{ font-size: 24px; } .font20{ font-size: 20px; } .font18{ font-size: 18px; } .font16{ font-size: 16px; } .text-center { text-align:center; } .ib { display:inline-block; } ul, li { padding:0; margin:0; list-style:none; } .set-bg, .bg{ background-size:cover; background-position:center; position:relative; } img { max-width:100%; height:auto; border:none; vertical-align:middle; } a { text-decoration:none; color:#FF5E64; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s;display:inline-block; } a:hover { color:#1E4360; } p { margin:0; } * + h1, * + h2 { margin-top:35px; } * + h3, * + h4 { margin-top:30px; } * + h5, * + h6 { margin-top:25px; } * + p { margin-top:20px } input[type=submit] { cursor:pointer; background-image:url(https://3476449.fs1.hubspotusercontent-na1.net/hubfs/3476449/Treadstone_Risk_Management%20%20FEB%20-%202018/blank.png) !important; background-repeat:repeat !important; } .wrapper { width: 100%; float:none !important; display:block; margin:0 auto !important; padding-left: 15px; padding-right: 15px; } .clearfix { display:block; } .clearfix:before,.clearfix:after { content:''; width:100%; display:table; } /* For Hubspot >>>>>> */ body .row-fluid [class*="span"] { min-height:0px; } body .row-fluid [class*="span"].widget-type-space { min-height:1px; } /* <<<<<< For Hubspot */ .bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6 { font-weight:700; } .semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6 { font-weight:600; } .medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6 { font-weight:500; } .normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6 { font-weight:400; } .light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { font-weight:300; } .primary , .primary h1, .primary h2, .primary h3, .primary h4, .primary h5, .primary h6 , .primary a { color:#1E4360; } .secondary , .secondary h1, .secondary h2, .secondary h3, .secondary h4, .secondary h5, .secondary h6 , .secondary a { color:#FF5E64; } .blue_color , .blue_color h1, .blue_color h2, .blue_color h3, .blue_color h4, .blue_color h5, .blue_color h6 , .blue_color a { color:#347FAD; } .white , .white h1, .white h2, .white h3, .white h4, .white h5, .white h6 , .white a ,.white p { color:#FFFFFF; } .light-white , .light-white h1, .light-white h2, .light-white h3, .light-white h4, .light-white h5, .light-white h6 ,.light-white p.h6 , .light-white a { color:#FFFFFFb8; } .black , .black h1, .black h2, .black h3, .black h4, .black h5, .black h6 , .black a { color:#121D2A; } .cyan_blue { color: #1E3460; } .light_blue_opacity { background-color:#FFFFFF33 } .light_blue_bg { background-color:#CBF4FA; } .primary_bg, .primary_bg a { background-color:#1E4360; } .secondary_bg, .secondary_bg a { background-color:#FF5E64; } .dark_blue_bg, .dark_blue_bg a { background-color:#0D192F; } .blue_color_bg, .blue_color_bg a { background-color:#347FAD; } .light_grey_bg, .light_grey_bg a { background-color:#0D192F } .white_bg { background-color:#FFFFFF; } .lora { font-family:'lora',sans-serif }; .noListStyle ul, .listStyle ul { margin:0; padding:0; list-style:none; } .listStyle * + ul { margin-top:15px; } .listStyle ul li { padding-left:14px; position:relative; } .listStyle ul li + li {margin-top:3px;} .listStyle ul li:before {content: "";height: 4px;left: 0px;position: absolute;top: 9px;width: 4px;border-radius: 50%;background-color:#1E4360;} .position-relative { position:relative; } .position-absolute { position:absolute; } .bg { background-size:cover;background-position:center;background-repeat:no-repeat; } .vertical-middle { vertical-align:middle; } .opacity50 h5 { opacity:0.5;letter-spacing:1.11px; } .opacity50 { opacity:0.5; } .letter-spacing1{letter-spacing:1.11px;} .ml8 { margin-left:8px; } .letter-spacing5 , .letter-spacing5 p , .letter-spacing5 h4 { letter-spacing:-0.5px; } .style-italic p { font-style:italic; } .lh0 { line-height:0; } /* Text Alignment */ .uppercase { text-transform: uppercase; } .text-center { text-align:center; } .text-right { text-align:right; } .text-left { text-align:left; } /* flex */ .d-flex{display:flex} .flex-start{justify-content: flex-start;} .flex-end{justify-content: flex-end;} .align-center{align-items:center;} .align-end{align-items: flex-end;} .space-between{justify-content:space-between;} .space-around{justify-content:space-around;} .justify-center{justify-content:center;} .direction-column{flex-direction: column;} .row-reverse{flex-direction: row-reverse;} .align-stretch{align-items: stretch;} .flex-wrap{flex-wrap: wrap;} .position_relative { position: relative; } .position_absolute { position: absolute; } .z_index_1 { z-index: 1; } .fl { float:left; } .fr { float:right; } .fl { float:left; } .fr { float:right; } .ib { display: inline-block; vertical-align:middle; margin-right:-4px; } .ib.vt { vertical-align:top; } .w16 { width: 16.66%; } .w20 { width: 20%; } .w25 { width: 25%; } .w30 { width: 30%; } .w33 { width: 33.33%; } .w40 { width: 40%; } .w50 { width: 50%; } .w60 { width: 60%; } .w66 { width: 66.66%; } .w70 { width: 70%; } .w75 { width: 75%; } .w80 { width: 80%; } .w100 { width: 100%; } .pb5,.p5-0 { padding-bottom:5px; } .pb10,.p10-0 { padding-bottom:10px; } .pb15,.p15-0 { padding-bottom:15px; } .pb20,.p20-0 { padding-bottom:20px; } .pb24,.p24-0 { padding-bottom:24px; } .pb25,.p25-0 { padding-bottom:25px; } .pb30,.p30-0 { padding-bottom:30px } .pb32,.p32-0 { padding-bottom:32px; } .pb35,.p35-0 { padding-bottom:35px } .pb40,.p40-0 { padding-bottom:40px; } .pb45,.p45-0 { padding-bottom:45px; } .pb50,.p50-0 { padding-bottom:50px; } .pb60,.p60-0 { padding-bottom:60px; } .pb70,.p70-0 { padding-bottom:70px; } .pb80,.p80-0 { padding-bottom:80px; } .pb90,.p90-0 { padding-bottom:90px; } .pb100,.p100-0 { padding-bottom:100px; } .pb125,.p125-0 { padding-bottom:125px; } .pt5,.p5-0 { padding-top:5px; } .pt10,.p10-0 { padding-top:10px; } .pt15,.p15-0 { padding-top:15px; } .pt20,.p20-0 { padding-top:20px; } .pt24,.p24-0 { padding-top:24px; } .pt25,.p25-0 { padding-top:25px; } .pt30,.p30-0 { padding-top:30px; } .pt32,.p32-0 { padding-top:32px; } .pt35,.p35-0 { padding-top:35px; } .pt40,.p40-0 { padding-top:40px; } .pt45,.p45-0 { padding-top:45px; } .pt50,.p50-0 { padding-top:50px; } .pt60,.p60-0 { padding-top:60px; } .pt70,.p70-0 { padding-top:70px; } .pt80,.p80-0 { padding-top:80px; } .pt90,.p90-0 { padding-top:90px; } .pt100,.p100-0 { padding-top:100px; } .pt120,.p120-0 { padding-top:120px; } .pt130 { padding-top: 130px; } .pb130 { padding-bottom: 130px; } .pt140,.p140-0 { padding-top:140px; } .pt150,.p150-0 { padding-top:150px; } .pl15, .p15 { padding-left:15px; } .pl32, .p32 { padding-left:32px; } .pr15, .p15 { padding-right:15px; } .pt15, .p15 { padding-top:15px; } .pb15, .p15 { padding-bottom:15px; } .pl0,.p0-0 { padding-left:0; } .pr0,.p0-0 { padding-right:0; } .pt0,.p0-0 { padding-top:0; } .pb0,.p0-0 { padding-bottom:0; } .p90-0 { padding-top: 90px;padding-bottom: 90px; } .pb90 { padding-bottom: 90px; } .pd10{ padding: 10px; } .pd15{ padding: 15px; } .pd20{ padding: 20px; } a:hover span svg path { transition:all 0.3s ease } a:hover span svg path { stroke: #1E4360; } .line-height-32 p { line-height:1.778 } .font36 { font-size:36px;line-height:1.195 } /************** Header *************/ header { background-color:transparent; } header { position: absolute; width: 100%; z-index: 999; top: 0; left: 0; } header a { color:#191C32; } header a { font-size: 16px; line-height:1.3125; } /* header .navigation ul { display: flex; gap: 50px; align-items: center; } */ .button a { background-color:#FF5E64; color:#FFFFFF; padding: 17px 29px; border-radius: 10px; } header a { font-size: 16px; line-height:1.3125; } header a:hover { color: #347fad; } header .navigation { width:583px; } .d-flex { display:flex; } .align-center { align-items:center; } .justify-center { justify-content:center; } .justify-between { justify-content:space-between; } .justify-around { justify-content:space-around; } .nav-right-side.header_menu_cta_inner_section { display: flex; align-items: center; flex-wrap: wrap; } .navigation { display:flex; } .header_right_menu_section { width: calc(100% - 459px); } .header-wrapper { width:100%;max-width:1287px;margin:0 auto; } .header_right_module > ul > li > a { display: inline-block; position: relative; padding : 46px 10px 46px 0;} .header_section_main.result_hover { background-color: #fff; } .header_cta a { background-color: transparent; border: 2px solid #347fad;padding: 6px 18px; color: #347fad; position: relative; background-size: 300%; background-image: linear-gradient(90deg, transparent 50%, #347fad 50%); } .header_cta a:hover { background-color: #347fad; color: #fff; border-color: #347fad; background-position: 100%; transform: translateX(0.5rem);} .header_right_module > ul { margin: 0; padding: 0; display : flex; align-items : center;} .header_right_module > ul > li:hover > a { color: #347FAD;} .header_right_module ul li.without_child_menu .child_item { display: none; } .header_right_module>ul>li>a > i { font-size: 16px; line-height : 1; padding-top : 2px; vertical-align: middle; padding-left: 5px; color: #000; font-weight: 700;} .header_right_module>ul>li:hover>a > i { transform: rotatex(180deg); color : #347fad; margin-top :6px;} .header_right_module > ul > li.without_child_menu >a i { opacity : 0; visibility : hidden; display : none} .header_section_inner { display: flex; align-items: center; justify-content: space-between;} .header_right_module ul li { list-style: none; } .child_menu_content_logo { display: flex; align-items: flex-start; } .child_menu_content_logo .child_menu_logo { width: 33px; height: 33px; margin-right: 22px; } .child_menu_content_logo .child_menu_logo img { width: 100%; height: 100%; object-fit: contain; } .child_menu_content_logo .child_menu_title span { font-size: 18px;font-weight: 500; font-family: 'lato',sans-serif; line-height: 1.7;} .child_menu_content_logo .child_menu_content span { font-size: 12px; font-weight: 400; line-height: 1.5; font-family: 'lato',sans-serif; padding-top: 5px;} .header_left_section { position: relative; z-index: 20; width: 115px; padding : 36px 0 } .header_right_module > ul > li >a { position: relative;z-index: 20; display: flex; align-items: center; justify-content: center; cursor: pointer} .child_item { z-index : 8; position: absolute; top: 100%;width: 100%; opacity: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;-webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: top center; -ms-transform-origin: top center; left: 0; background-color: #fff;padding: 11px 0 18px;visibility: hidden; } /* .child_item { z-index : 1; position: absolute; top: 100%;width: 100%; left: 0; background-color: #fff; padding: 11px 0 18px;} */ .child_menu_strip2nd { padding-top : 18px; } .header_right_module ul li:hover .child_item { background-color: #fff; visibility: visible;opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg);} .child_item .border_bottom { border-bottom: 1px solid #333333;} .child_menu_strip1st ul {padding: 0 0 30px; margin: 0 -9.5px; display: flex; width: 100%; gap: 20px !important;flex-wrap: wrap; } .border_bottom { position: absolute; width: 100%; left: 0;} .header_section_main {position: absolute; width : 100%; top : 0; left : 0; z-index : 999; } .child_menu_strip1st ul li { display: inline-block; width: calc(33.33% - 13.5px ); margin-right: -4px; vertical-align: top; padding: 0;} .child_group_inner { max-width: 1180px; margin: 0 auto; padding-left : 15px; padding-right : 15px; } .social_title p { margin: 0; font-size: 18px; color: #333333; font-weight: 500; font-family: 'lato',sans-serif; line-height: 1.6; } .social_menu ul li a i { color: #347FAD; font-size: 23px; } .social_menu ul li a { display: inline-block; } .social_menu ul li {padding: 0 5px;} .social_menu ul { margin: 0 -5px;} .menu_right_side_social_links { display: flex; align-items: center; } .social_title { padding-right: 10px; } .child_menu_strip2nd { display: flex; align-items: center; justify-content: space-between;display:none; } .header_right_module > ul { margin: 0; } .child_menu_strip1st ul li a { display: inline-block; padding: 15px 50px 15px 30px; width: 100%;height:100%; background-color: #F0F8FC; border-radius: 7px; position:relative; transition:all 0.3s ease; left:0; background-image:linear-gradient(90deg, #F0F8FB 50%, #dbf4fa 50%); background-size:300%; } .child_menu_strip1st ul li a:hover { left:5px; background-position: 100%; transform: translateX(5px); } .child_menu_content_section { width: calc(100% - 33px);} .menu_left_side_cta a { display: inline-block; color: #347FAD; font-weight: 700; font-size: 18px; font-family: 'Lora',sans-serif; line-height: 1.6; border-bottom: 2px solid#347FAD; position:relative; left:0; } .menu_left_side_cta a:hover { animation: move 1s infinite; } @keyframes move { 0%, 100% {left: 0px;} 50% {left: 5px;} } .menu_left_side_cta a i { font-size: 25px; vertical-align: middle; margin-left: 5px; } /* .header_right_menu_section .header_menu_cta_inner_section{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } */ .header_cta.buttonv1 { max-width: calc(100% - 750px);} .child_menu_strip2nd .menu_left_side_cta { width: 50%; } .child_menu_strip2nd .menu_right_side_social_links {width: 50%;justify-content: flex-end;} .dropdown > a:after { position: absolute; content: ''; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.4345 5.77847C2.4055 5.74457 2.2815 5.61656 2.1795 5.49732C1.538 4.79825 0.488 2.97457 0.1675 2.02007C0.116 1.87511 0.007 1.50862 0 1.31281C0 1.12518 0.036 0.946322 0.109 0.775645C0.211 0.562884 0.3715 0.392207 0.561 0.298685C0.6925 0.23848 1.086 0.144959 1.093 0.144959C1.5235 0.0514369 2.223 0 2.996 0C3.7325 0 4.4035 0.0514369 4.8405 0.128008C4.8475 0.136775 5.3365 0.230297 5.504 0.332586C5.81 0.520214 6 0.886702 6 1.27891V1.31281C5.9925 1.56824 5.8025 2.10541 5.7955 2.10541C5.4745 3.00848 4.476 4.79006 3.8125 5.50609C3.8125 5.50609 3.642 5.70775 3.5355 5.79542C3.3825 5.9322 3.193 6 3.0035 6C2.792 6 2.595 5.92343 2.4345 5.77847Z' fill='%23030229'/%3E%3C/svg%3E%0A"); width: 6px; height: 6px; background-repeat: no-repeat; right: -4px; top: 48%; } .navigation.header_right_module ul { gap: 50px; } /************** Footer *************/ footer li a { font-size: 16px; line-height:1.425; } .social-media-icons svg { width: 18px; height: 18px; fill: #fff; } .social-media-icons ul { gap: 20px; } footer a:hover { color:#FF5E64; } .social-media-icons li:hover svg { fill:#FF5E64; } footer .getintouch { width: 185px; margin: 0; } footer .footer-inner { max-width: 932px; margin: 0 auto; width: 100%; } .font14 p , .font14 a, .font14 { font-size:14px;line-height:2; } footer .footer-top { width:802px;margin:0 auto; } .upper-content p { line-height:1.75; } footer .footer-mid-menu li { padding-bottom:24px; } .policies { gap:28px; } .footer-bottom-strip { border-top: 1px solid rgba(255, 255, 255, 0.64); } .mr8 { margin-right:8px; } .footer-top-content { padding-top:34px } footer .lower-content { padding-top:11px; } .footer-review { padding-top:31px; } .footer-mid-menu { padding-top:41px; } .footer-menu .menu-heading , .getintouch.heading { padding-bottom:32px; } .footer-bottom-strip { padding:22px 0; } .social-media-icons a , .social-media-icons li { line-height:0; } .contact-info span { line-height: 0; vertical-align: middle; } .footer-top-box { background-color:#F8FAFF; } .top-box-heading { padding-bottom:63px; } .footer-top-box { padding: 84px 0 108px; border-radius: 15px; margin-top: -123px; width: 1170px; margin: 0 auto; margin-bottom: -90px; z-index: 2; position: relative; } .pt213 { padding-top:213px; } footer a:hover span svg path { stroke: black; fill: #ff5e64; } /**********************Home Page Banner**************************/ .tertiary-btn a { color:#1E4360;background-color:transparent; } .tertiary-btn a span{ margin-left:16px; } .tertiary-btn a:hover { color:#FF5E64; } .tertiary-btn a:hover span svg path { stroke:none; } .banner-top { padding-left:79px; } .BannerInfoBox { background-color: #F4FBFE !important; } .BannerSection span { display: inline-block; vertical-align: middle; } .g40 { gap:40px; } .BannerTop { width:1282px; } .BannerTitle { width: 628px; } .BannerRight .BannerContent { width: 500px; } .ProductBannerImage { padding-bottom: 76px; } .BannerTitle h1 { position: relative; display: inline-block; z-index: 12; } .BannerTitle h1::after { position: absolute; content: ''; width: 393.66px; height: 12px; background-color: #D0DEE6; border-radius: 1.74184px; bottom: 8px; z-index: -1; right: 24px;} /**********************Client Logo **************************/ .logo_box { padding-top:36px;padding-bottom:132px;width: 1038px;margin: 0 auto; } .clients-inner h6 { opacity:0.5; } .logo_module_image img { height: 41px!important; margin: 0 auto; object-fit: contain; width: auto; } .clients-inner h6 { display: inline-block; position: relative;} .clients-inner h6::after { position: absolute; content: ''; width: 143px; height: 7px; border-radius: 1.74184px; bottom: 0; right: -8px; background-color: #BADDE9; z-index: -1; } /*********************Compare**********************************/ .compare-outer .compare-inner { width: 100%; max-width: 1061px; margin: 0 auto; } /**************Gettoknow**************** */ .Gettoknow .two-col { width: 100%; max-width: 1297px; margin: 0 0 0 auto; } .content-side-col.left-side-col { width:605px; } .two-col-title { padding-bottom: 26px; } .two-col .two-col-title { width: 524px; } .opacity70 { opacity:0.7; } .two-col-content { padding-left: 46px; } .two-col-content::before { content: '\f00c '; position: absolute; width: 20px; height: 20px; background-color: #ff5e64; left: 14px; border-radius: 50%; color: #fff; font-family: 'FontAwesome'; font-size: 12px;line-height:1; display: flex; justify-content: center; align-items: center;top:8px; } .line-height32 ,.line-height32 p,.line-height32 h1 , line-height32 h2 , line-height32 h3 , line-height32 h4, line-height32 h5, .line-height32 h6 { line-height:1.778; } .F20lh32 p , .F20lh32 h1 , .F20lh32 h2 , .F20lh32 h3, .F20lh32 h4, .F20lh32 h5, .F20lh32 h6 { font-size:20px;line-height:1.6; } .pl30 { padding-left:30px; } .Gettoknow .two-col.row-reverse { margin: 0 auto 0 0; } /**********************Prduct Page Banner**************************/ .ProductBannerInfo {max-width: 1020px;width: 100%;margin: 0 auto;padding: 0 100px;position: relative;} .ProductBannerTitle span.ProductIcon {position: absolute;right: 0;top: -25px;width: 64px;height: auto;line-height: 0;} .ProductBannerTitle span.ProductIcon svg {width: 100%;height: auto;} .ProductBannerButton ul {display: flex;gap: 19px;justify-content: center;flex-wrap: wrap;} .ProductBannerInfoBox {padding-top: 200px;background-color: #f0f8fc;border-radius: 0 0 330px 330px;overflow: hidden;position: relative;} .ProductBannerInfoBox.ImagesUpMoveIng {padding-bottom: 497px;} .ProductBannerImageBox {margin-top: -410px;position: relative;z-index: 1;} .ProductBannerImage {max-width: 1034px;width: 100%;margin: 0 auto;border-radius: 20px;overflow: hidden;} .ProductBannerImage img {width: 100%;margin: 0 auto;} .VideoBG {height: 100%;position: absolute;top: 0;width: 100%;} .VideoBG video {height: 100%;object-fit: cover;object-position: bottom;width: 100%;} .ProductLinkBox ul {display: flex;justify-content: space-between; flex-wrap: wrap;max-width: 1075px;margin: 0 auto;width: 100%;gap: 15px;align-items: center;padding: 20px 0;} .ProductLinkBox ul li a {display: block;position: relative;} .ProductLinkBox ul li a:before {content: '';position: absolute;width: 100%;height: 7px;left: 50%;top: 50%;max-width: 143px;background: #BADDE9;border-radius: 1.74184px;transform: translate(-50% , -50%);z-index: -1;} .titlepartcolor span {color: #FF5E64;} .ProductBannerButton .button a { background: rgba(255, 94, 100, 0.2); border: 2px solid #FF5E64; color: #FF5E64; padding: 16px 32px 16px; font-weight: 700; font-size: 16px; line-height: 1; } .secondary-btn a { background-color:#347FAD; color:#fff;font-size: 16px;padding: 18px 20px;line-height: 1;border-radius:10px; } .secondary-btn a:hover { background-color:#FF5E64; } .workflow_form input.hs-button.primary.large:hover , .button a:hover { background-color: #0D192F; color: #FF5E64; } .logo_module_image { padding: 1px 20px; } /******************** Product Page Features Section ****************************/ .ProductfeaturesInfoLeft {width: 430px;} .ProductfeaturesInfoRight {width: calc(100% - 485px);} .ProductfeaturesInfoRow {display: flex;align-items: center;gap: 55px;flex-wrap: wrap;} .ProductfeaturesInner {max-width: 1140px;width: 100%;margin: 0 auto;} .line-height-18 {line-height: 1.8;} .line-height-21 {line-height: 2.188;} .primaryOp70{color: rgba(30 ,52 ,96 ,0.70);} .ProductfeaturesCardIcon {background: #FFFFFF;box-shadow: 0px 17px 60px -7px rgba(35, 37, 84, 0.05);border-radius: 12px;line-height: 0;width: 64px;height: 64px;display: flex;justify-content: center;align-items: center;} .ProductfeaturesCardIcon svg {width: 32px;height: auto;} .ProductfeaturesCardRow {display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;} .ProductfeaturesCardCol {width: calc(33.33% - 20px);background: #F8FAFF;border-radius: 12px;padding: 40px 32px 40px 24px;border: 1px solid #F8FAFF;overflow: hidden;position: relative;transition: all 0.4s ease;-moz-transition: all .4s ease;-webkit-transition: all .4s ease;-o-transition: all .4s ease;} .ProductfeaturesCardCol:hover {background: #FFFFFF;border: 1px solid #EEEEEE;box-shadow: -20px 20px 30px rgba(50, 120, 166, 0.05);} a.ProductfeaturesCardLink {position: absolute;display: block;width: 100%;height: 100%;left: 0;top: 0;} .IconCta a {display: flex;align-items: center;gap: 9px;font-size: 16px;font-weight: 700;} .IconCta {display: inline-block;} .IconCta .icon {line-height: 0;} .ProductfeaturesInfoRight.featurescontent { width: calc(100% - 778px); } .ProductfeaturesInfoLeft.featuresheading { width:755px; } .ProductfeaturesInfoRow.feature-top-part { gap:23px;width:1205px; } .ProductfeaturesInfoTitle h4 { letter-spacing: -0.5px; } .ProductPartnerLogo img {margin: 0 auto;height: 41px !important;width: auto;object-fit: contain;} .ProductPartnerLogo {padding: 10px 20px;} /******************** Product Page Integration Section ****************************/ .wrapper.max1344 {max-width: 1344px !important;} .ProductIntegrationSection { padding: 220px 0 136px; } .ProductIntegrationLeft {width: 494px; position: absolute; left: 0; bottom: 35px; } .ProductIntegrationLeft img,.ProductIntegrationRight img {width: 100%;height: auto;} .ProductIntegrationRight {width: 422px; position: absolute; right: 0; bottom: 0; } .ProductIntegrationRow {display: flex;flex-wrap: wrap;align-items: center; position: relative; justify-content: center; } .ProductIntegrationInfo {width: calc(100% - 756px);padding: 16px;} /******************** Product Page Migration Section ****************************/ .ProductMigratingCardRow {background: #FFFFFF;box-shadow: 10px 24px 54px rgba(0, 0, 0, 0.06);border-radius: 10px;padding: 24px;max-width: 100%;width: 368px;gap: 24px;display: flex;position: relative;} .ProductMigratingCardIcon {background: #FFFFFF;box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.06);width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;line-height: 0;border-radius: 50%;} .ProductMigratingCardIcon svg {height: 26px;width: auto;} .ProductMigratingCardInfotext {padding-left: 10px;} .ProductMigratingCardindex {font-family: 'Rubik';font-style: normal;font-weight: 600;font-size: 100px;line-height: 118px;text-transform: capitalize;color: rgba(30, 52, 96, 0.1);position: absolute;top: 0px;left: 0;} .ProductMigratingCardMainRow {display: flex;flex-wrap: wrap;} .Max1400 {max-width: 1400px !important;} /******************** Product Page Video Section ****************************/ .ProductVideoInner {max-width: 1094px;width: 100%;margin: 0 auto;} .video-inner {padding-right: 73px;} .video-play video {border-radius: 36px;overflow: hidden;} .video-play {line-height: 0;} .play-btn-effect {right: 0;top: 50%;transform: translateY(-50%);width: 120px;border-radius: 50%;height: 120px;box-shadow: 0px 6px 36px rgba(217, 115, 97, 0.35);} .play-btn-effect svg {width: 100%;height: auto;} /**********************Request Demo Page********************************/ .RequestDemoOuter { width:1287px;margin:0 auto; } .RequestDemoLeft { width:605px; } .RequestDemoRight {align-self: flex-start; border-radius: 15px; width: calc(100% - 633px); padding: 20px 57px;box-shadow: -20px 20px 40px rgba(0, 0, 0, 0.05);background-color:#fff;margin-top:30px; } .pt170 { padding-top:170px; } .PerformanceContent li span { color: rgba(22, 41, 78, 0.7); } .gap43-100 { gap:43px 100px; } .WorldwideContent { color: #9AA5B6; } .RequestDemoRight .input .hs-input { border:none; width: 100%; padding: 18px 32px; border-radius: 12px; line-height: 1.2; font-size: 20px;background: #F8FAFF; } ::placeholder { font-size:18px; } .RequestDemoRight .input .hs-input select { font-size:18px; } .RequestDemoRight .input { padding-bottom:25px; } .RequestDemoRight .input .hs-input:focus { outline: 2px solid #EEEEEE; background-color: #ffffff; } .RequestDemo .RequestForm .submitted-message { text-align: center;} .RequestDemoRight.OnMobile { display:none; } .field { position: relative; } .field > label { position: absolute; opacity: .7; top: 19px; left: 32px;transition:all 0.3s ease-in } .label-effect > label , label-effect .hs-input:valid { top: -10px; font-size: 14px; color: rgba(30, 52, 96, 1); background-color: #fff; opacity: 1; font-weight: 600; } ul.no-list.hs-error-msgs.inputs-list { color: red; margin-top: -20px; font-size: 12px; padding-bottom: 20px; padding-left: 30px;text-align:left; } /* .RequestDemoRight select { color:transparent; } */ .RequestDemoRight input.hs-button.primary.large { background-color: #ff5e64; color: #fff; font-weight: 500; padding: 20px 43px; border-radius: 10px; font-size: 16px; border: none; transition: all 0.3s ease; } .RequestDemoRight .field textarea { height: 232px; } .RequestDemoRight .actions { text-align:center; } .PerformanceContent ul li::before { position: absolute; content: ' '; background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10.8779' r='10' fill='%23D97361'/%3E%3Cpath d='M15.0429 7.1158C14.9682 7.04043 14.8792 6.9806 14.7812 6.93978C14.6832 6.89895 14.5781 6.87793 14.472 6.87793C14.3658 6.87793 14.2607 6.89895 14.1627 6.93978C14.0647 6.9806 13.9758 7.04043 13.901 7.1158L7.90986 13.115L5.39278 10.5899C5.31516 10.5149 5.22353 10.4559 5.12312 10.4164C5.02271 10.3768 4.9155 10.3574 4.80759 10.3592C4.69969 10.3611 4.59321 10.3842 4.49423 10.4272C4.39525 10.4703 4.30572 10.5323 4.23074 10.61C4.15576 10.6876 4.0968 10.7792 4.05723 10.8796C4.01766 10.98 3.99826 11.0872 4.00012 11.1951C4.00199 11.3031 4.02509 11.4095 4.06811 11.5085C4.11113 11.6075 4.17322 11.697 4.25084 11.772L7.33889 14.8601C7.41365 14.9354 7.50259 14.9953 7.60059 15.0361C7.69859 15.0769 7.8037 15.0979 7.90986 15.0979C8.01602 15.0979 8.12113 15.0769 8.21913 15.0361C8.31712 14.9953 8.40607 14.9354 8.48083 14.8601L15.0429 8.29795C15.1246 8.22264 15.1897 8.13125 15.2343 8.02952C15.2788 7.92779 15.3018 7.81794 15.3018 7.70688C15.3018 7.59582 15.2788 7.48596 15.2343 7.38423C15.1897 7.28251 15.1246 7.19111 15.0429 7.1158Z' fill='white'/%3E%3C/svg%3E%0A"); width: 20px; height: 22px; left: 0; top: 6px; background-repeat: no-repeat; background-position: center; } .RequestDemoBacvkground.bg, .thank_you_bg.bg { width: 100%; height: 890px; z-index: -1; } .RequestDemo { padding-bottom:200px; } .WorldwidePartnerLogo img:hover { opacity: 1; } .WorldwidePartnerLogo img { opacity: .5; cursor: pointer; transition: all 0.3s ease-in; } .RequestDemoRight option { color: black; font-size: 14px; line-height: 1.5; } .RequestDemoRight select { color:#1E4360 } .RequestDemoRight select option:disabled { opacity:0;display:none; } .RequestDemoHeading h1 { display: inline-block; position: relative; } .RequestDemoHeading h1::after { background-color: #D0DEE6; border-radius: 1.74184px; bottom: 9px; content: ""; height: 12px; position: absolute; right: -10px; border-radius: 1.74184px; width: 174px; z-index: -1; } /*************************Insurance ( Pricing Page )******************************/ .font28 { font-size:28px;line-height:1.2857; } .font20lh26 { font-size:20px;line-height:1.28; } .font17lh25 { font-size:17px;line-height:1.4705; } .font14lh18 { font-size:14px;line-height:1.2857; } .Box1-Percentage span { font-size:47px;line-height:1.2765; } .InsuranceProductBox-1 { background: #347FAD; padding-left: 50px; border-radius: 11.8931px; max-width: 535px; } .font16lh30 , .font16lh30 h6 { font-size:16px;line-height:1.875; } .font21lh27 { font-size:21px;line-height:1.286; } .Box1-list span { display: inline-block; vertical-align: middle; line-height: 0; margin-right: 10px; } .secondary-btn-reverse a { padding: 22px 124px; color: #347fad; background-color: #fff; border-radius: 12px; } .secondary-btn-reverse span { padding: 8px 18px; color: #347fad; background-color: #fff; letter-spacing: 3.2px; border-radius: 60px; margin-right: 55px;display:inline-block; } .InsuranceProductBox-2 { padding-left: 44px; border-radius: 11.8931px; box-shadow: 11.8931px 28.5434px 64.2227px rgba(0, 0, 0, 0.06);max-width: 532px; } .Box2-list ul li { width: 50%; text-align: center; padding:19px 0; } .Box2-list { width:100%;max-width:454px; } .Box2-Title { color:#034446; } .Box2-Content p { color:#000; } .InsuranceProductInner .secondary-btn a { padding: 23px 151px; } .Box2-list ul li:nth-child(2) , .Box2-list ul li:nth-child(1) { border-bottom: 1.18931px solid #EEEEEE; } .Box2-list ul li:nth-child(2), .Box2-list ul li:nth-child(4) { border-left:1.18931px solid #EEEEEE; } .Box2-list ul { border:1.18931px solid #EEEEEE; } .InsuranceProductBox-2::after { content: ''; position: absolute; width: 100%; top: 96px; height: 1px; background: aliceblue; left: 0; } .InsuranceProductBox { width: 100%; max-width: 1096px; margin: 0 auto; } .Box1-Content { padding-right: 55px; position: relative; } .Box1-Content::after { position: absolute; content: ''; width: 440px; height: 1px; border-bottom: 1px solid #ffffff; bottom: 0; left: 0; opacity: 0.6; } .secondary-btn-reverse a:hover { background: #ff5e64; color: #fff; } .InsuranceProductBackground { height: 383px; bottom: 0; z-index: -1; } .InsuranceProduct { margin-bottom: 70px;} /************************** ROI CALCULATOR **********************************/ .output_box_inner { opacity: 1;} .close { cursor:pointer; } .connect_cta { padding: 10px; text-align: center;} .ROI_Calculator_field fieldset { padding: 0 !important; border: unset;} .ROI_Calculator_field fieldset input[type="number"],.ROI_Calculator_field fieldset input[type="text"] {border-color: transparent; width: 100%; border: unset; border-radius: 7px; padding: 22px 30px 21px; color: #223965; font-size: 18px; line-height: 1.1667; } /* .price_box .ROI_Calculator_field fieldset input[type="text"] { padding: 9px 30px !important;} */ .ROI_Calculator_cta a:hover { color: #347fad; background-position: 100%;} .banner_cta.connect_cta a:hover { background-color: #f0f8fc;} .banner_cta.connect_cta a { background-image: linear-gradient(90deg,#347fad 50%,#f0f8fc 50%);} .ROI_Calculator_content p { font-size: 18px; line-height: 1.66;} .ROI_Calculator { position: relative;} .ROI_Calculator_inner { position: relative;} .ROI_Calculator:before { position: absolute; content: ''; width: 100%; height: 100%; background: url(https://2590097.fs1.hubspotusercontent-na1.net/hubfs/2590097/Mask%20Group%2044.png); background-repeat: no-repeat; background-size: cover; left: 0; bottom: 0px;} .ROI_Calculator_cta a { width: 100%; display: block; text-align: center; margin:0 auto; } .price_box .ROI_Calculator_field fieldset.start_writting:before { opacity :1; } .ROI_Calculator_cta a { background-size: 300%; background-image: linear-gradient(90deg,transparent 50%,#dbf4fa 50%); transition: all ease-in-out 0.3s; color: #1e3460; border: 2px solid #FFFFFF; background-color : #fff; border-radius: 7px; font-size: 22px; padding: 22px 20px;box-shadow: -20px 20px 30px rgb(135 146 161 / 16%);} .ROI_CalculatorForm { max-width: 1096px; width: 100%;} .price_box .ROI_Calculator_field fieldset { position : relative; } .price_box .ROI_Calculator_field fieldset:before { position: absolute; content: '$'; left: 15px; top: 50%; z-index: 2; font-size: 18px; line-height: 2; font-weight: 600; transform: translateY(-50%);} .right_side_outputbox { max-width: 672px; width: 100%; background: #FFFFFF; right: 0; left: 0; min-height: 480px; display: none; margin: 0 auto; } .right_side_outputbox.openup { display:block;position:absolute;top:0;z-index: 555; box-shadow: 0 0 9px -1px #000; } .output_box_title ul,.output_title_main ul { display: flex; align-items: flex-start; justify-content: space-between;} .output_title_main ul li { width: 33.33%; font-size: 20px; font-weight: 700; font-family: 'Lato',sans-serif; color: #223965; line-height: 1.5; padding: 25px 40px; text-align: center;} .output_box_title ul li { width: 33.33%; font-size: 20px; color: #223965; line-height: 1.5; padding: 25px 26px; text-align: center; font-weight: 600; font-family: 'Lato',sans-serif;} .output_box_title ul li.output_title { font-size: 18px; color: #223965; line-height: 1.5; padding: 26.5px 26px; text-align: center; font-weight: 700;} .Roi_calc_inner_section { flex-direction:column;display: flex; align-items: center; justify-content: space-between; gap : 75px} .ROI_Calculator_FieldBox.percentage_box { width: 100%; } .g20 { gap:20px; } .ROI_Calculator_FieldBox { width:calc(50% - 10px); } .main_output_text ul li { font-size: 24px; font-weight: 600; font-family: 'Lato',sans-serif; color: #D97361; line-height: 1.5; padding: 22px 30px;} .main_output_text ul { display: flex; align-items: center; justify-content: space-between;} .main_output_text ul li.main_output_value {border-radius: 0 0 10px 0; text-align : center; width: 33.33%; font-family: 'Lato',sans-serif; color: #D97361; font-size: 20px; font-weight: 600; line-height: 1.5;padding: 25px 30px; background : #F0F8FC } .main_output_text ul li { width: 66.66%;} .range { position: relative;} .range input[type=range] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; width: 100%; height: 22px; cursor: pointer; display: block;} .range .rangeslider { position: relative; height: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .range .rangeslider:before { box-sizing: border-box; width: 100%; height:11px; background: #e6e6e6; border-radius: 100px; content: ""; position: absolute; top: 50%; transform: translateY(-50%);} .range .rangeslider-fill-lower { background-color: #D97361; border-radius: 100px; position: absolute; top: 50%; transform: translateY(-50%); height: 11px; border-radius : 3px; will-change: width;} .range .rangeslider-thumb { box-sizing: border-box; border: 2px solid #D97361; height: 16px; width: 16px; border-radius: 50%; background: #D97361; cursor: pointer; position: absolute; touch-action: pan-x; top: 50%; transform: translateY(-50%); will-change: left;} .range .range-output { position: absolute; left: 6px; top: 6px; transform-origin: 0 0; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .range .range-output { position: absolute; left: 6px; top: 6px; transform-origin: 0 0; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .range .range-output .output { position: absolute; min-width: 56px; bottom: -70px; transform: translate(-50%, -100%); background: transparent; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; line-height: 2.1; font-weight: 600; font-family: 'Lato',sans-serif; padding: 2px 10px; display: flex; align-items: center; justify-content: center;} .ROI_Calculator_field.range { margin-top: 10px;} .right_side_image_before_value { width: 530px; display: flex; align-items: center; justify-content: center; margin: 0 auto; padding: 66px 0;} .right_side_image_before_value img { width: 100%; height: 100%; object-fit: contain;} #range { -webkit-appearance: none; width: 100%; border-radius: 3px;} #range:focus { outline: none; } #range::before, #range::after { position: absolute; top: 2rem; color: #333; font-size: 14px; line-height: 1; padding: 3px 5px; background-color: rgba(0,0,0,.1); border-radius: 4px; } #range::before { left: 0;} #range::after { right: 0;} #range::-webkit-slider-runnable-track {width: 100%; height: 11px; cursor: pointer; border-radius: 4px; background: linear-gradient(90deg, #d97361 var(--range-progress), #fff var(--range-progress));} #range::-webkit-slider-thumb { -webkit-appearance: none; border: 2px solid #d97361; box-shadow: 0 1px 3px rgba(0,0,255,.3); border-radius: 50%; background: #fff; cursor: pointer; height: 16px; width: 16px;transform: translateY(calc(-50% + 3px)); } #tooltip { position: absolute; bottom: 0;} #tooltip span { position: absolute; min-width: 56px; bottom: -80px; transform: translate(-50%,-100%); background: transparent; color: #fff; border-radius: 10px; white-space: nowrap; text-align: center; border: 1px solid #fff; font-size: 14px; line-height: 2.1; font-weight: 600; font-family: 'Lato',sans-serif; padding: 2px 10px; display: flex; align-items: center; justify-content: center; } .ROI_Calculator_field.range1 {position: relative;} .output_title_main ul li:not(:first-child) { border-bottom: 1px solid rgb(34 57 101 / 30%);} .main_output_text ul li { border-top: 1px solid rgb(34 57 101 / 30%); border-bottom: 1px solid rgb(34 57 101 / 30%); border-radius: 0 !important;} .ROI_Calculator_cta { position: absolute; bottom: -32%; z-index: 20; width: 100%; max-width: 323px; margin: 0 auto; left: 0; right: 0; } .right_value_after_submit .close{ width: 40px; height: 40px; background-color: red; display: flex; align-items: center; justify-content: center; color: #fff; } /*************************Table ( Pricing Page )******************************/ .amsplansection { position: relative;} .amsplaninner { background: #fff; position: relative; border-radius: 10px; padding: 65px 68px 70px 73px;} .amsplantitle h3 { color: #121D2A; font-weight: 400; line-height: 1.5;} .toggle-button-cover { display: table-cell; position: relative; width: 251px; height: 62px; box-sizing: border-box;} .button-cover,.knobs,.layer {position: absolute;top: 0;right: 0;bottom: 0; left: 0; height: 62px;} .buttoninner {position: relative; top: 0; width: 251px;overflow: hidden; height: 100%; display: inline-block;} .buttoninner.r,.buttoninner.r .layer { border-radius: 100px;} .buttoninner.b2 {border-radius: 2px;} .checkbox { position: relative; width: 100%;padding: 0; margin: 0; opacity: 0;cursor: pointer;z-index: 3; height: 62px; line-height: 1; display: inline-block;} .knobs { z-index: 2;} .layer { width: 100%; background-color: #ebf7fc; transition: 0.3s ease all; z-index: 1;} .knobs:before,#button-8 .knobs:after,#button-8 .knobs span { position: absolute; top: 7px; width: 120px; height: 48px; transition: 0.3s ease all; border-radius: 50px; justify-content: center; font-family: 'Lora'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 1.3; display: flex; align-items: center; text-align: center; color: #121D2A; background: transparent;} .knobs:before { content: "Monthly"; color: #fff; left: 7px;} .knobs:after {content: "Yearly"; left: 50%;} .knobs:before,#button-8 .knobs:after {z-index: 2;} .knobs span { left: 7px; background-color: transparent; z-index: 1;} .checkbox:checked + .knobs span { background-color: transparent;} .checkbox:checked + .knobs:after { background: #347FAD !important; color : #FFFFFF !important;} .checkbox:checked + .knobs:before { background: transparent !important; color : #121D2A !important;} .checkbox + .knobs:before { background: #347FAD !important; color : #FFFFFF !important;} th { vertical-align: top;} th.plantabsection { width: 346px; padding-right: 13px;} th.tablelogo {width: 316px;padding: 0 13px;} th.tablelogo span.tablelogoinner {width: 100%;height: 100%;display: inline-block;border-radius: 10px 10px 0 0;border: 1px solid #F0F8FC;padding: 32px 32px 25px; border-bottom : unset;} .graybg { background: #F9F9F9;} .bluebg { background: #DAF2FA;} th.tablelogo span.tablelogoinner img { width: 75px; height: 75px !important; object-fit: contain;} th.tablelogo { position: relative;} th.tablelogo.popular_plan span.addpopularplan { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; top: -25px;} span.addpopularplan a { border-radius: 25px; font-family: 'Lora'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 1.3; text-align: center; padding: 16px 39px; color: #FFFFFF; display: inline-block;} .amsplantablesection { padding-top: 20px;} span.planheadinner { width: 100%; display: table;} th.planheadertitle { padding: 0 13px;} th.planheaderusertext { padding: 0 13px;} th.planheaderprice { padding: 0 13px;} th.planheadertitle span { padding-bottom: 7px;} th.planheaderusertext span { padding-bottom: 5px;} th.planheadertitle span { font-family: 'Lora'; font-style: normal; font-weight: 400; font-size: 25px; line-height: 1.3; text-align: center; color: #000000;} th.planheaderusertext span { font-family: 'Lora'; font-style: normal; font-weight: 400;font-size: 14px; line-height: 1.2; text-align: center; color: rgba(0,0,0,0.6);} th.tablelogo { vertical-align: bottom;} .wrapperbig { max-width: 1440px; width: 100%; margin: 0 auto; display: block;} th.planheaderprice span.pricebox {display: block;width: 100%;font-family: 'Lora';font-style: normal;font-weight: 700;font-size: 34px;line-height: 1.2;color: #FF5E64;text-align: center;padding-bottom: 6px;} th.planheaderprice span.mintag {display: block;width: 100%;font-family: 'Lora';font-style: normal;font-weight: 400;font-size: 14px;line-height: 1.3;text-align: center;color: color: rgba(255,94,100,0.6);;padding-bottom: 7px;} th.planheaderprice span.pricebox span.pricetag { font-family: 'Lora'; font-style: normal; font-weight: 400; font-size: 17px;line-height: 1.2; color: #000000; opacity: 0.2;} th.planheaderprice span.pricebox span.yearly_price { display: none;} span.planboxcontent p { padding-top : 29px; font-family: 'Lora'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 2; letter-spacing: 0.5px; color: #000000;text-align: left;max-width: 280px; width: 100%;} th.amsplanlefttitlemain { width: 346px; padding-right: 13px; text-align: left;} th.amsplanrighttitlemain { width: 316px; padding: 0 13px; font-family: 'Rubik'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 1.5; text-align: center; color: rgb(0 0 0 / 50%);} td.amsplanrightcontent { width: 316px; padding: 0 13px;} td.amsplanlefttitle { padding-right: 13px;text-align: left; display: inline-table;} .amsplantablesection span.bottominnerright { width: 100%; background: #F9F9F9; display: inline-table; padding: 13px 42px; text-align: center;} span.bottominnerleft { padding: 13.5px; display: inline-table; width: 100%;} th.amsplanlefttitlemain h5 { font-family: 'Lora'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 1.2; color: #000000;} th.amsplanrighttitlemain span.bottominnerright { padding: 0 42px 17px;} th.amsplanlefttitlemain span.bottominnerleft { padding-bottom: 17px; padding-left : 0; padding-right : 0} td.bottombox.otherbottombox span.amsplanrighttitleinner { opacity: 0;} td.amsplanlefttitle h6 { font-family: 'Lora'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 1.25; display: flex;align-items: center; color: #223965;} td.bottombox tr:last-child td.amsplanrightcontent .bottominnerright { padding-bottom: 43px; border-radius: 0 0 10px 10px;} td.bottombox tr:last-child td.amsplanlefttitle .bottominnerleft { padding-bottom: 43px;} .amsplantablesection.basic_popular_plan td.bottombox th:nth-child(2) .bottominnerright { background: #DAF2FA; color: #347FAD;} .amsplantablesection.basic_popular_plan td.bottombox td:nth-child(2) .bottominnerright {background: #DAF2FA;} .amsplantablesection.professional_popular_plan td.bottombox th:nth-child(3) .bottominnerright { background: #DAF2FA; color: #347FAD;} .amsplantablesection.professional_popular_plan td.bottombox td:nth-child(3) .bottominnerright {background: #DAF2FA;} .amsplantablesection.enterprise_popular_plan td.bottombox th:nth-child(4) .bottominnerright { background: #DAF2FA; color: #347FAD;} .amsplantablesection.enterprise_popular_plan td.bottombox td:nth-child(4) .bottominnerright {background: #DAF2FA;} .amsplantablesection tr:not(:last-child) td.bottombox tr:last-child td.amsplanrightcontent .bottominnerright { border-radius: 0;} .amsplansectionbg { background-color: #f0f8fc; border-radius: 0 0 330px 330px; overflow: hidden; padding-top: 170px; position: relative; padding-bottom: 497px;} .amsplaninner { margin-top: -494px;} /* .amsplantablesection tr:last-child td.bottombox tr:nth-last-child(2) td.amsplanrightcontent .bottominnerright { padding-bottom: 54px; border-radius: 0 0 10px 10px;} */ /* .amsplantablesection tr:last-child td.bottombox tr:nth-last-child(2) td.amsplanlefttitle .bottominnerleft { padding-bottom: 54px;} */ td.bottombtn a { display: inline-block; font-family: 'Lora', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.25; color: #FF5E64; padding: 13px 23px 14px; background: #FFDFE0; border-radius: 10px; text-align: center;} td.bottombtn { margin-top: -24px; width: 316px; padding: 0 13px; position: relative; top: -23.5px; text-align: center;} /* .amsplantablesection.basic_popular_plan td.bottombox td.bottombtn:nth-child(2) a { color: #347FAD; background: #E8F6FF;} .amsplantablesection.professional_popular_plan td.bottombox td.bottombtn:nth-child(3) a { color: #347FAD; background: #E8F6FF;} .amsplantablesection.enterprise_popular_plan td.bottombox td.bottombtn:nth-child(4) a { color: #347FAD; background: #E8F6FF;} */ td.bottombtn:nth-child(3) a { color: #347FAD; background: #E8F6FF; } td.amsplanlefttitle span.bottominnerleft { padding-left: 18px; position: relative;} td.amsplanlefttitle span.bottominnerleft:before { position: absolute; content: ''; width: 5px; height: 5px; background: #FF5E64; left: 0; border-radius: 50%; top: 50%; transform: translateY(-50%);} /* .amsplantablesection tr:last-child td.bottombox tr:nth-last-child(2) td.amsplanlefttitle .bottominnerleft:before { top: calc(56% - 25px);} */ td.bottombox tr:last-child td.amsplanlefttitle .bottominnerleft:before { top: calc(50% - 15px);} th.tablelogo span.tablelogoinner { background: #F9F9F9; } th.planheadertitle span { background: #F9F9F9;} th.planheaderusertext span { background: #F9F9F9;} th.planheaderprice span.pricebox { background: #F9F9F9;} th.planheaderprice span.mintag { background: #F9F9F9;} .amsplantablesection.basic_popular_plan th.tablelogo:nth-child(2) span.tablelogoinner { padding-top: 48px; border-color: #C9EDFF;} .amsplantablesection.basic_popular_plan th.tablelogo:nth-child(2) .tablelogoinner { background: #DAF2FA;} .amsplantablesection.basic_popular_plan .planheadertitle:nth-child(1) span.planheadinner { background: #DAF2FA;} .amsplantablesection.basic_popular_plan th.planheaderusertext:nth-child(1) span.planheadinner { background: #DAF2FA;} .amsplantablesection.basic_popular_plan th.planheaderprice:nth-child(1) span.planheadinner span.pricebox { background: #DAF2FA;} .amsplantablesection.basic_popular_plan th.planheaderprice:nth-child(1) span.planheadinner span.mintag { background: #DAF2FA;} .amsplantablesection.basic_popular_plan th.tablelogo:nth-child(2) span.addpopularplan { display: block;} .amsplantablesection.basic_popular_plan th.tablelogo span.addpopularplan { display: none;} .amsplantablesection.professional_popular_plan th.tablelogo:nth-child(3) span.tablelogoinner { padding-top: 48px; border-color: #C9EDFF;} .amsplantablesection.professional_popular_plan th.tablelogo:nth-child(3) .tablelogoinner { background: #DAF2FA;} .amsplantablesection.professional_popular_plan .planheadertitle:nth-child(2) span.planheadinner { background: #DAF2FA;} .amsplantablesection.professional_popular_plan th.planheaderusertext:nth-child(2) span.planheadinner { background: #DAF2FA;} .amsplantablesection.professional_popular_plan th.planheaderprice:nth-child(2) span.planheadinner span.pricebox { background: #DAF2FA;} .amsplantablesection.professional_popular_plan th.planheaderprice:nth-child(2) span.planheadinner span.mintag { background: #DAF2FA;} .amsplantablesection.professional_popular_plan th.tablelogo:nth-child(2) span.addpopularplan { display: block;} .amsplantablesection.basic_popular_plan th.tablelogo span.addpopularplan { display: none;} .amsplantablesection.enterprise_popular_plan th.tablelogo:nth-child(4) span.tablelogoinner { padding-top: 48px; border-color: #C9EDFF;} .amsplantablesection.enterprise_popular_plan th.tablelogo:nth-child(4) .tablelogoinner { background: #DAF2FA;} .amsplantablesection.enterprise_popular_plan .planheadertitle:nth-child(3) span.planheadinner { background: #DAF2FA;} .amsplantablesection.enterprise_popular_plan th.planheaderusertext:nth-child(3) span.planheadinner { background: #DAF2FA;} .amsplantablesection.enterprise_popular_plan th.planheaderprice:nth-child(3) span.planheadinner span.pricebox { background: #DAF2FA;} .amsplantablesection.enterprise_popular_plan th.planheaderprice:nth-child(3) span.planheadinner span.mintag { background: #DAF2FA;} .amsplantablesection.enterprise_popular_plan th.tablelogo:nth-child(3) span.addpopularplan { display: block;} tr .planheaderprice:last-child .pricetag { display: none; } span.planheadinner,span.planheadinner,span.bottominnerright { border-left: 1px solid #F0F8FC; border-right: 1px solid #F0F8FC;} .table-bottom-text { width:100%;max-width:600px;margin:0 auto;text-align:center; } td.bottombtn1 { width: 346px; padding-right: 12px; } .lh2 h6 { line-height:2; } /********************************************************************************************************************************************************************************************** ************************************************************************************ About Us Page Css *************************************************************************************** *********************************************************************************************************************************************************************************************/ /************************************** Banner **************************/ .aboutUsBannerInfo { position: relative; width: 100%; max-width: 762px; margin: 0 auto; z-index: 1; } .aboutUsBannerInfoBox { padding: 158px 0px 348px; background-color: #f0f8fc; border-radius: 0 0 330px 330px; overflow: hidden; position: relative; } .aboutUsBannerImageBox { margin-top: -346px; position: relative; } .aboutUsBannerButton .secondary-btn a { padding: 17px 34px; line-height: 1.31; font-weight: 700; } /*********************** about bindhq **********************/ .about_bindhq_subtitle h5, .our_values_InfoSubTitle h5 { color: #1E3460; letter-spacing: 1.11px; line-height: 1.16; } .about_bindhq_box .about_bindhq_content_title:first-child { font-size: 48px; font-weight: 400; line-height: 1.25; } .about_bindhq_content_title, .two_col_title h4, .bindhq_doers_two_col_title h4 { font-size: 32px; line-height: 1.87; text-shadow: 2px 4px 0px #FAFBFF; } .about_bindhq_content h5, .from_application_upper_content .upper_text h5, .two_col_text h5, .bindhq_doers_two_col_text h5 { line-height: 2; letter-spacing: -0.5px; } .about_bindhq_right_content { width: 100%; max-width: 100%; } .mx508 { max-width: 508px; } .about_bindhq_content { padding-left: 40px; } .about_bindhq_content_inner, .icon { position: relative; } .about_bindhq_upper_content{ gap: 18px; } .about_bindhq_content_inner .about_bindhq_box:first-child .about_bindhq_content_title { font-size: 48px; line-height: 1.25; } .about_bindhq_content_inner .about_bindhq_box:nth-child(1) { padding-bottom: 102px; } .about_bindhq_content_inner .about_bindhq_box:nth-child(2) { padding-bottom: 79px; } .about_bindhq_content_inner .about_bindhq_box .about_bindhq_content:nth-child(2), .about_bindhq_content_inner .about_bindhq_box .about_bindhq_content:nth-child(3) { padding-top: 12px; } .about_bindhq_content_inner .about_bindhq_box:nth-child(2) .about_bindhq_right_content .about_bindhq_upper_content .icon:before, .about_bindhq_content_inner .about_bindhq_box:nth-child(3) .about_bindhq_right_content .about_bindhq_upper_content .icon:before{ position: absolute; content: ''; width: 32px; height: 32px; background: #FF5E64; opacity: 0.2; filter: blur(15px); border-radius: 26px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .about_bindhq_content_inner .about_bindhq_box:nth-child(3) .about_bindhq_right_content .about_bindhq_upper_content .icon:before { background: #19A6DD; } .about_bindhq_content_inner .about_bindhq_box:nth-child(1), .about_bindhq_content_inner .about_bindhq_box:nth-child(2), .about_bindhq_content_inner .about_bindhq_box:nth-child(3), .about_bindhq_content_inner .about_bindhq_box:nth-child(4), .about_bindhq_content_inner .about_bindhq_box:nth-child(5) { position: relative; } .about_bindhq_content_inner .about_bindhq_box:nth-child(1):before, .about_bindhq_content_inner .about_bindhq_box:nth-child(2):before, .about_bindhq_content_inner .about_bindhq_box:nth-child(3):before { position: absolute; content: ''; border-left: 2px dashed #FF5E64; height: calc(100% - 50px); top: 50px; left: 12px; } .about_bindhq_content_inner .about_bindhq_box:nth-child(2):before { border-left: 2px dashed #9E7D97; } .about_bindhq_content_inner .about_bindhq_box:nth-child(3):before { border-left: 2px dashed #5B91BA; } .about_bindhq_content_inner .about_bindhq_box:nth-child(3):after{ position: absolute; content: ''; width: 16px; height: 100px; background: linear-gradient(180deg, #FFFFFF 35.42%, rgba(255, 255, 255, 0) 100%); transform: rotate(180deg); bottom:0; left:5px; } /*********************** our values section *****************/ .our_values_section { padding: 125px 0 84px; } .our_values_CardCol { width: calc(33.33% - 20px); background: #F8FAFF; border-radius: 12px; padding: 40px 32px 40px 24px; border: 1px solid #F8FAFF; overflow: hidden; position: relative; transition: all 0.4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; } .our_values_CardRow { padding-top: 43px; display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; } a.our_values_CardLink{ position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; } .our_values_CardCol:hover { background: #FFFFFF; border: 1px solid #EEEEEE; box-shadow: -20px 20px 30px rgb(50 120 166 / 5%); } .our_values_CardIcon { background: #FFFFFF; box-shadow: 0px 17px 60px -7px rgb(35 37 84 / 5%); border-radius: 12px; line-height: 0; width: 64px; height: 64px; display: flex; justify-content: center; align-items: center; } .our_values_InfoSubTitle h5 { text-transform: uppercase; } .our_values_Title h4 { font-size: 38px; line-height: 1.57; } /*************** one col section *****************/ .one_col_module_inner { padding: 50px 0; border-radius: 15px; width: 1170px; margin: 0 auto; z-index: 2; position: relative; background-color: #F8FAFF; } /***************************************************************************************************************************************************************************** ************************************************************** Contact Us Page ********************************************************************************************** *****************************************************************************************************************************************************************************/ .contact_RequestDemoOuter { width: 1287px; margin: 0 auto; } .contact_RequestDemoLeft { width: 605px; margin-top: 60px; } .contact_outer { width: 100%; height: auto; padding: 430px 0; background-color: #f0f8fc; border-radius: 0 0 430px 430px; overflow: hidden; position: absolute; } .right_side_points_main { gap: 13px; padding: 30px 0; } .right_side_points_main:before { position: absolute; content: ''; border-left: 2px dashed rgb(255 94 100 / 50%); width: 100%; height: 100%; left: 9px; } .contact_RequestDemo .RequestDemoRight { margin-top: 0; padding: 49px 57px 45px; } .right_side_text { line-height: 2; } .right_side_points_inner:after { position: absolute; content: ''; width: 8px; height: 50px; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); transform: rotate(180deg); bottom: 0; left: 5px; } .contact_RequestDemoOuter { padding-bottom: 88px; } .icon_image img { min-width: 19px; height: auto; } /******************************************************************************************************************************************************************************* *************************************************************** Solution Page Css ********************************************************************************************** ********************************************************************************************************************************************************************************/ /************************* banner ******************************/ .solutionBannerInfo { width: 100%; max-width: 590px; } .solutionBannerTitle h1 { line-height: 1.26; } .solutionBannerTitle { padding-top: 27px; } .integrated_solution_text { padding: 9px 16px 9px 11px; background-color: #FF5E64; border-radius: 60px; display: inline-block; } .integrated_solution_text_inner h6 { margin: 0; font-size: 15px; line-height: 1.33; color: #ffffff; } .integrated_solution_text_inner { gap: 14px; align-items: flex-end; } .solutionBannerInfoBox { padding: 157px 0 145px; background-color: #f0f8fc; border-radius: 0 0 330px 330px; overflow: hidden; position: relative; } .solutionBannerButton ul { gap: 20px; } .solutionBannerButton ul li:first-child a, .solutionBannerButton ul li:nth-child(2) a { font-size: 16px; line-height: 1.31; } .solutionBannerButton ul li:nth-child(2) a { padding: 17px 34px; } .bannerTitle h1 span::after, .from_application_upper_content h2 span::after, .aboutUsBannerTitle h1 span.management:after, .bindhq_doers_upper_content h2 span::after { position: absolute; content: ''; width: calc(100% + 15px); height: 13px; background-color: #D0DEE6; border-radius: 1.74184px; bottom: 8px; z-index: -1; right: -8px; transform: perspective(400px) rotatex(45deg); } .bannerTitle h1 span { position: relative} .integrated_solution_text_inner span img { width: 16px; height: auto;} .aboutUsBannerTitle h1 span.management { position: relative; } /************* Dive Into BindHq *********/ .dive_into_bindhq { padding: 71px 100px 72px; } .dive_into_bindhq_inner .subtitle { line-height: 1.16; letter-spacing: 1.11111px; } .dive_into_bindhq_inner .section_title h4 { line-height: 1.91; } /******************************/ .from_application_module { padding: 225px 0 0px; } .from_application_upper_content h2 { font-weight: 400; font-size: 60px; line-height: 1.18; } .from_application_upper_content h2 span, .bindhq_doers_upper_content h2 span { position: relative; } .from_application_upper_content .section_title { width: 100%; max-width: 762px; margin: 0 auto; } .from_application_module:after { position: absolute; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='338' height='202' viewBox='0 0 338 202' fill='none'%3E%3Crect x='288' y='151.5' width='50' height='50' rx='25' fill='white'/%3E%3Crect x='297' y='160.5' width='33' height='33' rx='16.5' fill='%23FF5E64'/%3E%3Cpath d='M7.0002 2.5C7.0002 2.5 -3.99976 23 7.0002 51.5C18.0002 80 304.5 28.5 313.5 51.5C322.5 74.5 313.5 104.466 313.5 152.5' stroke='%23FF5E64' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: top center; top: 10px; left: calc(50% - 140px); transform: translateX(-50%); z-index: -1; } .upper_text { padding-top: 37px; width: 100%; max-width: 1140px; margin: 0 auto; } .twol_col_subtitle, .bindhq_doers_twol_col_subtitle { font-size: 14px; line-height: 1.21; letter-spacing: 1.11111px; } .two_col_content { width: 100%; max-width: 575px; } .two_col_content_main { gap: 75px; } .swipe { flex-direction: row-reverse; } .text_right { text-align: right; } .flex_end { justify-content: flex-end; } .two_col_content_inner .two_col_content_main:not(:first-child) { padding-top: 200px; } .two_col_content_outer { padding-top: 193px; z-index: 111; } .two_col_content_outer:before { content: ''; position: absolute; top: 25px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 1129 2074' style='enable-background:new 0 0 1129 2074;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23FF5E64;%7D .st2%7Bfill:none;stroke:%23FF5E64;stroke-width:4;stroke-linecap:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M566,0L566,0c13.8,0,25,11.2,25,25l0,0c0,13.8-11.2,25-25,25l0,0c-13.8,0-25-11.2-25-25l0,0 C541,11.2,552.2,0,566,0z'/%3E%3Cpath class='st1' d='M566.5,9L566.5,9c9.1,0,16.5,7.4,16.5,16.5l0,0c0,9.1-7.4,16.5-16.5,16.5l0,0c-9.1,0-16.5-7.4-16.5-16.5l0,0 C550,16.4,557.4,9,566.5,9z'/%3E%3Cpath class='st2' d='M566.5,56.5c0,30,24.5,57.5,0,81s-521.5-33-543,0c-21.5,33-34,452,0,492c34,40,1018.5-48.5,1069,0 s38.5,1225.5,0,1266s-506.5-35.5-526,0s0,66.5,0,119.5'/%3E%3Cpath class='st0' d='M566,2024L566,2024c13.8,0,25,11.2,25,25l0,0c0,13.8-11.2,25-25,25l0,0c-13.8,0-25-11.2-25-25l0,0 C541,2035.2,552.2,2024,566,2024z'/%3E%3Cpath class='st1' d='M566.5,2033L566.5,2033c9.1,0,16.5,7.4,16.5,16.5l0,0c0,9.1-7.4,16.5-16.5,16.5l0,0c-9.1,0-16.5-7.4-16.5-16.5 l0,0C550,2040.4,557.4,2033,566.5,2033z'/%3E%3C/g%3E%3C/svg%3E"); width: 100%; height: 100%; background-repeat: no-repeat; left: 35px; z-index: 1; } .two_col_content_inner .two_col_content_main:last-child { padding-bottom: 280px; } .two_col_content_inner .two_col_content_main:last-child .two_col_title h4 { line-height: 1.37; } /*******************************************************/ .bindhq_doers_module { padding: 151px 0 227px; overflow-x: hidden; max-width: 1600px; margin: 0 auto; border-left: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7; } .bindhq_doers_upper_content .upper_text { padding-top: 10px; } .bindhq_doers_upper_content .upper_text h5 { font-size: 24px; line-height: 1.66; letter-spacing: -0.5px; } .bindhq_doers_upper_content { width: 100%; max-width: 914px; margin: 0 auto; } .bindhq_doers_two_col_content_outer { padding: 237px 0 0;} .bindhq_doers_two_col_content { width: 100%; max-width: 580px; } .bindhq_doers_two_col_content_inner_main { gap: 100px; } .bindhq_doers_two_col_content_inner .bindhq_doers_two_col_content_main:not(:first-child) { padding-top: 200px; } .bindhq_doers_two_col_content_outer:before { content: ''; position: absolute; top: 50px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 1127.6 2927' style='enable-background:new 0 0 1127.6 2927;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23FF5E64;%7D .st2%7Bfill:none;stroke:%23FF5E64;stroke-width:4;stroke-linecap:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M565.6,0L565.6,0c13.8,0,25,11.2,25,25l0,0c0,13.8-11.2,25-25,25l0,0c-13.8,0-25-11.2-25-25l0,0 C540.6,11.2,551.8,0,565.6,0z'/%3E%3Cpath class='st1' d='M566.1,9L566.1,9c9.1,0,16.5,7.4,16.5,16.5l0,0c0,9.1-7.4,16.5-16.5,16.5l0,0c-9.1,0-16.5-7.4-16.5-16.5l0,0 C549.6,16.4,557,9,566.1,9z'/%3E%3Cpath class='st2' d='M567.6,56c0,30,23,58-1.5,81.5s-521.5-33-543,0c-21.5,33-34,502,0,542c34,40,1018.5-48.5,1069,0 s38.5,1475.5,0,1516s-1049.5-35.5-1069,0c-19.5,35.5,0,676.5,0,729.5'/%3E%3C/g%3E%3C/svg%3E"); width: 100%; height: 100%; background-repeat: no-repeat; left: 150px; z-index: 1; } .bindhq_doers_two_col_content_inner:after { position: absolute; content: ''; width: 10px; height: 50px; background: linear-gradient(180deg, #FFFFFF 35.42%, rgba(255, 255, 255, 0) 100%); transform: rotate(180deg); left: 170px; z-index: 1; } .bindhq_doers_two_col_content_inner { z-index: 11; } .bindhq_doers_two_col_content_inner .bindhq_doers_two_col_content_main:nth-child(3) .bindhq_doers_two_col_image { padding-left: 118px; } /********************************************************************** Thank You Module **************************************************************/ .thank_you_outer { padding: 250px 0 180px; text-align:center; } .thank_you_bg.bg { height: 550px; border-radius: 0 0 330px 330px; } /******************************************************************************************************************************************************************************* *************************************************************** API Page Css ********************************************************************************************** ********************************************************************************************************************************************************************************/ .body-container--api section , .body-container--api .clients-outer ,.body-container--api .Gettoknow, .body-container--api .ProductPartnerSection { position:relative; } .landing-wrapper { width: 100%; max-width: 1316px; margin: 0 auto; padding: 0 15px; } /****************** header *********************/ .landing_header { position: absolute; width: 100%; z-index: 999; top: 0; left: 0; padding-top: 30px; } .landing_header_logo { width: 100%; max-width: 190px; } .header_button.button a { padding: 17px 39px; font-size: 16px; } /************************* banner ******************************/ .api-landing-wrapper { max-width: 1385px; } .api_banner.mobile { display:none; } .api_banner_inner { padding: 185px 0 0; background-size: 87%; background-repeat: no-repeat; background-position: center top; position: relative; background-attachment:fixed; } .api_banner_top_content { width: 100%; max-width: 740px; margin: 0 auto; } .letter_spacing_7 { letter-spacing: -1.12px; } .api_banner_center_content { width: 100%; max-width: 990px; margin: 0 auto; } .api_banner_title h1 { line-height: 1.41; } .api_banner_paragraph { width: 100%; max-width: 637px; margin: 0 auto; } .api_banner_paragraph { line-height: 1.54; letter-spacing: -0.64px; } .api_banner_button.button a, .sales_button .button a { font-size: 16px; line-height: 1.5; padding: 14px 44px; } .api_banner_bottom_content { width: 100%; max-width: 1385px; margin: 0 auto; padding: 0 15px; margin-top: -30px; } section.api_banner:after { width: 100%; height: 154px; background-image: url(https://2590097.fs1.hubspotusercontent-na1.net/hubfs/2590097/BindHQ%20API%20Page%202024/overlay-image.png); position: absolute; left: 0; bottom: 0; content: ''; } section.api_banner { position: relative; } /******************** api_client_logo *************************/ .api_client_logo .section-heading h6 { font-size: 20px; color: #1E3460; opacity: 1; } .api_client_logo .section-heading h6:after { right: 0; width: 170px; } .clients-outer.api_client_logo .logo_box { padding-bottom: 0; } /******************** Get Early Access ****************/ .insurance_icon { width: 100%; max-width: 32px; } .get_access_top_content { display: inline-block; border: 1px solid rgb(30 52 96 / 10%); border-radius: 16px; } .archivo_font { font-family: "Archivo", sans-serif; } .get_access_top_inner { margin: 6px; border: 1px solid rgb(30 52 96 / 15%); padding: 8px 12px 8px 8px; border-radius: 12px; background-color: #FFFFFF; -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.1); } .insurance_outer { gap: 10px; } .insurance_text p, .get_early_acces_text p { font-size: 14px; line-height: 1.5; } .insurance_text { opacity: .5; } .get_access_top_inner { gap: 12px; } .get_early_acces_circle { width: 4px; height: 4px; background-color: rgb(217 217 217 / 47%); border-radius: 50%; margin-right: 12px; } .get_early_acces_arrow { line-height: 0; padding-left: 10px; } .section_paragraph p { margin-top: 0; font-size: 40px; line-height: 1.5; letter-spacing: -1.12px; } span.quotes { color: #FF5E64; } /************************* key_benefits **********************/ .section_subtitle { text-transform: uppercase; letter-spacing: 1.11px; opacity: .7; font-weight: 500; color: rgb(30 52 96 / 70%); } .key_benefits_bottom_content_inner { gap: 32px; } .key_benefits_card { width: calc(25% - 16px); padding: 65px 32px; border-radius: 24px; transition: all 0.4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; } .key_benefits_card:hover { background-color: #fff; -webkit-box-shadow: 72px 24px 120px 0px rgba(0,0,0,0.07); -moz-box-shadow: 72px 24px 120px 0px rgba(0,0,0,0.07); box-shadow: 72px 24px 120px 0px rgba(0,0,0,0.07); } .card_title h5 { font-size: 22px; line-height: 1.1; letter-spacing: -0.64px; font-weight: 400; } .card_content p { font-size: 16px; line-height: 1.5; letter-spacing: -0.64px; color: rgb(30 52 96 / 70%); } .card_icon { max-width: 66px; margin: 0 auto; } /*********************** use case ****************************/ .use_case_card { width: calc(50% - 19px); background-color: #F8FAFF; border-radius: 24px; position: relative; height: 612px; overflow: hidden; transition:all ease-in-out .3s; } .use_case_card:hover { transform:scale(1.02); } .use_case_bottom_content_inner { gap: 37px; flex-wrap: wrap; } .use_case_card_title h5 { font-size: 24px; line-height: 1.1; font-weight: 400; letter-spacing: -0.64px; } .use_case_card_paragraph p { font-size: 18px; line-height: 1.5; letter-spacing: -0.64px; color: rgb(30 52 96 / 70%); } .use_case_card_upper_content { padding: 65px 65px 10px; } .use_case_card_image.image_at_bottom { position: absolute; bottom: 0; left: 0; max-width: 100%; } /******************* the opportunity ****************/ .the_opportunity_card { width: calc(33.33% - 28px); border: 1px solid rgb(30 52 96 / 16%); border-radius: 16px; overflow: hidden; } .the_opportunity_card_paragraph { padding: 30px 38px; } .the_opportunity_card_paragraph p { line-height: 1.7; letter-spacing: -0.48px; } .the_opportunity_top_content { max-width: 780px; margin: 0 auto; } .the_opportunity_card_image { background-color: #F8FAFF; } /***************** get_to_know_bindhq *****************/ .get_to_know_bindhq .two-col-inner.light_blue_opacity { background-color: rgb(219 244 250 / 20%); } .get_to_know_bindhq .two-col { gap: 95px; } .api-page .footer-top-box h3 { font-weight: 400; color: #1E3460; } .get_to_know_bindhq .btn a { font-size: 16px; } /***************** our_focus ******************/ .our_focus_bottom_inner { gap: 33px; } .our_focus_card { padding: 38px 33px 20px; border-radius: 21px; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center right; } .our_focus_title h4 { letter-spacing: -2.12px; } .our_focus_card.our_focus_card1 { width: 76.4%; } .our_focus_content p { line-height: 1.5; } .our_focus_image { position: relative; bottom: -20px; } /************** popup ************/ span.play_icon { width: 100%; max-width: 70px; height: 70px; background-color: #FF5E64; padding: 20px; border-radius: 50%; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; } .ProductBannerImage { position: relative; } .popup_video{ height: 100vh; padding:50px; left: 0; opacity: 0; position: fixed; right: 0; top: 0; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; visibility: hidden; z-index: 2000; background-color: #ffffff7d; } body.hideScroll { overflow: hidden; } .popup_video.md-show { opacity: 1; visibility: visible; } .close_button { cursor: pointer; height: 28px; margin: 0 0 0 auto; max-width: 28px; width: 100%; position: absolute; z-index: 5; right: 30px; top: 30px; } .close_button svg path { fill: #ff5e64; } .close_button svg { width: 100%; height: 100%; } @media (max-width:1400px ) and (min-width:1321px) { .ProductMigratingCardRow {width: 342px; } .ProductMigratingCardMainCol.CardCol1 .ProductMigratingMainCard.Card2 .ProductMigratingCardInner .ProductMigratingCardRow, .ProductMigratingCardMainCol.CardCol2 .ProductMigratingMainCard.Card2 .ProductMigratingCardInner .ProductMigratingCardRow {width: 342px;} .ProductMigratingCardMainCol.CardCol1 .ProductMigratingMainCard.Card2 {padding-top: 45px;} .ProductMigratingCardMainCol.CardCol2 .ProductMigratingMainCard.Card2 {padding-top: 65px;} .ProductMigratingCardMainCol.CardCol3 .ProductMigratingMainCard.Card2 .ProductMigratingCardInner {padding-top: 38px;} .ProductMigratingCardMainRow {display: flex;flex-wrap: wrap;max-width: 1243px;margin: 0 auto;width: 100%;} } @media (max-width:1440px ){ .our_values_section { padding: 100px 0 130px; } .about_bindhq_image { width: calc(100% - 508px); } .bindhq_doers_two_col_content_inner_main { gap: 50px; } .thank_you_outer { padding: 150px 0 100px; } .thank_you_bg.bg { height: 450px; } } @media (min-width:1441px ) { .Gettoknow .two-col , .Gettoknow .two-col.row-reverse { margin: 0 auto; } .banner-top { justify-content:center; } .solutionBannerImageBox { max-width: 741px; width: 100%; } .solution_content.d-flex.align-center { gap: 50px; justify-content: space-between; } .solutionBannerInfo { max-width: 750px; } .solutionBannerSection .wrapLeft { max-width: 1300px; margin: 0 auto; border-left: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7; padding-left: 0 !important; } } @media (max-width: 1366px){ .bindhq_doers_two_col_content_inner_main { gap: 50px; flex-wrap: nowrap; } .bindhq_doers_two_col_content_outer { padding: 100px 0 0; } .bindhq_doers_two_col_content_inner .bindhq_doers_two_col_content_main:not(:first-child) { padding-top: 100px; } .bindhq_doers_module { padding: 130px 0; } /* .bindhq_doers_two_col_content_outer:before { display: none; } */ .bindhq_doers_two_col_image { width: 100%; max-width: 480px; } .bindhq_doers_two_col_content_inner_main { gap: 30px; } .bindhq_doers_two_col_content_outer { padding: 200px 0 0; } .bindhq_doers_two_col_content_inner:after { left: 165px; } /******************** Product Page Integration Section ****************************/ .ProductIntegrationSection { padding: 100px 0 50px; } .ProductIntegrationLeft {width: 400px; top: -70px; bottom: unset; align-self: flex-start;} .ProductIntegrationRight {width: 400px; bottom: 70px; top: unset; align-self: flex-end; right: -15px; } .ProductIntegrationInfo {width: calc(100% - 600px);padding: 90px 15px;} } @media (min-width:1321px ){ /********Product Migration Section*******/ .ProductMigratingCardMainCol.CardCol1 .ProductMigratingMainCard.Card2 {padding-left: 56px;padding-top: 63px;} .ProductMigratingCardMainCol.CardCol2 .ProductMigratingMainCard.Card1 {padding-top: 59px;} .ProductMigratingCardMainCol.CardCol2 .ProductMigratingMainCard.Card2 {padding-left: 54px;padding-top: 85px;} .ProductMigratingCardInner {padding-top: 56px;position: relative;} .ProductMigratingCardMainCol.CardCol3 .ProductMigratingMainCard.Card1 {padding-top: 27px;} .ProductMigratingCardMainCol.CardCol1 .ProductMigratingMainCard.Card1 .ProductMigratingCardInner {padding-left: 16px;} .ProductMigratingCardMainCol.CardCol2 .ProductMigratingMainCard.Card1 .ProductMigratingCardInner,.ProductMigratingCardMainCol.CardCol1 .ProductMigratingMainCard.Card2 .ProductMigratingCardInner {padding-left: 28px;} .ProductMigratingCardMainCol.CardCol3 .ProductMigratingMainCard.Card1 .ProductMigratingCardInner {padding-right: 25px;} .ProductMigratingCardMainCol.CardCol2 .ProductMigratingMainCard.Card2 .ProductMigratingCardInner {padding-left: 23px;} .ProductMigratingCardMainCol.CardCol3 .ProductMigratingMainCard.Card2 .ProductMigratingCardInner {padding-left: 24px;} .ProductMigratingCardMainCol.CardCol3 .ProductMigratingMainCard.Card1 .ProductMigratingCardInner .ProductMigratingCardindex {left: inherit;right: 0;} .ProductMigratingCardMainCol.CardCol1 .ProductMigratingMainCard.Card2 .ProductMigratingCardInner .ProductMigratingCardindex {top: inherit;bottom: 0;} .ProductMigratingCardMainCol.CardCol1 .ProductMigratingMainCard.Card2 .ProductMigratingCardInner {padding-bottom: 48px;} .ProductMigratingCardMainCol.CardCol3 .ProductMigratingMainCard.Card2 .ProductMigratingCardInner {padding-bottom: 52px;} .ProductMigratingCardMainCol.CardCol3 .ProductMigratingMainCard.Card2 .ProductMigratingCardInner .ProductMigratingCardindex {top: inherit;bottom: 0;} .ProductMigratingCardMainCol.CardCol3 .ProductMigratingMainCard.Card2 {padding-left: 32px;} .ProductMigratingCardMainCol.CardCol1 .ProductMigratingMainCard.Card2 .ProductMigratingCardInner .ProductMigratingCardRow,.ProductMigratingCardMainCol.CardCol2 .ProductMigratingMainCard.Card2 .ProductMigratingCardInner .ProductMigratingCardRow {width: 391px;} .ProductMigratingCardMainCol.CardCol2 .ProductMigratingMainCard.Card1 {margin-left: -48px;} .ProductMigratingCardMainCol.CardCol3 .ProductMigratingMainCard.Card1 {margin-left: -65px;} .ProductMigratingCardInner {display: inline-block;} .ProductMigratingCardLine {width: 72.5%;line-height: 0;} .ProductMigratingCardLine svg {width: 100%;height: auto;} .ProductMigratingCardMainRow {position: relative;} .ProductMigratingCardLine {position: absolute;left: 3%;top: 31%;z-index: 1;} .ProductMigratingCardMainCol.CardCol1 .ProductMigratingMainCard.Card2, .ProductMigratingCardMainCol.CardCol2 .ProductMigratingMainCard.Card2, .ProductMigratingCardMainCol.CardCol2 .ProductMigratingMainCard.Card1,.ProductMigratingCardMainCol.CardCol3 .ProductMigratingMainCard.Card1 {position: relative;z-index: 2;} .ProductMigratingCardMainCol.CardCol3 .ProductMigratingMainCard.Card2 .ProductMigratingCardInner {padding-top: 47px;} } @media (max-width:1320px ){ th.amsplanrighttitlemain, th.amsplanlefttitlemain, th.plantabsection, th.tablelogo { width: 25%; } /********Product Migration Section*******/ .ProductMigratingCardLine {display: none;} .ProductMigratingCardMainCol {width: 33.33%;} .ProductMigratingCardInner {position: relative;padding: 40px 15px 0 24px;} .ProductMigratingCardindex {line-height: 90px;font-size: 80px;left: 2px;top: 5px;} .ProductMigratingCardRow {width: 100%;} .contact_RequestDemoInner { padding: 0px 15px; } } /*-=-=- Smaller Desktop Devices -=-=-*/ @media (max-width:1280px ) { .banner-top { width: 100%;padding: 0 30px;} .BannerTitle , .BannerRight { width: 50%; } .BannerRight .BannerContent { width: 100%; } /***********Compare************/ .compare-outer .compare-inner { width:100%; } /***********Two-Col************/ .Gettoknow { padding-left: 15px;padding-right:15px; } .content-side-col.left-side-col { width: calc(50% - 30px); } .image-side-col { width: 50%; } /***********RequestDemo************/ .RequestDemoOuter, .contact_RequestDemoOuter { margin: 0 auto; width: 100%; } .RequestDemoRight { width: 50%; padding: 20px 20px; } .RequestDemoLeft { width:calc(50% - 30px); } .RequestDemoInner { padding: 0 15px; } .gap43-100 { gap: 43px 50px; } /***********Features Section************/ .ProductfeaturesInfoRow.feature-top-part { width:100%; } .ProductfeaturesInfoRight.featurescontent , .ProductfeaturesInfoLeft.featuresheading { width:calc(50% - 30px); } .ProductfeaturesSection br { display:none; } /***********Table************/ th.amsplanrighttitlemain span.bottominnerright { padding: 13.5px 20px 17px; } .secondary-btn-reverse a { width: 90%; text-align: center;padding:22px; } .InsuranceProductInner .secondary-btn a { padding: 22px; text-align: center; width: 93%; } .InsuranceProductBox-1,.InsuranceProductBox-2 { width: 50%; padding: 40px; } .secondary-btn-reverse span { margin-right: 0; } .InsuranceProductBox { max-width: 100%; } .about_bindhq_content_inner .about_bindhq_box:nth-child(1), .about_bindhq_content_inner .about_bindhq_box:nth-child(2) { padding-bottom: 80px; } .bindhq_doers_two_col_image { width: 100%; max-width: 450px; } .bindhq_doers_two_col_content_inner_main { gap: 30px; } .bindhq_doers_two_col_content_outer:before { left: 80px; } .bindhq_doers_two_col_content_outer { padding: 200px 0 0; } .bindhq_doers_two_col_content_inner:after { left: 95px; } .contact_RequestDemo .RequestDemoRight { padding: 20px; } .landing-wrapper { max-width: 95%; } } @media (max-width:1230px){ .pt130 { padding-top: 80px; } .pb130 { padding-bottom: 40px; } .wrapper,.content-wrapper,.header-wrapper { max-width:1000px !important } .header_right_menu_section { width: calc(100% - 230px); } .footer-top-box, .one_col_module_inner { width:85%; padding: 80px 20px 80px; } .logo_box { width: 100%; } .two-col .two-col-title { width: 100%; } #button-8 .knobs:after { width:108px; } .buttoninner { width:236px; } /******************** Product Page Integration Section ****************************/ .ProductIntegrationSection { padding: 100px 0 50px; } .ProductIntegrationLeft {width: 350px; top: -70px; bottom: unset; align-self: flex-start;} .ProductIntegrationRight {width: 300px; bottom: 70px; top: unset; align-self: flex-end; right: -15px; } .ProductIntegrationInfo {width: calc(100% - 600px);padding: 90px 15px;} /*********** ROI CALCULATOR *************/ .output_box_title ul, .output_title_main ul { align-items: stretch;} .our_values_section { padding: 70px 0 100px; } .from_application_upper_content h2 span::after, .aboutUsBannerTitle h1 span.management:after { display: none; } /*****************************/ .two_col_content { max-width: 50%; } .two_col_image { width: 40%; } .two_col_content_main { gap: 50px; } .two_col_content_outer:before { display: none; } .two_col_content_inner .two_col_content_main:last-child { padding-bottom: 0px; } .from_application_module { padding: 100px 0; } /* .two_col_content_outer:before { display: none; } */ .from_application_module:after { width: 160px; left: calc(50% - 70px); background-size: contain; } .bindhq_doers_module { padding: 130px 0; } .get_to_know_bindhq .two-col { gap: 40px; } .our_focus { padding-top: 50px; } } @media (max-width:1180px ){ .ProductMigratingCardMainCol {width: 100%;} .ProductMigratingCardMainRow {max-width: 900px;width: 100%;margin: 0 auto;} .ProductMigratingCardInner {max-width: 50%;} .ProductMigratingCardMainCol .ProductMigratingMainCard.Card2 .ProductMigratingCardInner {margin: 0 0 0 auto;} .bindhq_doers_two_col_content_outer:before { display: none; } .key_benefits_card { padding: 30px 15px; } .key_benefits_bottom_content_inner { gap: 20px; } } @media (max-width:1080px){ .wrapper,.content-wrapper { max-width:935px !important } .header-wrapper { max-width:935px;padding:0 15px; } .header-inner { padding: 30px 0; } .header_left_section a .hoverLogo { display:none; } .header_left_section a:hover .hoverLogo { display:none; } .header_left_section a .defaultLogo { display:block !important; } header .logo { position: relative; z-index: 9999; } a.expandMenu { display : inline-block; } a.expandMenu { width: 30px; height: 30px; cursor: pointer; padding: 3px; position: relative; top: 0px; right: 5px; z-index :99} a.expandMenu i { position:relative; width: 30px; left:0; height: 3px; opacity:1; display: block; background: #223965; margin: 5px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } a.expandMenu i:first-child { margin-top: 0;} a.expandMenu.active i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 8px; position: relative; } a.expandMenu.active i:nth-child(2) { position:relative; left:-46px; opacity:0; } a.expandMenu.active i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -8px; position: relative; } .menu_for_mobile { padding-top: 100px;} .child_menu_strip1st ul li { padding: 15px !important;} .header_right_menu_section .header_menu_cta_inner_section { padding-top : 100px; } .child_group_inner .border_bottom { display: none;} .header_right_menu_section { display : none;padding-left: 0; width: 100%; position: absolute; top:0; left: 0; z-index :10; background-color: #fff;} .header_right_module { max-width: 100%; width: 100%; } .header_right_module ul { flex-wrap: wrap; } .header_right_module ul li { width: 100%; padding : 15px 0; } .header_right_module>ul>li>a { padding: 0 15px 0 30px; justify-content : start; } .header_right_module>ul>li>a>i { display: none;} .child_menu_strip2nd { padding : 18px 20px; } .header_cta.buttonv1 { width: 100%; max-width: 100%; padding: 15px 30px;} .header_right_module>ul>li.with_child_menu>a:before { display : none } .child_item { padding-bottom : 0; display : none; padding : 0 !important; position: unset; opacity: 1; visibility: visible; background-color: #fff; visibility: visible; opacity: 1; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; transform:unset;} .social_menu ul li { width: unset; } .header_right_module ul li.without_child_menu span.childExpand { display: none;} .header_right_module ul li.with_child_menu { position: relative;} .child_group_inner { padding : 15px 0; } /*-=-=-=-= Mobile Submenu JS USE SUBMENU ICON as '' -=-=-=*/ .childExpand {text-align: -webkit-center; position: absolute;z-index :999; top: 15px; right: 10px; width: 48px; height: 48px; margin: 0; padding:5px; cursor:pointer; } .child_menu_content_logo .child_menu_content .equal_box_header_content { min-height: 87.5px !important; height: 100% !important;} .childExpand i {z-index : 999; position:relative; width: 15px; left:0; height: 1px; opacity:1; display: block; background:#333; margin: 6px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } .childExpand i + i { position: relative; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top:-7px; } .childExpand.open i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .childExpand.open i+i { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); } .child_menu_strip1st ul li a { padding: 15px 30px 15px 30px;} header .navigation { width: 100%; } .header_right_menu_section .header_menu_cta_inner_section { width: 100%; } .child_menu_strip1st ul li { width: calc(50% - 5px);padding:15px; } .dropdown>a:after { display:none; } .navigation.header_right_module ul { width: 100%; margin: 0 auto;gap:5px !important;padding-bottom:0px; } .header_right_menu_section { padding-bottom:20px; } header .btn-parrent { padding-left: 30px; padding-top: 15px; } .top-box-heading { padding-bottom:30px; } /*************Home Banner************/ .banner-top { flex-direction: column; justify-content: center; align-items: center; text-align: center;width: 100%; max-width: 100%;margin:0 auto;gap:0; } .BannerTitle { width:100%; } .BannerRight ul { justify-content: center; } .BannerSection .Buttons { padding-top: 20px; } .BannerRight, .BannerTitle { width: 100%; } .ProductBannerInfoBox { padding-top:150px; } .BannerTitle h1::after, .solutionBannerTitle h1 br, .bannerTitle h1 span::after { display:none; } /****************Table*****************/ .amsplantablesection { width: 1200px; } .amsplaninner { overflow: auto; } /****************Features Section*****************/ .ProductfeaturesCardCol, .our_values_CardCol {width: calc(50% - 15px);} .ProductfeaturesInfoRight.featurescontent , .ProductfeaturesInfoLeft.featuresheading { width:100%; } /******************** Product Page Integration Section ****************************/ .ProductIntegrationSection { padding: 100px 0 50px; } .ProductIntegrationLeft {width: 300px; top: -70px; bottom: unset; align-self: flex-start; } .ProductIntegrationRight {width: 300px; bottom: 70px; top: unset; align-self: flex-end; right: -15px; } .ProductIntegrationInfo {width: calc(100% - 460px); padding: 20px 15px; } /******************** Migration Section ****************************/ .ProductMigratingCardInner {max-width: 70%;} /*********** ROI CALCULATOR *************/ .output_box_title ul li { padding: 15px 10px; font-size: 16px;} .output_box_title ul li.output_title { padding: 15px 10px; font-size: 15px;} .output_title_main ul li { padding: 15px 10px; font-size: 18px;} .main_output_text ul li { font-size: 18px;} .main_output_text ul li.main_output_value { font-size: 16px;} .ROI_Calculator_cta { padding-top: 70px;} .main_output_text ul li.main_output_value { padding: 15px 10px;} .main_output_text ul li { padding: 13.5px 30px;} .right_side_outputbox { min-height: 330px;} /**************Request Demo Page*****************/ .RequestDemoInner, .contact_RequestDemoInner { flex-direction: column; justify-content: center;text-align:center } .RequestDemoLeft, .contact_RequestDemoLeft { width: 100%; } .RequestDemoRight { width: 80%; margin: 0 auto; margin-top: 50px; box-shadow: 0px 0px 9px -1px #000; } .RequestDemo { padding-bottom:100px; } .WorldwideParnters { justify-content: center; } .pt140, .p140-0 { padding-top: 80px; } .PerformanceContent { text-align: left; } .RequestDemoHeading h1::after { bottom: 6px; right: -10px; width: 57%; } .RequestDemoRight.OnDesktop { display:none; } .RequestDemoRight.OnMobile { display:block; } .right_side_points_main { padding: 20px 0; } .contact_RequestDemoInner { gap: 40px; } .right_side_points { width: 100%; max-width: 600px; margin: 0 auto; } /****************************/ .two_col_content_outer::before { display: none; } .two_col_content_outer { padding-top: 50px; text-align: center; } .two_col_content_main { justify-content :center; gap: 30px; } .two_col_content_inner .two_col_content_main:not(:first-child) { padding-top: 40px; text-align: center; } .two_col_image, .bindhq_doers_two_col_image { width: 100%; max-width: 70%; margin: 0 auto; } .two_col_content { max-width: 100%; } .key_benefits_card { width: calc(50% - 10px); padding: 30px 15px; } .key_benefits_bottom_content_inner { flex-wrap: wrap; } } @media (max-width:991px){ .landing-wrapper { max-width: 100%; } .wrapper,.content-wrapper { max-width:700px !important } h1,.h1 {font-size: 45.0px;} h2 ,.h2 h1, .from_application_upper_content h2 {font-size: 36.0px;} h3,.h3 {font-size: 30.0px;} h4,.h4, .our_values_Title h4, .two_col_title h4, .bindhq_doers_two_col_title h4 {font-size: 26.25px;} .pb40,.p40-0 { padding-bottom:30px; } .pb50,.p50-0 { padding-bottom:40px; } .pb60,.p60-0 { padding-bottom:40px; } .pb70,.p70-0 { padding-bottom:56px; } .pt40,.p40-0 { padding-top:30px; } .pt50,.p50-0 { padding-top:40px; } .pt60,.p60-0 { padding-top:40px; } .pt70,.p70-0 { padding-top:56px; } .pt80,.p80-0 { padding-top:60px; } .pb80,.p80-0 { padding-bottom:60px; } .p140-0, .pt140 { padding-top:70px; } .p90-0 ,.p80-0 { padding: 64px 0; } .pb90 { padding-bottom: 64px; } .tabw100 { width: 100% } .ib.tabw100 { width: 100%; display:block; margin-right: 0 } .pt130 { padding-top: 50px; } .pb130 { padding-bottom: 50px; } /*******Footer********/ footer .footer-inner { width:100%; } footer .footer-top { width: 100%; } .footer-inner.pt213 { padding-top: 150px; } /*******Client Logo********/ .logo_box { padding-bottom:50px; } /*******Product Page Banner********/ .ProductBannerInfoBox.ImagesUpMoveIng {padding-bottom: 200px;border-radius: 0 0 100px 100px;} .ProductBannerImageBox {margin-top: -150px;} .ProductLinkBox ul {justify-content: center;gap: 10px 20px;} /*******Feature Section********/ .ProductfeaturesInfoLeft {width: 100%;} .ProductfeaturesInfoRight {width: 100%;} .ProductfeaturesInfoRow {gap: 20px;} /**************Gettoknow*****************/ .Gettoknow .two-col { flex-direction: column;gap:30px; } .content-side-col { order: 2; } .image-side-col { width: 100%; text-align: center; } .content-side-col , .content-side-col.left-side-col , .two-col .two-col-title { width:100%; text-align:center; } .two-col-content { text-align:start; } .two-col-title { padding-bottom: 15px; } br { display:none; } /**************Pricing Page*****************/ .InsuranceProductBox { flex-direction: column; gap: 20px; } .InsuranceProductBox-1, .InsuranceProductBox-2 { width: 100%; } .InsuranceProductBox-2 { box-shadow: 10px 28px 64px rgb(0 0 0 / 20%); } .top-heading { flex-wrap:wrap;gap:10px; } .Box1-Content { padding-right: 0px; } .Box1-Content::after { width:100%; } .amsplaninner { padding-bottom:15px; } .InsuranceProductInner .secondary-btn a , .InsuranceProductInner .secondary-btn-reverse a { width: 100%; font-size: 16px; } /******************** Product Page Integration Section ****************************/ .ProductIntegrationSection { padding: 50px 0;} .ProductIntegrationLeft {position: relative; width: 50%; top: 0px; bottom: unset; } .ProductIntegrationInfo {width: 100%;order: 2;padding: 40px 0 0;} .ProductIntegrationRight { position: relative; width: 50%; top: 0px; bottom: unset; } /******************** Product Page Video Section ****************************/ .play-btn-effect { width: 90px; height: 90px; } .video-inner { padding-right: 40px; } /*********** ROI CALCULATOR *************/ .Roi_calc_inner_section { flex-direction: column; gap: 30px;} .Roi_calc_inner_section > div { width: 100%; max-width: 100%;} .ROI_CalculatorForm { flex-direction: column; } .ROI_Calculator_FieldBox { width: 100%; } .right_side_outputbox.openup { top: 50%; transform: translateY(-50%); } .right_side_image_before_value { width: 400px; padding: 30px 0;} .ROI_Calculator_cta { position: inherit; } /********* banner[ about us page ] *********************/ .aboutUsBannerImageBox { margin-top: -110px; } .aboutUsBannerInfoBox { padding: 150px 0; border-radius: 0 0 100px 100px; } .our_values_InfoSubTitle h5 { font-size: 16px; } /***********/ .about_bindhq_content_inner .about_bindhq_box:first-child .about_bindhq_content_title { font-size: 26px; } .about_bindhq_content_title { font-size: 24px; } .about_bindhq_content_inner .about_bindhq_box:nth-child(1), .about_bindhq_content_inner .about_bindhq_box:nth-child(2) { padding-bottom: 50px; } .about_bindhq_right_content { max-width: 100%; } .about_bindhq_image { width: 100%; } /******************************/ .solution_content { flex-wrap: wrap; gap: 30px; justify-content: center; } .solutionBannerSection { text-align: center; } .solutionBannerButton ul { justify-content: center; } .solutionBannerInfoBox .wrapLeft { padding: 0 15px !important; } .dive_into_bindhq_inner .section_title { padding-top: 20px; } .dive_into_bindhq { padding: 50px; } .bindhq_doers_two_col_content_main .wrapLeft, .bindhq_doers_two_col_content_main .wrapRight { padding:0 15px !important; } .bindhq_doers_two_col_content_inner_main { flex-wrap: wrap; } .bindhq_doers_two_col_content_outer { padding: 50px 0px 0px; text-align: center; } .bindhq_doers_two_col_content_inner .bindhq_doers_two_col_content_main:not(:first-child) { padding-top: 50px; } .bindhq_doers_two_col_content_inner_main { text-align: center; justify-content: center; } .bindhq_doers_two_col_content { max-width: 100%; } .bindhq_doers_module { padding: 70px 0; } .bindhq_doers_two_col_content_inner .bindhq_doers_two_col_content_main:nth-child(3) .bindhq_doers_two_col_image { padding-left: 0; } .thank_you_bg.bg { height: 400px; } .thank_you_outer { padding: 150px 0 80px; } .section_paragraph p { font-size: 28px; } .key_benefits_card { background-color: #fff; -webkit-box-shadow: 72px 24px 120px 0px rgba(0,0,0,0.07); -moz-box-shadow: 72px 24px 120px 0px rgba(0, 0, 0, 0.07); box-shadow: 72px 24px 120px 0px rgba(0,0,0,0.07); } .use_case_bottom_content_inner { gap: 20px; } .use_case_card { width: calc(50% - 10px); height: 430px; } .use_case_card_image.image_at_bottom { position: relative; bottom: -25px; } .use_case_card_paragraph { padding-top: 15px; } .use_case_card_upper_content { padding: 25px; } .the_opportunity_card_paragraph { padding: 25px; } .the_opportunity_card { width: calc(33.33% - 10px); } .get_to_know_bindhq .two-col { gap: 30px; } .our_focus_bottom_content, .the_opportunity_bottom_content, .use_case_bottom_content { padding-top: 25px; } } @media (max-width:767px){ .wrapper,.content-wrapper { max-width:100% !important; padding-left:15px; padding-right:15px; } .p100-0 { padding: 50px 0; } /*******Footer********/ .footer-bottom-strip .three-col { justify-content: center; flex-direction: column; gap: 10px; } .footer-top-box, .one_col_module_inner { width: calc(100% - 15px); } .banner-top { max-width:100%;padding:0 15px; } /*******Product Page Banner********/ .ProductBannerInfo {padding: 0;} .ProductBannerTitle span.ProductIcon {top: -35px;width: 40px;} /*******Feature Section********/ .ProductfeaturesCardCol, .our_values_CardCol {width: 100%;} .ProductfeaturesCardRow, .our_values_CardRow {gap: 20px;} .our_values_section { padding: 40px 0; } .our_values_CardRow { padding-top: 20px; } .about_bindhq_section { padding: 40px 0 20px; } .contact_RequestDemoOuter { padding: 50px 0; } .right_side_points_main { padding: 15px 0; text-align: left; } .contact_RequestDemoInner { gap: 40px; } .upper_text { padding-top: 20px; } .from_application_module { padding: 120px 0 50px; } .from_application_module:after { left: calc(50% - 30px); } .api_banner .landing-wrapper { padding: 0; } .api_banner_inner { padding: 130px 20px 0; } .api_banner_paragraph, .api_banner_button { padding-top: 20px; } .api_banner_bottom_content { margin-top: 0; padding-top: 10px; } .api_banner_button.button a { padding: 14px 25px; } .api_client_logo { padding-top: 50px; } .the_opportunity_card { width: calc(50% - 10px); } .the_opportunity_bottom_content_inner { flex-wrap: wrap; gap: 20px; } .our_focus_bottom_inner { gap: 20px; flex-wrap: wrap; } .our_focus_card.our_focus_card1, .our_focus_card { width: 100%; } .our_focus_title h4 { font-size: 22px; } .popup_video.md-show { padding: 100px 0; background-color: #fff; } .close_button { height: 20px; max-width: 20px; } span.play_icon { max-width: 50px; height: 50px; padding: 10px; } } @media (max-width:650px ){ /************** Product Migration Center *******************/ .ProductMigratingCardInner {max-width: 85%;} /************** Product Video Section *******************/ .play-btn-effect { width: 75px; height: 75px; } .video-inner { padding-right: 0px; } .play-btn-effect { right: 50%; transform: translate(50%,-50%); } .play-btn-effect { width: 55px; height: 55px; } } @media ( max-width:640px ) { h1,.h1 {font-size: 39.0px;} h2 ,.h2 h1, .from_application_upper_content h2 {font-size: 30.0px;} h3,.h3 {font-size: 26.0px;} h4,.h4, .our_values_Title h4, .two_col_title h4, .bindhq_doers_two_col_title h4 {font-size: 22.75px;} p { font-size: 16px; } .p140-0, .pt140 { padding-top:50px; } .child_menu_strip1st ul li { width:100%; padding: 5px 15px !important; } /*******Footer********/ .footer-menu .menu-heading, .getintouch .heading { padding: 20px 0; } footer .footer-mid-menu li { padding-bottom: 10px; } .BannerRight ul { flex-direction: column; justify-content: center; gap: 10px; } /**************Gettoknow**************** */ .two-col-content:before { display:none; } .two-col-content { padding-left:0px;text-align:center; } /**************WorkFlow*****************/ .workflow_form fieldset.form-columns-2 { flex-direction: column; } .hs_job_profile, .hs_represents { width: 100% !important; } /**************Request Demo Page*****************/ .RequestDemoRight { box-shadow: 0 0 9px -1px #000; margin: 50px auto 0; width: 100%; } .WorldwideParnters { gap: 50px; justify-content: center; } .PerformanceContent ul li { font-size: 16px; } .PerformanceContent ul li:before { top:2px; } /*********** ROI CALCULATOR *************/ .output_title_main ul li { font-size: 16px;} .output_box_title ul, .output_title_main ul { align-items: stretch;} .main_output_text ul li.main_output_value { padding: 15px 10px;} .main_output_text ul li { padding: 13.5px 30px;} .ProductLinkBox { padding-top: 0px; } .ProductBannerImage { padding-bottom: 20px; } footer .getintouch .contact-info { text-align: left; } .footer-mid-menu { flex-wrap: wrap; padding: 40px 74px; } .footer-menu, footer .getintouch { width: calc(50% - 30px); } .solutionBannerInfoBox { padding: 130px 0 80px; } .landing_header_logo { max-width: 130px; } .header_button.button a { padding: 15px 20px; } } @media ( max-width:575px ) { header .btn-parrent { width: 100%; padding: 15px 30px; } .banner-top { padding-top: 60px; } h1 { font-size:35px; } h2 ,.h2 h1, .from_application_upper_content h2 {font-size: 26.400000000000002px;} h3,.h3 {font-size: 22.0px;} h4,.h4, .our_values_Title h4, .two_col_title h4, .bindhq_doers_two_col_title h4 {font-size: 19.25px;} .compare-outer { padding-bottom:40px; } .ROI_Calculator_title_section { padding: 20px 0; } .ProductBannerInfoBox.ImagesUpMoveIng { padding: 50px 0 200px; } header .logo img { width: 150px; } .pt170 { padding-top: 120px; } .logo_module_image { padding: 10px; } .table-bottom-text { width:100%;max-width:100%; } .ProductBannerInfo { padding-top:120px; } .footer-mid-menu { flex-direction: column; justify-content: center; align-items: center; text-align: center; } .footer-mid-menu { flex-wrap: wrap; padding: 40px 0; } .footer-menu, footer .getintouch { width: 100%; } /*********** Migration Section ************************/ .ProductMigratingCardInner {max-width: 90%;} footer .getintouch { width: 64%; } /************** our values section[about us page] ******/ .our_values_InfoSubTitle h5 { font-size: 14px; } /*********** about bindhq section[about us page] ***********/ .about_bindhq_content_inner .about_bindhq_box:first-child .about_bindhq_content_title { font-size: 24px; } .about_bindhq_content_title { font-size: 24px; line-height: 1.2; } .about_bindhq_content_inner .about_bindhq_box:nth-child(1), .about_bindhq_content_inner .about_bindhq_box:nth-child(2) { padding-bottom: 30px; } .phone_icon { width: 35px; margin: 0 auto; } section.api_banner:after { height: 80px; } .key_benefits_card { width: 100%; } .card_title h5 { font-size: 20px; } .use_case_card { width: 100%; height: 100%; } .use_case_bottom_content_inner { gap: 20px; } .use_case_card_upper_content { padding: 25px; } .the_opportunity_card { width: 100%; } .api_banner { display:none; } .api_banner.mobile { display:block;} .api_banner_inner_mobile { padding-top: 120px; } .api_banner_inner_mobile_bg { display:block; background-image: url(https://www.bindhq.com/hubfs/BindHQ%20API%20Page%202024/Banner-Background-Image.png); position: fixed; height: 100vh; width: 100%; background-size: 90%; background-position: 50%; background-repeat: no-repeat; } .api_banner_inner { display:none; } .api_banner.mobile { display:block; } } @media ( max-width:480px ){ .p140-0, .pt140 { padding-top: 30px; } .Box1-list { padding-top: 20px; } .font16lh30 h6 { font-size:14px; } .InsuranceProductBox-1, .InsuranceProductBox-2 { padding: 40px 20px; } /*********** Migration Section ************************/ .ProductMigratingCardInner {max-width: 100%;} .ProductMigratingCardindex {font-size: 40px;line-height: 45px;} .ProductMigratingCardInner {padding: 32px 0 0 10px;} .ProductMigratingCardRow {padding: 20px;} /*********** ROI CALCULATOR *************/ .right_side_outputbox { overflow-x: scroll;} .right_value_after_submit { width: 500px;} .right_side_outputbox::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } .right_side_outputbox::-webkit-scrollbar {width: 0px !;background-color: #F5F5F5;height:10px;} .right_side_outputbox::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #005d73; height:2px; } .ROI_Calculator_field.range { margin-top : 0; } .ROI_Calculator_field fieldset input[type="number"], .ROI_Calculator_field fieldset input[type="text"] { padding: 20px 30px 20px; } .ROI_Calculator_cta a { font-size: 18px; padding: 15px 10px; } .integrated_solution_text_inner { align-items: flex-start; } .solutionBannerButton ul { flex-wrap: wrap; align-items: center; justify-content: center; } .get_access_top_content { width: 100%; max-width: 300px; } .get_access_top_inner { flex-direction: column; align-items: flex-start; } } @media (max-width: 430px ){ .about_bindhq_upper_content { flex-wrap: nowrap; align-items: center; } .right_side_text { line-height: 1.5; } .right_side_points_main { align-items: flex-start; } .right_side_points_inner:after { bottom: -17px; } } @media (max-width:375px ){ .ProductMigratingCardRow {flex-wrap: wrap;gap: 10px;} }