/*Web Fonts CSS*/ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap'); @font-face{font-family:'Avenir';font-style:normal;font-weight:400;font-display:swap;font-stretch:normal;src: local('../fonts/Avenir'), url("//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/webfonts/Avenir-Regular.woff") format('woff');} @font-face{font-family:'Avenir';font-style:normal;font-weight:500;font-display:swap;font-stretch:normal;src: local('../fonts/Avenir'), url("//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/webfonts/Avenir-Medium.woff") format('woff');} @font-face{font-family:'Avenir';font-style:normal;font-weight:700;font-display:swap;font-stretch:normal;src: local('../fonts/Avenir'), url("//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/webfonts/Avenir-Heavy.woff") format('woff');} @font-face{font-family:'Avenir';font-style:normal;font-weight:900;font-display:swap;font-stretch:normal;src: local('../fonts/Avenir'), url("//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/webfonts/Avenir-Black.woff") format('woff');} /*Web Fonts CSS*/ /*Global CSS*/ :root{ --black:#000; --white:#fff; --skyblue:#00A1DB; --blue:#019FD6; --blue2:#449ED0; --theme:#EA7765; --theme2:#EBB1A5; --darkblue:#1E2048; --light-black:#1f1f1f; --grey1:#333; --grey2:#5B5B5B; --grey3:#AFAFAF; --grey4:#D8D8D8; --grey5:#dadada; --grey6:#f1f1f1; --grey7:#f8f8f8;font-size:100%; --primary: #EA7765; --secondary: #0DBCE5; --tertiary: #1E2048; --heading: #1E2048; --body: #333333;} *{margin:0;padding:0} html, body {-webkit-font-smoothing: antialiased;} body{width:100%;min-width:320px;background-color:var(--white);color:var(--grey1);font-size:16px;font-weight:500;font-family:'Avenir';overflow-x:hidden;padding-top:80px} .clear{clear:both} iframe{height:100% !important;border:none !important;} a,button{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;cursor:pointer} a{text-decoration:none;color:#0DBCE5;} a:hover{text-decoration:none;outline:0;color:#0b73b9} a:focus,:focus,button:focus{outline:none!important;outline-offset:none!important;text-decoration:none!important} a.link1{color:var(--theme);text-decoration:none;border-bottom: 2px solid var(--theme);} a.link1:hover{color:var(--theme);text-decoration:none;border-bottom-color: transparent;} a.link2{color:var(--blue);text-decoration:none;border-bottom: 2px solid var(--blue);} a.link2:hover{color:var(--blue);text-decoration:none;border-bottom-color: transparent;} a.link3{font-size: 0.8125rem;text-decoration: underline;} a.link3:hover{text-decoration: none;} a,img{border:none;outline:none} img,svg{max-width:100%;height:auto;display:inline-block;vertical-align:middle;overflow-x: hidden;} label{font-weight:400} h1,h2,h3,h4,h5,h6{color:var(--darkblue);font-family:'Poppins',sans-serif;font-weight:700;margin:0;padding:0 0 30px;position:relative} h1{font-size:3.75rem;line-height:5rem} h2{font-size:2.8125rem} /* h1:not(:empty)::after,h2:not(:empty)::after{content:".";color:var(--blue)} */ /* h1.not-contain:not(:empty)::after,h2.not-contain:not(:empty)::after{content:""!important;color:var(--blue)} */ h3,h4,h5,h6{font-weight:500;font-family:'Avenir';padding:0 0 20px;line-height:2.5rem} h3{font-size:1.5625rem} h4{font-size:1.25rem} h5{font-size:1rem} h6{font-size:0.875rem} b,strong{font-weight:700} ul,ol{list-style:none;margin:0} ul li,ol li{list-style:none} p{display:block;line-height:26px;margin:0;padding:0 0 20px; color:#333;} p:last-child{padding:0} #submitbutton{margin-top:25px;} #hs_cos_wrapper_content_> h4{font-family: 'Poppins',sans-serif;font-style: normal;font-weight: 700;color: #1e2048;font-size: 62px;line-height: 1em;} @media only screen and (max-width: 430px) { #hs_cos_wrapper_content_> h4{padding: 20px 0px; font-size: 3em;} } .relative{position:relative;} .form-group{margin-bottom:20px} .form-group label{margin-bottom:3px} .form-control,.hs-input{box-shadow:none!important;;width: 100%!important;color:var(--light-black);font-family:'Avenir';background:var(--white);font-size:1rem;font-weight:500;height:49px;border:1px solid var(--light-black);border-radius:4px;display: block;width: 100%;padding: .375rem .75rem;background-color: #fff;background-clip: padding-box;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} @media only screen and (max-width: 430px) { .hs-form-field{width: 200px !importan;} } select,select.form-control{text-overflow:ellipsis;white-space:nowrap;padding-right:28px;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;width:100%;background:var(--white) url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/sltd-arw.png) no-repeat scroll calc(100% - 15px) center!important} .radio-custom{position: relative;} .radio-custom input[type="radio"]{position: absolute;left: 0;top: 0;width: 24px;height: 24px;display: block;opacity: 0;} .radio-custom input[type="radio"] + label{margin: 0 15px 15px 0;padding: 0 0 0 36px;font-weight: 400;position: relative;} .radio-custom input[type="radio"] + label::before{width: 24px;height: 24px;border-radius: 50%;display: block;content: "";position: absolute;left: 0;top: 0;background-color: #f1f1f1;} .radio-custom input[type="radio"] + label::after{width: 10px;height: 10px;border-radius: 50%;display: block;content: "";position: absolute;left: 7px;top: 7px; border:1px solid #333333;box-shadow: 1px 1px 1px rgb(0 0 0 / 16%); transition: all 0.3s ease;opacity: 0;} .radio-custom input[type="radio"]:checked + label::after{opacity: 1;} .form-control:focus{background:var(--white);border-color:var(--blue)} select.form-control:not([size]):not([multiple]){height:49px} textarea.form-control{min-height:150px;resize:none;height:auto} .form-control::-webkit-input-placeholder{color:var(--grey5);opacity:1;font-weight:500} .form-control::-moz-placeholder{color:var(--grey5);opacity:1;font-weight:500} .form-control:-ms-input-placeholder{color:var(--grey5);opacity:1;font-weight:500} .form-control:-moz-placeholder{color:var(--grey5);opacity:1;font-weight:500} .form-control:focus::-webkit-input-placeholder{color:var(--blue)} .form-control:focus::-moz-placeholder{color:var(--blue)} .form-control:focus:-ms-input-placeholder{color:var(--blue)} .form-control:focus:-moz-placeholder{color:var(--blue)} .btn,.hs-button{font-size:1rem;font-family:'Poppins',sans-serif;font-weight:700;color:var(--white);padding:0 49px;height:49px;display:inline-block;line-height:49px;border-radius:4px;border:none;text-align:center;position:relative;overflow:hidden;box-shadow:none!important;transition: all 0.3s ease;} .btn:hover,.btn:focus,.btn:active{color:var(--white)} .theme-btn,.hs-button{background:var(--theme);transition: all 0.3s ease;} .theme-btn:hover,.hs-button:hover{background:#f88776} .blue-btn{background:var(--skyblue)} .blue-btn:hover{background:#1db8f0} .blue-line-btn{background:none;border:2px solid var(--blue2);color:var(--blue2);height:59px;line-height:55px;padding:0 59px; margin-top:20px;} .blue-line-btn:hover{background:var(--blue2);color:var(--white)} .theme-line-btn{background:none;border:2px solid var(--theme);color:var(--theme);height:59px;line-height:55px;padding:0 59px} .theme-line-btn:hover{background:var(--theme);color:var(--white)} .btn.disabled, .btn:disabled {background: #EAF0F7;color: #B0C1D4;pointer-events: none;opacity: 1;} .mrg0{margin:0!important} .pad0{padding:0!important} .bdr0{border:none!important} .container{margin:0 auto;max-width:1310px;position:relative;width:100%;padding-left: 20px;padding-right: 20px;} .dis-none{display: none;} .dis-block{display: block;} .blue-color{color: var(--blue);} .yellow-color{color: #F4C540;} .green-color{color: #02B8BC;} .peach-color{color: #E97D6C;} .pink-color{color: #C94764;} .dsk-line{display: block !important;} .mbl-line{display: none!important;} .modal-backdrop.show {opacity: 0.8;} .video-modal .modal-dialog {max-width: 700px;} .video-modal button.close {position: absolute;right: 0;top: -40px;color: #fff;text-shadow: none;font-size: 30px;opacity: 1;} .video-modal .modal-content {border: none;border-radius: 0;} .video-body video {display: block; width: 100%;} .video-body .vidyard-player-container {width: 100% !important;max-width: 100% !important;max-height: 100% !important;height: 100% !important;} .video-body .vidyard-player-container div[class*="vidyard-inner-container-"] {max-width: 100% !important;max-height: 100% !important;} .video-body .vidyard-player-container div[class*="vidyard-inner-container-"] iframe {width: 100%;height: 100%;} .vidyard-player-container div{height: 100% !important;} .landing-section4.purpose-vision-section2{padding-bottom:120px;} .home-section9 h4{color: #fff;font-size: 1.5rem;} .home-section9 .form-group, .home-section9 .hbspt-form {position: relative;width: 100%;max-width: 410px;margin:50px auto 0;} .home-section9 .section9-text .form-group .btn {margin-top: 0;} .home-section9 .form-control {border-color: #D8D8D8;padding-right: 190px;} .home-section9 .form-group .theme-btn {position: absolute;right: 0;top: 0;content: '';border-radius: 0 4px 4px 0;} .home-section9 span.hs_cos_wrapper{display:block;width:100%;position:relative;max-width: 410px;margin:50px auto 0;justify-items: center;} .home-section9 span.hs_cos_wrapper h3{display:none} .home-section9 span.hs_cos_wrapper .hs_email label{display:none} .home-section9 .hs_error_rollup label.hs-main-font-element{color:red;margin:5px 0 0} .home-section9 .hs_submit.hs-submit{position:absolute;right:0;top:1px;} .home-section9 .hs-button{padding:0;width:150px;margin:0;border-radius:0 4px 4px 0;height: 47px;} .home-section9 .hs-input {padding-right: 160px;} .home-section8.blog-ind-releted-section{padding: 50px 0 230px; position: relative;} .blog-ind-releted-section .shape25 { left: 55%; bottom: -14%;} .blog-ind-releted-section .shape24 { left: 80%; top: 67%;} .blog-ind-releted-section .shape26 {display: none; } .blog-ind-releted-section .blog-ind-connector1 {position: absolute; top: 105%; left: 9%;} .blog-ind-dashed4{stroke-dasharray:10} .blog-ind-path4{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:blog-ind-path4;animation-duration:4s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes blog-ind-path4 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .blog-ind-cls-7{animation-name:blog-ind-cls-7;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.6s;opacity:0} @keyframes blog-ind-cls-7 {0%{opacity:0}100%{opacity:1}} .blog-ind-cls-8{animation-name:blog-ind-cls-8;animation-duration:0s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes blog-ind-cls-8 {0%{opacity:0}100%{opacity:1}} .our-podcasts-tab-content .download-guide-sec {max-width: initial;margin: 100px 0 100px 0;} .home-section8.ser-ind-releted-section{padding: 60px 0 100px; position: relative;} .ser-ind-releted-section .shape25 { left: 55%; bottom: -38%;} .ser-ind-releted-section .shape24 { left: 80%; top: 130%;} .ser-ind-releted-section .shape26 {display: none; } @media only screen and (max-width: 1199px) { .btn {padding: 0 30px;} h1 {font-size: 3.2rem;line-height: 4rem;} h2 {font-size: 2rem;} h3, h4, h5, h6 {line-height: 2rem;} .blog-ind-releted-section .shape24 {top: 71%;} .blog-ind-releted-section .shape25 { bottom: -22%;} .home-section8.ser-ind-releted-section{padding:80px 20px 125px 20px;} } @media only screen and (max-width: 991px) { h1 {font-size: 2.4rem;line-height: 3rem;} } @media only screen and (max-width:767px) { h1 {font-size: 2.5rem;line-height: 3.4rem;} h1 br,h2 br,h3 br,h4 br,p br{display: none;} h2{font-size: 2.5rem;line-height: 3.4rem;} h3, h4, h5, h6 {line-height: 2.5rem;} .btn {padding: 0 49px;} .dsk-line{display: none!important;} .mbl-line{display: block!important;} .modal-open,.modal-open .modal {padding-right: 0 !important;} .home-section9 .section9-text .form-group .btn {padding: 0 30px;} .home-section9 .form-control, .home-section9 .hs-input {padding-right: 150px;} .home-section8.blog-ind-releted-section {padding: 0 20px 125px;} .blog-ind-releted-section .blog-ind-connector1 {display: none;} .our-podcasts-tab-content .download-guide-sec {margin: 70px -35px;} } @media only screen and (max-width:525px) { h2{font-size: 1.5rem;} h2.home-section-blog-title{width: fit-content;} } @media only screen and (max-width:350px) { h2{font-size: 1rem;} } #hs_cos_wrapper_my_password_reset_request>.hs-form-field{display:none;} #hs-pwd-widget-password{height: 49px !important;margin-top: 0px !important; border: 1px solid !important;} #hs-login-widget-remember{height: 30px;margin-top: -4px;left: 10%;position: absolute;} @media only screen and (max-width:1920px) { #hs-login-widget-remember{max-width: 550px !important;} } @media only screen and (max-width:1366px) { #hs-login-widget-remember{max-width: 480px !important;} } @media only screen and (max-width:768px) { #hs-login-widget-remember{max-width: 400px !important;} } @media only screen and (max-width:430px) { #hs-login-widget-remember{max-width: 300px !important;} } .hs-membership-loader{margin-top: 30px;} .row{margin-right: 0px !important; margin-left: 0px !important;} .service-section1> .container> .row{overflow-x: hidden; } /*Global CSS*/ /*Global Carousel CSS*/ .owl-carousel .animated{-webkit-animation-duration:1500ms;animation-duration:1500ms;-webkit-animation-fill-mode:both;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOut {0%{opacity:1}100%{opacity:0}} @keyframes fadeOut {0%{opacity:1}100%{opacity:0}} .owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1} .owl-carousel .owl-stage{position:relative;} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px)} .owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer} .owl-carousel.owl-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel .owl-item img{display:block;width:100%;transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d} .owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .owl-carousel .owl-nav .disabled{display:none!important} .owl-nav>button{background:#000;border:medium none;color:#fff;cursor:pointer;font-family:Arial;font-size:50px;height:40px;line-height:40px;position:absolute;text-align:center;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);width:40px;display:block;outline:none!important} .owl-nav>button>span{display:block;margin-top:-9px} .owl-nav>button.owl-prev{left:0} .owl-nav>button.owl-next{right:0} .owl-dots{align-items:center;bottom:15px;display:flex;justify-content:center;left:0;position:absolute;right:0;text-align:center} .owl-dots>button.owl-dot{background:var(--grey4);border:medium none;border-radius:50%;height:16px;margin:0 10px;outline:medium none!important;vertical-align:middle;width:16px;cursor:pointer} .owl-dots>button>span{display:none!important} .owl-dots>button.owl-dot.active{background:var(--grey1)} .owl-nav.disabled,.owl-dots.disabled{display:none} /*Global Carousel CSS*/ /*Header CSS*/ .header{} .header.shrink{height: auto;box-shadow: none;margin-top: 30px;background:var(--white)} .header .container{display:flex;align-items:center;justify-content:space-between} .logo{width:46px} .menu{margin: 0 0 0 15px;display: flex;align-items: center;flex-wrap: wrap;} .menu>ul{display:flex;align-items:center;margin: 0 15px 0 0;} .menu>ul>li{margin:0 18px} .menu>ul>li>a{color:var(--grey2);display:block;height:80px;line-height:80px;position:relative} .menu>ul>li>a::before{width:0;left:0;right:0;bottom:24px;height:2px;display:block;content:"";background:var(--blue);transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;position:absolute} .menu>ul>li:hover>a::before{width:100%} .menu>ul>li:hover>a{color:var(--grey1)} .menu>ul>li.sub-menu>a{padding:0 20px 0 0;background:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/arw2.svg) no-repeat right center} .menu>ul>li.sub-menu:hover>a{background-image:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/arw2-a.svg);} .menu>ul>li>ul.sub-nav-outer{background:#fff;left:15px;right:15px;top:100%;position:absolute;z-index:99999;display:flex;margin:0;padding:25px 0 25px 55px;list-style:none;flex-wrap:wrap;opacity:0;visibility:hidden;height:0} .menu>ul>li>ul.sub-nav-outer::before{position:absolute;left:-100vw;right:-100vw;top:0;bottom:0;background:#fff;content:"";z-index:-1;box-shadow:0 6px 6px -4px #1e204819 inset, 0 3px 6px #1e204819;;opacity:0;visibility:hidden;height:0} @-webkit-keyframes Grow { 0%{opacity:0;visibility: hidden;height: 0;} 100%{opacity:1;visibility: visible;height: auto;} } @keyframes Grow { 0%{opacity:0;visibility: hidden;height: 0;} 100%{opacity:1;visibility: visible;height: auto;} } .menu>ul>li:hover>ul.sub-nav-outer{display:flex;transform-origin:0 0;animation:Grow .2s ease-in-out;backface-visibility:visible!important;opacity:1;visibility:visible;height:auto} .menu>ul>li:hover>ul.sub-nav-outer::before{height:auto;opacity:1;visibility:visible} .menu>ul>li:hover>ul.sub-nav-outer li.nav1{width:100%} .main-block{display:flex;flex-wrap:wrap;width:100%} .catg1-outer{flex:0 0 39%;max-width:39%;padding:0 35px 0 0;border-right:1px solid #f8f8f8} .catg2-outer{flex:0 0 61%;max-width:61%;padding:0 0 0 35px} .catg2-outer h4{color:var(--grey2);font-size:.9375rem;padding:0;line-height:1.5} .featured-positions-block{background:var(--white);box-shadow: 0 3px 6px #1e204819;transition: all 0.3s ease;} .featured-positions-block img{width:84px;} .featured-positions-block:hover{box-shadow: 3px 3px 8px rgb(30 32 72 / 30%);} .featured-icon{height:130px;background:#F0D690} .marketing-block .featured-icon{background:#019FD6} .development-block .featured-icon{background:#8D8EC1} .featured-info{padding:16px 10px;color:var(--grey2);font-size:0.8125rem} .featured-info span{color:#818181;display:block;} .bx1{margin:0 0 15px} .catg-loop{background:var(--white);box-shadow: 0 1px 6px rgb(30 32 72 / 10%);margin:0 0 12px;display:flex;border-left:12px solid #E5F6FE;align-items:center;padding:8px 10px 8px 20px;font-size:.75rem;line-height: 1.1rem;color:var(--grey2);transition:all 0.3s ease} .catg-loop p {line-height: 1.1rem;} .catg-loop:hover{border-color:var(--blue);box-shadow: 3px 3px 6px rgb(30 32 72 / 20%);} .catg-loop:last-child{margin:0} .nav-icon{margin:0 20px 0 0;max-width:30px} .nav-icon img {height: 30px !important;width: 30px !important;} .nav-info{padding:0;flex:1} .nav-info strong{font-size:0.9375rem;font-weight:500} .hd1{padding:0 0 7px} a.link4{color:#DC7D6A;text-decoration:underline;font-size:0.8125rem} a.link4:hover{text-decoration:none} .menu>ul>li:hover>ul.sub-nav-outer li.nav2{border-right:1px solid #f8f8f8;flex:0 0 16%;max-width:16%;padding:0 27px 0 0} .what-we-do li strong{font-weight:500;padding:0 0 12px;display:block} .box2-video{margin:0 0 15px} .box2-video img{width:100%} .box2 p{padding:0 0 15px;color:var(--grey2);font-size:0.8125rem;line-height:1.25rem} .menu>ul>li:hover>ul.sub-nav-outer li.nav3{flex:0 0 16.8%;max-width:16.8%;padding:0 0 0 25px} .menu>ul>li:hover>ul.sub-nav-outer li.nav4{flex:0 0 33.6%;max-width:33.6%;padding:0} .menu>ul>li:hover>ul.sub-nav-outer li.nav5{flex:0 0 16.8%;max-width:16.8%;padding:0 0 0 25px} .menu>ul>li:hover>ul.sub-nav-outer li.nav6{flex:0 0 16.8%;max-width:16.8%;padding:0 0 0 25px} .nav4-inr{display:flex;flex-wrap:wrap;width:100%} .nav4-inr .catg3-outer{flex:0 0 50%;max-width:50%;padding:0 0 0 25px} .menu>ul>li:hover>ul.sub-nav-outer li.nav4 strong{padding-left:25px} .catg-loop2{background:#fff;border-left:6px solid #E5F6FE;margin:0 0 8px;box-shadow: 0 1px 6px rgb(30 32 72 / 10%);font-size: 0.6875rem;line-height: 0.875rem;display:flex;align-items:center;padding:10px;transition:all 0.3s ease} .catg-loop2:hover{border-color:var(--blue);box-shadow: 3px 3px 6px rgb(30 32 72 / 20%);} .catg-loop2:last-child{margin:0} .catg-loop2 img {width: 22px !important;height: 22px !important;margin: 0 10px 0 0;} .nav3 .catg-loop2{border-left-color:#FCEBE7} .nav3 .catg-loop2:hover{border-color:#dc7d6a} .nav5 .catg-loop2{border-left-color:#fdf4d7} .nav5 .catg-loop2:hover{border-color:#f4c540} .nav6 .catg-loop2{border-left-color:#87d1d4} .nav6 .catg-loop2:hover{border-color:#00a79d} .what-we-have-done .catg-loop{height:80px} .what-we-have-done .featured-icon{height:auto;background:none!important} .what-we-have-done .featured-icon img{width:100%} .what-we-have-done .featured-info{padding:12px 10px} .what-we-have-done .bx1{margin:0 0 4px} .menu>ul>li:hover>ul.sub-nav-outer.our-resources li.nav4{flex:0 0 20.5%;max-width:20.5%;padding:0 25px 0 0} .menu>ul>li:hover>ul.sub-nav-outer.our-resources li.nav5{padding:0 25px 0 0;flex:0 0 20.5%;max-width:20.5%} .menu>ul>li:hover>ul.sub-nav-outer.our-resources li.nav4 strong{padding-left:0} .our-resources .nav4-inr .catg3-outer{flex:0 0 100%;max-width:100%;padding:0} .our-resources li strong{font-weight:500;padding:0 0 12px;display:block} .menu>ul>li:hover>ul.sub-nav-outer.our-resources li.nav8{border-left:1px solid #f8f8f8;flex:0 0 59%;max-width:59%;padding:0 0 0 25px} .nav8 h4{color:var(--grey2);font-size:.9375rem;padding:0;line-height:1.5} .our-resources .featured-icon{height:auto;background:none!important} .our-resources .featured-icon img{width:100%} .our-resources .bx1{margin:0;min-height:54px} .our-resources .featured-info{padding:10px} .seach-box{width:158px;position:relative} .srch-inpt{background:none;border:none;border-bottom:1px solid #c4c5e4;outline:none;width:100%;height:30px;font-size:15px;font-family:'Avenir';margin:0;padding:0 30px 0 0;color:var(--light-black)} .srch-btn{position:absolute;right:0;top:0;background:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/search-icon.svg) no-repeat center center;border:none;outline:none;cursor:pointer;font-size:0;width:24px;height:30px;z-index:1} .srch-inpt::-webkit-input-placeholder{color:#CCCDEF} .srch-inpt::-moz-placeholder{color:#CCCDEF} .srch-inpt:-ms-input-placeholder{color:#CCCDEF} .srch-inpt:-moz-placeholder{color:#CCCDEF} .srch-inpt:focus::-webkit-input-placeholder{color:var(--blue)} .srch-inpt:focus::-moz-placeholder{color:var(--blue)} .srch-inpt:focus:-ms-input-placeholder{color:var(--blue)} .srch-inpt:focus:-moz-placeholder{color:var(--blue)} .menuImage{display: none;} .search-icon-mobile{display: none;} @media only screen and (max-width: 1199px) { .menu>ul>li {margin: 0 12px;} .menu>ul>li.sub-menu>a {padding: 0 15px 0 0;} .menu>ul>li>ul.sub-nav-outer{padding:20px 0} .catg1-outer{flex:0 0 42%;max-width:42%;padding:0 15px 0 0} .catg2-outer{flex:0 0 58%;max-width:58%;padding:0 0 0 15px} .catg-loop{padding:5px 10px} .nav-icon{margin:0 12px 0 0} .sub-nav-outer .row{margin-right:-7px;margin-left:-7px} .sub-nav-outer .row [class*="col-"]{padding-left:7px;padding-right:7px} .featured-info{padding:10px} .bx1{margin:0 0 10px;min-height:54px} .menu>ul>li:hover>ul.sub-nav-outer li.nav2{padding:0 15px 0 0} .menu>ul>li:hover>ul.sub-nav-outer li.nav3,.menu>ul>li:hover>ul.sub-nav-outer li.nav5,.menu>ul>li:hover>ul.sub-nav-outer li.nav6{padding:0 0 0 15px} .menu>ul>li:hover>ul.sub-nav-outer li.nav4 strong{padding-left:15px} .nav4-inr .catg3-outer{padding:0 0 0 15px} .catg-loop2{padding:7px} .catg-loop2 img{margin:0 7px 0 0} .what-we-have-done .featured-info{padding:10px} .what-we-have-done .bx1{min-height:75px} .menu>ul>li:hover>ul.sub-nav-outer.our-resources li.nav4,.menu>ul>li:hover>ul.sub-nav-outer.our-resources li.nav5{padding:0 15px 0 0} .menu>ul>li:hover>ul.sub-nav-outer.our-resources li.nav8{padding:0 0 0 15px} } @media only screen and (max-width: 991px) { .header{background:var(--white)} .header .container {height: 100%;padding: 0 25px;} .search-icon-mobile{display: block; position: absolute;right: 75px;top: 28px;} .seach-box{display: none;} .seach-box.search-open {display: block;width: 100%;position: absolute;left: 0;right: 0;top: 100%;background: #fff;box-shadow: 0 4px 4px #1e204819;padding: 0 25px 15px;} .srch-btn {right: 25px;} .iphonNav .btn{padding:0;width:180px;margin:35px auto;display:block} .menu{display:none} .menuImage{display:block;height:18px;position:absolute;right:25px;top:31px;width:26px;z-index:9} .menuImage span{background:#959595 none repeat scroll 0 0;border-radius:2px;display:block;height:2px;left:0;position:absolute;right:0;top:0;transition:all 0.3s ease} .menuImage span.line2{top:8px} .menuImage span.line3{top:16px} .nav-body .menuImage span.line2{width:0;opacity:0} @keyframes line-animation { 0%{opacity:1;transform:rotate(0) scaleX(1)} 50%{opacity:1;transform:rotate(0) scaleX(0)} 100%{opacity:1;transform:rotate(45deg) scaleX(1)} } .nav-body .menuImage span.line1 {animation: line-animation 1s;transform: rotate(45deg);top: 8px;transform-origin:center;} @keyframes line-animation2 { 0%{opacity:1;transform:rotate(0) scaleX(1)} 50%{opacity:1;transform:rotate(0) scaleX(0)} 100%{opacity:1;transform:rotate(-45deg) scaleX(1)} } .nav-body .menuImage span.line3{animation:line-animation2 1s;transform:rotate(-45deg);top:8px;transform-origin:center} .iphon_navigation{background:#fff;bottom:0;display:block!important;left:0;overflow-y:auto;margin:0;position:fixed;top:80px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;width:100%;right:0;padding:10px 25px 0;transform:translateX(-120%);-webkit-transform:translateX(-120%);box-shadow: 0 6px 6px -3px #1e204819 inset;z-index:99999999} .nav-open{transform:translateX(0)!important;-webkit-transform:translateX(0)!important} .iphon_navigation ul li{position:relative} .parentMenu > div.subItem{cursor:pointer;height:40px;left:0;position:absolute;right:0;width:100%;z-index:3;background:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/arw2.svg) no-repeat calc(100% - 7px) center} .parentMenu.parentMenuActive > div.subItem{background:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/arw2-a.svg) no-repeat calc(100% - 7px) center} .iphon_navigation ul li a{color:var(--grey2);display:block;padding:9px 25px 9px 5px;text-align:left;border-bottom:1px solid #efefef;text-decoration:none;position:relative} .iphon_navigation ul li a:hover{color:#333;text-decoration:none} .iphon_navigation > ul ul{width:100%;display:none} .catg1-outer{flex:0 0 100%;max-width:100%;padding:15px 15px 15px 0;border:none} .catg2-outer{display:none} .nav-info{padding:10px 0} .what-we-have-done .catg-loop{height:auto} .iphon_navigation ul li.nav8{display:none} .what-we-do li strong,.our-resources li strong{padding:9px 25px 9px 5px;border-bottom:1px solid #efefef;color:var(--grey2)} .iphon_navigation ul li.nav2.parentMenu{display:none} .iphon_navigation > ul ul.what-we-do,.iphon_navigation > ul ul.our-resources{padding-right:45px} .catg3-outer{padding:15px 0} .nav4-inr .catg3-outer{padding:15px 0 0;flex:0 0 100%;max-width:100%} .nav4-inr .catg3-outer+.catg3-outer{padding-top:8px;padding-bottom:15px} .our-resources .nav4-inr .catg3-outer{padding:15px 0} .catg-loop2 {padding: 7px 15px;font-size: 0.75rem;line-height: 1rem;} .catg-loop2 img{margin:0 20px 0 0} .iphon_navigation ul li.parentMenuActive a, .iphon_navigation ul li.parentMenuActive > strong {font-weight: 600;color: #333333;} } /*Header CSS*/ /*Home Banner CSS*/ .home-banner{padding:60px 0 150px;background:var(--white);} .sec1-lt{padding:60px 0 0;flex:0 0 52%;position:relative} .sec1-lt p{padding:0 0 30px} .sec1-rt{flex:0 0 48%;max-width:48%;position:relative} .shape1{position:absolute;top:-85px;left:10%;width:43px} .shape2{position:absolute;top:-87px;left:46%;width:26px} .shape3{position:absolute;bottom:107px;left:29%;width:40px} .shape4{position:absolute;bottom:-30px;left:4%;width:59px} .top-rt-girl-img{position:absolute;right:21%;top: 16.6%;width:68.19%;animation-delay:1s} .screenshot-img1 {position: absolute;top: 1.5%;left: 18.5%;width: 36%;animation-delay: 2s;box-shadow: 3px 3px 10px rgb(0 0 0 / 15%);background: #fff;border-radius: 10px;} .screenshot-img2 {position: absolute;bottom: 4%;right: 23%;width: 38%;animation-delay: 2.8s;box-shadow: 3px 3px 10px rgb(0 0 0 / 15%);background: #fff;border-radius: 4px;} .line-shape1{position:absolute;right:30%;top:6%;} .line-shape1 svg{max-width: inherit;} .line-connector1{position: absolute;bottom: -22.5%;right: 24.7%;width: 53.3%;z-index: 1;} .dashed{stroke-dasharray:10} .path{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:dash;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes dash {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .cls-3{fill:#02b7bb;animation-name:dot1;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.8s;opacity:0} @keyframes dot1 {0%{opacity:0}100%{opacity:1}} .cls-4{fill:#019fd6;animation-name:dot2;animation-duration:0.1s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes dot2 {0%{opacity:0}100%{opacity:1}} .line-desktop{display: block;} .line-mobile{display: none;} @media only screen and (max-width: 1199px) { .home-banner{padding:60px 0px 110px} .line-connector1{bottom:-23.5%} .shape3{bottom:0} .shape4{bottom:-65px} .top-rt-girl-img {top: 18.3%;} } @media only screen and (max-width: 991px) { .sec1-lt {padding: 0;} .home-banner {padding: 60px 0px 100px;} .top-rt-girl-img{top: 16%;} .screenshot-img2{bottom: 10%;} .line-connector1{bottom: -17.5%;} } @media only screen and (max-width:768px) { .line-connector1{display: none;} .home-banner{text-align: center;padding:60px 0px 125px;} .sec1-lt{flex: 0 0 100%;margin-bottom: 80px;} .sec1-rt {flex: auto;max-width: inherit;margin: 0 auto;} .top-rt-girl-img {top: 18.5%;bottom: auto;} .screenshot-img2 {bottom: 3%;} .shape1 {left: -35px;} .shape2 {top: 30px;right: -20px; left: auto;} .shape3 {bottom: auto;top: 435px;left: auto;right: 5px;} .shape4 {bottom: auto;top: 263px;left: 75px;width: 40px;} #curtain {width: 100%;animation-name: inherit;} .line-desktop{display: none;} .line-mobile{display: block;} .line-shape1 {width: 37%;} .line-shape1 svg {max-width: 100%;} } /*Home Banner CSS*/ /*Home Section 1 CSS*/ .home-section1{padding:0 0 320px;position:relative;background:var(--white);} .home-section1 h2::after{color:#02B8BC} .video-block{position:relative;z-index:1} .shape5{position:absolute;right:-43px;top:150px} .shape6{position:absolute;top:32%;left:0} .line-connector2{left:24%;top:103%;position:absolute;width:11.5%} .dashed3{stroke-dasharray:10} .path3{stroke-dasharray:1000;stroke-dashoffset:1000;animation-name:dash3;animation-duration:2s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0s} @keyframes dash3 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .cls-5{fill:#4bc1ba;animation-name:dot3;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0s;opacity:0} @keyframes dot3 {0%{opacity:0}100%{opacity:1}} .cls-6{fill:#ea7765;animation-name:dot4;animation-duration:0.1s;animation-timing-function:linear;animation-delay:0.7s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes dot4 {0%{opacity:0}100%{opacity:1}} .shape40{display: none;} .video-inr2{background-color: var(--grey6);box-shadow: 0 3px 6px #1e204819;border-radius: 4px;width: 100%;display: flex;align-items: center;justify-content: center;position: relative;padding-top: 57%;} .video-inr {background-color: var(--grey6);box-shadow: 0 3px 6px #1e204819;border-radius: 4px;width: 100%;display: flex;align-items: center;justify-content: center;position: relative;padding-top: 75%;} .video-inr video, .video-inr iframe {width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .video-inr video {display: block; width: 100%;} .video-inr .vidyard-player-container {width: 100% !important;max-width: 100% !important;max-height: 100% !important;height: 100% !important;position: absolute;left: 0;top: 0;} .video-inr .vidyard-player-container div[class*="vidyard-inner-container-"] {max-width: 100% !important;max-height: 100% !important;} .video-inr .vidyard-player-container div[class*="vidyard-inner-container-"] iframe {width: 100%;height: 100%;} .video-inr2 div, .video-inr2 iframe {width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .video-inr2 div {display: block; width: 100%;} @media only screen and (max-width: 1199px) { .home-section1 {padding: 0 0 225px;} } @media only screen and (max-width:767px) { .line-connector2{display: none;} .home-section1{text-align: center;padding: 0 0 190px;} .home-section1 .row [class*="col-"]:first-child{order: 2;padding: 80px 0 0;} .shape6{display: none;} .shape5 {right: auto;top: 95%;left: 0;} .shape40{display: block;position: absolute;left: 8px;top: 25px;} .video-inr{border-radius: 0;} } /*Home Section 1 CSS*/ .item{padding: 15px 0px 15px 15px;margin: 15px auto;width: 100%;max-width: 750px;} /*Home Section 2 CSS*/ .home-section2{padding:0 0 275px;position:relative;background:var(--white);} .card-block1{border:none;box-shadow:0 3px 6px rgba(30,32,72,0.1);padding:35px 25px;height:100%;border-radius:4px;transition:all 0.3s ease;-webkit-transition:all 0.3s ease} .card-block1:hover{box-shadow:0 3px 6px rgba(30,32,72,0.2)} .icon1{height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:15px} .shape7{position:absolute;right:2%;top:40%} .shape8{position:absolute;bottom:-37%;right:34%} .shape9{position:absolute;bottom:-20%;left:10%} .line-connector3{position:absolute;left:37%;top:107%;width:7%} .dashed7{stroke-dasharray:10} .path7{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:dash7;animation-duration:2s;animation-delay:-1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes dash7 {from{stroke-dashoffset:-1000}to{stroke-dashoffset:0}} .cls-7{fill:#019fd6;animation-name:dot7;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 1s;opacity:0} @keyframes dot7 {0%{opacity:0}100%{opacity:1}} .cls-8{fill:#dc7d6a;animation-name:dot8;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.2s;opacity:0} @keyframes dot8 {0%{opacity:0}100%{opacity:1}} .shape41,.shape42{display: none;} @media only screen and (max-width: 1199px) { .home-section2 {padding: 0 0 205px;} .line-connector3 {top: 103%;} } @media only screen and (max-width: 991px) { .home-section2 .row [class*="col-"]{margin-bottom: 30px;} .home-section2 {padding: 0 0 155px;} .line-connector3{top: 100%;} } @media only screen and (max-width:767px) { .line-connector3{display: none;} .home-section2 {padding: 0 0 80px;} .home-section2 .row [class*="col-"] {padding: 0 35px;} .shape7 {right: 38px;top: 21%;transform: rotate(-90deg);} .shape8,.shape9{display: none;} .shape41{display: block;width: 52px;position:absolute;left: 15px;top: 51.5%;} .shape42{display: block;width: 44px;position:absolute;right: 0;bottom: 18%;} } /*Home Section 2 CSS*/ /*Home Section 3 CSS*/ .home-section3{position:relative;padding:0 0 130px;background:var(--white);} .home-section3 h2{padding-bottom:80px} .home-section3 h2::after{color:var(--theme)} .hometab-content{border:1px solid var(--grey4);border-radius:4px;overflow:hidden;background:var(--white);position:relative} .hometab-content .nav-tabs{border:none;margin:0} .hometab-content .nav-tabs .nav-item{flex:0 0 25%;max-width:25%;text-align:center;border-right:1px solid var(--grey4)} .hometab-content .nav-tabs .nav-item:last-child{border-right:none} .hometab-content .nav-tabs .nav-link{border:none;border-radius:0;padding:0;height:60px;line-height:60px;font-size:25px;color:var(--darkblue);background:var(--grey6);border-bottom:1px solid var(--grey4)} .hometab-content .nav-tabs .nav-item .nav-link.active{background:var(--white);border-bottom-color:var(--white)} .hometab-content .tab-content{padding:90px 50px 40px} .collapse:not(.show){display:block;height:0;opacity:0;visibility:hidden;width:100%} .collapse.show{display:block;height:auto;opacity:1;visibility:visible;width:100%} .video-sec2{position:relative;flex:0 0 45%;max-width:45%;} .video-sec2 a div{width:100% !important;} .text-info1{flex:0 0 55%;max-width:55%;padding-left:5.5%;position:relative} .text-info1 h3{padding:0 0 5px} .home-section3 .text-info1 h2{padding:0 0 15px} .calculation-block{border-top: 1px solid var(--grey7);margin-top: -70px;padding: 20px 0 0;margin-left: 50%;width: 50%;} .calculation-block span{font-size:0.75rem;font-weight:500} .count{font-size:4.37rem;font-family:'Poppins',sans-serif;font-weight:700;color:var(--darkblue);line-height:1.2;text-align:center} .count strong{color:var(--theme)} .text-info2{padding:35px 0 0;margin:25px 0 0;border-top:1px solid var(--grey6);width:100%} .text-info2 h3{padding:0 0 30px} .crm-block{background:var(--white);height:88px;border-left:14px solid #FCEBE7;box-shadow:0 1px 9px rgba(30,32,72,0.15);padding:0 50px 0 25px;position:relative;color:var(--grey2)} .catg-name{padding-left:20px} .rt-arrow{right:28px;position:absolute;opacity:.15;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease} .crm-block:hover{box-shadow:0 1px 9px rgba(30,32,72,0.22);border-color:var(--theme);color:var(--grey2)} .crm-block:hover .rt-arrow{opacity:1} .text-info2 .link1{font-weight:700;margin-top:40px;display:inline-block;font-size:16px} .shape10{position:absolute;right:7%;top:50%} .shape11{position:absolute;left:-20px;bottom:-6%} .shape12{position:absolute;bottom:-19%;right:15%} .line-connector4{position:absolute;left:40.5%;z-index:1;top:103%;width:23%} .dashed9{stroke-dasharray:10} .path9{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:dash9;animation-duration:1.5s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes dash9 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .cls-9{fill:#dc7d6a;animation-name:dot9;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.1s;opacity:0} @keyframes dot9 {0%{opacity:0}100%{opacity:1}} .cls-10{fill:#019fd6;animation-name:dot10;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.7s;opacity:0} @keyframes dot10 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1279px) { .calculation-block {margin-top: -40px;} } @media only screen and (max-width: 1199px) { .home-section3{padding:0 0 75px} .home-section3 h2{padding-bottom:30px} .hometab-content .tab-content{padding:30px} .text-info1{padding-left:4%} .calculation-block{margin-top:0;padding:15px 0 0;margin-left: 49%;} .calculation-block span{font-size:.7rem} .count{font-size:3.5rem} .crm-block{padding:0 30px 0 15px} .catg-name{padding-left:15px} .rt-arrow{right:15px} } @media only screen and (max-width: 991px) { .count{font-size: 2.5rem;} .home-section3 h2 {padding-bottom: 50px;} .hometab-content .tab-content {padding: 30px 20px;} .icon-block{width: 35px;} .crm-block{padding: 0 40px 0 10px;border-left-width: 8px;} .rt-arrow {right: 15px;width: 20px;} .catg-name {padding-left: 15px;font-size: 0.8rem;} .hometab-content .nav-tabs .nav-link{font-size: 20px;} .video-sec2 {flex: 0 0 100%;max-width: 100%;margin-bottom: 30px;} .video-sec2 img{width: 100%;} .text-info1 {flex: 0 0 100%;max-width: 100%;padding-left: 0;} .text-info1 h2{padding: 0 0 30px;} .calculation-block span {font-size: 0.8rem;display: block;text-align: center;} .calculation-block {margin-top: 20px;margin-left: 0;width: 100%;} } @media only screen and (max-width:767px) { .line-connector4{display: none;} .hometab-content{border-radius: 0;margin: 0 -15px;border: none;border-top: 1px solid var(--grey4);} .hometab-content .card{border-radius: 0;border: 0;} .hometab-content .card-header{padding: 0;border: none;background: none;border-radius: 0 !important;} .hometab-content .card-header:last-child{border-bottom: 0;} .hometab-content .card-title{margin-bottom: 0;padding-bottom: 0;height: 60px;line-height: 59px;text-align: center;} .hometab-content .nav-link{padding: 0;color: var(--darkblue);border-bottom: 1px solid var(--grey4);background:var(--grey6) url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/arrow-down.svg) no-repeat calc(100% - 30px) center;font-size: 1.5625rem;} .hometab-content .nav-link.active{border-bottom: 0;box-shadow: 0 3px 6px rgba(30,32,72,0.15);background-image:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/arrow-up.svg) ;background-color: var(--white);} .shape11{display: none;} .home-section3 {padding: 0 0 130px;} .shape12 {top: 104%;right: auto;left: 10px;height: 28px;overflow: hidden;} .text-info1 {order: 1;padding: 0 35px 30px;} .video-sec2 {order: 2;} .calculation-block {order: 3;border: none;} .text-info2 {order: 4;margin: 20px 0 0;} .hometab-content .card-body {padding: 50px 0 35px;border-bottom: 1px solid var(--grey4);} /* .calculation-block span{display: none;} */ .calculation-block .row {margin-right: 0;margin-left: 0;} .text-info2 .row {margin: 0 20px;} .crm-block{padding: 0 40px 0 20px;border-left-width: 12px;height:76px;border-color: var(--theme);margin: 0 0 25px;} .catg-name {font-size: 0.9375rem;} .icon-block {width: 48px;} .rt-arrow {opacity: 1;} .text-info2 .link1 {margin-top: 10px;} .shape10{display: none;} } /*Home Section 3 CSS*/ /*Home Section 4 CSS*/ .home-section4{background:var(--white);position:relative;padding:0 0 180px;} .shape13{position:absolute;left:15px;top:80%} .shape14{position:absolute;right:15px;bottom:-75%} .shape15{position:absolute;left:21.3%;top:18%} .line-connector5{position:absolute;left:15.2%;z-index:1;top:72%;width:49%} .dashed11{stroke-dasharray:10} .path11{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:dash11;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes dash11 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .cls-11{fill:#019fd6;animation-name:dot11;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.1s;opacity:0} @keyframes dot11 {0%{opacity:0}100%{opacity:1}} .cls-12{fill:#019fd6;animation-name:dot12;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 1s;opacity:0} @keyframes dot12 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1199px) { .home-section4 {padding: 0 0 150px;} .line-connector5 {top: 75%;} } @media only screen and (max-width: 991px) { .line-connector5{top: 80%;} .home-section4{padding: 0 0 90px;} } @media only screen and (max-width:767px) { .line-connector5{display: none;} .home-section4{text-align: center;} .home-section4 .row [class*="col-"]:first-child{order: 2;} .work-process-info{padding: 0 20px 70px;} .shape15,.shape14,.shape13{display: none;} .work-process {max-width: 280px;margin: auto;width: 100%;} } /*Home Section 4 CSS*/ /*Home Section 5 CSS*/ .home-section5{background:var(--white);position:relative;padding:0 0 200px;} .home-section5 .row{margin-left:-30px} .home-section5 [class*="col-"]{max-width:22%;flex:0 0 22%} .home-section5 [class*="col-"]:nth-of-type(1){flex:0 0 33%;max-width:33%} .shape16{position:absolute;top:110%;right:42%} .part-logo3{animation-delay: 0.5s;} .part-logo2{animation-delay: 1s;} .part-logo1{animation-delay: 1.5s;} .line-connector6{position:absolute;top:103%;left:14.6%;width:11%} .dashed13{stroke-dasharray:10} .path13{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:dash13;animation-duration:2s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes dash13 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .cls-13{fill:#019fd6;animation-name:dot13;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.1s;opacity:0} @keyframes dot13 {0%{opacity:0}100%{opacity:1}} .cls-14{fill:#da3964;animation-name:dot14;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.6s;opacity:0} @keyframes dot14 {0%{opacity:0}100%{opacity:1}} .shape45,.shape48{display: none;} @media only screen and (max-width: 1199px) { .home-section5 {padding: 0 0 155px;} } @media only screen and (max-width: 991px) { .home-section5{padding: 0 0 130px;} } @media only screen and (max-width:767px) { .line-connector6{display: none;} .home-section5{text-align: center;padding:0 20px 50px;} .home-section5 [class*="col-"], .home-section5 [class*="col-"]:nth-of-type(1){max-width: 100%;flex: 0 0 100%;} .partner-logo{margin: 0 auto 40px;width:265px;} .home-section6 .row [class*="col-"]:nth-of-type(1){order: 2;} .shape48{position: absolute;right: 0;top: 42%;display: block;} .shape16{display: none;} } /*Home Section 5 CSS*/ /*Home Section 6 CSS*/ .home-section6{background:var(--white);position:relative;padding:0 0 300px;} .home-section6 h2{padding-bottom:40px} .home-section6 h2::after{color:#CA4664} .home-section6 [class*="col-"]+[class*="col-"]{padding-left:30px} .testimonial-info{padding:50px 0;position:relative;background-image:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-top.svg),url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-bottom.svg);background-repeat:no-repeat,no-repeat;background-position:left top,right bottom;width:100%} .testimonial-info p{font-size:1.125rem;line-height:1.875rem} .testimonial-user-name{padding:25px 20px 0 0;border-top:1px solid var(--grey7);display:inline-block;margin-top:-25px} .shape17{position:absolute;right:15px;bottom:-95%} .shape18{position:absolute;right:38%;bottom:-56%} .line-connector7{position:absolute;left:8%;top:104%;width:22%;animation-delay: 3s;} .dashed15{stroke-dasharray:10} .path15{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:dash15;animation-duration:2s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes dash15 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .cls-15{fill:#ca4664;animation-name:dot15;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0s;opacity:0} @keyframes dot15 {0%{opacity:0}100%{opacity:1}} .cls-16{fill:#02b8bc;animation-name:dot16;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 1s;opacity:0} @keyframes dot16 {0%{opacity:0}100%{opacity:1}} .testimonial-slider .owl-stage-outer{min-height: 550px;} .testimonial-img{position: relative;width: 90%;height: 100%;} .shape27 {position: absolute;animation-delay: 1s;} .testi-img {position: absolute;margin: auto;left: 0;right:0;animation-delay: 0.5s;} .line-connector9 {position: absolute;animation-delay: 0s;} .kal-feedback .shape27 {right: 12%;width: 38%;top: 62%;} .kal-feedback .testi-img {left: 0.4%;top: 17%;width: 50%;} .kal-feedback .line-connector9 {left: 22%;top: 59%;width: 42%;} .diana-feedback .shape27 {width: 35%;right: 21%;top: 60%;} .diana-feedback .testi-img {width: 45%;top: 15%;left: -10%;} .diana-feedback .line-connector9 {top: 55%;left: 10%;width: 42%;} .maegan-feedback .shape27 {width: 37%;right: 6%;top: 66%;} .maegan-feedback .testi-img {width: 52%;top: 14.5%;left:-3%;} .maegan-feedback .line-connector9 {top: 63%;left: 14%;width: 42%;} @media only screen and (max-width: 1199px) { .home-section6 {padding: 0 0 250px;} .testimonial-img{width:95%;} } @media only screen and (max-width: 991px) { .line-connector7{top: 98%;} .home-section6{padding: 0 0 175px;} .testimonial-img{width:100%;} .testimonial-slider .owl-stage-outer{min-height: inherit;} } @media only screen and (max-width:992px) { .sec1-rt .line-connector9 {left: 8.5% !important;} } @media only screen and (max-width:765px) { .sec1-rt .line-connector9 {left: 5.5% !important;} } @media only screen and (max-width:767px) { .line-connector7{display: none;} .home-section6{text-align: center;padding: 0 0 30px;} .home-section6 .container{padding: 0 10px;} .testimonial-img{margin-top: 125px;} .testimonial-info {padding: 20px 0 40px;background-image: url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-top-mb.svg),url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-bottom-mb.svg);} .testimonial-user-name {padding: 25px 15px 0;margin-top: 15px;} .testimonial-slider .owl-dots{display: none;} .home-section6 [class*="col-"]+[class*="col-"] {padding: 0 35px;} .home-section6 h2 {padding: 0 25px 40px;} .shape17,.shape18{display:none;} .testimonial-info p{font-size: 0.9375rem;} } /*Home Section 6 CSS*/ /*Home Section 7 CSS*/ .home-section7{background:var(--white);position:relative;padding:0 0 300px;} .home-section7 h2{padding-bottom:70px} .home-section7 ul{justify-content:space-evenly} .shape19{position:absolute;right:0;bottom:-152%} .shape20{position:absolute;right:23%;top:95%} .shape21{position:absolute;left:19%;bottom:-310%} .shape22{position:absolute;left:40%;bottom:-400%} .shape23{position:absolute;right:20%;bottom:-262%} .work-logo2{animation-delay: 0.5s;} .work-logo3{animation-delay: 1s;} .work-logo4{animation-delay: 1.5s;} .work-logo5{animation-delay: 2s;} .line-connector8{position:absolute;top:155%;left:8%;width:10px} .dashed17{stroke-dasharray:10} .path17{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:dash17;animation-duration:6s;animation-delay:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes dash17 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .cls-17{fill:#019fd6;animation-name:dot17;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.8s;opacity:0} @keyframes dot17 {0%{opacity:0}100%{opacity:1}} .cls-18{fill:#02b8bc;animation-name:dot18;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.1s;opacity:0} @keyframes dot18 {0%{opacity:0}100%{opacity:1}} .shape50{display: none;} @media only screen and (max-width: 1199px) { } @media only screen and (max-width: 991px) { .home-section7 h2 {padding-bottom: 46px;} .home-section7 ul li{width: 17%;flex: 0 0 17%;} .home-section7 {padding: 0 0 270px;} } @media only screen and (max-width:767px) { .line-connector8{display: none;} .home-section7{text-align: center;padding: 0 20px 90px;} .home-section7 ul{display: block !important;} .home-section7 ul li{margin-bottom: 60px; width: 100%;flex: 0 0 100%;} .work-logo1, .work-logo3{display: none;} .shape20,.shape21,.shape23{display: none;} .shape22 {left: 10px;bottom: 60px;} .shape50{display: block;position: absolute;right: 10px;bottom: -75px;width: 50px;height: auto;top: auto;} .shape19{display:none;} } /*Home Section 7 CSS*/ /*Home Section 8 CSS*/ .home-section8{padding-bottom:150px;} .blog-sec .nav{margin-bottom:64px} .blog-sec .nav-pills li{margin-right:22px;position:relative} .blog-sec .nav-pills li:last-child{margin-right:0} .blog-sec .nav-pills .nav-link{font-size:1.25rem;font-weight:700;font-family:'Poppins',sans-serif;color:var(--grey3);background:var(--white);box-shadow:3px 3px 9px rgba(30,32,72,0.1);padding:0 25px;height:62px;line-height:62px;border-left:14px solid #E5F6FE;border-radius:0} .blog-sec .nav-pills .nav-item .nav-link.active{color:var(--darkblue);border-left-color:var(--blue);box-shadow:3px 3px 9px rgba(30,32,72,0.17)} .blog-sec .nav-pills .nav-link::after{content:".";opacity:0} .blog-sec .nav-pills .nav-item .nav-link.active::after{color:var(--blue);opacity:1} .blog-box{background:var(--white);box-shadow:0 3px 6px rgb(30 32 72 / 10%);border:1px solid #f1f1f1;border-radius:0 0 4px 4px;height:100%;position:relative} .blog-inner-sec{padding-bottom:55px} .blog-img img {width: 100%;display: block;height: 243px;object-fit:cover;} .blog-content{padding:35px 30px;min-height:310px} .blog-content .link2{font-size:1rem;position:absolute;bottom:42px} .shape24{position:absolute;left:50%;top:106%} .shape25{position:absolute;left:52%;bottom:-30%} .shape26{position:absolute;right:100px;bottom:-29%} @media only screen and (max-width: 1199px) { .blog-content{padding:20px} .blog-inner-sec{padding-bottom:35px} .home-section8{padding-bottom:50px} .shape26{bottom:-22%} } @media only screen and (max-width: 991px) { .blog-content {min-height: 390px;} .home-section8 {padding-bottom: 85px;} } @media only screen and (max-width:767px) { .blog-content .link2{position: static;bottom: auto;} .blog-img img{width: 100%;} .blog-content{min-height: auto;} .blog-inner-sec .row [class*="col-"]{margin-bottom: 40px;} .blog-inner-sec {padding-bottom: 0;} .home-section8 {padding: 0 20px 125px;} .blog-sec .nav {margin-bottom: 50px;} .blog-sec .btn{width: 212px;margin: auto;display: block;padding: 0;} .blog-sec .nav-pills li {margin-right: 20px;} .blog-sec .nav-pills .nav-link {padding: 0 15px;} .shape24,.shape25,.shape26{display:none;} .blog-box {border: none;border-radius: 4px;overflow: hidden;} .blog-content {padding: 45px 25px;} } .blog-ind-section2 { padding-bottom: 40px; position: relative; padding-top: 40px; } @media only screen and (max-width:374px) { .home-section8 .blog-sec .nav-pills .nav-link{padding: 0 6px;font-size: 0.85rem;border-left: 7px solid #E5F6FE;} } /*Home Section 8 CSS*/ /*Home Section 9 CSS*/ .home-section9{background-color:#1e2048;position: relative;background-position:left center,right center;background-repeat:no-repeat;background-image:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/ftr-lt-bg.svg),url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/ftr-rt-bg.svg);padding: 100px 0;display:flex;align-items:center;color:var(--white)} .section9-text h2{font-size:3.75rem;color:var(--white)} .section9-text h2::after{color:var(--skyblue);content:"?"} .section9-text p{max-width:520px;margin:0 auto;color: #fff;} .service-sec4 h2{padding: 0 0 6px;} .service-sec4 h2 + h2{padding: 0 0 30px;} .service-sec4 h2 + h2::after{content: ".";} @media only screen and (max-width: 1199px) { .home-section9{background-size: auto 100%;padding: 70px 0;} .section9-text h2 {font-size: 3rem;} } @media only screen and (max-width: 991px) { .home-section9{padding: 30px 0;} .section9-text h2 {font-size: 2.5rem;} } @media only screen and (max-width:767px) { .home-section9{padding: 73% 0;background-repeat:no-repeat;background-image:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/ftr-top-bg.svg), url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/ftr-btm-bg.svg);background-position: top center,bottom center;background-size: 100% auto;} .section9-text h2 {font-size: 2.5rem;} .section9-text h2 br{display: none;} } /*Home Section 9 CSS*/ /*Footer CSS*/ .footer{background:#f1f1f1;padding:70px 0 50px} h3.ftr-sec-heading{font-weight:900} .ftr-contact-sec .ofc-info{margin-bottom:30px} .ftr-right-sec .form-group,.ftr-right-sec .hbspt-form{position:relative} .ftr-right-sec .form-control,.ftr-right-sec .hs-input{border-color:#D8D8D8;padding-right: 190px;} .ftr-right-sec .form-control:focus,.ftr-right-sec .hs-input:focus{border-color:var(--blue)} .ftr-right-sec .theme-btn,.ftr-right-sec .hs-button{position:absolute;right:15px;top:60px;content:'';border-radius:0 4px 4px 0} .ftr-right-sec .form-title{display:none} .ofc-info span{display:block;font-weight:700} .ofc-info p{min-height:110px;padding:0;margin-bottom:8px} .ofc-info a.link1{font-size:1rem} .ftr-social-links{margin-top:40px} .ftr-social-links ul{justify-content: space-between;} .ftr-social-links ul li a{color:var(--grey1);font-size:42px} .ftr-social-links ul li a:hover svg,.ftr-social-links ul li a:hover g,.ftr-social-links ul li a:hover path,.ftr-social-links ul li a:hover circle{fill:#019FD6;transition: all 0.3s ease;} .copyright-sec{padding-top:50px} .copyright-sec ul li{margin-right:85px} .copyright-sec ul li:last-child{margin-right:0} .copyright-sec ul li a{color:var(--grey1);text-decoration:underline} .copyright-sec ul li a:hover{text-decoration:none} .ftr-right-sec .hbspt-form .hs_email label {display: none;} .ftr-right-sec label {display: none !important;} @media only screen and (max-width: 1199px) { .ftr-social-links ul li a{display: block;width: 34px;} .ftr-right-sec .form-control,.ftr-right-sec .hs-input{padding-right: 154px;} .ftr-contact-sec .row [class*="col-"] h3{font-size: 1.2rem;} .ofc-info p {min-height: 158px;} .ftr-right-sec .theme-btn, .ftr-right-sec .hs-button{padding: 0 25px;right: 0;top:0;} .ftr-right-sec form{position: relative;} } @media only screen and (max-width: 991px) { .copyright-sec ul li {margin-right: 60px;} .ofc-info p {min-height: 115px;} .footer{padding: 40px 0;} } @media only screen and (max-width:767px) { .copyright-sec ul{display: block !important;text-align: center;} .copyright-sec ul li{margin-right: 0;margin-bottom: 25px;} .ftr-contact-sec .row{display: none;} .footer-inner-sec .d-none{display: inline-block !important;} .ftr-right-sec{padding-top: 90px;} .footer {padding: 90px 20px 60px;} .footer-inner-sec {text-align: center;} .footer-inner-sec a.link1{border:none;} .ftr-social-links {margin-top: 30px;} .ftr-right-sec .theme-btn {padding: 0 25px;} .ftr-right-sec .form-control,.ftr-right-sec .hs-input {padding-right: 141px;} .ftr-social-links ul li a {width: auto;} .ftr-social-links ul li a img{max-width: 28px;max-height: 28px;} .ftr-social-links ul li a svg {max-width: 30px;max-height: 30px;} } /*Footer CSS*/ /*/////////Our Services page CSS/////////*/ /*Our Services Banner CSS*/ .our-services-banner{padding:50px 0 220px;background:var(--white);} .services-sec1-lt{flex:0 0 47%;max-width:47%;position:relative} .services-sec1-lt p{padding:0 0 30px} .services-sec1-rt{flex:0 0 53%;max-width:53%;position:relative} .services-line-connector1{position: absolute;bottom: -31.5%;right: 22.7%;width: 53.3%;z-index: 1;} .services-dashed{stroke-dasharray:10} .services-path{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:services-dash;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes services-dash {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .services-cls-3{fill:#02b7bb;animation-name:services-dot1;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.8s;opacity:0} @keyframes services-dot1 {0%{opacity:0}100%{opacity:1}} .services-cls-4{fill:#019fd6;animation-name:services-dot2;animation-duration:0s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes services-dot2 {0%{opacity:0}100%{opacity:1}} .services-shape1{position: absolute;top: -63px;left: 400px;} .services-shape2{position: absolute;top: 110px;left: -15px;} .services-shape3{position: absolute;top: 290px;right: -10px;} .srvc-line1{position:absolute;right:6%;top:0;width:15.8%} .srvc-line2 {position: absolute;top: 22%;left: 9%;width: 15%;} .srvc-line3{position:absolute;right: 31%;top: 59%;width: 9%;} .srvc-line4 {position: absolute;bottom: 12%;right: 48%;width: 18%;} .srvc-shape2{position:absolute;width:59%;right:20%;top:7%;animation-delay: 0.5s;} .srvc-shape3{position:absolute;width:60%;left:3%;bottom:18%;animation-delay: 0.5s;} .srvc-shape4{position:absolute;width:34%;right:15%;bottom:7%;animation-delay: 0.5s;} .srvc-shape5{position:absolute;right:11%;top:-5%;width:26%;animation-delay: 0.5s;} .srvc-shape6{position:absolute;width:24%;bottom:7.5%;left:15%;animation-delay: 0.5s;} @media only screen and (max-width: 1400px) { .services-shape2 {left: 5px;} .services-shape3 {right: 3px;} } @media only screen and (max-width: 1199px) { .our-services-banner{padding:30px 0 125px} .services-line-connector1{bottom:-26.5%} } @media only screen and (max-width: 991px) { .our-services-banner {padding: 30px 0 100px;} .services-line-connector1{bottom: -17.5%;} } @media only screen and (max-width:767px) { .services-line-connector1{display: none;} .our-services-banner{text-align: center;padding:30px 20px 125px;} .services-sec1-lt{flex: 0 0 100%;max-width:100%;margin-bottom: 80px;} .services-sec1-rt {flex: auto;max-width: inherit;margin: 0 -25px;width: 100%;} .srvc-shape6 {bottom: 9%;} } /*Our Services Banner CSS*/ /*Our Services Section 1 CSS*/ .service-section1{padding:0 0 200px;position:relative;background:var(--white);} .service-section1 h2::after{color:#02B8BC} .service-video-block{position:relative;z-index:1} .service-video-inr{background-color: var(--grey6);box-shadow: 0 3px 6px #1e204819;border-radius: 4px;height: 336px;width: 100%;display: flex;align-items: center; justify-content: center;} .service-video-inr div, .service-video-inr iframe {width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .service-video-inr div {display: block; width: 100%;} .services-shape4{position: absolute;left: -40px;top: 0;} .services-shape5{position: absolute;right: -30px;bottom: -140px;} .service-sec1-rt{padding-left: 0px;} .service-line-connector2{left: 7%;top: 108%;position: absolute;width: 19.5%;} .service-dashed3{stroke-dasharray:10} .service-path3{stroke-dasharray:1000;stroke-dashoffset:1000;animation-name:service-dash3;animation-duration:2s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0s} @keyframes service-dash3 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .service-cls-5{fill:#4bc1ba;animation-name:service-dot3;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0s;opacity:0} @keyframes service-dot3 {0%{opacity:0}100%{opacity:1}} .service-cls-6{fill:#ea7765;animation-name:dot4;animation-duration:0.1s;animation-timing-function:linear;animation-delay:0.7s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes dot4 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1349px) { .services-shape4 {left: -19px;} } @media only screen and (max-width: 1199px) { .service-section1 {padding: 0 0 225px;} .services-shape4 {left: 0;} } @media only screen and (max-width: 991px) { .service-section1 {padding: 0 0 123px;} .service-line-connector2 {top: 84%;} } @media only screen and (max-width:767px) { .service-line-connector2{display: none;} .service-section1{text-align: center;padding: 0 0 190px;} .service-section1 .row [class*="col-"]:first-child{order: 2;padding: 80px 0 0;} .service-video-inr{border-radius: 0;} .service-sec1-rt { padding: 0 20px;} .services-shape5 {right: 0;bottom: -90px;} } /*Our Services Section 1 CSS*/ /*Our Service (Service Tab Section)*/ .service-tab-sec{padding: 0 0 140px;} .service-tab-inner .row [class*="col-"]{margin-bottom: 55px;} .service-tab-box{background: var(--white);box-shadow: 0 3px 6px rgb(30 32 72 / 10%);border: 1px solid #f1f1f1;border-radius: 4px;height: 100%;position: relative;transition: all 0.3s ease;} .service-tab-box:hover{box-shadow: 0 3px 6px rgb(30 32 72 / 22%);} .marketing-blk{background: #E5F6FE;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;} .crm-blk{background: #FCEBE7;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;} .revops-blk{background: #FDF4D7;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;} .develop-blk{background: #AFE6E8;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;} .service-tab-box:hover .marketing-blk{background: #A2DBF2;} .service-tab-box:hover .crm-blk{background: #F8A591;} .service-tab-box:hover .revops-blk{background: #F8E8B7;} .service-tab-box:hover .develop-blk{background: #87D1D4;} .service-tab-img{width: 100%;height: 243px;display: flex;justify-content: center;align-items: center;} .service-tab-text{ padding: 30px 30px 120px; min-height: 350px; } .service-box-title{display: flex;justify-content: center;min-height: 80px;align-items: flex-end;margin: 0 0 20px;} .service-box-title h3{padding: 0;} .service-tab-text .btn{position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);padding: 0 50px;} .service-tab-sec .nav{margin-bottom:64px} .service-tab-sec .nav-pills li{margin-right:22px;position:relative} .service-tab-sec .nav-pills li:last-child{margin-right:0} .service-tab-sec .nav-pills .nav-link{font-size:1.25rem;font-weight:700;font-family:'Poppins',sans-serif;color:var(--grey3);background:var(--white);box-shadow:3px 3px 9px rgba(30,32,72,0.1);padding:0 25px;height:62px;line-height:62px;border-left:14px solid #E5F6FE;border-radius:0} .service-tab-sec .nav-pills .nav-item .nav-link.active{color:var(--darkblue);border-left-color:var(--blue);box-shadow:3px 3px 9px rgba(30,32,72,0.17)} .service-tab-sec .nav-pills .nav-link::after{content:".";opacity:0} .services-shape6{position: absolute;right: -30px;top: 260px;} .services-shape7{position: absolute;top: 51%; left: 120px;} .services-shape8{position: absolute;right: 150px;bottom: 8%;} .services-shape9{position: absolute;left: -30px; top: 55%;} .services-shape10{position: absolute;left: 160px;bottom: 22%;} .services-shape11{position: absolute;right: -30px; bottom: 3%;} .services-shape12{position: absolute;right: 0;left: 0;bottom: -13%;width: 26px;margin: auto;} .service-tab-img img{max-width: 240px;} @media only screen and (max-width: 1400px){ .services-shape6 {right: 0;} .services-shape9 {left: 2px;} .services-shape11 {right: 3px;} } @media only screen and (max-width: 1199px){ .service-tab-img{height: 195px;} .service-tab-img img{max-width: 80px;max-height: 80px;} .service-tab-text {min-height: 385px;} .service-tab-text .btn{padding: 0;width: 160px;} .service-tab-inner .row [class*="col-"] {margin-bottom: 30px;} .service-tab-sec {padding: 0 0 100px;} .service-box-title{min-height: 96px;} } @media only screen and (max-width: 991px){ .service-tab-text {min-height: 340px;padding: 20px 20px 50px;} .service-tab-sec {padding: 0 0 50px;} .service-box-title {min-height: 65px;} } @media only screen and (max-width: 767px){ .service-tab-text{min-height: auto;padding: 20px 20px 35px;} .service-tab-text .btn{position: static;margin: 0 auto;bottom: auto;left: auto;transform: none;} .service-box-title {min-height: auto;} .service-tab-sec .nav-pills li {margin-right: 20px;margin-bottom: 15px;} .service-tab-sec .nav-pills .nav-link{padding: 0 15px;} .service-tab-sec .nav{margin-bottom: 35px;padding: 0 20px;} .services-shape7 {top: 54.8%;} .services-shape8 {right: 25px;bottom: 455px;} .services-shape9 {left: 3px;top: 220px;} .services-shape10 {bottom: 10px;} .services-shape12{display: none;} .service-tab-sec .tab-content {padding: 0 20px;} .services-shape6 {width: 100px;top: 240px;} } @media only screen and (max-width: 374px){ .service-tab-sec .nav-pills li{flex: 0 0 46%;width: 46%;margin-right: 10px;} .service-tab-sec .nav-pills .nav-link {padding: 0 10px;font-size: 0.9rem;height: 50px;line-height: 50px;border-left: 10px solid #E5F6FE;} } /*Our Service (Service Tab Section)*/ /*/////////Our Services page CSS End/////////*/ /*/////////Case Study page CSS Start/////////*/ /* Case Study Banner */ .banner-line{} .case-study-banner{padding: 60px 0 240px;} .case-study-sec1-lt{flex: 0 0 34%;max-width: 34%;position: relative;padding: 0 10px 0 0;} .case-study-sec1-rt{flex: 0 0 66%;max-width: 66%;padding: 0 0 0 30px;position: relative;} .line-connector44{position:absolute;left:46%;bottom:-8%;width:39%} .banner-line-mobile{display: none;} .gav-img{position:absolute;left:18%;top:25%;width:60%} .adroll-img{position:absolute;right:0;top:55%;width:36%} .calculation-block2{padding: 35px 0 20px;border-top: 1px solid var(--grey6);border-bottom: 1px solid var(--grey6);margin:0 0 30px;width: 100%;} .count2 {font-size: 4.37rem;font-family: 'Poppins',sans-serif;font-weight: 700;color: var(--darkblue);line-height: 1.2;text-align: left;} .count2 strong{color: var(--skyblue);} .calculation-block2 span {font-size: 0.75rem;font-weight: 500;} .case-study-line-connector1 {position: absolute;top: 125%;left: 10%;width: 41%;} .case-study-dashed{stroke-dasharray:10} .case-study-path{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:case-study-dash;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes case-study-dash {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .case-study-cls-3{fill:#02B8BC;animation-name:case-study-dot1;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.5s;opacity:0} @keyframes case-study-dot1 {0%{opacity:0}100%{opacity:1}} .case-study-cls-4{fill:#019fd6;animation-name:case-study-dot2;animation-duration:0.1s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes case-study-dot2 {0%{opacity:0}100%{opacity:1}} .case-study-shape1{position: absolute;left: 18%;top: -40px;} .case-study-shape2{position: absolute;left: 6%;top: 105%;} @media only screen and (max-width: 1199px){ .case-study-banner {padding: 60px 0 190px;} .case-study-banner h1 {font-size: 2.7rem;} .case-study-line-connector1 {top: 120%;} } @media only screen and (max-width: 991px){ .case-study-banner h1 {font-size: 2.1rem;padding: 0 0 20px;} .calculation-block2 {padding: 10px 0;margin: 0 0 20px;} .count2 {font-size: 2.5rem;} .calculation-block2 span {font-size: 0.7rem;} } @media only screen and (max-width: 767px){ .case-study-banner{text-align: center;padding: 50px 0 140px;} .case-study-banner h1 {font-size: 2.5rem;padding: 0 0 30px;} .case-study-sec1-lt,.case-study-sec1-rt {flex: 0 0 100%;max-width: 100%;position: relative;padding: 0;} .calculation-block2 span{display: none;} .case-study-sec1-lt {order: 2;margin: 50px 0 0;} .line-connector44{display: none;} .banner-line-mobile{display: block;} .case-study-sec1-rt {padding: 0 18px;} .case-study-line-connector1{display: none;} .calculation-block2 {padding: 20px 0;margin: 0 0 30px;} } /* Case Study Banner */ /* case-study-section 1 */ .case-study-section1{padding: 0 0 50px;position: relative;} .lt-rt-space{width: 100%;max-width: 900px;margin: auto;position: relative;} .case-study-shape3{position: absolute;left: 0;top: 150px;width: 150px;} .case-study-shape4{position: absolute;left: -35px; top: 100%;width: 160px;} .case-study-shape5 {position: absolute;right: -55px;top: 65px;width: 95px;} .case-study-shape6{position: absolute;right: 7px;top: 100%;} .case-study-video-block {background-color: var(--grey6);box-shadow: 0 3px 6px #1e204819;border-radius: 4px;width: 100%;display: flex;align-items: center;justify-content: center;position: relative;padding-top: 75%;} .case-study-video-block video, .case-study-video-block iframe {width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .case-study-video-block video {display: block; width: 100%;} .case-study-video-block .vidyard-player-container {width: 100% !important;max-width: 100% !important;max-height: 100% !important;height: 100% !important;position: absolute;left: 0;top: 0;} .case-study-video-block .vidyard-player-container div[class*="vidyard-inner-container-"] {max-width: 100% !important;max-height: 100% !important;} .case-study-video-block .vidyard-player-container div[class*="vidyard-inner-container-"] iframe {width: 100%;height: 100%;} .case-study-video-block2{background-color: var(--grey6);box-shadow: 0 3px 6px #1e204819;border-radius: 4px;width: 100%;display: flex;justify-content: center;position: relative;align-items:center;height:500px;} .case-study-video-block2 div, .case-study-video-block2 iframe {width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;} @media only screen and (max-width: 1199px){ .case-study-shape5 {right: -45px;} } @media only screen and (max-width: 991px){ .case-study-shape5 {right: -15px;top: 0;} .case-study-video-block,.case-study-video-block2 {height: 400px;} } @media only screen and (max-width:767px){ .case-study-shape3 {top: -35px;width: 100px;} .case-study-shape6,.case-study-shape5{display: none;} .case-study-shape4 {left: -15px;top: 80%;width: 100px;} .case-study-video-block,.case-study-video-block2 {height: 300px;margin: 0 -15px;border-radius: 0;} .lt-rt-space{width:auto;margin:0 -15px;} } /* case-study-section 1 */ /* case-study-common-text */ .case-st-cmn-text {padding: 0 0 70px;position: relative;} .st-cmn-text-sec {width: 100%;max-width: 850px;margin: auto;padding: 0 0 60px;} .case-st-cmn-text h2:after{color: #02b8bc;} .download-guide-sec {background: var(--grey6);min-height: 230px;padding:0;border-radius: 4px;position: relative;width: 100%;max-width: 850px;margin: 0 auto 30px;} .cta-shape {width: 100%;text-align: right;} .cta-img {position: absolute;right: 0;top: 50%;text-align: center;width: 90%;transform: translateY(-50%);} .dwn-text {padding: 0 0 0 30px;} .download-guide-sec h3{font-size: 1.875rem;font-weight: 700;font-family: 'Poppins',sans-serif;} .case-study-shape7{position: absolute;left: 7px;top: 300px;} .case-study-shape8{position: absolute;right: 7px;top: 200px;} .case-study-shape11{position: absolute;right: 7px;top: 100%;z-index: -1;} @media only screen and (max-width:767px){ .case-st-cmn-text {padding: 0 20px;} .case-study-shape8,.case-study-shape7,.case-study-shape11{display: none;} .download-guide-sec {border-radius: 0;width: auto;margin: 0 -35px 70px;padding: 30px;} .download-guide-sec.case-study-download-guide{margin: 0 -15px 70px;} .dwn-text {padding: 0 0 30px;} .cta-shape {text-align: center;} .cta-img {width: 100%;left: 0;margin: auto;} } /* case-study-common-text */ /* case-study-section 2 */ .case-study-section2{background-color: var(--darkblue);background-position: left center,right center;background-repeat: no-repeat;background-image:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/stat-shapes-left.svg),url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/stat-shapes-right.svg);height: 262px;display: flex;align-items: center;color: var(--white);margin-bottom: 100px;} .case-st-sec2-calculation-block {width: 100%;border: 0;text-align: center;padding: 0;margin: auto;max-width: 1010px;} .case-st-sec2-calculation-block span {font-size: 0.75rem;font-weight: 500;} .case-st-sec2-count {font-size: 4.37rem;font-family: 'Poppins',sans-serif;font-weight: 700;color: var(--white);line-height: 1.2;text-align: center;padding: 0 0 0 70px;} .case-st-sec2-count strong {color: var(--blue);} .case-st-sec2-calculation-block .row {margin-left: -50px;} @media only screen and (max-width: 1199px){ .case-st-sec2-calculation-block {max-width: 575px;} .case-st-sec2-count {padding: 0 0 0 40px;} } @media only screen and (max-width: 991px){ .case-st-sec2-calculation-block {max-width: 410px;} .case-st-sec2-count {font-size: 2.5rem;padding: 0 0 0 15px;} .case-st-sec2-calculation-block span {font-size: 0.7rem;} } @media only screen and (max-width: 767px){ .case-study-section2 {background-image: none;height: auto;padding: 50px 20px;margin: 0 0 50px;} .case-st-sec2-calculation-block .row {margin-left: -15px;} .case-st-sec2-calculation-block span{display: none;} .case-st-sec2-count {padding: 0;} } /* case-study-section 2 */ /* case-study-section 3 */ .case-study-section3{background: var(--darkblue);padding: 110px 0;margin-bottom: 100px;color: var(--white);} .customer-img{width: 176px;height: 176px;border-radius: 50%;overflow: hidden;} .customer-img img{object-fit: cover;border-radius: 50%;width: 100%;height: 100%;} .testimonial-text{padding-left: 40px;width: calc(100% - 176px);} .case-st-testimonial-slider{max-width: 850px;margin: auto;} .case-st-sec3-testimonial-info {padding: 50px 0;position: relative;background-repeat: no-repeat,no-repeat;background-position: left top,right bottom;width: 100%; animation-delay: 0.5s;} .case-st-sec3-testimonial-info p {font-size: 1.125rem;line-height: 1.875rem;} .case-st-sec3-testimonial-user-name {padding: 25px 20px 0 0;border-top: 1px solid var(--grey7);display: inline-block;margin-top: -25px;animation-delay: 0.8s;} .case-study-shape9{position: absolute;right: 7px;top: 160px;} .case-study-shape10{position: absolute;left: 7px;top: 470px;} @media only screen and (max-width: 991px){ .case-st-sec3-testimonial-info p {font-size: 1rem;line-height: 1.5rem;} } @media only screen and (max-width: 767px){ .case-study-section3 {padding: 70px 0;margin-bottom: 50px;} .case-study-shape9,.case-study-shape10{display: none;} .customer-img {margin:auto;} .testimonial-text {padding: 50px 20px 0;width: 100%;} .testimonial-slider-content {flex-wrap: wrap;text-align: center;} .case-st-sec3-testimonial-user-name {padding: 20px 0 0 0;margin-top: 0;} .case-st-sec3-testimonial-info p{font-size: 1.125rem;line-height: 1.875rem;} } /* case-study-section 3 */ /* case-study-section 4 */ .case-study-section4{padding:0 0 140px;} .case-study-blocks {padding-bottom: 60px;padding-top: 40px;} .blog-box2 {background: var(--white);box-shadow: 0 3px 6px rgb(30 32 72 / 10%);border: 1px solid #f1f1f1;border-radius: 0 0 4px 4px;height: 100%;position: relative;transition:all 0.3s ease;} .blog-box2:hover{box-shadow: 0 3px 6px rgb(30 32 72 / 22%);} .company-image2 {width: 100%;height: 243px;padding: 20px;display: flex;justify-content: center;align-items: center;background: var(--grey6);} .company-image2 img{width: 100%;height: 243px;object-fit:cover;} .blog-content2 {min-height: 340px;padding:35px 30px 65px 30px;} .blog-content2 .link2 {font-size: 1rem;position: absolute;bottom: 35px;left: 30px;} .case-study-blocks ul li{font-size: 1rem;font-weight: 700;padding:0 30px 20px 0;font-family: 'Poppins',sans-serif;} .case-study-shape12{position: absolute;right: 40px;top: 46%;} .case-study-shape13{position: absolute;left: -40px;top: 155%;} @media only screen and (max-width: 1349px){ .case-study-shape13{left: 5px;} } @media only screen and (max-width: 991px){ .case-study-section4 .row [class*="col-"] {margin-bottom: 30px;} .case-study-blocks {padding-bottom: 30px;padding-top: 0;} } @media only screen and (max-width: 767px){ .case-study-shape12,.case-study-shape13{display: none;} .case-study-section4 {padding: 0 20px 100px;} .blog-box2 {height: auto;} .company-image2,.company-image2 img {height: 150px;} .blog-content2 {min-height: inherit;padding: 30px;} .case-study-blocks ul li {padding: 0 15px 15px 0;} .blog-content2 .link2 {position: relative;bottom: auto;left: auto;} .case-study-section4 .btn {padding: 0;width: 250px;margin: auto;display: block;} } /* case-study-section 4 */ /*/////////Case Study page CSS End/////////*/ /*/////////Case Study Overview page CSS Start/////////*/ /*case study overview Banner*/ .case-study-overview-banner{padding: 75px 0 300px;} .cso-sec-lt{flex: 0 0 44%;max-width: 44%;position: relative;} .cso-sec-rt {flex: 0 0 44%;max-width: 44%;position: relative;margin-left: auto;} .video-shapes-bg{position: absolute;right: -35px;top: 0;} .banner-lt-logo{padding: 0 0 35px;} .banner-video-sec{position: relative;z-index: 1;height: 310px;border-radius: 4px;width: 100%;display: flex;align-items: center;justify-content: center;margin: 100px 0 0;} .banner-video-sec div,.banner-video-sec iframe{width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .banner-video-sec div {display: block; width: 100%;} .banner-video-sec .vidyard-player-container {width: 100% !important;max-width: 100% !important;max-height: 100% !important;height: 100% !important;position: absolute;left: 0;top: 0;} .banner-video-sec .vidyard-player-container div[class*="vidyard-inner-container-"] {max-width: 100% !important;max-height: 100% !important;} .banner-video-sec .vidyard-player-container div[class*="vidyard-inner-container-"] iframe {width: 100%;height: 100%;} .calculation-block3{padding: 35px 0 20px 45px;border-top: 1px solid var(--grey6);border-bottom: 1px solid var(--grey6);margin: 0 0 30px;width: 100%;} .calculation-block3 span {font-size: 0.75rem;} .count3 {font-size: 4.37rem;font-family: 'Poppins',sans-serif;font-weight: 700;color: var(--darkblue);line-height: 1.2;text-align: left;padding-left: 15px;} .count3 strong {color: var(--skyblue);} .service-tag{padding: 0 0 25px;} .service-tag li{padding-right: 40px;font-size: 1.25rem;font-weight: 700;font-family: 'Poppins',sans-serif;} .case-study-overview-line-connector1{position: absolute;top: 94%;left: 10%;width: 67%;} .cso-dashed{stroke-dasharray:10} .cso-path{stroke-dasharray:1500;stroke-dashoffset:0;animation-name:cso-dash;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes cso-dash {from{stroke-dashoffset:1500}to{stroke-dashoffset:0}} .cso-cls-3{fill:#019fd6;animation-name:cso-dot1;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.8s;opacity:0} @keyframes cso-dot1 {0%{opacity:0}100%{opacity:1}} .cso-cls-4{fill:#019fd6;animation-name:cso-dot2;animation-duration:0.1s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes cso-dot2 {0%{opacity:0}100%{opacity:1}} .cso-shape1 {position: absolute;top: 0;left: 51%;} .cso-shape2 {position: absolute;top: -80px;left: 32%;} .cso-shape3 {position: absolute;left: -25px;top: 0;} @media only screen and (max-width: 1349px){ .video-shapes-bg {right: -15px;} .cso-shape3 {left: -15px;} } @media only screen and (max-width: 1199px){ .banner-video-sec{max-width: 460px;} .case-study-overview-banner {padding: 40px 0 150px;} .banner-lt-logo {padding: 0 0 25px;} .calculation-block3 {padding: 35px 0 20px 15px;} .count3 {font-size: 3.6rem;padding-left: 10px;} } @media only screen and (max-width: 991px){ .banner-video-sec {max-width: 100%;} .cso-sec-lt{flex: 0 0 100%;max-width: 100%;} .cso-sec-rt{flex: 0 0 100%;max-width: 100%;padding:0;} .case-study-overview-line-connector1 {top: 102%;} .case-study-overview-banner {padding: 40px 0 215px;} } @media only screen and (max-width: 767px){ .service-tag li{padding-right: 18px;font-size: 1rem;} .case-study-overview-banner {padding: 40px 20px 100px;} .calculation-block3 {padding: 20px 0;} .calculation-block3 span{display: none;} .count3 {font-size: 2.5rem;padding-left: 0;text-align: center;} .service-tag {padding: 0 0 15px;} .case-study-overview-banner .btn {width: 230px;margin: auto;display: block;padding: 0;} .case-study-overview-line-connector1{display: none !important;} .cso-shape2 {left: 25%;} .cso-shape1 {left: 65%;} .banner-video-sec {height: 220px;max-width: calc(100% + 70px);width: 100%;margin-left: -35px;margin-right: -35px;border-radius: 0;} .video-shapes-bg {top: 75px;} .cso-shape3 {left: -7px;} } @media only screen and (max-width: 374px){ .count3 {font-size: 2rem;} } /*case study overview Banner*/ /*case study overview section 1*/ .case-std-overview-sec1{padding-bottom: 70px;} .case-std-overview-tab .nav{padding-bottom: 140px;} .case-std-overview-tab .nav-pills li{margin-bottom:25px} .case-std-overview-tab .nav-pills li {margin-right: 22px;position: relative;} .case-std-overview-tab .nav-pills li:last-child{margin-right: 0;} .case-std-overview-tab .nav-pills .nav-link {font-size: 1.2rem;font-weight: 700;font-family: 'Poppins',sans-serif;color: var(--grey3);background: var(--white);box-shadow: 3px 3px 9px rgb(30 32 72 / 10%);padding: 0 25px;height: 62px;line-height: 62px;border-left: 14px solid #E5F6FE;border-radius: 0;} .case-std-overview-tab .nav-pills .nav-item .nav-link.active {color: var(--darkblue);border-left-color: var(--blue);box-shadow: 3px 3px 9px rgb(30 32 72 / 17%);} .case-std-overview-tab .nav-pills .nav-link::after {content: ".";opacity: 0;} .case-std-overview-tab .nav-pills .nav-item .nav-link.active::after {color: var(--blue);opacity: 1;} .case-std-overview-tab-inner{padding-bottom: 200px;position: relative;} .tab-sec-logo{padding: 0 0 40px;} .tab-video-sec{height: 310px;/*315px*/;position:relative;z-index: 1;background-color: var(--grey6);box-shadow: 0 3px 6px #1e204819;border-radius: 4px;max-width:552px;width: 100%;display: flex;align-items: center;justify-content: center;margin-left: auto;} .tab-video-sec div,.tab-video-sec iframe{width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .tab-video-sec div {display: block; width: 100%;} .tab-video-sec .vidyard-player-container {width: 100% !important;max-width: 100% !important;max-height: 100% !important;height: 100% !important;position: absolute;left: 0;top: 0;} .tab-video-sec .vidyard-player-container div[class*="vidyard-inner-container-"] {max-width: 100% !important;max-height: 100% !important;} .tab-video-sec .vidyard-player-container div[class*="vidyard-inner-container-"] iframe {width: 100%;height: 100%;} .service-tags li{padding-right: 40px;font-size: 1.25rem;font-weight: 700;font-family: 'Poppins',sans-serif;} .tab-sec-lt{flex: 0 0 51%;max-width: 51%;position: relative;} .tab-sec-rt {padding: 70px 0 0;flex: 0 0 43%;position: relative;max-width: 43%;margin-left: auto;position: relative;} .service-tags{padding: 0 0 25px;} .tab-video-sec.r-auto{margin-right: auto;margin-left: 0;} .calculation-block4{padding: 35px 0 20px 45px;border-top: 1px solid var(--grey6);border-bottom: 1px solid var(--grey6);margin: 20px 0 40px;width: 100%;} .calculation-block4 span {font-size: 0.75rem;} .count4 {font-size: 4.37rem;font-family: 'Poppins',sans-serif;font-weight: 700;color: var(--darkblue);line-height: 1.2;text-align: left;padding-left: 15px;} .count4 strong {color: var(--skyblue);} .right-align-sec .tab-sec-rt{margin-left: inherit;margin-right: auto;} .video-shapes-bg2 {position: absolute;right: -35px;top: 0;} .video-shapes-bg3 {position: absolute;left: -35px;top: 0;} .video-shapes-bg4 {position: absolute;right: -35px;top: -30px;} .cso-line-connector1 {position: absolute;bottom: 30px;left: 10%;width: 46%;} .cso-dashed11{stroke-dasharray:10} .cso-path11{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:cso-dash11;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes cso-dash11 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .cso-cls-11{fill:#019fd6;animation-name:cso-dot11;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.6s;opacity:0} @keyframes cso-dot11 {0%{opacity:0}100%{opacity:1}} .cso-cls-12{fill:#019fd6;animation-name:cso-dot12;animation-duration:0.1s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes cso-dot12 {0%{opacity:0}100%{opacity:1}} .cso-line-connector2 {position: absolute;bottom: 30px;left: 7%;width: 54%;} .cso-dashed14{stroke-dasharray:10} .cso-path14{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:cso-dash14;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes cso-dash14 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .cso-cls-14{fill:#019fd6;animation-name:cso-dot14;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.8s;opacity:0} @keyframes cso-dot14 {0%{opacity:0}100%{opacity:1}} .cso-cls-15{fill:#019fd6;animation-name:cso-dot15;animation-duration:0.1s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes cso-dot15 {0%{opacity:0}100%{opacity:1}} .cso-line-connector3 {position: absolute;bottom: 0;left: 40px;width: 10px;} .cso-shape4{position: absolute;bottom: 0;right: 38%;} .cso-shape5{position: absolute;top: 112%;right: 0;} .cso-shape6{position: absolute;top: 101%;right: 50%;} @media only screen and (max-width: 1349px){ .video-shapes-bg2 {right: -15px;} .video-shapes-bg3{left: -15px;} .video-shapes-bg4{right: -15px;} .case-std-overview-tab .nav-pills .nav-link {font-size: 1.06rem;} } @media only screen and (max-width: 1199px){ .tab-video-sec{max-width: 460px;} .case-std-overview-tab .nav-pills li{margin-bottom: 15px;margin-right: 10px;} .case-std-overview-tab .nav-pills .nav-link{font-size: 1rem;padding: 0 15px;} .case-std-overview-tab .nav {padding-bottom: 55px;} .tab-sec-logo {padding: 0 0 25px;} .calculation-block4 {padding: 35px 0 20px 15px;} .count4 {font-size: 3.6rem;padding-left: 10px;} .case-std-overview-tab-inner {padding-bottom: 160px;} } @media only screen and (max-width: 991px){ .tab-sec-lt{flex: 0 0 100%;max-width: 100%;order: 1;} .tab-sec-rt{flex: 0 0 100%;max-width: 100%;padding: 40px 0 0;order: 2;margin: 60px 0 0;} .video-shapes-bg3 {top: -20px;} .tab-video-sec {max-width: 100%;} .case-std-overview-tab .nav-pills li {margin-right: 15px;margin-bottom: 15px;} } @media only screen and (max-width: 767px){ .service-tags li {padding-right: 18px;font-size: 1rem;} .service-tags {padding: 0 0 12px;} .calculation-block4 {padding: 20px 0;} .case-std-overview-tab-inner {padding-bottom: 100px;} .case-std-overview-tab .nav-pills .nav-link {font-size: 1.2rem;padding: 0 15px;} .count4 {font-size: 2.5rem;padding-left: 0;text-align: center;} .tab-sec-lt .btn {width: 230px;margin: auto;display: block;padding: 0;} .calculation-block4 span{display: none;} .cso-line-connector1,.cso-line-connector2,.cso-line-connector3{display: none !important;} .tab-video-sec,.tab-video-sec.r-auto {height: 220px;max-width: calc(100% + 70px);width: 100%);margin-left: -35px;margin-right: -35px;border-radius: 0;} .video-shapes-bg2 {top: -60px;} .cso-shape6 {top: 98%;} .cso-shape4 {right: 15%;} .case-std-overview-sec1 {padding: 0 20px 50px;} .video-shapes-bg3 {top: 15px;} } @media only screen and (max-width: 374px){ .case-std-overview-tab .nav-pills li{width: 100%;margin-right: 0;} .count4 {font-size: 2rem;} } /*case study overview section 1*/ /*/////////Case Study Overview page CSS End/////////*/ /*/////////Contact page CSS Start/////////*/ /*Contact Banner*/ .contact-sec1-lt{flex: 0 0 47%;max-width: 47%;position: relative;} /*.contact-sec1-rt {flex: 0 0 53%;max-width: 53%;position: relative;}*/ .contact-sec1-rt {flex: 0 0 53%;max-width: 53%;position: relative;min-height: 650px;} /*.contact-banner {padding: 70px 0 180px;background: var(--white);position: relative;}*/ .contact-banner {padding: 70px 0 150px;background: var(--white);position: relative;} /*.contact-line-connector1 {position: absolute;bottom: -27.5%;right: 22.7%;width: 28.3%;z-index: 1;}*/ .contact-line-connector1 {position: absolute;bottom: -22.5%;right: 22.7%;width: 28.3%;z-index: 1;} .banner-contact-sec{background: #fff;border-radius: 4px;box-shadow: 0 6px 6px rgba(30,30,72,0.1);padding: 38px 35px;max-width: 422px;width: 100%;position: absolute;top: 35px;left: 14%; animation-delay: 0.5s;} .banner-contact-sec i{display: block;padding: 0 0 25px;} .banner-contact-sec span{display: block;font-size: 1.125rem;font-weight: 500;color: #33475B;margin-bottom: 15px;} .banner-contact-sec .form-group label{text-align: left;color: #33475B;padding: 0 0 10px;display: block;} .banner-contact-sec .form-group .form-control{background: #F6F8FA;border-color: #CBD6E2;} .book-btn{margin-top: 15px;} .cnt-shape1{position: absolute;left: 113px;top: 70px;} .cnt-shape2{position: absolute;left: 30%;top: -100px;} .cnt-shape3{position: absolute;left: 36%;top: 73px;} .cnt-shape4{position: absolute;right: 0;top: 0;} .cnt-shape5{position: absolute;bottom: 110px;left: 27%;} .cnt-shape6{position: absolute;bottom: 30px;left: 0;} .cnt-dashed1{stroke-dasharray:10} .cnt-path1{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:cnt-dash1;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes cnt-dash1 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .cnt-cls-1{fill:#019fd6;animation-name:cnt-dot1;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.4s;opacity:0} @keyframes cnt-dot1 {0%{opacity:0}100%{opacity:1}} .cnt-cls-2{fill:#019fd6;animation-name:cnt-dot2;animation-duration:0.1s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes cnt-dot2 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1199px){ /*.contact-banner {padding: 40px 0 180px;}*/ .contact-banner {padding: 40px 0 110px;} .cnt-shape2{top: -69px;} .cnt-shape5{bottom: 57px;} .banner-contact-sec{left: 7%;} /*.contact-line-connector1{bottom: -38.5%;}*/ .contact-line-connector1{bottom:-16.5%} } @media only screen and (max-width: 991px){ .banner-contact-sec{max-width: 343px;padding: 38px 25px;top: -16px;} .cnt-shape1{top: 27px;left: 50px;} .cnt-shape5 {bottom: 16px;} /*.contact-banner {padding: 40px 0 205px;}*/ /*.contact-line-connector1 {bottom: -59.5%;}*/ .contact-sec1-rt{min-height:600px;} } @media only screen and (max-width: 767px){ .contact-sec1-lt {flex: 0 0 100%;max-width: 100%;text-align: center;} .contact-sec1-rt {flex: 0 0 100%;max-width: 100%;margin-top: 50px;;} .banner-contact-sec{max-width: 100%;left: 0;} /*.contact-banner {padding: 40px 20px 230px;}*/ .contact-banner {padding: 40px 20px;} .cnt-shape2{top: -60px;left: 20px;} .cnt-shape1 {top: 175px;left: 10px;} .cnt-shape3 {top: 55px;} .cnt-shape4 {top: 160px;right: 10px;} .cnt-shape5,.cnt-shape6{display: none;} .contact-line-connector1{display: none !important;} .cnt-banner-bg-shape {margin: 0 -25px;} } /*Contact Banner*/ /*Contact Section 1*/ .contact-section1{padding: 0 0 106px;position: relative;} .contact-block-outer{padding-top: 45px;} .contact-box{background: var(--white);box-shadow: 0 3px 6px rgb(30 32 72 / 10%);border: 1px solid #f1f1f1;border-radius: 4px;height: 100%;position: relative;padding: 30px;} .contact-box i{display: flex;justify-content: center;align-items: flex-end;min-height: 90px;} .contact-box .btn {position: absolute;bottom: 35px;left: 50%;transform: translateX(-50%);} .contact-box .content-outer{padding: 20px 0 20px;min-height: 256px;} .cnt-shape7{position: absolute;z-index: -1;left: -21px;top: 223px;} .cnt-shape8{position: absolute;z-index: -1;right: -15px;bottom: 40px;} .cnt-shape9{position: absolute;z-index: -1;left: 32%;bottom: -87px;} @media only screen and (max-width: 1349px){ .cnt-shape7 {left: 5px;top: 233px;} .cnt-shape8 {right: 4px;bottom: -48px;} } @media only screen and (max-width: 1199px){ .contact-block-outer {padding-top: 25px;} .contact-box{padding: 30px 22px;} .contact-section1 {padding: 0 0 70px;} .cnt-shape7 {top: 174px;} .cnt-shape9 {bottom: -68px;} .cnt-shape7 {top: 185px;left: -10px;} } @media only screen and (max-width: 991px){ .contact-section1 {padding: 0 0 50px;} .contact-block-outer .row [class*="col-"]{margin-bottom: 30px;} } @media only screen and (max-width: 767px){ .contact-box i{min-height: auto;} .contact-box .content-outer{min-height: auto;} .contact-box .btn{position: static;bottom: auto;left: auto;transform: none;margin-top: 25px;} .contact-section1 {padding: 0 20px 40px;} .cnt-shape9 {bottom: -10px;} .cnt-shape8 {bottom: -20px;} } /*Contact Section 1*/ /*Contact Section 2*/ .contact-section2{padding: 0 0 240px;position: relative;overflow: hidden;} .map-block{background: #91dbf4; padding-top: 75px; padding-bottom: 75px;} .map-img{background:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/SAF-map-new.svg) no-repeat; background-position: center; width: 1327px; height: 702px; background-size: cover; margin: auto; display: block;} .map-marker{background: #1f1c52; position: absolute; border-radius: 5px; padding: 10px 30px; text-align: center; font-size: 16px; color: var(--white); font-weight: 700;} .map-marker b{color: var(--blue2);} .map-marker .mark-line{position: absolute;} .map-marker.uk {top: 99px;left: 290px;} .map-marker.uk .mark-line {left: auto;right: -21px;top: 20px;} .map-marker.dublin {top: 170px;left: 291px; animation-delay: 0.5s;} .map-marker.dublin .mark-line {left: auto; right: -109px;top: 20px;} .map-marker.toronto {top: 314px;left: 429px;animation-delay: 0.9s;} .map-marker.toronto .mark-line {left: -64px;right: auto;top: -33px;} .map-marker.capetown {bottom: 89px;left: 402px;animation-delay: 1.2s;} .map-marker.capetown .mark-line {right: -75px;left: auto;top: 6px;} .map-marker.capetown .mark-line img{height: 1px;} .map-marker.johannesburg{bottom: 89px;right: 221px;animation-delay: 1.5s;} .map-marker.johannesburg .mark-line {left: -88px;right: auto;top: -44px;} .map-marker.johannesburg .mark-line img{height: 67px;} .map-marker.texas {top: 365px;left: -20px;animation-delay: 1.2s;} .map-marker.texas .mark-line {right: -91px;left: auto;top: -30px;} .contact-line-connector2 {position: absolute;bottom: 1.5%;left: 17.7%;width: 32.2%;z-index: 1;} .cnt-dashed2{stroke-dasharray:10} .cnt-path2{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:cnt-dash2;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes cnt-dash2 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .cnt-cls-3{fill:#019fd6;animation-name:cnt-dot3;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both; animation-delay:0s;opacity:0} @keyframes cnt-dot3 {0%{opacity:0}100%{opacity:1}} .cnt-cls-4{fill:#ea7765;animation-name:cnt-dot4;animation-duration:0.1s;animation-timing-function:linear;animation-delay:0.8s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes cnt-dot4 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1439px){ .map-img{width: 1200px; height: 633px;} .map-marker.uk {top: 78px;left: 270px;} .map-marker.dublin {top: 146px;left: 275px;} .map-marker.toronto {top: 285px;left: 436px;} .map-marker.capetown {bottom: 77px;left: 379px;} .map-marker.johannesburg {bottom: 71px;right: 251px;} .map-marker.texas {top: 332px;left: -1px;} } @media only screen and (max-width: 1349px){ .contact-section2 {padding: 0 0 160px;} .map-img {width: 1000px;height: 529px;} .map-block .container{max-width: 1200px;} .map-marker{font-size: 14px;} .map-marker.uk {top: 47px;left: 256px;} .map-marker.dublin {top: 112px;left: 250px;} .map-marker.toronto {top: 244px;left: 428px;} .map-marker.capetown {bottom: 62px;left: 340px;} .map-marker.johannesburg .mark-line {left: -67px;top: -22px;} .map-marker.johannesburg .mark-line img {height: 53px;} .map-marker.texas {top: 283px;left: 21px;} } @media only screen and (max-width: 1199px){ .contact-section2 {padding: 0 0 110px;} .map-img {width: 730px;height: 373px;} .map-marker{padding: 10px 15px;} .map-block .container{max-width: 768px;} .map-marker.uk {top: -5px;left: 81px;} .map-marker.dublin {top: 58px;left: 80px;} .map-marker.toronto {top: 181px;left: 276px;} .map-marker.capetown {bottom: 34px;left: 149px;} .map-marker.johannesburg {bottom: 28px;right: 81px;} .map-marker.texas {top: 278px;left: 15px;} .map-marker.texas .mark-line {right: -24px;top: -75px;transform: rotate(-222deg);} } @media only screen and (max-width: 767px){ .contact-section2 {padding: 0 0 50px;} .contact-line-connector2{display: none;} .map-marker.uk{left: 77px;} .map-marker.dublin{left: 76px;} .map-marker.toronto{left: 272px;} .map-marker.capetown {bottom: 32px;left: 143px;} .map-marker.johannesburg {bottom: -22px;right: auto;left: 276px;} .map-marker.johannesburg .mark-line {left: 81px;top: -63px;transform: rotate(90deg);} .map-marker.texas{left: 12px;} } @media only screen and (max-width: 479px){ .map-marker{font-size: 11px;} .map-img {width: 600px;height: 320px;} .map-marker.uk {left: 65px;right: auto;top: -21px;} .map-marker.dublin {left: 44px;top: 41px;} .map-marker.toronto {left: 179px;top: 183px;} .map-marker.toronto .mark-line {left: -5px;right: auto;top: -55px;transform: rotate(180deg);} .map-marker.capetown {bottom: 30px;left: 108px;} .map-marker.johannesburg {bottom: -28px;left: 204px;} .map-marker.texas {left: 12px;top: 250px;} } /*Contact Section 2*/ /*Contact Section 3*/ .contact-section3{padding: 0 0 108px;position: relative;} .our-offers-box{background: var(--white);box-shadow: 0 3px 6px rgb(30 32 72 / 10%);border: 1px solid #f1f1f1;border-radius: 4px;height: 100%;display: block;position:relative;} .our-offers-img{width: 100%;height: 228px;display: flex;justify-content: center;align-items: center;} .our-offers-img.img1{background: #f7e0e8;} .our-offers-img.img2{background: #fdebe7;} .our-offers-img.img3{background: #fdf4d7;} .our-offers-text{padding: 30px;} .our-offers-text h3{padding-bottom: 0;} .our-offers-block-outer{padding: 42px 0 0;} .cnt-shape10{position: absolute;z-index: -1;left: 23%;bottom: -23%;} .cnt-shape11{position: absolute;z-index: -1;right: -6px;bottom: -60%;} @media only screen and (max-width: 1349px){ .cnt-shape11 {right: 7px;bottom: -54%;} } @media only screen and (max-width: 1199px){ .our-offers-block-outer {padding: 15px 0 0;} .our-offers-text {padding: 30px 13px;} .contact-section3 {padding: 0 0 65px;} } @media only screen and (max-width: 767px){ .contact-section3 {padding: 0 20px 35px;} .our-offers-block-outer .row [class*="col-"]{margin-bottom: 30px;} .our-offers-text h3{font-size: 1.4rem;} .our-offers-text {padding: 20px 13px;} } /*Contact Section 3*/ /*/////////Contact page CSS End/////////*/ /*/////////Purpose vision page CSS Start/////////*/ /*purpose vision banner*/ .purpose-vision-banner{padding: 0 0 180px;position: relative;} .purpose-vision-sec1-lt{flex: 0 0 47%;max-width: 47%;position: relative;} .purpose-vision-sec1-rt{flex: 0 0 53%;max-width: 53%;position: relative;} .kate-img{position: absolute;top: 10.5%;left: 20%;content: '';width: 54.5%;z-index: 1;animation-delay: 0.5s;} .pv-banner-icon{position: absolute;top: 35%;right: 20%;content: '';z-index: 1;width: 24%;animation-delay: 1s;} .pv-screenshot-img{position: absolute;left: 10%;bottom: 5.5%;z-index: 1;width: 42%;animation-delay: 0.7s;} .pv-line-shape1{position: absolute;right: 14.5%;top: 18%;width: 31.7%;} .pv-line-shape2{position: absolute;right: 11.5%;bottom: 13.8%; width: 39%;} .purpose-vision-line-connector1 {position: absolute;bottom: -21%;right: 22.7%;width: 29.3%;z-index: 1;} .pv-shape1{position: absolute;content: '';top: -18px;left: 20%;} .pv-shape2{position: absolute;content: '';bottom: -40px;left: 20%;} .pv-dashed{stroke-dasharray:10} .pv-path{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:pv-dash;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes pv-dash {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .pv-cls-1{fill:#019fd6;animation-name:pv-dot1;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.5s;opacity:0} @keyframes pv-dot1 {0%{opacity:0}100%{opacity:1}} .pv-cls-2{fill:#02b8bc;animation-name:pv-dot2;animation-duration:0.1s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes pv-dot2 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1349px){ .pv-shape1 {top: -18px;} } @media only screen and (max-width: 1199px){ .purpose-vision-banner {padding: 0 20px 145px;} } @media only screen and (max-width: 991px){ .purpose-vision-line-connector1 {bottom: -35%;width: 42.3%;padding: 40px 20px 110px;} } @media only screen and (max-width: 768px){ .purpose-vision-line-connector1{display: none;} .purpose-vision-banner {padding: 40px 20px 110px;} .purpose-vision-sec1-lt{flex: 0 0 100%;max-width: 100%;text-align: center;} .purpose-vision-sec1-rt{flex: 0 0 100%;max-width: 100%;text-align: center;} .purpose-vision-sec1-rt{margin-top: 40px;margin: 0 -20px;flex: 0 0 calc(100% + 40px);max-width: calc(100% + 40px);} .pv-shape1 {top: -55px;} .pv-shape2 {bottom: -60px;left: auto;right: 0;} } /*purpose vision banner*/ /*purpose vision section 1*/ .purpose-vision-section1{padding: 0 0 190px;position: relative;} .vision-section1-inner{padding: 0 110px;} .purpose-vision-section1 .line-connector2{position: absolute;top: 109%;left: 160px;width: 10px;} .pv-shape3{position: absolute;left: 70px;top: 90px;z-index: -1;} .pv-shape4{position: absolute;right: 23px;bottom: 16%;z-index: -1;} .pv-dashed1{stroke-dasharray:10} .pv-path1{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:pv-dash1;animation-duration:6s;animation-delay:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes pv-dash1 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .pv-cls-3{fill:#019fd6;animation-name:pv-dot3;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.8s;opacity:0} @keyframes pv-dot3 {0%{opacity:0}100%{opacity:1}} .pv-cls-4{fill:#019fd6;animation-name:pv-dot4;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.1s;opacity:0} @keyframes pv-dot4 {0%{opacity:0}100%{opacity:1}} .purpose-vision-video {background-color: var(--grey6);box-shadow: 0 3px 6px #1e204819;border-radius: 4px;width: 100%;display: flex;align-items: center;justify-content: center;position: relative;padding-top: 75%;margin-bottom: 50px;} .purpose-vision-video video, .purpose-vision-video iframe {width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .purpose-vision-video video {display: block; width: 100%;} .purpose-vision-video .vidyard-player-container {width: 100% !important;max-width: 100% !important;max-height: 100% !important;height: 100% !important;position: absolute;left: 0;top: 0;} .purpose-vision-video .vidyard-player-container div[class*="vidyard-inner-container-"] {max-width: 100% !important;max-height: 100% !important;} .purpose-vision-video .vidyard-player-container div[class*="vidyard-inner-container-"] iframe {width: 100%;height: 100%;} .purpose-vision-video2{background-color: var(--grey6);box-shadow: 0 3px 6px #1e204819;border-radius: 4px;width: 100%;display: flex;align-items: center;justify-content: center;position: relative;padding-top: 56%;margin-bottom: 50px;} .purpose-vision-video2 div, .purpose-vision-video2 iframe {width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .purpose-vision-video2 div {display: block; width: 100%;} @media only screen and (max-width: 1199px){ .purpose-vision-section1 {padding: 0 0 150px;} .purpose-vision-section1 .line-connector2 {top: 105%;} } @media only screen and (max-width: 991px){ .vision-section1-inner {padding: 0;} .pv-shape4{bottom: 13%;} .purpose-vision-video {height: 420px;} } @media only screen and (max-width: 767px){ .purpose-vision-video {height: 300px;margin: 0 -35px 50px;width: auto;border-radius: 0;} .purpose-vision-video img{width: 70px;} .purpose-vision-section1 .line-connector2{display: none;} .pv-shape3 {left: -20px;top: -27px;width: 100px;} .pv-shape4 {bottom: 36%;} .purpose-vision-section1 {padding: 0 20px 50px;} } /*purpose vision section 1*/ /*purpose vision section 2*/ .bg-green{background: #d8faf9;} .bg-peach{background: #fdebe7;} .bg-yellow{background: #fdf4d7;} .bg-pink{background: #f7e0e8;} .purpose-vision-section2{padding: 0 0 300px;position: relative;} .our-values-outer{padding: 10px 110px 0;} .core-values-box{background: var(--white);box-shadow: 0 3px 6px rgb(30 32 72 / 10%);border: 1px solid #f1f1f1;border-radius: 4px;height: 100%;transition: all 0.3s ease;} .core-values-box:hover{box-shadow: 0 3px 6px rgb(30 32 72 / 20%);} .core-values-box i{width: 100%;height: 138px;display: flex;justify-content: center;align-items: center;} .our-values-text{padding: 30px 30px 40px;} .our-values-outer .row [class*="col-"]{margin-bottom: 30px;} .purpose-vision-section2 .line-connector3{position: absolute;left: 26.2%;z-index: 1;top: 100%;width: 47%;} .pv-shape5{position: absolute;left: 100px;top: 170px;z-index: -1;} .pv-shape6{position: absolute;left: 0;bottom: -3%;} .pv-dashed2{stroke-dasharray:10} .pv-path2{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:pv-dash2;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes pv-dash2 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .pv-cls-5{fill:#c94764;animation-name:pv-dot5;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.1s;opacity:0} @keyframes pv-dot5 {0%{opacity:0}100%{opacity:1}} .pv-cls-6{fill:#ea7765;animation-name:pv-dot6;animation-duration:0.1s;animation-timing-function:linear;animation-delay:0.8s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes pv-dot6 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1199px){ .pv-shape6{left: 20px;} .purpose-vision-section2 {padding: 0 0 215px;} } @media only screen and (max-width: 991px){ .our-values-outer {padding: 10px 0 0;} .pv-shape5 {left: 25px;top: 153px;} .purpose-vision-section2 {padding: 0 0 165px;} } @media only screen and (max-width: 767px){ .our-values-outer {padding: 0;} .our-values-text {padding: 30px 20px;} .pv-shape6{left: -8px;bottom: 0;} .purpose-vision-section2 {padding: 0 20px 30px;} .purpose-vision-section2 .line-connector3{display: none;} } /*purpose vision section 2*/ /*purpose vision section 3*/ .purpose-vision-section3{padding: 0 0 215px;position: relative;} .ourteam-img-sec{background:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/team-shape-bg-02.svg) no-repeat center bottom;width: 100%;height: 397px;margin-top: 33px;} .purpose-vision-section3 .ourteam-text{padding: 60px 125px 35px;} .purpose-vision-section3 .ourteam-text p{font-size: 1.5625rem;color: var(--darkblue);line-height: 2.5rem;} .purpose-vision-section3 .line-connector4{position: absolute;top: 109%;left: 50%;width: 10px;} .pv-dashed3{stroke-dasharray:10} .pv-path3{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:pv-dash3;animation-duration:6s;animation-delay:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes pv-dash3 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .pv-cls-7{fill:#ca4664;animation-name:pv-dot7;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.8s;opacity:0} @keyframes pv-dot7 {0%{opacity:0}100%{opacity:1}} .pv-cls-8{fill:#019fd6;animation-name:pv-dot8;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.1s;opacity:0} @keyframes pv-dot8 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1199px){ .ourteam-img-sec{height: auto;margin: 35px 0 0;width: auto;} .purpose-vision-section3 .ourteam-text {padding: 60px 55px 35px;} .purpose-vision-section3 {padding: 0 0 178px;} .purpose-vision-section3 .line-connector4 {top: 104%;} } @media only screen and (max-width: 991px){ .purpose-vision-section3 .ourteam-text {padding: 40px 0;} } @media only screen and (max-width: 767px){ .purpose-vision-section3 .ourteam-text p {font-size: 1.2rem;line-height: 2rem;} .purpose-vision-section3 .ourteam-text {padding: 40px 0 20px;} .purpose-vision-section3 {padding: 0 20px 75px;} .purpose-vision-section3 .line-connector4{display: none;} .ourteam-img-sec{margin: 35px -25px 0;} } /*purpose vision section 3*/ /*purpose vision section 4*/ .purpose-vision-section4{padding: 0 0 270px;position: relative;} .team-member-img {position: relative;} .team-mem-img{position: absolute;left: 1%;right: 0;margin: auto;top: 10%;width: 56%;animation-delay: 1s;} .team-member-info {padding: 50px 0;position: relative;background-image:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-blue-top.svg),url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-blue-bottom.svg);background-repeat: no-repeat,no-repeat;background-position: left top,right bottom;width: 100%;animation-delay: 1.3s;} .team-member-info p {font-size: 1.125rem;line-height: 1.875rem;} .team-member-name {padding: 25px 20px 0 0;border-top: 1px solid var(--grey7);display: inline-block;margin-top: -25px;animation-delay: 1.5s;} .marg-t{margin-top: 45px;} .team-testimonial-rt{padding: 155px 0 0 105px;} .purpose-vision-section4 .line-connector5{position: absolute;top: 101%;left: 14.6%;width: 10%;} .pv-shape7{position: absolute;right: 0;bottom: -47%;} .pv-dashed4{stroke-dasharray:10} .pv-path4{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:pv-dash4;animation-duration:1.5s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes pv-dash4 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .pv-cls-9{fill:#00b9bc;animation-name:pv-dot9;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0s;opacity:0} @keyframes pv-dot9 {0%{opacity:0}100%{opacity:1}} .pv-cls-10{fill:#049dd3;animation-name:pv-dot10;animation-duration:0.1s;animation-timing-function:linear;animation-delay:0.6s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes pv-dot10 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1199px){ .team-testimonial-rt {padding: 95px 0 0 105px;} .pv-shape7 {right: 25px;} } @media only screen and (max-width: 991px){ .team-testimonial-rt {padding: 0;} .marg-t {margin-top: 25px;} .purpose-vision-section4 {padding: 0 0 200px;} } @media only screen and (max-width: 767px){ .team-member-info{text-align: center;} .team-testimonial-rt{margin-top: 40px;} .team-member-info{padding: 20px 0;background-image:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-top-mb.svg),url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-bottom-mb.svg);} .purpose-vision-section4 {padding: 0 20px 65px;} .team-member-name{padding: 25px 15px 0;margin-top: 15px;display: block;text-align: center;} .marg-t{text-align: center;} .purpose-vision-section4 .line-connector5{display: none;} .team-member-img {margin: 0 -20px;} } /*purpose vision section 4*/ /*purpose vision section 5*/ .purpose-vision-section5{padding: 0 0 205px;} .pv-shape8{position: absolute;left:48%;bottom: -60%;} @media only screen and (max-width: 991px){ .purpose-vision-section5 {padding: 0 0 80px;} } @media only screen and (max-width: 767px){ .pv-shape8 {right: 0;bottom: 34%;} .purpose-vision-section5 {padding: 0 20px;} } /*purpose vision section 5*/ /*/////////Purpose vision page CSS End/////////*/ /*////////////////////////our-partner page CSS Start//////////////////*/ /*our-partner Banner CSS*/ .our-partner-banner{padding:50px 0 170px;background:var(--white);} .partner-sec1-lt{flex:0 0 47%;max-width:47%;position:relative} .partner-sec1-lt p{padding:0 0 30px} .partner-sec1-rt{flex:0 0 53%;max-width:53%;position:relative} .partner-line-connector1 {position: absolute; bottom: -23.5%; right: 22.7%; width: 33.3%; z-index: 1;} .partner-shape1{position: absolute;top: -70px;left: 31%; width: 13%;} .partner-shape2{position: absolute;bottom: 0px;left: 323px;} .services-shape3{position: absolute;top: 290px;right: -10px;} .prtnr-line1 {position: absolute; left: 36%; top: 23%; width: 7.8%; } .prtnr-line2 {position: absolute; top: 53.2%; right: 64%; width: 10.7%; } .prtnr-line3{position:absolute;right: 56%;bottom: 13%;width: 18%;} .prtnr-line4 {position: absolute; bottom: 25%; right: 27%; width: 16%; } .prtnr-line5 {position: absolute;bottom: 52%;right: 29%;width: 16%;} .prtnr-line6 {position: absolute; top: 7.8%; right: 36%; width: 13%;} .prtnr-logo1{position:absolute;width: 28%;text-align: center;top: 40%;left: 34%;animation-delay: 0.5s;} .prtnr-logo2 {position: absolute; width: 31%; left: 8.7%; bottom: 68%; animation-delay: 1s; } .prtnr-logo3 {position: absolute; width: 25%; left: 4.5%; bottom: 33%; animation-delay: 1.3s; } .prtnr-logo4 {position: absolute; left: 2%; bottom: 3%; width: 28%; animation-delay: 1.6s; } .prtnr-logo5 {position: absolute; width: 27%; bottom: 12.5%; right: 12.15%; animation-delay: 1.9s; } .prtnr-logo6 {position: absolute; width: 31%; top: 21.5%; right: 12.15%; animation-delay: 2.2s; } .prtnr-logo7 {position: absolute; width: 27%; top: 0.5%; right: 11.4%; animation-delay: 2.5s; } .partner-dashed1{stroke-dasharray:10} .partner-path1{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:partner-path1;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes partner-path1 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .partner-cls-1{animation-name:partner-cls-1;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.6s;opacity:0} @keyframes partner-cls-1 {0%{opacity:0}100%{opacity:1}} .partner-cls-2{animation-name:partner-cls-2;animation-duration:0s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes partner-cls-2 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1400px) { .services-shape2 {left: 5px;} .services-shape3 {right: 3px;} } @media only screen and (max-width: 1199px) { .our-partner-banner{padding:30px 0 150px} .services-line-connector1{bottom:-26.5%} .prtnr-line1 { top: 25%;} .prtnr-line3 {bottom: 16%;width: 21%;} .prtnr-line6 { width: 15%;} .prtnr-logo4 { bottom: 8%;} .prtnr-logo6 { top: 25.5%;} } @media only screen and (max-width: 991px) { .our-partner-banner {padding: 50px 0 125px;} } @media only screen and (max-width:767px) { .partner-line-connector1{display: none;} .our-partner-banner{text-align: center;padding:30px 20px 110px;} .partner-sec1-lt{flex: 0 0 100%;max-width:100%;margin-bottom: 80px;} .partner-sec1-rt {flex: auto;max-width: inherit;margin: 0 -25px;width: 100%;} .partner-shape1 {top: -40px;} .partner-shape2 {display: none;} .prtnr-line2{width: 13%;} .prtnr-line6 {position: absolute; top: 6.8%; right: 36%; width: 15%; } } /*our-partner Banner CSS*/ /*our-partner section 1*/ .our-partner-section1{padding: 0 0 140px;position: relative; z-index: 2} .our-partner-video{height: 550px;background-color: var(--grey6);box-shadow: 0 3px 6px #1e204819;border-radius: 4px;width: 100%;display: flex;align-items: center;justify-content: center;margin-left: auto;margin-bottom: 50px;} .our-partner1-inner{padding: 0 110px;} .our-partner-section1-line-connector {position: absolute; top: 106%; left: 50%; width: 10px; transform: translateX(-50%); } .op-shape3{position: absolute; right: 5%; top: 0%;z-index: -1;} .op-shape4 {position: absolute; left: 3%; bottom: 25%; z-index: -1; } .op-shape5 {position: absolute; left: 17%; bottom: -12%; z-index: -1; } .partner-dashed2{stroke-dasharray:10} .partner-path2{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:partner-path2;animation-duration:4s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes partner-path2 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .partner-cls-3{animation-name:partner-cls-3;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.6s;opacity:0} @keyframes partner-cls-3 {0%{opacity:0}100%{opacity:1}} .partner-cls-4{animation-name:partner-cls-4;animation-duration:0s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes partner-cls-4 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1199px){ .our-partner-section1 {padding: 0 0 150px;} .our-partner-section1-line-connector {top: 105%;} } @media only screen and (max-width: 991px){ .our-partner1-inner {padding: 0;} .our-partner-video {height: 420px;} .op-shape4 {left: 0;} .op-shape3{right: 0;} } @media only screen and (max-width: 767px){ .our-partner-video {height: 300px;margin: 0 -35px 50px;width: auto;border-radius: 0;} .our-partner-video img{width: 70px;} .our-partner-section1-line-connector{display: none;} .our-partner-section1 {padding: 0 20px 80px 20px;} .op-shape3 { right: -20px;top: -14%;} .op-shape4 {left: -20px;} .purpose-vision-video2{width:auto;margin:0 -35px 50px;} } /*our-partner section 1*/ /*our-partner section 2*/ .bg-grey{background: #f1f1f1;} .our-partner-section2{padding: 0 0 60px;position: relative;} .our-partner-outer{padding: 10px 110px 0;} .partner-box{background: var(--white);box-shadow: 0 3px 6px rgb(30 32 72 / 10%);border: 1px solid #f1f1f1;border-radius: 4px;height: 100%;} .partner-box i{width: 100%;height: 138px;display: flex;justify-content: center;align-items: center;} .partner-box-text{padding: 50px 30px 40px;} .our-partner-outer .row [class*="col-"]{margin-bottom: 30px;} .purpose-vision-section2 .line-connector3{position: absolute;left: 26.2%;z-index: 1;top: 100%;width: 47%;} .op-shape6 {position: absolute; right: 5%; top: 10%; z-index: -1; } .op-shape7 {position: absolute; top: 60%; left: 45%;} .op-shape8 {position: absolute; top: 60%; right: 0; } .op-shape9 {position: absolute; bottom: 10%; left: 5%; } .op-dashed2{stroke-dasharray:10} .op-path2{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:pv-dash2;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} .partner-box .link2 {font-size: 1rem; } @keyframes pv-dash2 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .pv-cls-5{fill:#c94764;animation-name:pv-dot5;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.8s;opacity:0} @keyframes pv-dot5 {0%{opacity:0}100%{opacity:1}} .pv-cls-6{fill:#ea7765;animation-name:pv-dot6;animation-duration:0.1s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes pv-dot6 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1199px){ .our-partner-section2 {padding: 0 0 60px;} .op-shape8 { right: 2%;} } @media only screen and (max-width: 991px){ .our-partner-outer {padding: 10px 0 0;} .our-partner-section2 {padding: 0 0 60px;} } @media only screen and (max-width: 767px){ .our-partner-outer{padding: 0;} .partner-box-text {padding: 30px 20px;} .our-partner-section2 {padding: 0 20px 80px 20px;} .op-shape6 {right: -10px;} .op-shape8 {right: -8px;} .op-shape9 {left: -7px;} } /*our-partner section 2*/ /*our-partner section 3*/ .our-partner-section3{background:var(--white);position:relative;padding:0 0 200px;} .our-partner-section3 h2{padding-bottom:40px} .our-partner-section3 h2::after{color:#CA4664} .our-partner-section3 [class*="col-"]+[class*="col-"]{padding-left:30px} .testimonial-block-info{padding:50px 0;position:relative;background-image:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-top-blue.svg),url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-top-blue.svg);background-repeat:no-repeat,no-repeat;background-position:left top,right bottom;width:100%} .testimonial-block-info p{font-size:1.125rem;line-height:1.875rem} .testimonial-block-user-name{padding:25px 20px 0 0;border-top:1px solid var(--grey7);display:inline-block;margin-top:-25px} .op-shape10 {position: absolute; bottom: 0; right: 20%; } .partner-dashed3{stroke-dasharray:10} .partner-path3{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:partner-path3;animation-duration:4s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes partner-path3 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .partner-cls-5{animation-name:partner-cls-5;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.6s;opacity:0} @keyframes partner-cls-5 {0%{opacity:0}100%{opacity:1}} .partner-cls-6{animation-name:partner-cls-6;animation-duration:0s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes partner-cls-6 {0%{opacity:0}100%{opacity:1}} .testimonial-block-img{position: relative;width: 90%;height: 100%;} .testi-img {position: absolute;margin: auto;left: 0;right:0;animation-delay: 0.5s;} .testi-shape1 {position: absolute;top: 0%;left: 13%;left: 9%; width: 33%;} .kal-feedback2 .shape27 {right: 18%;width: 42%;top: 76%;} .line-connector-9 {position: absolute;animation-delay: 0s;top: 19%;left: 25%; width: 16%;} .line-connector-10 {position: absolute;animation-delay: 0s;bottom: 10%;left: 24%; width: 24%;} .kal-feedback2 .testi-img {left: 0.4%;top: 17%;width: 50%;} .kal-feedback .line-connector9 {left: 22%;top: 59%;width: 42%;} .our-partner-line-connector2 {left: 9%;top: 103%;width: 11.5%;position: absolute;} @media only screen and (max-width: 1199px) { .our-partner-section3 {padding: 0 0 200px;} .op-shape10 {position: absolute; bottom: -7%; } } @media only screen and (max-width: 991px) { .line-connector7{top: 98%;} .our-partner-section3{padding: 0 0 175px;} .testimonial-block-user-name {padding: 14px 20px 0 0;} .testimonial-slider .owl-stage-outer{min-height: inherit;} } @media only screen and (max-width:767px) { .line-connector7{display: none;} .our-partner-section3{text-align: center;padding: 0 20px 125px 20px;} .our-partner-section3 .container{padding: 0 10px;} .-img{margin-top: 125px;} .testimonial-block-info {padding: 20px 0 40px;background-image:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-top-mb.svg),url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-bottom-mb.svg);} .testimonial-user-name {padding: 25px 15px 0;margin-top: 15px;} .testimonial-slider .owl-dots{display: none;} .our-partner-section3 [class*="col-"]+[class*="col-"] {padding: 0 35px;} .our-partner-section3 h2 {padding: 0 25px 40px;} .shape17,.shape18{display:none;} .line-connector-10 {bottom: 13%;left: 29%;} .line-connector-9 { left: 26%;} .testimonial-block-img {margin: 0 -30px 50px -30px;width: 100%;} .our-partner-line-connector2{display: none;} } /*our-partner section 3*/ /* our partner case study section 4 */ .case-study-section4 {padding-bottom: 220px;} .case-study-section4-line-connector{left: 9%; top: 105%; width: 11.5%;position: absolute;} .case-study-section4 .case-study-shape12 {position: absolute; right: 40px; top: 40%; } .partner-dashed4{stroke-dasharray:10} .partner-path4{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:partner-path4;animation-duration:4s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes partner-path4 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .partner-cls-7{animation-name:partner-cls-7;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.6s;opacity:0} @keyframes partner-cls-7 {0%{opacity:0}100%{opacity:1}} .partner-cls-8{animation-name:partner-cls-8;animation-duration:0s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes partner-cls-8 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width:1199px) { .case-study-section4 { padding-bottom: 200px;} .case-study-section4-line-connector {top: 102%;} } @media only screen and (max-width:767px) { .case-study-section4 {padding-bottom: 70px; } .case-study-section4-line-connector{display: none;} } /* our partner case study section 4 */ /*////////////////////////Our-partner page CSS End//////////////////*/ /* ===========================Blog page start================================== */ /*Blog overview Banner*/ .blog-overview-banner{padding: 100px 0;position: relative;overflow: hidden;} .blog-ov-lt{flex: 0 0 52%;max-width: 52%;position: relative;} .blog-ov-rt {flex: 0 0 46%;max-width: 46%;position: relative;margin-left: auto;} .blog-ov-lt p {max-width: 497px;} .blog-tag-banner{padding: 0 0 25px;} .blog-tag-banner li{padding-right: 40px;font-size: 1.25rem;font-weight: 700;font-family: 'Poppins',sans-serif;} .blog-shape1 {position: absolute;top: 5px;left: 47.5%;} .blog-shape2 {position: absolute;top: 65%;left: -15px;} .blog-shape3 {position: absolute; right: -13%; top: -3%; width: 87%; z-index: -1; } .read-time {margin: 20px 0 0; } .blog-author{margin-top: 30px;} .author-info {padding-left: 12px; } .blog-banner-img {padding-top: 50px;animation-delay: 0.5s} @media only screen and (max-width: 1439px){ .blog-shape3 {right:-30px; text-align: right} } @media only screen and (max-width: 1199px){ .blog-overview-banner {padding:80px 0 80px;} .blog-shape3 {right:-12px;} } @media only screen and (max-width: 991px){ .blog-ov-lt{flex: 0 0 100%;max-width: 100%;} .blog-ov-rt{flex: 0 0 100%;max-width: 100%;padding:0;} .blog-overview-banner {padding:50px 0 50px;} .blog-banner-img { text-align: center;} } @media only screen and (max-width: 767px){ .blog-overview-banner { padding: 60px 20px 125px;} .blog-ov-lt{text-align: center; margin-bottom: 30px;} .blog-shape3 {right:-30px;} .service-tag {padding: 0 0 15px;} .blog-tag-banner{justify-content: center;} .blog-tag-banner li {font-size: 1rem;padding: 0 15px;} } /*Blog overview Banner*/ /* Blog Post Section */ .blog-page-post {padding-bottom: 150px;} .blogpg-sec .nav{margin-bottom:75px} .blogpg-sec .nav-pills li{margin-right:22px;position:relative} .blog-page-post .blogpg-sec .nav-pills li{margin-bottom:25px;} .blogpg-sec .nav-pills li:last-child{margin-right:0} .blogpg-sec .nav-pills .nav-link{font-size:1.25rem;font-weight:700;font-family:'Poppins',sans-serif;color:var(--grey3);background:var(--white);box-shadow:3px 3px 9px rgba(30,32,72,0.1);padding:0 25px;height:62px;line-height:62px;border-left:14px solid #E5F6FE;border-radius:0} .blogpg-sec .nav-pills .nav-item .nav-link.active{color:var(--darkblue);border-left-color:var(--blue);box-shadow:3px 3px 9px rgba(30,32,72,0.17)} .blogpg-sec .nav-pills .nav-link::after{content:".";opacity:0} .blogpg-sec .nav-pills .nav-item .nav-link.active::after{color:var(--blue);opacity:1} .blogpg-box{background:var(--white);box-shadow:0 3px 6px rgb(30 32 72 / 10%);border:1px solid #f1f1f1;border-radius:0 0 4px 4px;height:100%;position:relative} .blogpg-box:hover{box-shadow: 0 3px 6px rgb(30 32 72 / 22%);} .blogpg-inner-sec{padding-bottom:30px} .blogpg-img img {width: 100%;display: block;} .blogpg-content{padding:35px 30px;min-height:310px} .blogpg-content .link2{font-size:1rem;} .blog-shape4{position: absolute; top: 12%; left: 2%; } .blog-shape5{position: absolute; top: 47.5%; right: 0%; } .blog-shape6 {position: absolute; bottom: 15.5%; left: 2%; } .blog-shape7 {position: absolute; bottom: 33%; left: 46%; } .blog-shape8 {position: absolute; bottom: 15%; left: 36%; } .blog-tag.blog-tag-sm li {padding-right: 25px;font-size: 0.75rem;} .post-blog-tag{padding: 0 0 25px;} .post-blog-tag li{padding-right: 40px;font-size:0.75rem;font-weight: 700;font-family: 'Poppins',sans-serif;} .tab-content-sm {max-width: 1100px;margin: 0 auto;} .blog-page-post .blog-content { padding: 35px 30px 100px;} .blog-page-post .blog-content .blog-footer .link2 { position: initial; bottom: inherit; display: inline-block;} .blog-page-post div[class*="col-"]{margin-bottom:50px;} .newsletter-guide {background: var(--darkblue) url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/blog-cta-bg-shape1.svg) no-repeat 101% center;padding: 50px 27% 50px 30px;border-radius: 4px;position: relative;width: 100%;margin:50px auto;} .newsletter-guide::after{position: absolute;background: url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/email-mac-mock.png) no-repeat;top: 15px;right: 95px;width: 285px;height:215px;content: '';} .newsletter-guide h3{font-size: 1.875rem;font-weight: 700;font-family: 'Poppins',sans-serif; color: var(--white)} .newsletter-guide h3:after{color: var(--skyblue); content: "?";} .newsletter-guide p{font-size: 1.1rem; color: var(--white);font-weight: 400;font-family: 'Poppins',sans-serif;} .newsletter-form {max-width: 400px; margin-top: 30px; } .newsletter-form .form-control{border-radius: 0; border-color:#fff;border-radius: 4px 0 0 4px} .newsletter-form .btn {padding: 0; width: 250px; margin: 0 0 0 -2px; border-radius: 0;border-radius: 0 4px 4px 0 } .theme-pagination {font-size: 1rem; font-family: 'Poppins'; padding-top: 0; } .theme-pagination a:hover .hover-fill{fill: var(--blue)} .newsletter-form span{display:block;width:100%;position:relative} .newsletter-form h3{display:none} .newsletter-form span .hs_email label{display:none} .newsletter-form .hs_email label{display:none} /*.newsletter-form .hs_error_rollup label.hs-main-font-element{color:red;margin:5px 0 0}*/ .newsletter-form .hs_error_rollup label.hs-main-font-element{color:red;margin:5% 0 0} .inline_newsletter .hs_error_rollup label.hs-main-font-element{color:red;margin:5% 0 0} .newsletter-form .hs_submit.hs-submit{position:absolute;right:0;top:1px;} .newsletter-form .hs-button{padding:0;width:150px;margin:0;border-radius:0 4px 4px 0;height: 47px;} .newsletter-form span .hs-input {padding-right: 190px;} .newsletter-form .hs-input {padding-right: 190px;} .newsletter-form .hs_email label {display: none;} @media only screen and (max-width: 1199px) { .blogpg-content{padding:20px} .shape26{bottom:-22%} .blogpg-sec .nav-pills .nav-link {font-size: 1rem; padding: 0 15px; } .blog-page-post .blogpg-sec .nav-pills li {margin-bottom: 15px; margin-right: 10px; } } @media only screen and (max-width: 991px) { .newsletter-guide {padding: 50px 42% 50px 30px;} .newsletter-guide::after { right: 54px;} } @media only screen and (max-width:767px) { .blogpg-content .link2{position: static;bottom: auto;} .blogpg-img img{width: 100%;} .blogpg-content{min-height: auto;} .blogpg-inner-sec .row [class*="col-"]{margin-bottom: 40px;} .blogpg-inner-sec {padding-bottom: 0;} .home-section8 {padding: 0 20px 125px;} .blogpg-sec .nav {margin-bottom: 60px;} .blogpg-sec .btn{width: 212px;margin: auto;display: block;padding: 0;} .blogpg-sec .nav-pills li {margin-right: 20px;} .blogpg-sec .nav-pills .nav-link {padding: 0 15px;} .shape24,.shape25,.shape26{display:none;} .blogpg-box {border: none;border-radius: 4px;overflow: hidden;} .blogpg-content {padding: 45px 25px;} .blog-page-post .blogpg-footer {position: inherit;bottom: 35px;} .newsletter-guide {background-position: right 90%; padding: 60px 35px 340px; border-radius: 0; width: auto; margin: 50px -35px; background-position: right bottom; } .newsletter-guide::after {top: auto;right: 15px;bottom: 50px;} .newsletter-form { max-width: 400px; margin-top: 10px;} .read-time { margin: 20px 0 0;} .theme-pagination {padding-top: 20px;} .blog-page-post { padding-bottom: 125px;} .tab-content-sm { padding: 0 20px;} .post-blog-tag li {padding-right: 20px;} } @media only screen and (max-width:374px) { .blogpg-sec .nav-pills .nav-link{padding: 0 6px;font-size: 0.85rem;border-left: 7px solid #E5F6FE;} } /* Blog Post Section */ /* =========================== Blog page End ================================== */ /*============================ Blog individual page start ========================= */ /* blog individual banner */ .blog-individual-banner { padding: 110px 0 40px; position: relative;} .blog-individual-banner .container{max-width: 1100px;} .blog-ind-lt{flex: 0 0 60%;max-width: 60%;position: relative;} .blogind-tag-banner {padding: 0 0 25px;} .blogind-tag-banner li{padding-right: 40px;font-size:1.25rem;font-weight: 700;font-family: 'Poppins',sans-serif;} .blog-ind-author{margin-top: 30px;} .blog-ind-author-info{padding-left: 15px;} .blog-ind-author-img img {width: 55px; height: 55px; border-radius: 50%; object-fit: cover; } .blog-ind-rt {flex: 0 0 28%;max-width: 28%;position: relative;margin-left: auto; text-align: right;} .header-social-links {margin-bottom: 30px; display: inline-block; text-align: center; } .header-social-links li{margin-left:25px;} .header-social-links ul li:first-child{margin-left:0;} .header-social-links ul li a img{filter: brightness(0)} .header-social-links ul li a:hover img{filter: brightness(1)} .blog-ind-rt .btn{padding:0 20px;} .blog-ind-rt .btn svg{margin-right: 5px;} .blog-ind-banner-md {max-width: 850px; margin: auto;padding: 130px 0 0;position: relative; } .blog-ind-banner-inner{position: relative;padding-bottom: 100px;} .blog-ind-shape1 {position: absolute; top: -3%; left: 43%; } .blog-ind-shape2 {position: absolute; right: -5%; top: -4%; z-index: -1; } .blog-ind-shape3 {position: absolute; top: 31%; left: 2%; } .blog-ind-shape4 {position: absolute;top: -3%;left: 49%;z-index: -1;} .blog-ind-shape5 {position: absolute;right: -20%;top: 60%;z-index: -1;} .blog-ind-shape6 {position: absolute;bottom: 3%;left: -5%;z-index: -1;} .blog-ind-comn-text{padding: 0 0 60px;} @media only screen and (max-width:1400px) { .blog-ind-shape2 { right: 1%;} } @media only screen and (max-width:1199px) { .blog-ind-shape5 {right: -8%;} } @media only screen and (max-width:991px) { .blog-individual-banner {padding: 60px 0 40px;} .blog-ind-shape5 {right: -15px;} .blog-ind-rt .header-social-links li svg { width: 30px; height: 30px;} } @media only screen and (max-width:767px) { .blog-individual-banner .blog-individual-banner-inner {width: 100%;} .blog-ind-shape2 {right: -20px;top: 12%;} .blog-tag{flex-wrap: wrap; justify-content: center} .blog-individual-banner {padding: 60px 20px 0;} .blogind-tag-banner li{ padding-right: 18px; font-size: 1rem;} .blog-ind-lt , .blog-ind-rt{flex: 0 0 100%; max-width: 100%;} .blog-ind-rt .header-social-links { margin-top: 30px; margin-bottom: 30px;display: flex; text-align: center; flex-direction: column; } .blog-ind-rt .header-social-links ul li:first-child{margin:0;} .blog-ind-banner { padding: 100px 0 60px; margin: 0 -25px;} .blog-ind-rt{text-align: center;} .blog-ind-shape5 {right: -30px;top: 20%;} .blog-ind-shape4 {top: -7%;} .blog-ind-shape6 {bottom: 65px;left: -35px;} } /* blog individual banner */ /*blog-ind-section1 */ .blog-ind-section1{padding-bottom:40px; position: relative } .blog-ind-section1 .container{max-width: 880px;} .twitter-info2{padding:50px 0 75px 0;position:relative;background-image:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-top-blue.svg),url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-bottom-blue.svg); background-repeat:no-repeat,no-repeat;background-position:left top,right bottom;width:100%} .twitter-info2 p{font-size:1.125rem;line-height:1.875rem} .twitter-user-name2 a {border-bottom: 1px solid #000; padding-bottom: 2px;color:#000 } .twitter-user-name2:hover a{color: var(--blue); border-color: var(--blue)} .twitter-user-name2{padding:25px 20px 0 0;border-top:1px solid var(--grey7);display:inline-block;margin-top: -25px;} .twitter-user-name2 img{filter: brightness(0);margin-right: 20px; width: 30px;} .twitter-user-name2:hover img{filter: brightness(1)} .blog-tweet-block{padding-bottom: 100px;} .blog-ind-vedio-block{padding-bottom: 100px; position: relative;} .blog-ind-shape7 {position: absolute; right: 0; top: 40%; z-index:-1;} .blog-ind-shape8{position: absolute; left: -9%; top: 82%} .blog-ind-video-block {position: relative; height: 520px; background-color: var(--grey6); box-shadow: 0 3px 6px #1e204819; border-radius: 4px; width: 100%; display: flex; align-items: center; justify-content: center; } .blog-ind-shape9 {position: absolute; right: 6%; top: 81%; } .blog-ind-shape10 {position: absolute; left: 0; bottom: -12%; z-index:-1;} @media only screen and (max-width:1400px) { .blog-ind-shape9 {right: 9.5%;} } @media only screen and (max-width:1199px) { .blog-ind-shape9 {right: 1.5%;} .blog-ind-shape10 { bottom: -34%;} } @media only screen and (max-width:991px) { .blog-ind-shape3 {top: 27%;} } @media only screen and (max-width:767px) { .twitter-sec { padding: 0 20px;} .blog-ind-vedio-block {padding-bottom: 60px;margin: 0 -35px;} .blog-ind-video-block{margin:0 -35px; height: 300px; width: auto;} .blog-ind-section1{padding:0 20px;} .blog-tweet-block {padding-bottom: 60px;} .blog-ind-shape3 {top: 38%;} .twitter-info2 {padding: 40px 0;} .twitter-user-name2 {padding: 25px 0 0 0;margin-top: 15px;} .blog-ind-shape8 {display: none;} .blog-ind-section1 .download-guide-sec{margin: 0 -50px 70px;} } /* blog-ind-section1*/ /*============================ Blog individual page End ========================= */ /* ===========================Service individual page start===================== */ .services-individual-banner{padding:65px 0 50px 0px;background:var(--white);position: relative;} .services-ind-shape1 {position: absolute; top: -15.8%; left: 14%; } .services-ind-shape2 {position: absolute; top: -0.5%; left: 38%; } .services-ind-shape3 {position: absolute; top: -16%; right: -1.8%; } .services-ind-shape4 {position: absolute; bottom: 8%; left: 23.8%; } .services-sec1-ind-lt{flex:0 0 48%;max-width:48%;position:relative} .services-sec1-ind-lt p{padding:0 0 30px} .services-sec1-ind-rt{flex:0 0 52%;max-width:52%;position:relative} .ind-screen1 {position: absolute; width: 53%; right: 21.5%; top: 23%; animation-delay: 0.5s; } .ind-screen2 {position: absolute; width: 34%; right: 4%; bottom: -4%; animation-delay: 2.3s; } .ind-screen3 {position: absolute; width: 34%; left: 16%; top: -2.3%; animation-delay:2s; } .ind-line1 {position: absolute; right: 19%; top: 13%; width: 40.8%; } .ind-line2 {position: absolute; bottom: 9%; left: 9.5%; width: 62%; } .ind-line-connector1 {position: absolute; bottom: -27.5%; right: 23.8%; width: 28.3%; z-index: 1; } .ind-dashed{stroke-dasharray:10} .ind-path{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:ind-dash;animation-duration:2s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes ind-dash {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .ind-cls-1{animation-name:ind-cls-1;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.8s;opacity:0} @keyframes ind-cls-1 {0%{opacity:0}100%{opacity:1}} .ind-cls-2{animation-name:ind-cls-2;animation-duration:0s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes ind-cls-2 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width:1400px) { .services-ind-shape3 { right: 1%;} } @media only screen and (max-width: 1199px) { /*.services-individual-banner { padding: 50px 0 150px;}*/ .services-individual-banner { padding: 50px 0 50px 0px;} } @media only screen and (max-width: 991px) { .services-individual-banner {padding: 50px 0px 120px;} .ind-line1 {position: absolute; right: 14%; top: 9%; width: 43.8%; } } @media only screen and (max-width:767px) { .services-individual-banner{text-align: center;padding:60px 0px 125px;} .services-sec1-ind-lt{flex: 0 0 100%;max-width:100%;margin-bottom: 80px;} .services-sec1-ind-rt {flex: auto;max-width: inherit;margin: 0 -25px;width: 100%;} .ind-line-connector1{display: none;} } @media (max-width: 453px) { .ind-line1 {right: 20%;} } /* service-individual-banner */ /*services individual section 1*/ .service-ind-section1{padding: 0 0 100px;position: relative; z-index: 2;} .service-ind-video{height: 550px;background-color: var(--grey6);box-shadow: 0 3px 6px #1e204819;border-radius: 4px;width: 100%;display: flex;align-items: center;justify-content: center;margin-left: auto;margin-bottom: 50px;} .service-ind-section1-inner{padding: 0 110px;} .services-ind-shape5{position: absolute;left: 70px;top: 7%;z-index: -1; width: 12%;} .services-ind-shape6{position: absolute;right: 23px;bottom: 40%;z-index: -1; width: 11%;} .services-ind-shape7{position: absolute;right: 23px;bottom: 26%;z-index: -1;} .service-ind-section1 .btn {margin-top: 15px; } @media only screen and (max-width: 1199px){ .service-ind-section1{padding: 0 0 100px;} .service-ind-section1-inner {padding: 0 50px;} .services-ind-shape5 { left: 3%;} } @media only screen and (max-width: 991px){ .service-ind-section1-inner {padding: 0;} .service-ind-video {height: 420px;} .services-ind-shape5 {position: absolute; left: 0; top: -20px;} .services-ind-shape6 {right: 0;} .services-ind-shape7 { bottom: 20%;} } @media only screen and (max-width: 767px){ .service-ind-section1{padding: 0 0 125px;} .service-ind-section1-inner {padding: 0 20px;} .service-ind-video{height: 300px;width: auto;margin: 0 -35px 40px;} .services-sec1-ind-rt{ margin: 0 -20px;} .service-ind-video img{width: 70px;} } /*services individual section 1*/ /*services individual section 2*/ .service-ind-section2 {padding-bottom: 50px; } .srvc1 h2::after {content: "?";color: #02B8BC;} .srvc2 h2::after {color: rgba(0,159,214,1.0)!important;} .srvc4 h2::after {color: #EA7765;} .ind-services-item {padding-bottom: 200px;position: relative;} .ind-services-img {flex: 0 0 49%; position: relative; max-width: 49%; margin-left: auto; position: relative; padding: 0px;} .ind-services-info {flex: 0 0 51%; max-width: 51%; position: relative; } .ind-services-info-lt{padding-right: 25px;} .ind-services-info-rt{padding-right: 25px;} .ind-services-shape { position: relative; width: 90%; margin-left: auto; } /* block 2 */ .ind-logo1 {position: absolute; right: 16%; top: 5%;width: 60%; z-index: 2;} @media only screen and (max-width: 453px){ .ind-logo1{ right: 10%; top: 4%;width: 72%;} } .ind-logo2 {position: absolute; left: 17%; top: 37%;width: 27%; animation-delay:2.3s ;z-index: 2;} .ind-logo3 {position: absolute; right: 4%; top: 7.5%; width: 27%;animation-delay: 2.6s;z-index:1;} .ind-logo4 {position: absolute; right: 13%; bottom: -9%; width: 27%;animation-delay: 2.9s;z-index: 2;} .ind-line3 {position: absolute; left: 0%; bottom: 25%; width: 32.8%; animation-delay: 2.6s;z-index: 1;} .ind-line4 {position: absolute; right: 18%; top: 15%; width: 27.8%;} .ind-line5 {position: absolute; left: 0%; bottom: 25%; width: 46.8%; } .ind-line6 {position: absolute; right: 5%; bottom: 9%; width: 26.8%; } .ind-line-connector2 {position: absolute;bottom: 3%;left: 5%;width: 54%;} .ind-dashed2{stroke-dasharray:10} .ind-path2{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:ind-dash2;animation-duration:1.2s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes ind-dash2 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .ind-cls-3{animation-name:ind-cls-3;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:1s;opacity:0} @keyframes ind-cls-3 {0%{opacity:0}100%{opacity:1}} .ind-cls-4{animation-name:ind-cls-4;animation-duration:0s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes ind-cls-4 {0%{opacity:0}100%{opacity:1}} .ind-line-connector3 {position: absolute;bottom: 3%;left: 5%;width: 54%;} .ind-dashed3{stroke-dasharray:10} .ind-path3{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:ind-dash2;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes ind-dash2 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .ind-cls-5{animation-name:ind-cls-5;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:1s;opacity:0} @keyframes ind-cls-5 {0%{opacity:0}100%{opacity:1}} .ind-cls-6{animation-name:ind-cls-6;animation-duration:0s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes ind-cls-6 {0%{opacity:0}100%{opacity:1}} .ind-line-connector5 {position: absolute; bottom: -4%; right: 21%; width: 29%; } .ind-dashed4{stroke-dasharray:10} .ind-path4{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:ind-dash4;animation-duration:1.2s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes ind-dash4 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .ind-cls-7{animation-name:ind-cls-7;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.1s;opacity:0} @keyframes ind-cls-7 {0%{opacity:0}100%{opacity:1}} .ind-cls-8{animation-name:ind-cls-8;animation-duration:0s;animation-timing-function:linear;animation-delay:0.7s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes ind-cls-8 {0%{opacity:0}100%{opacity:1}} /* block3 */ .ind-user3 {position: absolute; left: 14%; top: -14%; width: 54%;z-index: 1; } @media (max-width: 453px){ .ind-user3 {top: -4%;} } .ind-screen4 {position: absolute; right: 19%; top: 58%; width: 47%; animation-delay: 1.7s;z-index: 1; } .ind-line7 {position: absolute; left: 4%; bottom: 24%; width: 30.3%;} @media (max-width: 453px){ .ind-line7 {bottom: 37%;} } /* block3 */ /* block4 */ .ind-video-shapes-bg3 {position: absolute; right: -5.5%; top: -15%; } .ind-video-sec {height: 310px;/*315px*/ position: relative; z-index: 1; background-color: var(--grey6); box-shadow: 0 3px 6px #1e204819; border-radius: 4px; max-width: 552px; width: 100%; display: flex; align-items: center; justify-content: center; margin-left: auto; } .ind-video-sec div,.ind-video-sec div {width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .ind-video-sec div {display: block;width: 100%;} .ind-video-sec .vidyard-player-container {width: 100% !important;max-width: 100% !important;max-height: 100% !important;height: 100% !important;position: absolute;left: 0; top: 0;} .ind-video-sec .vidyard-player-container div[class*="vidyard-inner-container-"] {max-width: 100% !important;max-height: 100% !important;} .ind-video-sec .vidyard-player-container div[class*="vidyard-inner-container-"] iframe {width: 100%;height: 100%;} .ind-video-sec img {width: 53px; } /* block4 */ @media only screen and (max-width: 1400px){ .ind-video-shapes-bg3 { right: 0;} } @media only screen and (max-width:1199px){ .ind-line-connector2 { bottom: 6%;} .ind-line-connector3 { bottom: 6%;} } @media only screen and (max-width: 991px){ .ind-services-item {padding-bottom: 150px;} .ind-services-img-inr img {width: 90%;} } @media only screen and (max-width: 768px){ .service-ind-section2{padding: 0 20px;} .ind-services-item {padding-bottom: 100px; } .ind-services-img{flex: 0 0 100%;max-width:100%;margin-top:60px;} .ind-services-info {flex: 0 0 100%;max-width:100%;width: 100%; text-align: center} .ind-line-connector2, .ind-line-connector3{display: none;} .ind-services-item:nth-child(odd) .ind-services-info {order: -1;} .adopt-shape-bg{text-align: center !important; margin: 0 -20px;} .ind-line6 {right: 1%; bottom: 8%; width: 27.8%; } .ind-video-shapes-bg3{display: none} .ind-video-sec {margin: 0 -35px; width: auto; max-width: initial; height: 220px; } .ind-line-connector5{display: none;} .ind-services-info-lt {padding:0px; } .ind-services-info-rt {padding:0px; } } /*services individual section 2*/ /* services individual section 3 */ .service-ind-section3{padding:0px 0 140px;position: relative;} .service-ind-section3 h2:after{content: "?";color: #019FD6;} .ind-bg-green {background: #d8faf9; } .ind-bg-yellow {background: #fdf4d7; } .ind-bg-peach{background: #FED8D1} .why-work-blocks {padding-bottom: 60px;} .why-work-block {background: var(--white);box-shadow: 0 3px 6px rgb(30 32 72 / 10%);border: 1px solid #f1f1f1;border-radius: 0 0 4px 4px;height: 100%;position: relative;transition:all 0.3s ease;} .why-work-block:hover{box-shadow: 0 3px 6px rgb(30 32 72 / 22%);} .why-work-image {width: 100%;height: 230px;padding: 20px;display: flex;justify-content: center;align-items: center;} .why-work-content {padding:35px 30px 50px 30px;} .services-ind-shape8 {position: absolute;left: -2%;bottom: 13%;} .services-ind-shape9 {position: absolute;right: -1%;top: 115%;} .ind-line-connector4 {left: 50%; top: 97%; position: absolute; width: 11.5%; transform: translateX(-50%); } .ind-dashed5{stroke-dasharray:10} .ind-path5{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:ind-path5;animation-duration:6s;animation-delay:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes ind-path5 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .ind-cls-9{fill:#019fd6;animation-name:ind-cls-9;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.8s;opacity:0} @keyframes ind-cls-9 {0%{opacity:0}100%{opacity:1}} .ind-cls-10{fill:#02b8bc;animation-name:ind-cls-10;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.1s;opacity:0} @keyframes ind-cls-10{0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1349px){ .services-ind-shape9{right: 0;} } @media only screen and (max-width: 991px){ .why-work-blocks .row [class*="col-"] {margin-bottom: 40px;} .why-work-blocks {padding-bottom: 30px;padding-top: 0;} } @media only screen and (max-width: 767px){ .service-ind-section3 {padding:0 20px 50px 20px;} .why-work-block {height: auto;} .why-work-image {height: 150px;} .why-work-content {min-height: inherit;padding: 30px;} .ind-line-connector4{display: none;} } /* services individual section 3 */ /* ===========================Service individual page End===================== */ /* ======================= Our Podcasts page Start ===================================== */ /* Our-podcasts-tab-hdr */ .our-podcasts-hdr-outer {padding: 120px 0 0; position: relative;} .our-podcasts-hdr-outer .container{max-width: 1100px;} .our-podcasts-hdr{position: relative; padding-bottom: 100px;} .our-podcasts-hdr p {font-size: 1.563rem; line-height: 34px;} .our-pod-shape1 {position: absolute; top: -1.5%; left: 23%; } .our-pod-shape2 {position: absolute; right: -6%; top: -9%;} .our-pod-shape3 {position: absolute; bottom: 41%; left: 6%;} .podcast-tab {padding: 0 0 80px;} .podcast-tab .nav-link img {display: block; margin-bottom: 30px; opacity: 0.5; height: 143px; width: 143px; border-radius: 50%; margin: 0 auto 30px auto; } .podcast-tab .nav-pills .nav-link.active img{opacity: 1; filter: drop-shadow(6px 6px 6px rgb(30 32 72 / 12%))} .podcast-tab .nav-link {text-align: center; font-size: 0.938rem; color: #000; } .podcast-tab .nav-pills .nav-link.active{background: none; color:#000;} .podcast-tab .nav-pills .nav-link.active span{border-bottom: 2px solid var(--blue); font-weight: 600;} .podcast-tab .nav-pills .nav-link span {display: inline-block; border-bottom: 2px solid transparent; padding: 0 5px 5px 5px; } @media only screen and (max-width:1440px) { .our-pod-shape1 { left: 15%;} } @media only screen and (max-width:1400px) { .our-pod-shape2 { right: 2%;} .our-pod-shape3 {left: 2%;} } @media only screen and (max-width:1199px) { .our-podcasts-hdr p {font-size: 22px;} .our-pod-shape3 {bottom: 47%;} } @media only screen and (max-width:991px) { .our-podcasts-hdr-outer {padding: 90px 0 0;} .podcast-tab {padding: 0 0 90px;} .our-podcasts-hdr { padding-bottom: 80px;} .podcast-tab .nav-link img {margin-bottom: 15px;} .podcast-tab .nav-link img{width: 100px;margin:0 auto 15px;} .podcast-tab .nav-link { padding: 0 5px;} } @media only screen and (max-width:767px) { .our-podcasts-banner{padding: 60px 20px;} .our-podcasts-hdr p { font-size: 21px; line-height: 32px;} .podcast-tab .nav li {width: 33.33%; } .our-pod-shape2 {top: -5%;} } @media only screen and (max-width:767px) { .podcast-tab .nav li {width: 50%;margin: 0 0 25px;} } /* Our-podcasts-tab-hdr */ /* =======================our-podcasts-tab-content ======================================= */ .our-podcasts-hdr-outer {padding: 120px 0 0; position: relative;} .our-podcasts-hdr-outer .container{max-width: 1100px;} .our-podcasts-hdr{position: relative; padding-bottom: 100px;} .our-podcasts-hdr p {font-size: 1.563rem; line-height: 34px;} .our-pod-shape1 {position: absolute; top: -1.5%; left: 23%; } .our-pod-shape2 {position: absolute; right: -6%; top: -9%;} .our-pod-shape3 {position: absolute; bottom: 41%; left: 6%;} .podcast-tab {padding: 0 0 120px;} .podcast-tab .nav-link img {display: block; margin-bottom: 30px; opacity: 0.5; height: 143px; width: 143px; border-radius: 50%; margin: 0 auto 30px auto; } .podcast-tab .nav-pills .nav-link.active img{opacity: 1; filter: drop-shadow(6px 6px 6px rgb(30 32 72 / 12%))} .podcast-tab .nav-link {text-align: center; font-size: 0.938rem; color: #000; } .podcast-tab .nav-pills .nav-link.active{background: none; color:#000;} .podcast-tab .nav-pills .nav-link.active span{border-bottom: 2px solid var(--blue); font-weight: 600;} .podcast-tab .nav-pills .nav-link span {display: inline-block; border-bottom: 2px solid transparent; padding: 0 5px 5px 5px; } @media only screen and (max-width:1440px) { .our-pod-shape1 { left: 15%;} } @media only screen and (max-width:1400px) { .our-pod-shape2 { right: 2%;} .our-pod-shape3 {left: 2%;} } @media only screen and (max-width:1199px) { .our-podcasts-hdr p {font-size: 22px;} .our-pod-shape3 {bottom: 47%;} } @media only screen and (max-width:991px) { .our-podcasts-hdr-outer {padding: 90px 0 0;} .podcast-tab {padding: 0 0 90px;} .our-podcasts-hdr { padding-bottom: 80px;} .podcast-tab .nav-link img {margin-bottom: 15px;} .podcast-tab .nav-link img{width: 100px;margin:0 auto 15px;} .podcast-tab .nav-link { padding: 0 5px;} } @media only screen and (max-width:767px) { .our-podcasts-banner{padding: 60px 20px;} .our-podcasts-hdr p { font-size: 21px; line-height: 32px;} .podcast-tab .nav li {width: 33.33%; } .our-pod-shape2 {top: -5%;} } @media only screen and (max-width:767px) { .podcast-tab .nav li {width: 50%;margin: 0 0 25px;} } /* Our-podcasts-tab-hdr */ /* =======================our-podcasts-tab-content ======================================= */ .our-podcasts-tab-content {padding-bottom: 150px; } .podcasts-post-inner {position: relative; padding-bottom: 30px; } .podcasts-post-inner .container{max-width: 1100px;} .podcast-item{margin-bottom:55px; background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #1E20481A;border-radius: 4px;} .podcast-item-info{flex:0 0 63%;max-width: 63%;position: relative;padding: 30px 40px 80px;} .podcast-item-info h3{color: var(--darkblue);padding-bottom: 15px;} .podcast-designation {font-size: 0.938rem;color: var(--blue);margin-bottom: 18px;} .podcast-item-info .btn {padding: 0 18px; line-height: 40px; height: 44px;position: absolute;bottom: 35px; } .podcast-item-info .btn img {margin-right: 10px; } .podcast-item-info .btn:hover img{filter: brightness(0) invert(1)} .podcast-item-img{flex:0 0 37%; max-width: 37%; position: relative ;} .podcast-item-img img{width: 100%; height: 100%; object-fit: cover;} .podcast-post-time {margin-bottom: 20px; } .pod-shape4 {position: absolute; top: 16%; right: -8%; z-index: -1; } .pod-shape5 {position: absolute; left: -2%; top: 53.5%; z-index: -1; } .pod-shape6 {position: absolute; bottom: 15%; right: 0; z-index: -1; } .pod-shape7 {position: absolute; bottom: 17%; left: 2%; z-index: -1; } .podcasts-pagination .container{max-width: 1100px;} @media only screen and (max-width:1440px) { .pod-shape4 { right: -9%;} } @media only screen and (max-width:1400px) { .pod-shape4 { right: -3%;} } @media only screen and (max-width:1199px) { .pod-shape4 { right: 0%;} } @media only screen and (max-width:991px) { .podcast-item-info {flex: 0 0 100%; max-width: 100%;} .podcast-item-img{flex: 0 0 100%; max-width: 100%; order: -1} .Our-podcasts-section1 .download-guide_outer {padding: 50px 0; } .podcast-item {margin-bottom: 40px;} } @media only screen and (max-width:767px){ .our-podcasts-hdr-outer { padding: 60px 20px 0;} .podcast-tab {padding: 0 0 80px;} .our-podcasts-tab-content { padding: 0 20px 125px;} .podcasts-post-inner { padding-bottom: 0;} .download-guide-sec-full {max-width: initial; padding:30px 30px 300px; margin-bottom: 0;} .podcast-item-info {padding: 20px 20px 80px;} } /*Grow north tab start */ /*.sign-up-podcasts{padding: 70px 20px; background:url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/podcasts-bg-arrow.svg) var(--darkblue); margin-bottom:100px;}*/ .sign-up-podcasts-lt{flex: 0 0 70%; max-width: 70%; position: relative;} .sign-up-podcasts h3{color:var(--white); font-weight: 900;} .sign-up-podcasts p{color:var(--white);} .pod-shape8 {position: absolute; top: 30%; left: 6%; z-index: -1; } .pod-shape9 {position: absolute; left: 41%; top: 51.5%; z-index: -1; } .pod-shape10 {position: absolute; top: 28%; left: -3%; z-index: -1; } .pod-shape11 {position: absolute; bottom: 7%; left: 39%; z-index: -1; } .pod-shape12 {position: absolute; bottom: -13%; left: -7%; z-index: -1; } .inline_newsletter{padding-top:30px ; max-width:400px;} .inline_newsletter .form-group{position:relative} .inline_newsletter .form-group .form-control{border-color:#D8D8D8;padding-right: 190px;} .inline_newsletter .form-group .form-control:focus{border-color:var(--blue)} .inline_newsletter .theme-btn{position:absolute;right:0;top:0;content:'';border-radius:0 4px 4px 0} .sign-up-podcasts-lt span h3{display:none} .sign-up-podcasts-lt span .hs_email label{display:none} /*.sign-up-podcasts-lt .hs_error_rollup label.hs-main-font-element{color:red;margin:5px 0 0}*/ .sign-up-podcasts-lt .hs_error_rollup label.hs-main-font-element{color:red;margin:5% 0 0} .sign-up-podcasts-lt .hs_submit.hs-submit{position:absolute;right:0;top:1px;} .sign-up-podcasts-lt .hs-button{padding:0;width:150px;margin:0;border-radius:0 4px 4px 0;height: 47px;} .sign-up-podcasts-lt .hs-input {padding-right: 190px;} @media only screen and (max-width:767px){ .sign-up-podcasts .container{flex-wrap: wrap;} .sign-up-podcasts{margin:0 -20px 50px -20px;text-align: center;} .inline_newsletter { margin: 0 auto;} .sign-up-podcasts-lt {flex: 0 0 100%; max-width: 100%;} .sign-up-podcasts-rt {margin-bottom: 30px; width: 100%; order: -1} } /*Grow north tab start */ /*============our-podcasts-tab-content ========== */ /* ======================= Our Podcasts page End ======================================= */ /* ======================= Vedio overview page start ======================================= */ /* vedio overview banner */ .vedio-overview-banner { padding: 150px 0 220px;position: relative;} .vedio-overview-banner .container{position: static;} .vedio-ov-lt{flex: 0 0 44%;max-width: 44%;position: relative;min-height: 365px;} .vedio-ov-rt {flex: 0 0 48%;max-width:48%;position: relative;margin-left: auto;} .vedio-ov-shapes1 {position: absolute; right: -5.5%; top: -25%; } .vedio-ov-sec {height: 315px; position: relative; z-index: 1; animation-delay: 0.5s; border-radius: 4px; max-width: 552px; width: 100%; display: flex; align-items: center; justify-content: center; margin-left: auto; } .vedio-ov-sec div,.vedio-ov-sec iframe{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;} .vedio-ov-sec .vidyard-player-container {width: 100% !important;max-width: 100% !important;max-height: 100% !important;height: 100% !important;position: absolute;left: 0;top: 0;} .vedio-ov-sec .vidyard-player-container div[class*="vidyard-inner-container-"] {max-width: 100% !important;max-height: 100% !important;} .vedio-ov-sec .vidyard-player-container div[class*="vidyard-inner-container-"] iframe {width: 100%;height: 100%;} .vedio-ov-sec .vidyard-player-container div{height: 100% !important;} .vedio-line-connector1 {position: absolute; bottom: 30px; right: 20%; width: 29%; } .vedio-ov-dashed{stroke-dasharray:10} .vedio-ov-path{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:vedio-ov-path;animation-duration:2s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes vedio-ov-path {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .vedio-ov-cls-1{animation-name:vedio-ov-cls-1;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.8s;opacity:0} @keyframes vedio-ov-cls-1 {0%{opacity:0}100%{opacity:1}} .vedio-ov-cls-2{animation-name:vedio-ov-cls-2;animation-duration:0s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes vedio-ov-cls-2 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width:1400px){ .vedio-ov-shapes1 { right: -15px;} } @media only screen and (max-width:1199px){ .vedio-overview-banner {padding: 120px 0 220px; } } @media only screen and (max-width:991px){ .vedio-ov-sec {height: 215px;} .vedio-overview-banner {padding: 80px 0 100px; } .vedio-ov-shapes1 { top: -15%; } } @media only screen and (max-width:767px){ .vedio-overview-banner {padding: 50px 20px 100px 20px; } .vedio-ov-lt, .vedio-ov-rt {flex: 0 0 100%; max-width: 100%;} .vedio-ov-rt{margin-top:80px;} .vedio-ov-sec {height: auto; width: auto; margin: 0 -35px; max-width: initial; padding-top:62%;} .vedio-ov-lt{min-height:auto;} .vedio-line-connector1{display:none;} } /* vedio overview banner */ /* vedio overview section 1 */ .vedio-overview-section1{padding-bottom: 150px;} .default-vedio{height: 550px;background-color: var(--grey6);box-shadow: 0 3px 6px #1e204819;border-radius: 4px;width: 100%;display: flex;justify-content: center;margin-left: auto;margin-bottom: 50px;} .vedio-overview-section1 .container{max-width: 1100px;} .vedio-overview-section1 .default-vedio{height: auto;} .vedio-tag {padding: 0 0 25px; } .vedio-tag li {padding-right: 40px; font-size: 1.25rem; font-weight: 700; font-family: 'Poppins',sans-serif; } .vedio-shape1 {position: absolute;left: -40px; top:2%;z-index: -1; } .vedio-shape2 {position: absolute;right: -80px; top: 34%; z-index: -1;} .vedio-shape3 {position: absolute; right: -8%; top: 62%; z-index: -1; } .default-vedio img{width: 70px;} @media only screen and (max-width:1349px){ .vedio-shape1 {left: -20px;} .vedio-shape2{right: -20px;} .vedio-shape3 {right: -20px;} } @media only screen and (max-width:1199px){ .vedio-shape1 {left: 0;} .vedio-shape2{right: 0;} .vedio-shape3 {right: 0} .vedio-overview-section1 {padding-bottom: 100px; } .default-vedio{max-height: 550px;height:100%;} } @media only screen and (max-width:767px){ .default-vedio{margin: 0 -35px 30px; width: auto; } .vedio-shape1{top: -56px;} } /* vedio overview section 1 */ /* newsletter guide ctp */ .newsletter-guide-sec {background: var(--darkblue);min-height: 230px;padding:0;border-radius: 4px;position: relative;width: 100%;overflow:hidden;margin: 0 auto 40px;} .cta-shape2 {width: 100%;text-align: right;} .cta-img2 {position: absolute;right: -32px;top: 50%;text-align: center;width: 90%;transform: translateY(-50%);} .newsletter-text {padding: 0 0 0 30px;} .newsletter-guide-sec h3{font-size: 1.875rem;font-weight: 700;font-family: 'Poppins',sans-serif;color: var(--white)} .newsletter-guide-sec h3::after { color: var(--skyblue); content: "?";} .newsletter-guide-sec p{ font-size: 1.1rem; color: var(--white); font-weight: 400; font-family: 'Poppins',sans-serif;} .newsletter_sub-heading::after{ color: var(--skyblue); content: ".";} @media only screen and (max-width:1199px){ .newsletter-form {max-width: 400px; margin-top: 0; } } @media only screen and (max-width:767px){ .newsletter-guide-sec {border-radius: 0;width: auto;margin: 0 -35px 70px;padding: 30px;} .newsletter-text {padding: 0 0 30px;} .cta-shape2 {margin-right: -30px;margin-bottom: -30px;width:auto;} .cta-img2 {width: 100%;left: 165px;margin: auto;} } /* newsletter guide ctp */ /* vedio overview section 2 */ .vedio-overview-section2{padding-bottom: 130px; position: relative} .vedio-overview-section2 .container{max-width: 1100px;} .vedio-heading{padding-bottom: 50px;} .vedio-heading::after{ content: ".";color: var(--blue);} .vedio-tab-hdr .nav{margin-bottom:64px} .vedio-tab-hdr .nav-pills li{margin-right:22px;position:relative} .vedio-tab-hdr .nav-pills li:last-child{margin-right:0} .vedio-tab-hdr .nav-pills .nav-link{font-size:1.25rem;font-weight:700;font-family:'Poppins',sans-serif;color:var(--grey3);background:var(--white);box-shadow:3px 3px 9px rgba(30,32,72,0.1);padding:0 25px;height:62px;line-height:62px;border-left:14px solid #E5F6FE;border-radius:0} .vedio-tab-hdr .nav-pills .nav-item .nav-link.active{color:var(--darkblue);border-left-color:var(--blue);box-shadow:3px 3px 9px rgba(30,32,72,0.17)} .vedio-tab-hdr .nav-pills .nav-link::after{content:".";opacity:0} .vedio-tab-hdr .nav-pills .nav-item .nav-link.active::after{color:var(--blue);opacity:1} .vedio-ov-box{background:var(--white);box-shadow:0px 3px 6px #1E20481A;border:1px solid #f1f1f1;border-radius:0 0 4px 4px;height:100%;position:relative} .vedio-ov-inner{padding-bottom:55px} .vedio-ov-img {width: 100%; height: 285px; padding: /*20px*/ 0px; display: flex; justify-content: center; align-items: center; background: var(--grey6); } .vedio-ov-img img {width: 60px;} .vedio-ov-content{padding:35px 30px;} .vedio-tag.vedio-tag-sm li {padding-right: 25px; font-size: 0.75rem; } .vedio-overview-section2 .vedio-ov-tab-inner > .row > div[class*="col-"] {margin-bottom: 60px; } .vedio-ov-pagination {font-size: 1rem; font-family: 'Poppins'; padding-top: 0; } .vedio-ov-pagination a:hover .hover-fill{fill: var(--blue)} .vedio-ctp-block{margin-top: 40px;} .vedio-shape4 {position: absolute; top: 16.5%; left: -64px; } .vedio-shape5 {position: absolute; top:57%; left: 0%; } .vedio-shape6 {position: absolute; top: 42%; right: 18%; } .vedio-shape7 {position: absolute; top: 86%; left: 30%; } @media only screen and (max-width:1199px){ .vedio-tab-hdr .nav-pills li{margin-bottom: 15px;} .vedio-tab-hdr .nav-pills .nav-link{font-size: 1rem; padding: 0 15px; } .vedio-tab-hdr .nav-pills li {margin-bottom:15px; margin-right: 10px;} .vedio-shape4{left: 0;} } @media only screen and (max-width:991px){ .vedio-overview-section1 {padding:0 20px 80px; } .vedio-ov-img { height: 200px;} } @media only screen and (max-width:767px){ .vedio-overview-section2 {padding: 0 20px 125px 20px;} .vedio-heading {padding-bottom: 35px;} .vedio-tag li {font-size: 1rem;padding: 0 25px 20px 0;} .vedio-overview-section2 .vedio-ov-tab-inner > .row > div[class*="col-"] {margin-bottom: 40px; } .vedio-overview-section2 .vedio-ov-tab-inner > .row > div[class*="col-"].vedio-ctp-block{margin:30px 0 0 0;} .vedio-shape6{top: 44%;} } /* vedio overview section 2 */ /* ======================= Vedio overview page End ======================================= */ /* =====================Event page start =================================== */ /* event banner */ .event-banner { padding: 150px 0 220px;position: relative;} .event-lt{flex: 0 0 44%;max-width: 44%;position: relative;} .event-rt {flex: 0 0 44%;max-width:44%;position: relative;margin-left: auto;} .event-shapes1 {position: absolute; right: -5.5%; top: -40%; } .event-sec {height: 315px; position: relative; z-index: 1; animation-delay: 0.5s; border-radius: 4px; max-width: 552px; width: 100%; display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right:20px;} .event-sec > div{width: 100%;height: 100%;} .event-sec .vidyard-player-container{height: 100% !important;} .be-the-first {font-weight: 600; margin-bottom: 20px; } .notify-form{max-width: 400px; margin-top: 0px; } .notify-form .form-control{border-radius: 0; border-color:#fff;border-radius: 4px 0 0 4px;border: 1px solid #D8D8D8} .notify-form .btn {padding: 0; width: 250px; margin: 0 0 0 -2px; border-radius: 0;border-radius: 0 4px 4px 0 } .notify-form span {display: block;width: 100%;position: relative;} .notify-form .hs-input{padding-right: 170px;border-color: #fff;border-radius: 4px 0 0 4px;border: 1px solid #D8D8D8;} .notify-form .hs-input:focus{background: var(--white);border-color: var(--blue);} .notify-form .hs-input:focus:placeholder{color: var(--blue);} .notify-form .hs-button {padding: 0;width: 150px;margin: 0;border-radius: 0 4px 4px 0;height: 47px;} .notify-form .hs_submit.hs-submit {position: absolute;right: 0;top: 1px;} .notify-form span .hs_email label {display: none;} .notify-form span h3 {display: none;} .event-shape1 {position: absolute; top: -3%; left: 39.5%; } .event-shape2 {position: absolute; top: 10%; left: -1.5%; } .event-shape3 {position: absolute; bottom: -56%; left: 13.5%; } .event-connector1 {position: absolute; bottom: -58%; right: 8.5%; width: 28%; transform: translateX(-50%); } .event-dashed{stroke-dasharray:10} .event-path{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:event-path;animation-duration:2s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes event-path {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .event-cls-1{animation-name:event-cls-1;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.8s;opacity:0} @keyframes event-cls-1 {0%{opacity:0}100%{opacity:1}} .event-cls-2{animation-name:event-cls-2;animation-duration:0s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes event-cls-2 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width:1440px){ .event-shape2 {left: -1.8%;} .event-shapes1 { right: -15px;} } @media only screen and (max-width:1199px){ .event-shapes1 { top: -23%;} } @media only screen and (max-width:991px){ .event-sec {height: 215px;} .event-banner {padding: 80px 0 130px; } .event-shapes1 { top: -15%; } .event-connector1 {bottom: -40%;} } @media only screen and (max-width:767px){ .event-banner {padding: 60px 20px 125px 20px; } .event-lt, .event-rt {flex: 0 0 100%; max-width: 100%;} .event-rt{margin-top:100px;} .event-sec {height: auto; width: auto; margin: 0 -35px; max-width: initial; } .event-shapes1 {top: -23%;left: -25px; } .event-connector1{display: none;} .notify-form .hs-button{width: 115px;} .notify-form .hs-input{padding-right: 125px;} } /* event overview banner */ /* event section 1 */ .event-section1{padding-bottom: 230px;position: relative;} .event-section1 .heading-block{padding-bottom: 20px;} .featured-event {padding:54px 55px;background: #FFFFFF 0% 0% no-repeat padding-box;/* margin: 6px; */box-shadow: 0px 3px 6px #1e20481f;margin: 10px 50px;} .featured-event-top h2 {padding-bottom: 10px; font-weight: 900; } .featured-event-top h2 span::after{content: ":"; color: var(--blue)} .featured-event-top {padding-bottom: 30px; } .featured-event-img{flex: 0 0 49%; max-width: 49%; position: relative;} .featured-event-img img{width: 100%;} .featured-event-info{flex: 0 0 51%; max-width: 51%; position: relative; padding-left: 25px;} .featured-event-info p {padding-bottom: 19px; line-height: 22px; } .featured-slider.owl-carousel .owl-nav.disabled, .featured-slider.owl-carousel .owl-dots.disabled{display: block;} .featured-slider.owl-carousel .owl-dots {position: absolute; bottom: -42px; } .featured-slider.owl-carousel .owl-nav>button.owl-prev {background: url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/event-arrow-left.svg); color: transparent; background-position: center; background-repeat: no-repeat; } .featured-slider.owl-carousel .owl-nav>button.owl-next {background: url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/event-arrow-right.svg); color: transparent; background-position: center; background-repeat: no-repeat; } .event-shape4 {position: absolute; top: 10%; left: 0; } .event-shape5 {position: absolute; top: 17%; right: 11%; z-index: -1; } .event-shape6 {position: absolute; bottom: -28%; left: 11.5%; z-index: -1; } .event-shape7 {position: absolute;bottom: -19%;right: 9.5%;z-index: -1;} .event-connector2 {position: absolute; left: 50%; transform: translateX(-50%); bottom: -30%; } .event-dashed2{stroke-dasharray:10} .event-path2{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:event-path2;animation-duration:4s;animation-delay:2s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes event-path2 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .event-cls-3{fill:#019fd6;animation-name:event-cls-3;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 2.5s;opacity:0} @keyframes event-cls-3 {0%{opacity:0}100%{opacity:1}} .event-cls-4{fill:#02b8bc;animation-name:event-cls-4;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 2s;opacity:0} @keyframes event-cls-4{0%{opacity:0}100%{opacity:1}} @media only screen and (max-width:1199px){ .event-connector2 { bottom: -26%;} } @media only screen and (max-width:991px){ .featured-event-img {flex: 0 0 100%; max-width: 100%; } .featured-event-info{ flex: 0 0 100%; max-width: 100%; padding:30px 0 0 0;} .featured-event-body{flex-wrap: wrap;} .event-connector2 {bottom: -19%; } } @media only screen and (max-width:767px){ .event-section1 {padding-bottom: 125px;} .featured-event { padding: 30px; margin: 10px 20px;} .event-connector2{display: none;} .featured-slider.owl-carousel .owl-nav>button.owl-prev, .featured-slider.owl-carousel .owl-nav>button.owl-next{display: none;} } /* event section 1 */ /* event overview section 2 */ .event-section2{padding-bottom: 110px; position: relative} .event-section2 .container{max-width: 1100px;} .event-tab-hdr .nav{margin-bottom:64px} .event-tab-hdr .nav-pills li{margin-right:22px;position:relative;margin-bottom:15px;} .event-tab-hdr .nav-pills li:last-child{margin-right:0} .event-tab-hdr .nav-pills .nav-link{font-size:1.25rem;font-weight:700;font-family:'Poppins',sans-serif;color:var(--grey3);background:var(--white);box-shadow:3px 3px 9px rgba(30,32,72,0.1);padding:0 25px;height:62px;line-height:62px;border-left:14px solid #E5F6FE;border-radius:0} .event-tab-hdr .nav-pills .nav-item .nav-link.active{color:var(--darkblue);border-left-color:var(--blue);box-shadow:3px 3px 9px rgba(30,32,72,0.17)} .event-tab-hdr .nav-pills .nav-link::after{content:".";opacity:0} .event-tab-hdr .nav-pills .nav-item .nav-link.active::after{color:var(--blue);opacity:1} .event-box{background:var(--white);box-shadow:0px 3px 6px #1E20481A;border:1px solid #f1f1f1;border-radius:0 0 4px 4px;height:100%;position:relative} .event-inner{padding-bottom:55px} .event-img {width: 100%; background: var(--grey6); } .event-img img {width: 100%;} .event-content{padding:35px 30px;} .event-tag {padding: 0px 0 12px;} .event-tag li{padding-right: 25px;font-size:0.75rem;font-weight: 700;font-family: 'Poppins',sans-serif;} .event-content .btn {margin-top: 10px; } .event-section2 .event-tab-inner > .row > div[class*="col-"] {margin-bottom: 55px; } .event-news-block{margin:30px 0 0 0;} .event-pagination-block {padding-top: 25px; } .event-pagination {font-size: 1rem; font-family: 'Poppins'; padding-top: 0; } .event-pagination a:hover .hover-fill{fill: var(--blue)} .event-shape8 {position: absolute;top: 55%;left: -8%;} .event-shape9 {position: absolute;top: 55.5%;right: 19%;} .event-shape10 {position: absolute;top: 77.8%;right: -2.9%;} .event-shape11{position: absolute;bottom: -2%;left: 7%;} @media only screen and (max-width:1199px){ .event-tab-hdr .nav-pills .nav-link{font-size: 1rem; padding: 0 15px; } .event-tab-hdr .nav-pills li {margin-right: 10px;} .event-shape8 { top: 58%; left: 0;} .event-shape10 { right: 0;} } @media only screen and (max-width:991px){ .event-section2{padding:0 0px 110px; } .event-ov-img { height: 200px;} } @media only screen and (max-width:767px){ .event-section2 {padding: 0 20px 110px 20px;} .event-heading {padding-bottom: 35px;} .event-section2 .event-tab-inner > .row > div[class*="col-"] {margin-bottom: 40px; } .event-tag li {font-size: 1rem;} .event-pagination-block {padding-top: 0; } .event-section2 .event-tab-inner > .row > div[class*="col-"].event-news-block{margin:30px 0 0 0;} } /* event overview section 2 */ .event-section3 h2::after{content: ".";} /* =====================Event page End =================================== */ /* =====================Job listing page Start =================================== */ /* job listing banner */ .job-listing-banner{ padding: 10px 0 220px;position: relative;} .job-listing-lt{flex: 0 0 44%;max-width: 44%;position: relative;} .job-listing-rt {flex: 0 0 50%;max-width:50%;position: relative;margin-left: auto;} .join-title {font-size: 1.5rem; font-weight: 500; padding-bottom: 20px; } .remote-title {font-size: 25px; font-weight: 500; padding-bottom: 20px; } .job-listing-lt h1{padding-bottom: 17px;} .job-listing-lt .btn {margin-top: 20px; } .job-shape1 {position: absolute;top: -4.5%;left: 26.5%;} .job-shape2 {position: absolute;bottom: 16%;left: 0;} /*.job-logo1 {position: absolute;right: 13%;top: -3%;width: 79%;} */ .job-logo1 {position: absolute;right: -5%;top: auto;width: 79%;bottom: 20%;} .job-logo1 img {width: 25vw;max-width: 400px !important;} @media screen and (max-width: 767px){.job-logo1 img {width: 50vw;}} .job-logo2 {position: absolute;left: 13%;top: 38%;width: 29%;animation-delay:2.3s;z-index: 2;} .job-logo3 {position: absolute;right: 3%;top: 14.5%;width: 28%;animation-delay: 2.6s;} .job-logo4 {position: absolute;right: 11%;bottom: -9%;width: 28%;animation-delay: 2.9s;z-index: 2;} .job-line3 {position: absolute;left: -5%;bottom: 24%;width: 34.3%;animation-delay: 2.6s;} .job-line4 {position: absolute;right: 17%;top: 7%;width: 30%;} .job-line5 {position: absolute; left: 0%; bottom: 25%; width: 46.8%; } .job-line6 {position: absolute;right: -1%;bottom: 9%;width: 28.4%;} .job-connector1 {position: absolute;right: 35%;bottom: -37%;} .job-dashed{stroke-dasharray:10} .job-path{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:job-path;animation-duration:2s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes job-path {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .job-cls-1{animation-name:job-cls-1;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.8s;opacity:0} @keyframes job-cls-1 {0%{opacity:0}100%{opacity:1}} .job-cls-2{animation-name:job-cls-2;animation-duration:0s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes job-cls-2 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width:1349px){ .job-line6{right: 0;} } @media only screen and (max-width:991px){ .job-connector1 { bottom: -64%;} } @media only screen and (max-width:767px){ .job-listing-banner{padding:60px 20px 125px 20px;} .job-listing-lt{flex: 0 0 100%;max-width: 100%; margin-bottom:80px; text-align: center;} .job-listing-rt{margin: 0 -20px;flex: 0 0 calc(100% + 40px);max-width: calc(100% + 40px);} .join-title, .remote-title { font-size: 1.2rem; padding-bottom: 10px;} .job-listing-bg { text-align: center !important;} .job-line3 { left: -1%}.job-shape5 { width: 10%;} .job-connector1{display: none;} .job-shape2{display: none;} } /* job listing banner */ /* Job listing section 1 */ .joblisting-section1{padding:30px 0 160px 0; position: relative;} .joblisting-section1 .container{max-width: 850px; } .joblisting-cmn-text{margin-bottom:60px;} .joblisting-cmn-text h2::after {content: "."; color:#02B8BC; } .job-listing-video-block{position: relative;} .job-listing-video {height: 442px; position: relative; background-color: var(--grey6); box-shadow: 0 3px 6px #1e204819; border-radius: 4px; width: 100%; display: flex; align-items: center; justify-content: center; margin-left: auto; margin-bottom: 70px; } .job-listing-video > div{width: 100%;height: 100%;} .job-shape3 {position: absolute; right: -18%; top: 2%; } .job-shape4 {position: absolute; right: -7%; top: 15%; } .job-shape5 {position: absolute; left: -13%; bottom: -54%; z-index: -1; } .job-shape6 {position: absolute; right: -10%; top: 63%;z-index: -1; } .job-shape7 {position: absolute; left: 0%; top: 68%; } .job-shape8 {position: absolute; right: 0%; top: 89%; } .job-shape9 {position: absolute; left: 3%; top: 95%; } .joblisting-cmn-text ul li {font-size: 15px; margin-bottom: 15px; list-style: disc; } .joblisting-cmn-text ul {padding-left: 20px;} .joblisting-cmn-text ul li::marker {font-size: 18px; color: var(--blue); } .job-connector2 {position: absolute; left: 31%; bottom: -3.5%; transform: translateY(100%); } .job-dashed2{stroke-dasharray:10} .job-path2{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:job-path2;animation-duration:6s;animation-delay:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes job-path2 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .job-cls-3{animation-name:job-cls-3;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.8s;opacity:0} @keyframes job-cls-3 {0%{opacity:0}100%{opacity:1}} .job-cls-4{animation-name:job-cls-4;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.1s;opacity:0} @keyframes job-cls-4 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width:1199px){ .job-shape3 {right: -2%;} .job-shape5 {left: -9%;} .job-shape6 {right: -3%;} .job-shape9 {left: 1%;} } @media only screen and (max-width:991px){ .job-shape3 {right: 1%;} .job-shape4 { right: 1%;} .job-shape5 {left: 1%;} .job-shape6 {right: 1%;} .job-shape9 {left: 1%;} .job-listing-video{height:auto;} } @media only screen and (max-width:767px){ .joblisting-section1{padding:0 20px 65px 20px ;} .job-listing-video {max-width: inherit; margin: 0 -35px 70px; width: auto; } .job-connector2{display: none;} .job-shape8 {width: 7%;} } /* Job listing section 1 */ /* Job listing section 2 */ .job-listing-section2 {padding-bottom: 100px; position: relative;} .job-listing-section2 .container{max-width: 850px;} .job-listing-section2 h2{font-size:3.75rem;padding-bottom: 40px;} .apply_now_form .form-group{margin-bottom:30px;position: relative;} .apply_now_form .form-group-file{margin-bottom:45px;} .form-group-file:hover, .form-group-file:hover #Path_9742{color:var(--blue); fill:var(--blue);} .apply_now_form select.form-control{color:var(--grey5)} .apply_now_form select.form-control:focus{color:var(--blue)} .file_content svg {margin-right: 12px; } .file_content {position: absolute;top: 5px;z-index: -1;} .form-control-file {opacity: 0;z-index: 2;height: 40px;} .file_content span {text-decoration: underline; } .job-shape10 {position: absolute; right: 8%; top: 32%; } .job-shape11 {position: absolute; left: 8%; top: 46.5%; } .job-shape12 {position: absolute; right: 8%; top: 71%; } .job-listing-section2 .apply_now_form span{width: 100%;display: block;} .job-listing-section2 h3{display: none;} .job-listing-section2 .apply_now_form .hs-input{width: 100% !important;} .job-listing-section2 .apply_now_form .form-columns-2, .job-listing-section2 .apply_now_form .form-columns-1{margin-bottom: 30px;} @media only screen and (max-width:1199px){ .job-shape10 {right: 2%;} .job-shape11 {left:2%;} .job-shape12 {right: 2%;} } @media only screen and (max-width:767px){ .job-listing-section2 h2 {font-size: 2.75rem;} .job-listing-section2 {padding: 0 20px 95px;position: relative;} } /* Job listing section 2 */ /* Job listing section 3 */ .job-listing-section3{padding: 70px 0;} .job-listing-section3 h2::after{content: ".";} @media only screen and (max-width:991px){ .job-listing-section3{padding: 30px 0;} } @media only screen and (max-width:767px){ .job-listing-section3{padding: 73% 0;} } /* Job listing section 3 */ /* =====================Joblisting page End =================================== */ /* Landing page css start */ /*landing banner */ .landing-banner{padding:70px 0 230px;background: var(--white);} .landing-shape1{position: absolute;top: -90px;left:130px;} .landing-shape2{position: absolute;bottom:-75px;left:430px;} .landing-sec-lt{flex: 0 0 49%;max-width: 49%;position: relative;padding-top:95px;} .landing-header-social-links{padding-top:55px;} .landing-header-social-links span {display: block;padding-bottom: 15px;} .landing-header-social-links ul li{margin-right: 20px;} .landing-header-social-links ul li img {max-height: 32px;filter: brightness(0);transition: 0.3s ease all;max-width: 32px;} .landing-header-social-links ul li:hover img {filter: brightness(1);} .landing-sec-rt{flex: 0 0 51%;max-width: 51%;position: relative;} .landing-video-shapes-bg {position: absolute;top: 0;right: -45px;} .landing-banner-video-sec{max-width: 550px;margin-left: auto;margin-top:75px;position: relative;z-index: 1;height: 315px;border-radius: 4px;width: 100%;display: flex;align-items: center;justify-content: center;} .landing-banner-video-sec .vidyard-player-container{width: 100% !important;max-width: 100% !important;max-height: 100% !important;height: 100% !important;position: absolute;left: 0;top: 0;} .landing-banner-video-sec .vidyard-player-container div[class*="vidyard-inner-container-"] {max-width: 100% !important;max-height: 100% !important;} .home-section6.landing-section3 {padding-bottom: 150px;} @media only screen and (max-width:1440px){ .landing-video-shapes-bg {right: 0;} .landing-banner-video-sec {margin-right: 15px;} } @media only screen and (max-width: 1199px){ .landing-sec-rt .banner-video-sec{max-width: 85%;} } @media only screen and (max-width:991px){ .landing-banner{padding: 70px 0 160px;} } @media only screen and (max-width:767px){ .landing-banner {padding:70px 20px 70px;text-align: center;} .landing-shape1 {left: 80px;} .landing-sec-lt {flex: 0 0 100%;max-width: 100%;padding-top: 0;} .landing-sec-rt {flex: 0 0 100%;max-width: 100%;margin-top: 40px;} .landing-banner-video-sec{margin-top: 40px;max-width: calc(100% + 70px);width: 100%;margin-left: -35px;margin-right: -35px;height: auto;padding-top:62%;} .landing-header-social-links {padding-top: 30px;} .landing-header-social-links ul{justify-content: center;} } /*landing banner*/ /*landing Section 1*/ .landing-section1{padding-bottom:70px;} .landing-shape4{position: absolute;left: 0;top: 280px;} .landing-shape5 {position: absolute;right:153px;bottom: -164px;} .landing-video-sec{width: 100%;max-width: 900px;margin: auto;position: relative;} .landing-video-block {position: relative;height: 520px;background-color: var(--grey6);box-shadow: 0 3px 6px #1e204819;border-radius: 4px;width: 100%;display: flex;align-items: center;justify-content: center;} @media only screen and (max-width: 1349px){ .landing-shape5{right: 100px;} } @media only screen and (max-width: 991px){ .landing-video-block {height: 400px;} } @media only screen and (max-width:767px){ .landing-video-block {height: 300px;margin: 0 -15px;width: auto;border-radius: 0;} .landing-video-sec{width:auto;margin:0 -15px;} } /*landing Section 1*/ /*landing Section 2*/ .landing-section2{padding-bottom:180px;} .landing-shape6{position: absolute;right: 0;bottom:-180px;} .rlt-info-sec{padding-left:20px;} @media only screen and (max-width:767px){ .landing-section2 {padding-bottom:100px;padding-left: 20px;padding-right: 20px;} .lt-img-sec {margin-left: 0;margin-bottom:20px; text-align:center;} .rlt-info-sec {padding-left: 0;} .landing-shape6{bottom:-30px;} } /*landing Section 2*/ /*landing Section 5*/ .landing-section5{padding-bottom:160px;} .landing-section5 h2{text-align:center; padding-bottom:100px;} .work-logo2-2{animation-delay: 0.5s;} .work-logo3-3{animation-delay: 1s;} .work-logo4-4{animation-delay: 1.5s;} .work-logo5-5{animation-delay: 2s;} @media only screen and (max-width:991px){ .landing-section5 ul li {width: 17%; flex: 0 0 17%;} } @media only screen and (max-width:767px){ .landing-section5 {text-align: center;padding: 0 20px 60px;} .landing-section5 ul {display: block !important;} .landing-section5 ul li {margin-bottom: 60px;width: 100%;flex: 0 0 100%;} } /*landing Section 5*/ /*landing Section 6*/ .landing-shape7 {position: absolute;right: -28px;top: 66%;} .landing-shape8{position: absolute;bottom: -43%;left: -15px;} @media only screen and (max-width:1349px){ .landing-shape8{left: 0;} .landing-shape7{right: 0;} } @media only screen and (max-width:991px){ .landing-shape7 {display: none;} } /*landing Section 6*/ /*landing Section 7*/ .landing-shape9 {position: absolute;z-index: -1;right: -20px;bottom: -105%;} @media only screen and (max-width:1349px){ .landing-shape9{right: 0;} } /*landing Section 7*/ /*landing Section 8*/ .landing-section8{padding: 70px 0;} @media only screen and (max-width:991px){ .landing-section8{padding: 30px 0;} } @media only screen and (max-width:767px){ .landing-section8{padding: 73% 0;} } /*landing Section 8*/ /* Landing page css End */ /*Meet Team v1 Page Start*/ /*meet-team-banner*/ .meet-team-banner { padding: 70px 0 180px; background: var(--white);position: relative;} .meet-team-banner .container{position: static;} .meet-team-sec-lt { flex: 0 0 41%; max-width: 41%; position: relative; min-height:365px;} .meet-team-sec-rt { flex: 0 0 49%; max-width: 49%; position: relative; margin-left: auto; } .banner-video-meet { position: relative; z-index: 1; height: 330px; border-radius: 4px; width: 90%; display: flex; align-items: center; justify-content: center; margin: 50px 0 0; } .banner-video-meet div,.vedio-ov-sec iframe{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;} .banner-video-meet .vidyard-player-container {width: 100% !important;max-width: 100% !important;max-height: 100% !important;height: 100% !important;position: absolute;left: 0;top: 0;} .banner-video-meet .vidyard-player-container div[class*="vidyard-inner-container-"] {max-width: 100% !important;max-height: 100% !important;} .banner-video-meet .vidyard-player-container div[class*="vidyard-inner-container-"] iframe {width: 100%;height: 100%;} .banner-video-meet .vidyard-player-container div{height: 100% !important;} .team-video-shapes-bg { position: absolute; right: -32px; top: 13px; } .mt-shape1 { position: absolute; content: ''; bottom: 12%; left: 24%; } .team-line-connector1 { position: absolute; bottom: -44.5%; right: 29.3%; width: 24.3%;} .team-dashed1 { stroke-dasharray: 10 } .team-path1 { stroke-dasharray: 1000; stroke-dashoffset: 0; animation-name: team-dash1; animation-duration: 1s; animation-delay: 0s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: both; } @keyframes team-dash1 { from {stroke-dashoffset:1000} to { stroke-dashoffset: 0 }} .team-cls-1 { fill: #019fd6; animation-name: team-dot1; animation-duration: 0.1s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: both; animation-delay: 0.4s; opacity: 0 } @keyframes team-dot1 { 0% {opacity:0} 100% {opacity:1}} .team-cls-2 { fill: #019fd6; animation-name: team-dot2; animation-duration: 0.1s; animation-timing-function: linear; animation-delay: 0.1s; animation-iteration-count: 1; animation-fill-mode: both; opacity: 0 } @keyframes team-dot2 { 0% {opacity:0} 100% {opacity:1}} @media only screen and (max-width:1349px){ .team-video-shapes-bg{right: 0;} .team-line-connector1{right: 34.3%;} } @media only screen and (max-width:1199px) { .team-line-connector1 {bottom: -45.5%;right: 35%;} } @media only screen and (max-width:991px) { .team-line-connector1 { bottom: -37%; width: 39%; } } @media only screen and (max-width:768px) { .team-line-connector1 { display: none !important; } .meet-team-banner {padding: 70px 20px 80px;} .meet-team-sec-lt { flex: 0 0 100%; max-width: 100%;text-align: center;min-height:auto;} .meet-team-sec-rt { flex: 0 0 100%; max-width: 100%;margin-top: 50px;} .banner-video-meet { height: auto; max-width: calc(100% + 70px); width: 100%; margin-left: -35px; margin-right: -35px; border-radius: 0; padding-top: 62%;} .mt-shape1 {left: 23.5%;bottom: auto;top: 0;} } /*meet-team-banner*/ /*Meet Section 1*/ .about-saf-section { padding: 0 0 140px; position: relative; } .aboutsaf-img-sec { background: url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/team-shape-bg-02.svg) no-repeat center bottom; width: 100%; height: 397px; margin-top: 33px; } .aboutsaf-text { padding: 20px 125px 35px; } .aboutsaf-text p { font-size: 1.5625rem; color: var(--darkblue); line-height: 2.5rem; } .team-line-connector2 {position: absolute;bottom: -18%;left: 21%;width: auto;} .team-dashed2 { stroke-dasharray: 10 } .team-path2 { stroke-dasharray: 1000; stroke-dashoffset: 0; animation-name: team-dash2; animation-duration: 2s; animation-delay: 0s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: both; } @keyframes team-dash2 { from {stroke-dashoffset:-1000} to { stroke-dashoffset: 0 }} .team-cls-3 { fill: #019fd6; animation-name: team-dot3; animation-duration: 0.1s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: both; animation-delay: 1s; opacity: 0 } @keyframes team-dot3 { 0% {opacity:0} 100% {opacity:1}} .team-cls-4 { fill: #019fd6; animation-name: team-dot4; animation-duration: 0.1s; animation-timing-function: linear; animation-delay: 2s; animation-iteration-count: 1; animation-fill-mode: both; opacity: 0 } @keyframes team-dot4 { 0% {opacity:0} 100% {opacity:1}} @media only screen and (max-width: 1199px) { .aboutsaf-img-sec { height: auto; margin: 35px 0 0; width: auto; } .aboutsaf-text { padding: 60px 55px 35px; } .about-saf-section { padding: 0 0 178px; } } @media only screen and (max-width: 991px) { .aboutsaf-text { padding: 40px 0; } } @media only screen and (max-width: 767px) { .aboutsaf-text p { font-size: 1.2rem; line-height: 2rem; } .aboutsaf-text { padding: 40px 0 20px; } .about-saf-section { padding: 0 20px 75px; } .about-saf-section .line-connector4 { display: none; } .aboutsaf-img-sec { margin: 35px -25px 0; } .team-line-connector2{ display:none;} } /*Meet Section 1*/ /*Meet Section 2*/ .team-testimonials-section { padding: 0 0 270px; position: relative; } .mt-shape2{position: absolute;top: 150px;right: 50px;} .mt-shape3 {position: absolute; right: 136px; bottom: -134px;} .team-member-img2 { position: relative; } .team-mem-img2 { position: absolute; left: 1%; right: 0; margin: auto; top: 10%; width: 56%; animation-delay: 1s; } .team-member-info2 { padding: 70px 0; position: relative; background-image: url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-blue-top.svg), url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-blue-bottom.svg); background-repeat: no-repeat, no-repeat; background-position: left top, right bottom; width: 100%; animation-delay: 1.3s; } .team-member-info2 p { font-size: 1.125rem; line-height: 1.875rem; } .team-member-name2 { padding: 25px 20px 0 0; border-top: 1px solid var(--grey7); display: inline-block; margin-top: -25px; animation-delay: 1.5s; } .marg-t2 {margin-top: 45px; } .team-testimonial-rt2 {padding-left: 105px; } .team-testimonial2 .testimonial-slider .owl-dots {left: 0%;} .team-testimonial2 .testimonial-slider .owl-dots {bottom: -60px; left: 0;right: 0;margin: 0 auto;} .team-line-connector3 {position: absolute;bottom: -33%;left: 24%;width: 10px;} .team-dashed3 { stroke-dasharray: 10 } .team-path3 { stroke-dasharray: 1000; stroke-dashoffset: 0; animation-name: team-dash3; animation-duration: 3s; animation-delay: 0s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: both; } @keyframes team-dash3 { from {stroke-dashoffset:1000} to { stroke-dashoffset: 0 }} .team-cls-5 { fill: #019fd6; animation-name: team-dot5; animation-duration: 0.1s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: both; animation-delay: 0.4s; opacity: 0 } @keyframes team-dot5 { 0% {opacity:0} 100% {opacity:1}} .team-cls-6 { fill: #019fd6; animation-name: team-dot6; animation-duration: 0.1s; animation-timing-function: linear; animation-delay: 0.1s; animation-iteration-count: 1; animation-fill-mode: both; opacity: 0 } @keyframes team-dot6 { 0% {opacity:0} 100% {opacity:1}} @media only screen and (max-width: 1199px) { .team-testimonial-rt2 { padding: 35px 0 0 35px; } .team-testimonial2 .testimonial-slider .owl-dots{bottom: 10px;} .team-line-connector3{bottom: -27%;/*-20%*/;} .team-testimonials-section {padding: 0 0 170px;} } @media only screen and (max-width: 991px) { .team-testimonial-rt2 { padding: 0; } .team-testimonial2 .testimonial-slider .owl-dots{bottom: -60px;} .marg-t2 { margin-top: 25px; } .team-testimonials-section { padding: 0 0 200px; } .team-line-connector3 {bottom: -38%;} } @media only screen and (max-width: 767px) { .team-member-info2 { text-align: center; } .team-testimonial-rt2 { margin-top: 40px; } .team-member-info2 { padding: 20px 0; background-image: url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-top-mb.svg), url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/quote-bottom-mb.svg); } .team-testimonials-section { padding: 0 20px 100px; } .team-member-name2 { padding: 25px 15px 0; margin-top: 15px; display: block; text-align: center; } .marg-t2 { text-align: center; } .team-line-connector3{ display:none;} .mt-shape3 {right: 40px;bottom: 0;} } /*Meet Section 2*/ /*Meet Section 3*/ .management-team-sec .nav { padding-bottom: 50px !important; } .management-team-sec-inner .team-member-col:nth-child(3n) .team-member-sec::after { display: none;} .management-team-sec-inner .team-member-col:nth-child(4n) .team-member-sec::after { display: block; } .management-team-sec-inner .team-member-col:last-child .team-member-sec::after { display: none; } .meet-team-overview-sec {position: relative; overflow: hidden; } .meet-team-overview-tab .nav { padding-bottom: 120px; } .meet-team-overview-tab .nav-pills li { margin-right: 22px; position: relative; } .meet-team-overview-tab .nav-pills li:last-child { margin-right: 0; } .meet-team-overview-tab .nav-pills .nav-link { font-size: 1.2rem; font-weight: 700; font-family: 'Poppins', sans-serif; color: var(--grey3); background: var(--white); box-shadow: 3px 3px 9px rgb(30 32 72 / 10%); padding: 0 25px; height: 62px; line-height: 62px; border-left: 14px solid #E5F6FE; border-radius: 0; } .meet-team-overview-tab .nav-pills .nav-item .nav-link.active { color: var(--darkblue); border-left-color: var(--blue); box-shadow: 3px 3px 9px rgb(30 32 72 / 17%); } .meet-team-overview-tab .nav-pills .nav-link::after { content: "."; opacity: 0; } .meet-team-overview-tab .nav-pills .nav-item .nav-link.active::after { color: var(--blue); opacity: 1; } .meet-team-overview-tab-inner { padding-bottom: 30px; position: relative; } .team-intro { margin-bottom: 60px;padding-top: 50px; } .team-intro h2 { font-size: 1.5625rem; font-weight: normal; padding-bottom: 15px; font-weight: 500; } .team-intro h2::after { display: none; } .team-members-top { position: relative; overflow: hidden; } .color-frame::before { position: absolute; right: 0; top: 13px; content: ''; width: 114px; height: 93px; } .light-yellow-bg::before { background: url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/yellow-dot.svg) no-repeat top right; background-size: 100%; } .dark-pink-bg::before { background: url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/pink-dark-dot.svg) no-repeat top right; background-size: 100%; } .light-teal-bg::before { background: url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/teal-dot.svg) no-repeat top right; background-size: 100%; } .light-sky-bg::before { background: url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/sky-dot.svg) no-repeat top right; background-size: 100%; } .light-pink-bg::before { background: url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/light-pink-dot.svg) no-repeat top right; background-size: 100%; } .light-yellow-bg::after { background: #fdf4d7; } .dark-pink-bg::after { background: #f2aca0; } .light-teal-bg::after { background: #6dd1d3; } .light-sky-bg::after { background: #a2dbf2; } .light-pink-bg::after { background: #edb9c6; } .light-yellow-bg .members-badges { background: #fdf4d7 } .dark-pink-bg .members-badges { background: #fcebe7 } .light-teal-bg .members-badges { background: #d8fbfa } .light-sky-bg .members-badges { background: #e5f6fe } .light-pink-bg .members-badges { background: #f7e0e8 } .meet-team-overview-tab-inner.management-team-sec-inner{padding-bottom: 40px;} .meet-team-overview-tab-inner.management-team-sec-inner .members-badges{width:120px; height: 120px;} .meet-team-overview-tab-inner.management-team-sec-inner .color-frame::after { height: 242px;} .meet-team-overview-tab-inner.management-team-sec-inner .team-members-img { height: 396px;} .meet-team-overview-tab-inner.management-team-sec-inner .team-members-img img { max-height: 396px; margin: 0 auto;} .meet-team-overview-tab-inner.management-team-sec-inner .team-member-row {margin-left: -50px; margin-right: -50px; } .meet-team-overview-tab-inner.management-team-sec-inner .team-member-col {padding-left: 50px; padding-right: 50px; } .meet-team-overview-tab-inner.management-team-sec-inner .team-member-col .team-member-sec::after{display: none} .meet-team-overview-tab-inner.management-team-sec-inner .color-frame::before{width:149px; height: 122px;} .meet-team-overview-tab-inner.management-team-sec-inner .team-member-sec { margin-bottom: 60px;} .dot-svg-icon {position: absolute;right: 0;top: 13px;width: 114px;} .dot-svg-icon svg {width: 100%;} .management-team-sec-inner .dot-svg-icon {width: 149px;} .color-frame::after { position: absolute; right: 0; bottom: 0; width: 100%; height: 180px; content: ''; } .team-members-img { position: relative; z-index: 1; text-align: center; height: 294px; display: flex; align-items: flex-end; } .team-member-detail { position: relative; } .members-badges { width: 90px; height: 90px; box-shadow: 0px 3px 6px #00000029; border-radius: 100%; text-align: center; position: absolute; right: -25px; top: -59px; z-index: 2; display: flex; align-items: center; justify-content: center; } .members-badges.light-yellow { background: #fdf4d7; } .members-badges.light-sky { background: #e5f6fe; } .members-badges.light-pink { background: #f7e0e8; } .members-badges.dark-pink { background: #fcebe7; } .members-badges.light-teal { background: #d8fbfa; } .team-member-detail { padding: 50px 0 0 0 } .team-member-detail h2 { font-size: 1.5625rem; font-weight: 700; padding: 0; margin: 0; } .team-member-detail h2::after { display: none; } .member-social i { padding-right: 17px; } .team-member-detail p { padding-bottom: 10px; } .team-member-sec { margin-bottom: 100px; position: relative; } .member-social i img { max-width: 25px; } .mt-shape4 { position: absolute; left: 0px; top: 84%; } .mt-shape5 {position: absolute; right: 50px; bottom: -5%; } .team-member-col .team-member-sec::after { border-bottom: 1px dashed #3B3C5F; position: absolute; right: -22%; top: 50%; content: ''; width: 22%; margin-top: -16px; }.team-member-col .team-member-sec::after {border-bottom: 1px dashed #3B3C5F;position: absolute;right: -31%;top: 50%;content: '';width: 32%;z-index: -1;margin-top: -16px;} .team-member-col:nth-child(4n) .team-member-sec::after { display: none } .member-social i img:hover { filter: invert(52%) sepia(35%) saturate(5995%) hue-rotate(164deg) brightness(93%) contrast(106%); transition: all 0.3s ease; } .team-members-img img { max-height: 294px; margin: 0 auto;} @media only screen and (max-width: 1349px) { .meet-team-overview-tab .nav-pills .nav-link { font-size: 1.06rem; } .members-badges { right: -10px; } } @media only screen and (max-width: 1199px) { .meet-team-overview-tab .nav-pills li { margin-right: 10px; } .meet-team-overview-tab .nav-pills .nav-link { font-size: 1rem; padding: 0 15px; } .meet-team-overview-tab .nav { padding-bottom: 55px; } .meet-team-overview-tab .nav-pills li { margin-right: 15px; margin-bottom: 15px; } .mt-shape4 { top: 88%; } .meet-team-overview-tab-inner.management-team-sec-inner .team-member-row {margin-left: -15px; margin-right: -15px; } .meet-team-overview-tab-inner.management-team-sec-inner .team-member-col {padding-left: 15px; padding-right: 15px; } .meet-team-overview-tab-inner.management-team-sec-inner .color-frame::after {height: 205px;} .meet-team-overview-tab-inner.management-team-sec-inner .team-members-img {height: 320px;} .meet-team-overview-tab-inner.management-team-sec-inner .team-members-img img{max-height: 320px;} .meet-team-overview-tab-inner.management-team-sec-inner .color-frame::before {width: 90px;height: 78px;} .management-team-sec-inner .dot-svg-icon{width: 90px;} } @media only screen and (max-width: 991px) { .meet-team-overview-tab .nav { padding-bottom: 94px; } .team-member-detail h2 { font-size: 1.4rem; } .members-badges { width: 74px; height: 74px; right: -11px; top: -59px; } .team-member-sec { margin-bottom: 70px; } .meet-team-overview-tab-inner.management-team-sec-inner .team-member-row {margin-left: -15px; margin-right: -15px; } .meet-team-overview-tab-inner.management-team-sec-inner .team-member-col {padding-left: 15px; padding-right: 15px; } .meet-team-overview-tab-inner.management-team-sec-inner .color-frame::after {height: 205px;} .meet-team-overview-tab-inner.management-team-sec-inner .team-members-img {height: 300px;} .meet-team-overview-tab-inner.management-team-sec-inner .team-members-img img {max-height: 300px;} .meet-team-overview-tab-inner.management-team-sec-inner .color-frame::before {width: 90px;height: 78px;} .meet-team-overview-tab-inner.management-team-sec-inner .members-badges {width: 80px;height: 80px;} .meet-team-overview-tab-inner.management-team-sec-inner .members-badges img{width:50px;} .dot-svg-icon{width: 101px;} } @media only screen and (max-width: 767px) { .meet-team-overview-tab-inner { padding-bottom: 20px; } .meet-team-overview-tab .nav-pills .nav-link { font-size: 1.2rem; padding: 0 15px; } .meet-team-overview-sec { padding: 0 20px 50px; } .team-member-col .team-member-sec::after { display: none; } .management-team-sec-inner .team-member-col:nth-child(4n) .team-member-sec::after{display: none;} .team-member-detail { padding: 15px 0 0 0; } .team-member-sec { margin-bottom: 50px; } .mt-shape4 { top: 18.7%;left: -20px;} .mt-shape5 { right: -53px; top: 26.5%; } .meet-team-overview-tab-inner.management-team-sec-inner {padding-bottom: 0px;} } @media only screen and (max-width: 374px) { .meet-team-overview-tab .nav-pills li { width: 100%; margin-right: 0; } } @media only screen and (min-width:1200px) { .team-member-row { margin-left: -40px; margin-right: -40px; } .team-member-col { padding-left: 40px; padding-right: 40px; } } /*Meet Section 3*/ /*Meet Section 4*/ .meet-team-sec4{padding: 180px 0;} .meet-team-sec4 h2::after{content: ".";color: var(--skyblue);} .meet-team-sec4 .btn {margin-top: 0;} @media only screen and (max-width: 1199px){ .meet-team-sec4{padding: 90px 0;} } @media only screen and (max-width: 767px){ .meet-team-sec4{padding: 73% 0;} } /*Meet Section 4*/ /*Meet Team v1 Page End*/ /*Meet Team v2 Page Start*/ /*Meet team v2 Banner*/ .mt-shape1-1{position: absolute;top: -20px;left: 28%;} @media only screen and (max-width:767px){ .mt-shape1-1{left: auto;right: 40px;} } /*Meet team v2 Banner*/ /*Meet Section 1 v2*/ .teamv2-line-connector2{position: absolute;width: 46%;bottom: -15%;left: 65px;} .teamv2-dashed1 { stroke-dasharray: 10 } .teamv2-path1 { stroke-dasharray: 1000; stroke-dashoffset: 0; animation-name: teamv2-dash1; animation-duration: 2s; animation-delay: 0s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: both; } @keyframes teamv2-dash1 { from {stroke-dashoffset:-1000} to { stroke-dashoffset: 0 }} .teamv2-cls-3 { fill: #019fd6; animation-name: teamv2-dot3; animation-duration: 0.1s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: both; animation-delay: 0.3s; opacity: 0 } @keyframes teamv2-dot3 { 0% {opacity:0} 100% {opacity:1}} .teamv2-cls-4 { fill: #019fd6; animation-name: teamv2-dot4; animation-duration: 0.1s; animation-timing-function: linear; animation-delay: 2s; animation-iteration-count: 1; animation-fill-mode: both; opacity: 0 } @keyframes teamv2-dot4 { 0% {opacity:0} 100% {opacity:1}} @media only screen and (max-width:767px){ .teamv2-line-connector2{display: none;} } /*Meet Section 1 v2*/ /*Meet Section 3 v2*/ .mtv2-shape4 {position: absolute;left: 0px;top: 20%;} .mtv2-shape5 {position: absolute;right: -83px;top: 48%;} .mtv2-shape6 {position: absolute;left: 0px;bottom: -58px;} @media only screen and (max-width:991px){ .team-member-col .team-member-sec::after{display: none;} .team-intro { padding-top: 0px; } .color-frame::before { top: 20px; width: 101px; height: 88px;} } @media only screen and (max-width:767px){ .mtv2-shape6 {bottom: 46px;} } /*Meet Section 3 v2*/ /*Meet Team v2 Page End*/ /*Join The Team page start*/ /*Join The Team Banner*/ .join-team-banner{padding:105px 0 200px;background: var(--white);} .join-team-shape1 {position: absolute;top: -130px;left: 380px;} .join-team-shape2 {position: absolute;top: -20px;left: 65px;} .join-team-shape3 {position: absolute;bottom: -150px;right: 90px;} .join-team-shape10 {position: absolute;top: -160px;right: 425px;} .join-team-sec-lt {flex: 0 0 40%;max-width: 40%;position: relative;padding-top: 90px;} .join-team-sec-rt {flex: 0 0 60%;max-width: 60%;position: relative;} .join-team-video-shapes-bg {position: absolute;top: 0;right:25px;} .join-team-video-sec {max-width: 575px;margin-left: auto;margin-right: 75px;margin-top: 45px;position: relative;z-index: 1;height: 315px;border-radius: 4px;width: 100%;display: flex;align-items: center;justify-content: center;} .border-shape {position: absolute;bottom: -175px;left: 44px;width: 69%;} .jt-dashed1{stroke-dasharray:10} .jt-path1{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:jt-dash1;animation-duration:1s;animation-delay:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes jt-dash1 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .jt-cls-1{fill:#019fd6;animation-name:jt-dot1;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.8s;opacity:0} @keyframes jt-dot1 {0%{opacity:0}100%{opacity:1}} .jt-cls-2{fill:#019fd6;animation-name:jt-dot2;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.1s;opacity:0} @keyframes jt-dot2 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width:991px){ .join-team-banner {padding: 70px 0 200px;} .join-team-shape10{top: -115px;} .join-team-shape1{top: -110px;} } @media only screen and (max-width:767px){ .join-team-banner {padding: 70px 20px 140px;} .join-team-sec-lt {flex: 0 0 100%;max-width: 100%;padding-top: 0;text-align: center;} .join-team-sec-rt{flex: 0 0 100%;max-width: 100%;margin-top: 40px;} .join-team-video-sec {height: auto;max-width: calc(100% + 70px);width: 100%;margin-left: -35px;margin-right: -35px;border-radius: 0;} .join-team-shape1{left: auto;right: 50px;} .join-team-shape10{right: auto;left: 70px;} .join-team-shape2{left: 18px;} .border-shape{display: none;} .join-team-shape3{bottom: -54px;} } /*Join The Team Banner*/ /*Join The Team Section 1*/ .join-the-team-section1{position:relative;padding-bottom:127px;} .fliter-outer-block{padding-bottom:40px;} .fliter-list{padding-bottom:5px;} .fliter-list > span{display:block;color:#333333;font-size:25px;padding-bottom:10px;} .fliter-list ul li{border:solid 1px #707070;border-radius: 4px;font-size:15px;color:#707070;padding: 9px 12px;margin-right:25px;margin-bottom:25px;display: flex;} .fliter-list ul li a{color:#707070;} .fliter-list ul li i{margin-left:11px;} .Join-card-outer{position:relative;} .join-team-shape4 {position: absolute;top:30px;right: 480px;z-index: -1;} .join-team-shape5 {position: absolute;bottom: 310px;left: 440px;z-index: -1;} .join-team-shape6 {position: absolute;bottom: -190px;left: 240px;} .join-team-shape8 {position: absolute;right: 1%;bottom: 220px;} .Join-card-block{background: var(--white);box-shadow: 0px 3px 6px rgb(30 32 72 / 10%);margin-bottom:65px;border-radius: 4px;position: relative;} .join-card-image{flex: 0 0 /*193px*/ 188px;max-width:193px;display:flex;align-items:center;justify-content:center;padding:46px;} .joi-card-image > img{max-width: 70%;} .join-card-content{padding:20px 45px 40px;position:relative;padding-right:270px;} .join-card-content h3{padding: 0 0 15px;} .join-card-content p{padding:0;} .join-card-content .blue-btn{position:absolute;bottom:40px;right:45px;} .join-card-blue-bg{background-color:#E5F6FE;} .join-card-green-bg{background-color:#D9FBFA;} .join-card-peach-bg{background-color:#FCEBE7;} .join-card-yellow-bg{background-color:#FDF4D7;} .border-shape1 {position: absolute;bottom: -140px;left: 85px;width: 43.4%;} .jt-dashed2{stroke-dasharray:10} .jt-path2{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:jt-dash2;animation-duration:1s;animation-delay:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes jt-dash2 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .jt-cls-3{fill:#019fd6;animation-name:jt-dot3;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.8s;opacity:0} @keyframes jt-dot3 {0%{opacity:0}100%{opacity:1}} .jt-cls-4{fill:#019fd6;animation-name:jt-dot4;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.1s;opacity:0} @keyframes jt-dot4 {0%{opacity:0}100%{opacity:1}} .fliter-list .select2-container--default .select2-search--inline .select2-search__field {font-family: 'Avenir';} .fliter-list .select2-container {width: 100% !important;padding: 0;margin: 0 0 20px;background: #fff url(//f.hubspotusercontent00.net/hubfs/19644453/raw_assets/public/DS-SAF-Theme-2021/images/sltd-arw.png) no-repeat scroll right center !important;} .fliter-list .select2-container .selection .select2-selection {border: 0;border-bottom: 1px solid #ddd;border-radius: 0;background: transparent;padding: 0 20px 0 0;} .fliter-list .select2-container .selection .select2-selection ul {display: flex;flex-wrap: wrap;align-items: center;} .fliter-list .select2-container .selection .select2-selection ul li.select2-selection__choice {margin: 0 7px 7px 0;background: #fff;border: 1px solid #ddd;border-radius: 3px; padding: 3px 22px 3px 7px;} .fliter-list .select2-container .selection .select2-selection ul li.select2-selection__choice button.select2-selection__choice__remove {border: none;left: auto;right: 0;bottom: 0;padding: 0 5px;} .fliter-list .select2-container .selection .select2-selection ul li.select2-selection__choice span {font-size: 14px;padding: 0;font-family: 'Avenir';} .select2-dropdown {border: 1px solid #ddd;margin: 8px 0 0;} .select2-container--default .select2-results__option--selected {background-color: transparent;} .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #00a1db;} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {background-color: transparent;color: #333;outline: none;} @media only screen and (max-width:1349px){ .join-team-shape8{right: 1%;} } @media only screen and (max-width:991px){ .join-card-content {padding: 35px;} .join-card-content .blue-btn{position: static;margin-top: 20px;} } @media only screen and (max-width:767px){ .fliter-list ul{flex-wrap: wrap;} .fliter-list ul li{margin-right: 15px;} .Join-card-block{flex-wrap: wrap;} .join-card-image{flex: 0 0 100%;max-width: 100%;height: 180px;} .join-card-image > img{height:90px;max-width: 50%;} .join-team-shape4 {top: -57px;right: 20px;display: none;} .join-team-shape5 {bottom: 22%;left: 20px;} .join-team-shape6 {bottom: -60px;} .border-shape1{display: none;} .join-the-team-section1{padding: 0 20px 70px;} } /*Join The Team Section 1*/ /*Join The Team Section 2*/ .purpose-vision-section2.join-the-team-section2 {padding: 0 0 160px;} .join-the-team-section2 .our-values-outer{position:relative;padding: 10px 0;} .join-team-shape7 {position: absolute;top:190px;left: 1%;} .join-team-shape9{position: absolute;right: 1%;top: 280px;} .border-shape2 {position: absolute;bottom: -140px;left: 0;right: 0;} .jt-dashed3{stroke-dasharray:10} .jt-path3{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:jt-dash3;animation-duration:1s;animation-delay:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes jt-dash3 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .jt-cls-5{fill:#019fd6;animation-name:jt-dot5;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.8s;opacity:0} @keyframes jt-dot5 {0%{opacity:0}100%{opacity:1}} .jt-cls-6{fill:#019fd6;animation-name:jt-dot6;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.1s;opacity:0} @keyframes jt-dot6 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width:1349px){ .join-team-shape7{left: 1%;} .join-team-shape9{right: 1%;} } @media only screen and (max-width:991px){ .join-team-shape7{top: 270px;} } @media only screen and (max-width:767px){ .purpose-vision-section2.join-the-team-section2 {padding: 0 20px 160px;} } /*Join The Team Section 2*/ /*Join The Team Section 3*/ .purpose-vision-section2.join-the-team-section3 {padding: 0 0 160px;} .join-the-team-section3 .pv-shape5 {top: 262px;} .join-the-team-section3 .pv-shape6 {left: 12px;bottom:-100px;} .join-the-team-section3 .landing-shape3 {left: auto;bottom: -160px;right: 50px;position: absolute;} .border-shape3 {position: absolute;bottom: -125px;left: 90px;width: 43.4%;} .jt-dashed4{stroke-dasharray:10} .jt-path4{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:jt-dash4;animation-duration:1s;animation-delay:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes jt-dash4 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .jt-cls-7{fill:#019fd6;animation-name:jt-dot7;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.8s;opacity:0} @keyframes jt-dot7 {0%{opacity:0}100%{opacity:1}} .jt-cls-8{fill:#019fd6;animation-name:jt-dot8;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.1s;opacity:0} @keyframes jt-dot8 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width:767px){ .purpose-vision-section2.join-the-team-section3 {padding: 0 20px 140px;} .border-shape3{display: none;} .join-the-team-section3 .landing-shape3{display: none;} } /*Join The Team Section 3*/ /*Join The Team Section 4*/ .home-section8.join-the-team-section4{padding-bottom: 240px;} .join-the-team-section4 .shape25 {bottom: -17%;} .join-the-team-section4 .shape24 {left: 73%;top: 66%;} .border-shape4 {position: absolute;bottom: -180px;left: 125px;} .jt-dashed5{stroke-dasharray:10} .jt-path5{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:jt-dash5;animation-duration:1s;animation-delay:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes jt-dash5 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .jt-cls-9{fill:#019fd6;animation-name:jt-dot9;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.8s;opacity:0} @keyframes jt-dot9 {0%{opacity:0}100%{opacity:1}} .jt-cls-10{fill:#EA7765;animation-name:jt-dot10;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.1s;opacity:0} @keyframes jt-dot10 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1199px){ .join-the-team-section4 .shape24{top: 80%;} } @media only screen and (max-width:767px){ .border-shape4{display: none;} .home-section8.join-the-team-section4 {padding-bottom: 140px;} } /*Join The Team Section 4*/ /*Join The Team Section 5*/ .join-the-team-section5{padding: 70px 0;} .join-the-team-section5 h2::after{content: ".";} @media only screen and (max-width:991px){ .join-the-team-section5{padding: 30px 0;} } @media only screen and (max-width:767px){ .join-the-team-section5{padding: 73% 0;} } /*Join The Team Section 5*/ /*Join The Team page End*/ /*support Page start*/ /*support banner*/ .support-banner{padding: 100px 0; position: relative;} .support-lt {flex: 0 0 41%; max-width: 41%; position: relative;padding-top: 60px; } .support-lt a{text-decoration: underline;color:var(--blue)} .support-lt a:hover{text-decoration: none; color:var(--blue);} .support-rt { flex: 0 0 49%; max-width: 49%; position: relative; margin-left: auto; } .support-rt .form-group{margin-bottom: 30px; position: relative;} .support-rt select.form-control{color:var(--grey5)} .support-rt select.form-control:focus{color:var(--blue)} .support-rt label{padding-left: .75rem;} .support-shape1{position: absolute;left: 33.6%;top: -23%;} .support-shape2{position: absolute; left: 2%; top: 0;} .support-shape3{position: absolute;left: 3.8%;bottom: 29.5%;} .support-shape4{position: absolute;left: 32%;bottom: 22%;} .support-rt .form-columns-1 textarea{min-height: 150px;height: auto;resize: none;} .support-rt .hs-firstname,.support-rt .hs-lastname,.support-rt .hs-ticket_type,.support-rt .hs-priority{margin-bottom: 30px;} .support-rt fieldset{max-width: inherit !important;} .support-rt .row{display: block;width: 100%;margin:0;} @media only screen and (max-width:1199px){ .support-shape1 {left: 22.6%;} .support-lt {flex: 0 0 45%; max-width: 45%;} } @media only screen and (max-width:991px){ .support-lt {flex: 0 0 44%; max-width: 44%;} } @media only screen and (max-width:767px){ .support-banner { padding: 60px 20px;} .support-lt {flex: 0 0 100%; max-width: 100%; padding: 0; margin-bottom:80px;} .support-rt {flex: 0 0 100%; max-width: 100%;} .support-shape3, .support-shape4{display: none;} } /*support banner*/ /*support Page End*/ /*Content Architecture tools page start*/ /*Content Architecture tools banner*/ /*.arch-tool-banner { padding: 150px 0 220px;position: relative;}*/ .arch-tool-banner { padding: 150px 0 180px 0px /*220px*/;position: relative;} .arch-tool-lt{flex: 0 0 44%;max-width: 44%;position: relative;} .arch-tool-rt {flex: 0 0 50%;max-width: 50%;position: relative;margin-left: auto;} .arch-tool-banner-shape {position: absolute;right: 0;top: -9%;} .arch-tool-sec {position: relative;z-index: 1;animation-delay: 0.5s;border-radius: 4px;max-width: 542px;width: 100%;display: flex;align-items: center;justify-content: center;margin-left: auto;margin-right: 50px;} .sf-img{height: 315px !important;overflow: hidden;} /* .sf-img img {width: 100% !important;display: block;object-fit: cover;} */ .sf-img img {display: block;object-fit: cover;margin:0 auto;} .arch-tool-shape1 {position: absolute;top: -62%;left: 8%;} .arch-tool-shape2 {position: absolute;top: 116%;left: 25.5%;} .arch-tool-connector1 {position: absolute; bottom: -51%/*-62%*/; right: 21.5%; width: 22%; } .arch-tool-dashed{stroke-dasharray:10} .arch-tool-path{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:arch-tool-path;animation-duration:2s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes arch-tool-path {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .arch-tool-cls-1{animation-name:arch-tool-cls-1;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.8s;opacity:0} @keyframes arch-tool-cls-1 {0%{opacity:0}100%{opacity:1}} .arch-tool-cls-2{animation-name:arch-tool-cls-2;animation-duration:0s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes arch-tool-cls-2 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1350px) { .arch-tool-lt {flex: 0 0 48%; max-width: 48%;} } @media only screen and (max-width: 1199px) { .arch-tool-lt {flex: 0 0 50%; max-width: 50%;} .arch-tool-rt {flex: 0 0 42%; max-width: 42%;} .why-arch-tool-rt { padding-top: 0;} .arch-tool-connector1 { bottom: -52%;} } @media only screen and (max-width:991px){ .arch-tool-banner {padding: 10px 20px 130px; } .arch-tool-banner-shape { top: -15%; } .arch-tool-connector1 {bottom: -40%;} } @media only screen and (max-width:768px){ .arch-tool-banner {padding: 60px 20px 100px 20px; } .arch-tool-lt, .arch-tool-rt {flex: 0 0 100%; max-width: 100%;} .arch-tool-rt{margin:100px 0 25px; max-width: inherit;} .arch-tool-sec {width: auto; margin: 0 -35px; max-width: initial;height: 336px; } .sf-img{height: 336px !important;} .arch-tool-sec div,.banner-video-sec iframe{width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .arch-tool-sec div {display: block; width: 100%;} .arch-tool-sec .vidyard-player-container {width: 100% !important;max-width: 100% !important;max-height: 100% !important;height: 100% !important;position: absolute;left: 0;top: 0;} .arch-tool-sec .vidyard-player-container div[class*="vidyard-inner-container-"] {max-width: 100% !important;max-height: 100% !important;} .arch-tool-sec .vidyard-player-container div[class*="vidyard-inner-container-"] iframe {width: 100%;height: 100%;} .arch-tool-connector1{display: none;} } /*Content Architecture tools banner*/ /*Content Architecture tools section */ .arch-tool-section1 { padding: 0px 0 180px;position: relative;} .why-arch-tool-lt{flex: 0 0 44%;max-width: 44%;position: relative; display: flex;align-items: flex-start; justify-content: center;} .why-arch-tool-lt-inr{position: relative;} .why-arch-tool-rt {flex: 0 0 50%;max-width: 50%;position: relative;margin-left: auto; padding-top: 50px;} .why-arch-tool-rt h2::after{content: "?"} .arch-tool-shape3 {position: absolute; right: -2%; bottom: -54%; } .arch-dot-list li{position: relative; padding: 0 0 13px 25px;} .arch-dot-list li::before{position: absolute; left: 0px; top: 6px; content: ''; background: var(--blue); width: 11px; height: 11px; border-radius: 50%;} .arch-tool-icon1{position: absolute;top: 16%;left: 16.5%;width: 20%;animation-delay: 0.3s;} .arch-tool-icon2{position: absolute;top: 16%;right: 12%;width: 18%;animation-delay: 1.2s;} .arch-tool-icon3{position: absolute;top: 39%;right: 30.5%;width: 18%;animation-delay: 1.5s;} .arch-tool-icon4{position: absolute;top: 62%;left: 24%;width: 17%;animation-delay: 1.8s;} .arch-tool-icon5{position: absolute;top: 71.5%;right: 37%;width: 15%;animation-delay: 2.1s;} .arch-tool-icon6{position: absolute;top: 66%;right: 3.8%;width: 25%;animation-delay: 2.4s;} .arch-tool-icon7{position: absolute;top: 89%;right: 7%;width: 18%;animation-delay: 2.7s;} .arch-tool-line1{position: absolute;top: 23%;left: 33%;width: 36.5%;} .arch-tool-line2{position: absolute;top: 37%;right: 22.7%;width: 10.7%;} .arch-tool-line3{position: absolute;top: 51%;left: 32%;width: 18.3%;} .arch-tool-line4{position: absolute;top: 72%;left: 37%;width: 10.4%;} .arch-tool-line5{position: absolute;top: 71.4%;left: 61%;width: 10.5%;} .arch-tool-line6{position: absolute;top: 75.2%;left: 82.5%;width: 1px;} .arch-tool-connector2 {position: absolute; top: 108%; left: 10.5%; width: 45%; } .arch-tool-dashed2{stroke-dasharray:10} .arch-tool-path2{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:arch-tool-path2;animation-duration:1.5s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes arch-tool-path2 {from{stroke-dashoffset:-1000}to{stroke-dashoffset:0}} .arch-tool-cls-3{fill:#019fd6;animation-name:arch-tool-cls-3;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.1s;opacity:0} @keyframes arch-tool-cls-3 {0%{opacity:0}100%{opacity:1}} .arch-tool-cls-4{fill:#019fd6;animation-name:arch-tool-cls-4;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 1.2s;opacity:0} @keyframes arch-tool-cls-4 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1500px) { .arch-tool-shape3 {right: 1%;} } @media only screen and (max-width: 1199px) { .arch-tool-section1 {padding: 0px 0 150px;} .arch-tool-connector2 { bottom: -22%;} } @media only screen and (max-width: 767px) { .arch-tool-section1 { padding: 0px 0 125px;} .why-arch-tool{flex-wrap: wrap;} .why-arch-tool-lt {flex: 0 0 100%; justify-content: center; max-width: inherit; } .why-arch-tool-rt{flex: 0 0 100%; max-width: 100%;padding:80px 20px 0 20px;} .arch-tool-connector2 {display: none;} } /*Content Architecture tools section 1*/ /*Content Architecture tools section 2*/ .arch-tool-field-inr {padding: 40px 0 85px; margin-top: 30px; background-color: #201D57; background-image: url(//f.hubspotusercontent20.net/hubfs/1611177/raw_assets/public/DS-SAF-Theme-2021/images/arch-tool-bg-shape2.svg) ;background-repeat: no-repeat; background-position: bottom right;} .arch-tool-field-inr h3{color: #fff; } .cont-arch-tool-form{padding-right: 50px;position: relative;} .cont-arch-awar-box{background: var(--white);border-radius: 4px;position: relative;overflow: hidden;width: calc(20% - 24px);flex: 0 0 calc(20% - 24px);margin: 12px;} .cont-arch-awar-box span{position: absolute;top: 0;left: 0;right: 0;padding: 10px 0;color: #201c31;display: block;text-align: center;} .bg1-yellow{background: #f3c440;} .bg1-green{background: #00a79e;} .bg1-blue{background: #019cd6;} .bg1-pink{background: #da3964;} .bg1-peach{background: #e97765;} .cont-arch-awar-box textarea.form-control{min-height: 130px;padding: 50px 10px 10px;border-color: transparent;} .cont-arch-holder{padding: 75px 0 0;} .cont-arch-holder .cont-arch-awar-box textarea.form-control{min-height: 90px;text-align: center;} .cont-arch-mod-arw{position: absolute;width: 2px;height: 480px;top: 35px;right: 30px;background: var(--white);color: var(--white);} .label-high{position: absolute;transform: rotate(90deg);top: 35px ;left: 5px;width: auto;} .label-med{position: absolute;transform: rotate(90deg);top: 50%;left: -40px;width: 120px;} .label-low{position: absolute;transform: rotate(90deg);bottom: 5px;left: 5px;} .cont-arch-mod-arw::after{position: absolute;width: 0;content: "";height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 20px solid #fff;left: -9px;top: -3px;} .get-result {max-width: 410px; margin-top: 50px;} .get-result p{color:#fff;} .get-result .form-group{position: relative;} .get-result .form-control {border-color: #D8D8D8; padding-right: 190px; } .get-result .btn {position: absolute; right: 0; top: 0; content: ''; border-radius: 0 4px 4px 0;padding: 0 27px; } @media only screen and (max-width: 767px) { .arch-tool-section2{padding:0 20px;} .arch-tool-field-inr{margin: 0 -20px 0 ; padding: 40px 20px 85px; background-size: 200px;} .get-result .btn {padding: 0 10px;} .cont-arch-tool-form{padding-right: 0;} .cont-arch-mod-arw{display: none;} .cont-arch-awar-box{width: 100%;flex: 0 0 100%;margin: 10px 0;} .cont-arch-holder{padding: 0;} .get-result .form-control{padding-right: 160px;} } /*Content Architecture tools section 2*/ /*Content Architecture tools section 3*/ .arch-tool-section3{padding:180px 0 130px; position: relative;} .arch-tool-section3 .row{padding-top: 20px; } .arch-tool-box{background:var(--white);box-shadow:0 3px 6px rgb(30 32 72 / 10%);border:1px solid #f1f1f1;border-radius:0 0 4px 4px;height:100%;position:relative; transition: 0.3s ease all} .arch-tool-box:hover {box-shadow: 0 3px 6px rgb(30 32 72 / 22%); } .arch-tool-img {background: var(--grey6); display: flex; align-items: center; justify-content: center; } .arch-tool-img img {display: block; width: 100%;} .arch-tool-content{padding:35px 30px 80px ;min-height:310px} .arch-tag{margin-bottom:16px;flex-wrap: wrap;} .arch-tag li {padding-right: 25px; font-size: 1rem; font-weight: 700; font-family: 'Poppins',sans-serif; } .arch-tag li:last-child{padding:0;} .arch-tool-content .link2{font-size:1rem;position:absolute;bottom:42px} .arch-tool-shape4 {position: absolute; right: 0; top: 27%; } .arch-tool-shape5 {position: absolute; left: -1%; bottom: -63%; } .arch-tool-connector3 {position: absolute; top: -18%; left: 12%; width: 1%; } .arch-tool-dashed3{stroke-dasharray:10} .arch-tool-path3{stroke-dasharray:1000;stroke-dashoffset:0;animation-name:arch-tool-path3;animation-duration:6s;animation-delay:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes arch-tool-path3 {from{stroke-dashoffset:1000}to{stroke-dashoffset:0}} .arch-tool-cls-5{animation-name:arch-tool-cls-5;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.8s;opacity:0} @keyframes arch-tool-cls-5 {0%{opacity:0}100%{opacity:1}} .arch-tool-cls-6{animation-name:arch-tool-cls-6;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay: 0.1s;opacity:0} @keyframes arch-tool-cls-6 {0%{opacity:0}100%{opacity:1}} .cont-arch-tool-form .hs-form .hs-email{max-width: 410px;margin-top: 50px;padding-right:0 !important;} .cont-arch-tool-form .hs-form .hs-email label{padding-bottom:20px;} .cont-arch-tool-form .hs-form .hs-button{padding: 0 27px;} .hs-form-field{margin-bottom:25px;} @media only screen and (max-width: 1199px) { .arch-tag li {padding-right: 20px; font-size: .8rem; } } @media only screen and (max-width: 991px) { .arch-tool-section3 {padding:180px 0 100px;} .arch-tool-connector3{top: -11%;} .arch-tool-section3 div[class*="col-"]{margin-bottom: 40px;} } @media only screen and (max-width:767px) { .arch-tool-section3 {padding: 125px 20px 125px;} .arch-tool-connector3 {display: none;} .arch-tool-shape5{bottom: 0;} .cont-arch-tool-form .hs-form .hs-button{padding: 0 10px;} } /*Content Architecture tools section 3*/ /*Content Architecture tools page End*/ /*Marketing Tool page Start*/ /*Marketing-tool-banner*/ .marketing-tool-banner { padding: 110px 0 225px; background: var(--white); } .marketing-tool-sec-lt { flex: 0 0 49%; max-width: 49%; position: relative; } .marketing-tool-sec-lt p{padding: 0 0 30px;} .marketing-tool-sec-rt { flex: 0 0 46%; max-width: 46%; position: relative; margin-left: auto; } .banner-video-marketing { position: relative; z-index: 1; height: 315px; border-radius: 4px; width: 94%; display: flex; align-items: center; justify-content: center; margin: 50px 0 0; } .banner-video-marketing div, .banner-video-marketing iframe{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;} .banner-video-marketing .vidyard-player-container {width: 100% !important;max-width: 100% !important;max-height: 100% !important;height: 100% !important;position: absolute;left: 0;top: 0;} .banner-video-marketing .vidyard-player-container div {height: 100% !important;} .banner-video-marketing .vidyard-player-container div[class*="vidyard-inner-container-"] {max-width: 100% !important;max-height: 100% !important;} .marketing-video-shapes-bg { position: absolute; right: 0; top: 18px; } .marketing-shape1 { position: absolute; content: ''; top: -43%; left: 10%; } .marketing-shape2 { position: absolute; content: ''; top: -34%; left: 42%; } .marketing-line-connector1 {position: absolute;bottom: -57%;right: 18%;width: 30%;} .mkt-dashed1{stroke-dasharray:10} .mkt-path1{stroke-dasharray:1500;stroke-dashoffset:0;animation-name:mkt-dash1;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes mkt-dash1 {from{stroke-dashoffset:1500}to{stroke-dashoffset:0}} .mkt-cls-1{fill:#019fd6;animation-name:mkt-dot1;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.8s;opacity:0} @keyframes mkt-dot1 {0%{opacity:0}100%{opacity:1}} .mkt-cls-2{fill:#019fd6;animation-name:mkt-dot2;animation-duration:0.1s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes mkt-dot2 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width:1199px) { .marketing-line-connector1 {bottom: -44.5%;right: 17%;} } @media only screen and (max-width:991px) { .marketing-line-connector1 {bottom: -35.5%;} .marketing-tool-banner{padding: 60px 20px 140px;} .marketing-shape1{top: -24%;} .marketing-shape2{top: -24%;} } @media only screen and (max-width:768px) { .marketing-line-connector1 { display: none; } .marketing-tool-sec-lt {flex: 0 0 100%;max-width: 100%;} .marketing-tool-sec-rt {flex: 0 0 100%;max-width: 100%; margin-top:30px;} .banner-video-marketing { height: auto; max-width: calc(100% + 70px); width: 100%; margin-left: -35px; margin-right: -35px; border-radius: 0;padding-top: 62%;} .marketing-shape1 {top: -112px} .marketing-shape2 {top: -107px;left: auto;right: 50px;} .marketing-tool-banner {padding: 60px 20px 100px;text-align: center;} } /*Marketing-tool-banner*/ /*Marketing-tool-section 1*/ .why-tool-text h2::after { color: var(--skyblue); content: "?";} .why-use-this-tool { padding: 0 0 170px; position: relative;} .why-tool-img-sec { flex: 0 0 50%; max-width: 50%; padding-left: 57px; margin-top: -85px; } .why-tool-text { padding: 13px 0px 0px; flex: 0 0 50%; max-width: 50%; } .tool-designed { padding-top: 20px; } .tool-designed ul li { position: relative; padding: 0 0 13px 25px; } .tool-designed ul li::before { position: absolute; left: 0; top: 6px; content: ''; background: var(--skyblue); width: 11px; height: 11px; border-radius: 50%; } .marketing-shape3 { position: absolute; content: ''; bottom: -7%; right: 4.5%; } .marketing-line-connector2 { position: absolute; bottom: -39%; left: 10%; width: 46.5%;} .mkt-dashed2{stroke-dasharray:10} .mkt-path2{stroke-dasharray:1500;stroke-dashoffset:0;animation-name:mkt-dash2;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes mkt-dash2 {from{stroke-dashoffset:1500}to{stroke-dashoffset:0}} .mkt-cls-3{fill:#019fd6;animation-name:mkt-dot3;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.8s;opacity:0} @keyframes mkt-dot3 {0%{opacity:0}100%{opacity:1}} .mkt-cls-4{fill:#019fd6;animation-name:mkt-dot4;animation-duration:0.1s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes mkt-dot4 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1199px) { .marketing-line-connector2 {bottom: -27%;} .why-tool-img-sec {padding-left: 30px;padding-right: 25px;} } @media only screen and (max-width: 991px) { .why-tool-img-sec{ margin-top:0; padding-left:0;} .why-use-this-tool {padding: 0 0 100px;} .marketing-line-connector2 {bottom: -17%;} } @media only screen and (max-width: 767px) { .why-tool-img-sec {flex: 0 0 100%;max-width: 100%;order: 2;margin-top: 40px;text-align: center;padding: 0;} .marketing-line-connector2 { display: none; } .why-tool-text {padding: 20px 0px 0px;flex: 0 0 100%;max-width: 100%;} .why-use-this-tool {padding: 0 20px 100px;} .marketing-shape3 {bottom: 0;} } /*Marketing-tool-section 1*/ /*Marketing-tool-section 2*/ .lets-get-started {padding-bottom: 130px; } .steps-tab ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 0 70px;} .steps-tab ul li{margin-left: 80px;} .steps-tab ul li a.nav-link{ width: 50px; height: 50px; border-radius: 50%; background: var(--grey6); line-height: 50px; text-align: center; font-size: 1.25rem; font-weight: 700; color: #A8A8A8; font-family: 'Poppins', sans-serif;display: flex;justify-content: center;align-items: center;position: relative;} .steps-tab ul li:first-child { margin-left: 0; } .steps-tab ul li a::after { border-bottom: 2px dashed var(--grey6); position: absolute; left: 0; top: 50%; content: ''; width: 140px; margin-top: 0; z-index: -1; } .steps-tab ul li:last-child a::after { display: none; } .steps-tab ul li a.nav-link.active { background: var(--darkblue); color: var(--white) } .steps-tab ul li a.nav-link.active::after{border-color: var(--darkblue);} .banner-video-steps { position: relative; z-index: 1; height: 315px; background-color: var(--grey6); box-shadow: 0 3px 6px #1e204819; border-radius: 4px; width: 100%; display: flex; align-items: center; justify-content: center; margin: 25px 0 0 0; } .steps-video-shapes-bg { position: absolute; left: -37px; top: 198px; z-index:-1;} .steps-video-shapes-bg2 { position: absolute; right: -25px; top: 80px; z-index:-1;} .banner-video-steps img { width: 50px; } .steps-left { flex: 0 0 48%; max-width: 48%; } .steps-questions-sec {padding-right: 90px;margin-bottom: 60px;display: inline-block;width: 100%;} .steps-right { flex: 0 0 43%; max-width: 43%; position: relative; margin-left: auto; text-align: center; margin-top: 80px; } .steps-right h3 { text-align: center; } .steps-video { margin-bottom: 30px; } .step-question { margin-top: 35px; } .question-heading { display: flex; } .question-heading strong { font-weight: 900; padding-right: 5px; padding-top: 2px; } .radio-sec { padding: 17px 0 0 15px; } .steps-btns .blue-line-btn { height: 49px; line-height: 49px; padding: 0 49px; } .previous-btn { margin-right: 30px; } .steps-btns { margin-top: 30px; } @media only screen and (max-width: 1349px) { .steps-video-shapes-bg2{right: -25px;} } @media only screen and (max-width: 991px) { .steps-video-shapes-bg2{top: 125px;} .steps-tab ul li{margin-left: 40px;} .previous-btn {margin-right: 15px;} .steps-btns .blue-line-btn {padding: 0 26px;} } @media only screen and (max-width: 767px) { .lets-get-started{ padding:0 20px 100px; margin-top:0;} .steps-left {flex: 0 0 100%;max-width: 100%;} .steps-right {flex: 0 0 100%;max-width: 100%;margin-top: 20px;} .steps-questions-sec {padding-right: 0;} .step-question {margin-top: 20px;} .steps-btns {margin-top: 50px;} .steps-video-shapes-bg2 {right: -70px; top: 74px;} .steps-video-shapes-bg {left: 0;top: 280px;} .steps-tab ul{flex-wrap: nowrap;} .steps-tab ul li{margin-left: 5%;} .steps-tab ul li a.nav-link{width: 32px; height:32px; line-height: 32px; font-size: 1rem;} .steps-tab {margin: 20px 0px;} .steps-tab ul li a::after{ width:70px;} .steps-btns .btn {padding: 0 30px;} .previous-btn{margin-bottom:8px;} .banner-video-steps{ height: 220px; max-width: calc(100% + 70px); width: 100%; margin-left: -35px; margin-right: -35px; border-radius: 0;} } /*Marketing-tool-section 2*/ /*Marketing-tool-section 3*/ .home-section9.mkt-sec3{padding: 85px 0;} .mkt-sec3 h2::after{content: ".";color: var(--skyblue);} .mkt-sec3 .form-control{padding: 0 170px 0 15px;} @media only screen and (max-width: 1199px){ .home-section9.mkt-sec3{padding: 70px 0;} .mkt-sec3 .form-control{padding: 0 130px 0 15px;} } @media only screen and (max-width: 767px){ .home-section9.mkt-sec3{padding: 73% 0;} } /*Marketing-tool-section 3*/ /*Marketing Tool page End*/ /*Marketing Tool v2 Page Start*/ /*Marketing-tool v2-section 2*/ .mktv2-sec2{padding: 0 0 260px;position:relative;} .mktv2-sec2 .form-group{max-width: 435px;} .marketing-shape6 {position: absolute;bottom: -4.5%;right: 0;} .marketingv2-line-connector3 {position: absolute;bottom: -190px;left: 12%;width: 10px;} .mktv2-dashed1 { stroke-dasharray: 10 } .mktv2-path1 { stroke-dasharray: 1000; stroke-dashoffset: 0; animation-name: mktv2-dash1; animation-duration: 1s; animation-delay: 0s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: both; } @keyframes mktv2-dash1 { from {stroke-dashoffset:1000} to { stroke-dashoffset: 0 }} .mktv2-cls-1 { fill: #019fd6; animation-name: mktv2-dot1; animation-duration: 0.1s; animation-timing-function: linear; animation-iteration-count: 1; animation-fill-mode: both; animation-delay: 0.4s; opacity: 0 } @keyframes mktv2-dot1 { 0% {opacity:0} 100% {opacity:1}} .mktv2-cls-2 { fill: #019fd6; animation-name: mktv2-dot2; animation-duration: 0.1s; animation-timing-function: linear; animation-delay: 0.1s; animation-iteration-count: 1; animation-fill-mode: both; opacity: 0 } @keyframes mktv2-dot2 { 0% {opacity:0} 100% {opacity:1}} @media only screen and (max-width: 991px){ .mktv2-sec2{padding: 0 0 200px;} } @media only screen and (max-width: 767px){ .mktv2-sec2{padding: 0 20px 100px;} .mktv2-sec2 .next-btn{margin-top: 10px;} .marketingv2-line-connector3{display: none;} } /*Marketing-tool v2-section 2*/ /*Marketing-tool v2-section 3*/ .content-marketing-sec {padding: 0 0 80px;position: relative;} .content-marketing-sec .blog-box {margin-top: 20px;} .marketing-shape7 {position: absolute;bottom: -46.5%;left: -22px;} @media only screen and (max-width: 991px){ .content-marketing-sec .row [class*="col-"] {margin-bottom: 30px;} } @media only screen and (max-width: 767px){ .content-marketing-sec{padding: 0 20px 80px;} .marketing-shape7{left: 0;bottom: 150px;} } /*Marketing-tool v2-section 3*/ /*Marketing Tool v2 Page End*/ /*Privacy Policy Page Start*/ .privacy-policy{position: relative;padding:150px 0;} .privacy-policy .container{max-width: 880px;} .pri-poli-main {padding-bottom: 100px;} .pri-poli-main p{color:#333; font-size: 1.5rem; line-height: 2rem; font-weight: 600;padding-bottom: 0;} .privacy-policy h3{font-weight: 700;font-family: 'Poppins',sans-serif;} .privacy-policy h3:nth-child(n+3){margin-top: 50px;} .privacy-policy h3 span{color:var(--blue);} .privacy-policy a{color: var(--blue)} .privacy-policy a:hover{color: var(--blue); text-decoration: underline} .privacy-shape1 {position: absolute; top: -62px; left: 29%; } .privacy-shape2 {position: absolute; top: 1%; left: 18%; } .privacy-shape3 {position: absolute; top: 0.5%; right: 28%; } .privacy-shape4 {position: absolute; top: 3%; left: 18%; } .privacy-shape5 {position: absolute; top: 2.5%; right: 17%; } .privacy-shape6 {position: absolute; top: 11.2%; right: 19%; } .privacy-shape7 {position: absolute; top: 25%; left: 16%; } .privacy-shape8 {position: absolute; top: 31.8%; right: 19%; } .privacy-shape9 {position: absolute; top: 33.4%; left: 18%; } .privacy-shape10 {position: absolute; top: 43.2%; right: 0; } .privacy-shape11 {position: absolute; top: 47%; left: 17%; } .privacy-shape12 {position: absolute; top: 57.2%; right: 19%; } .privacy-shape13 {position: absolute; top: 70.8%; left: 5%; } .privacy-shape14 {position: absolute; top: 94.2%; right: -40px; } .privacy-shape15 {position: absolute; top: 97.7%; left: 10%; } @media only screen and (max-width:1500px){ .privacy-policy{overflow: hidden;} .privacy-shape1 {left: 24%; } .privacy-shape2 {left: 8%; } .privacy-shape3 {right: 21%; } .privacy-shape4 {top: 3.1%; left: 7%; } .privacy-shape5 {right: 6.5%; } .privacy-shape6 {top: 11.2%; right: 9%; } .privacy-shape7 {left: 7%; } .privacy-shape8 {top: 32%; right: 7%; } .privacy-shape9 {left: 8%; } .privacy-shape11 {left: 7%; } .privacy-shape12 {right: 7%; } .privacy-shape13 {left: 5%; } .privacy-shape14 {right: -40px; } .privacy-shape15 {left: 5%; } } @media only screen and (max-width:767px){ .privacy-policy { padding: 60px 20px 125px 20px;} .privacy-shape4, .privacy-shape5, .privacy-shape6, .privacy-shape7, .privacy-shape8, .privacy-shape9, .privacy-shape10, .privacy-shape11, .privacy-shape12, .privacy-shape13, .privacy-shape14, .privacy-shape15{display: none;} } /* list privacy policy (counting_listing, counting_sub_listing, lower_alpha_listing)*/ .counting_listing h3{padding-left: 30px;} .counting_listing, .counting_sub_listing { counter-reset: item } .counting_listing li{padding: 0 0 20px 0px;position: relative;} .counting_listing > li::before { content: counters(item, ".") "."; counter-increment: item;} .counting_sub_listing > li::before { content: counters(item, ".") " "; counter-increment: item;} .counting_listing > li::before {color: var(--blue); font-weight: 700; font-size: 25px; font-family: 'Poppins',sans-serif; position: absolute;left: 0; top: 0;} .counting_sub_listing > li .lower_alpha_listing{padding-top: 20px;} .counting_sub_listing > li .lower_alpha_listing li:last-child{padding-bottom: 0;} .lower_alpha_listing li{padding: 0 0 20px 5px;} .lower_alpha_listing li::after{content:"(";position: absolute;left: 0;top:0;} .lower_alpha_listing{counter-reset: list;} .lower_alpha_listing li::before {counter-increment: list; content: counter(list, lower-alpha) ") ";} /* list privacy policy (counting_listing, counting_sub_listing, lower_alpha_listing)*/ /*Privacy Policy Page End*/ /*Sales Tool v1 Page Start/ /*sales-comparison-tool-banner*/ .sales-tool-banner { padding: 110px 0 150px; background: var(--white); } .sales-comparison-tool-sec-lt { flex: 0 0 43%; max-width: 43%; position: relative; } .sales-comparison-tool-sec-lt p:nth-of-type(2){padding: 0 0 30px;} .sales-comparison-tool-sec-rt { flex: 0 0 49%; max-width: 49%; position: relative; margin-left: auto; padding-left: 30px; } .banner-video-sales { position: relative; z-index: 1; height: 315px; background-color: var(--grey6); box-shadow: 0 3px 6px #1e204819; border-radius: 4px; width: 92%; display: flex; align-items: center; justify-content: center; margin: -17px 0 0; } .sales-video-shapes-bg { position: absolute; right: 0; top: -24.5%; } .sales-shape1 { position: absolute; content: ''; top: 15%; left: 41.5%; } .sales-line-connector1 {position: absolute;bottom: -35%;right: 23%;width: 22%;} .sales-dashed1{stroke-dasharray:10} .sales-path1{stroke-dasharray:1500;stroke-dashoffset:0;animation-name:sales-dash1;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes sales-dash1 {from{stroke-dashoffset:1500}to{stroke-dashoffset:0}} .sales-cls-1{fill:#019fd6;animation-name:sales-dot1;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.8s;opacity:0} @keyframes sales-dot1 {0%{opacity:0}100%{opacity:1}} .sales-cls-2{fill:#019fd6;animation-name:sales-dot2;animation-duration:0.1s;animation-timing-function:linear;animation-delay:0.1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes sales-dot2 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width:1349px){ .sales-line-connector1{bottom: -21%;} } @media only screen and (max-width:1199px) { .sales-tool-banner{padding: 70px 0 150px;} .sales-shape1 { top: -32%; } } @media only screen and (max-width:991px) { .sales-line-connector1 { bottom: -10%; right: 17%; width: 30%; } .sales-tool-banner {padding:70px 20px;} .sales-shape1 { top: 18%; } .banner-video-sales { margin: -35px 0 0; } } @media only screen and (max-width:769px) { .sales-tool-banner{text-align: center;padding: 70px 20px 0px;} .sales-line-connector1 {display: none;} .sales-comparison-tool-sec-lt { flex: 0 0 100%; max-width: 100%;} .sales-comparison-tool-sec-rt {max-width: 100%; padding: 0;margin: 60px auto; } .banner-video-sales { height: 220px; max-width: calc(100% + 70px); width: 100%; margin-left: -35px; margin-right: -35px; border-radius: 0; } .sales-shape1 { top: 14%;} .banner-video-sales { margin-top: 50px; } .sales-video-shapes-bg { top: 6%; } } @media only screen and (max-width:453px) { .sales-comparison-tool-sec-rt {max-width: 100%; padding: 0;margin: 0px auto;margin-bottom: 158px;left: 0%;} } /*sales-comparison-tool-banner*/ /*Sales Tool section 1*/ .sales-why-tool-text h2::after { color: var(--skyblue); content: "?"; } .sales-why-use-this-tool { padding: 0 0 180px; position: relative; } .sales-why-tool-img-sec { flex: 0 0 50%; max-width: 50%; padding-left: 5.5%; margin-top: -92px; position: relative; } .sales-why-tool-text { padding: 13px 0px 0px 15px; flex: 0 0 50%; max-width: 50%; } .sales-tool-designed { padding-top: 20px; } .sales-tool-designed ul li { position: relative; padding: 0 0 13px 25px; } .sales-tool-designed ul li::before { position: absolute; left: 0; top: 6px; content: ''; background: var(--skyblue); width: 11px; height: 11px; border-radius: 50%; } .sales-shape2 { position: absolute; content: ''; bottom: -40%; right: 4.5%; } .sales-screenshot1 { position: absolute; top: 11.5%; right: 10.4%; animation-delay: 2.3s; z-index: 2; } .sales-reps-card {position: absolute; bottom: -5.3%; left: 6%; animation-delay: 2.6s; z-index: 2;} .sales-reps-question { font-size: 10px; } .sales-reps-card .radio-sec { padding: 16px 0 0 12px; } .sales-reps-card .radio-custom input[type="radio"] + label { margin: 0 15px 9px 0; padding: 0 0 0 26px; font-weight: 500; position: relative; font-size: 12px; } .sales-reps-card .radio-custom input[type="radio"] + label::before { width: 18px; height: 18px; } .sales-reps-card .radio-custom input[type="radio"] + label::after { width: 8px; height: 8px; left: 5px; top: 5px; } .sales-logo1-img { position: absolute; top: 14%; left: 22%;z-index: 1;} .sales-line1 { position: absolute; bottom: -2.5%; right: 12%;width: 39%;animation-delay: 2.6s;} .sales-line2 { position: absolute; top: 24%; right: 25.5%;width: 15%;animation-delay: 2.3s;} .sales-line-connector2{ position: absolute; bottom: -39%; left: 10%; width: 46.5%;} .sales-dashed2{stroke-dasharray:10} .sales-path2{stroke-dasharray:1500;stroke-dashoffset:0;animation-name:sales-dash2;animation-duration:1s;animation-delay:0s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;} @keyframes sales-dash2 {from{stroke-dashoffset:-1500}to{stroke-dashoffset:0}} .sales-cls-3{fill:#019fd6;animation-name:sales-dot3;animation-duration:0.1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both;animation-delay:0.8s;opacity:0} @keyframes sales-dot3 {0%{opacity:0}100%{opacity:1}} .sales-cls-4{fill:#019fd6;animation-name:sales-dot4;animation-duration:0.1s;animation-timing-function:linear;animation-delay:1s;animation-iteration-count:1;animation-fill-mode:both;opacity:0} @keyframes sales-dot4 {0%{opacity:0}100%{opacity:1}} @media only screen and (max-width: 1199px) { .sales-why-tool-img-sec { padding-left: 30px; padding-right: 25px; } .sales-reps-card{bottom: 22.3%;left: 2%;} .sales-line-connector2{bottom: -28%;} .sales-logo1-img{top: 8%;} .sales-screenshot1 {top: 5.5%;right: 0;} .sales-line1 {bottom: 27.5%;right: 2%;width: 45%;} .sales-line2 {top: 14%;right: 14.5%;width: 22%;} } @media only screen and (max-width: 991px) { .sales-why-tool-img-sec { margin-top: 0; padding-left: 0; } .sales-line-connector2{ bottom: -18%;} .sales-why-use-this-tool { padding: 0 0 130px; } .sales-reps-card { bottom: 32.3%; left: 1%; width: 58%;} .sales-screenshot1 {right: -3.6%; } .sales-logo1-img{left: 5%;} .sales-reps-card {bottom: 17.3%;} .sales-line1 {bottom: 23.5%;} } @media only screen and (max-width: 767px) { .sales-why-tool-img-sec { flex: 0 0 100%; max-width: 100%; padding: 0px; margin-top: 40px;order: 2;} .sales-line-connector2 { display: none; } .sales-why-tool-text { padding: 0; flex: 0 0 100%; max-width: 100%; } .sales-why-use-this-tool { padding: 0 20px 100px;} .sales-shape2 { bottom: -8%; } .sales-reps-img { width: 100%; left: 0; top: 0; text-align: center; z-index:1; } .sales-screenshot1 { top: -6%; right: -2.6%; } .sales-reps-card{bottom: -16.7%;} .sales-line1 {bottom: -10.5%;right: -5%;width: 60%;} } /*Sales Toll section 1*/ /*Sales Toll section 2*/ .sales-lets-started{padding: 0 0 80px;} .sales-lets-started .banner-video-steps {margin-bottom: 45px;width: 94%;} .sales-lets-started .steps-questions-sec {margin-bottom: 20px;} .steps-video-shapes-bg3 {position: absolute;left: -6.5%;top: 19%;} .steps-video-shapes-bg4 {position: absolute;top: 8.9%;right: 1.3%;} .steps-video-shapes-bg5 {position: absolute;top: 30.8%;right: -2%;} @media only screen and (max-width: 767px){ .steps-video-shapes-bg5{top: 50.8%;} .steps-video-shapes-bg4{display: none;} .sales-lets-started .banner-video-steps{width: auto;margin-bottom: 0;} .sales-lets-started {padding: 0 20px 80px;} .steps-video-shapes-bg3{top: 24%;} } /*Sales Toll section 2*/ /*Sales Toll section 3*/ .sales-tool-sec3 h2::after{content: ".";color: var(--skyblue);} /*Sales Toll section 3*/ /*Sales Tool v1 Page End*/ /***New case study webpage css**/ .st-cmn-text-sec .cs-header-wrapper{position:relative;padding-top:4em;padding-bottom:4em} .st-cmn-text-sec .client-logo{display:block;max-width:120px;margin-bottom:2.5em} @media (min-width: 1024px) { .st-cmn-text-sec .client-logo{display:inline-block;position:absolute;left:0;max-width:100px} } @media (min-width: 1200px) { .st-cmn-text-sec .client-logo{display:inline-block;position:absolute;left:0;max-width:150px} } .st-cmn-text-sec .client-logo img{max-width:100%;height:auto} .st-cmn-text-sec .intro{margin:0 auto;max-width:100%;line-height:1.5} .st-cmn-text-sec .intro p:first-of-type{font-size:1.2em;font-weight:600} @media (min-width: 768px) { .st-cmn-text-sec .intro{max-width:650px} } .st-cmn-text-sec p{font-size:16px;line-height:1.5;color:#1f1e4f} .st-cmn-text-sec h2.blue{position:relative;font-weight:800;font-size:1.5em;color:#1f1e4f;text-transform:uppercase;margin-bottom:1.66em} .st-cmn-text-sec h2.blue:after{position:absolute;content:"";background:#09c;width:100px;height:6px;margin-top:32px;left:0} .st-cmn-text-sec .icon-group-wrapper{display:block;width:100%;margin:0 auto;background:#F1F2F3;overflow:auto;padding-top:4em;padding-bottom:4em} .st-cmn-text-sec .icon-group{margin-bottom:3em} @media (min-width: 768px) { .st-cmn-text-sec .icon-group{margin-bottom:0} } .st-cmn-text-sec .icon-img{height:60px;text-align:center;margin-top:1.5em;margin-bottom:1.5em} @media (min-width: 1200px) { .st-cmn-text-sec .icon-img{height:80px} } .st-cmn-text-sec .icon-img img{width:auto;max-height:100%} .st-cmn-text-sec .icon-para{font-size:1.1em;line-height:1.5;color:#1f1e4f;text-transform:uppercase;font-weight:800;text-align:center;padding-right:30px;padding-left:30px} @media (min-width: 768px) { .st-cmn-text-sec .icon-para{padding-right:40px;padding-left:40px} } @media (min-width: 1200px) { .st-cmn-text-sec .icon-para{padding-right:60px;padding-left:60px} } .st-cmn-text-sec .col-cs-wrapper.white{background-color:#fff} .st-cmn-text-sec .col-cs-wrapper.light_grey{background-color:#F1F2F3} .st-cmn-text-sec .col-cs-wrapper{position:relative;max-width:100%;padding-top:4em;padding-bottom:4em} .st-cmn-text-sec .content{margin:0 auto;max-width:100%;line-height:1.5} @media (min-width: 768px) { .st-cmn-text-sec .content{max-width:650px} } .st-cmn-text-sec .case-study-img{width:100%;max-height:250px;overflow:hidden;margin:0 auto 2em} .st-cmn-text-sec .case-study-img img{max-width:100%;height:auto} .st-cmn-text-sec .cta-group.white{background-color:#fff} .st-cmn-text-sec .cta-group.light_grey{background-color:#e6e8ea} .st-cmn-text-sec .cta-group{padding-top:4em;padding-bottom:4em} .st-cmn-text-sec .content{margin:0 auto;max-width:100%;line-height:1.5} @media (min-width: 768px) { .st-cmn-text-sec .content{max-width:650px} } .st-cmn-text-sec .content ul{padding-left:40px} .st-cmn-text-sec .content ul > li{list-style:inherit;color:#1f1e4f} .st-cmn-text-sec .cta-wrapper{text-align:center;margin-top:1.2em} /* Row colours */ .st-cmn-text-sec .col-cs-wrapper.white { background-color: white;} .st-cmn-text-sec .col-cs-wrapper.light_grey { background-color: #F1F2F3;} .st-cmn-text-sec .content { margin: 0 auto; max-width: 100%; line-height: 1.5; color: #1e1e4f; } @media (min-width: 768px) { .st-cmn-text-sec .content { max-width: 650px; } } .st-cmn-text-sec .qu-mark-left { position: absolute; top: -12px; font-size: 56px; text-align: center; font-style: normal; color: #da3964; display: inline-block; width: 30px; height: 30px; } .st-cmn-text-sec .qu-mark-right { position: absolute; bottom: 4px; font-size: 56px; text-align: center; font-style: normal; color: #da3964; display: inline-block; width: 30px; height: 30px; } .st-cmn-text-sec .profile-quote { position: relative; margin-top: 1.5em; text-align: center; } .st-cmn-text-sec .profile-quote div { display: inline-block; width: 85%; margin-left: 30px; padding: 0 10px; font-size: 1.1em; font-style: italic; font-weight: 500; text-align: left; } @media (min-width: 768px) { .st-cmn-text-sec .profile-quote div { width: 70%; } } .st-cmn-text-sec .profile-quote div p:last-of-type { margin-bottom: 0; } .st-cmn-text-sec .profile-img { display: inline-block; vertical-align: middle; width: 60px; margin-right: 1em; } .st-cmn-text-sec .profile-img img { max-width: 100%; height: auto; border-radius: 50%; } .st-cmn-text-sec .profile-details { display: inline-block; vertical-align: middle; } .st-cmn-text-sec .profile-details > .name { font-weight: 700; font-style: normal; text-transform: uppercase; } .st-cmn-text-sec .profile-details > .job-title { font-size: 0.9em; font-style: normal; } /***New case study webpage End***/ /* error 404 Page css Start */ .error-page { padding: 10rem 0; position: relative; text-align: center; } .content-wrapper { margin: 0 auto; padding: 50px; } .content-wrapper> .systems-page{ margin-left: 15%; } @media screen and (max-width: 768px){ .content-wrapper> .systems-page{ margin-left: 0%;} } @media screen and (max-width: 430px){ .content-wrapper> .systems-page{ margin-left: 0%;} } .error-page:before { color: #f3f6f9; content: attr(data-error); font-size: 20vw; font-weight: 500; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 100%; z-index: -1; } .error-page { padding: 10rem 0; position: relative; text-align: center; } .error-page h1 { font-family: 'Poppins',sans-serif; font-style: normal; font-weight: 700; text-decoration: none; color: #1e2048; font-size: 62px; letter-spacing: 0px; text-transform: none; line-height: 1em; } @media screen and (max-width: 430px){ .error-page h1 { font-size: 3rem; } } .error-page .button { font-family: 'Nunito Sans',sans-serif; font-style: normal; font-weight: 800; text-decoration: none; background-color: #03a1dc; border: 1px solid #03a1dc; border-radius: 50px; color: #fff; fill: #fff; font-size: 16px; padding: 12px 44px; text-transform: none; } .error-page .button:hover { font-family: 'Nunito Sans',sans-serif; font-style: normal; font-weight: 800; text-decoration: none; background-color: transparent; border: 1px solid #03a1dc; border-radius: 50px; color: #03a1dc; fill: #fff; font-size: 16px; padding: 12px 44px; text-transform: none; } @media screen and (min-width: 1100px){ .error-page:before { font-size: 20rem; } } .join-the-details-job-down .joblisting-cmn-text ul li { list-style: none; } @media screen and (max-width: 768px){ .arch-dot-list li{text-align: left; padding: 0 0 13px 35px;} .arch-dot-list li::before{ left: 10px; } ._1Kl9L._1v5hd { height: 200px; } } a#cta_button_1611177_ff43aa75-7b9b-4a54-8c14-61311ada686a { background: #009fd6; } sales-why-tool-img-sec .sales-line1 { position: absolute; bottom: 0; right: 12%; width: 39%; animation-delay: 2.6s; } @media screen and (max-width: 767px){ .arch-dot-list { padding: 0; margin: 0 auto; width: 100%; max-width: 250px; } } h2.logo-partner-header { margin: 55px 0 0 0; } .lets-get-started .blue-line-btn { margin-top: 0px !important; } } .chart-spacer-lg{ margin: 0 auto !important; padding: 0; } /*POPUPS*/ @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); /* devanagari */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z11lFd2JQEl8qw.woff2) format('woff2'); unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } /* latin-ext */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z1JlFd2JQEl8qw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* popup background color */ body .leadinModal.leadinModal-theme-default.leadinModal-v3 .leadinModal-content { background-color: #ffffff; } /* button */ body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview .leadin-button,.leadinModal.leadinModal-v3 .leadin-button { background-color:#ea7765 !important; font-family:"Poppins", sans-serif; } /* headline text */ body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview h4, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form h4, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form ol, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form ul, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview h4, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview ol, .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview ul { font-family:"Poppins", sans-serif; } /* body text */ body .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview p { font-family:"Avenir", sans-serif; font-weight:500 !important; } .leadinModal .leadinModal-content .secondary-dismiss, .leadinModal .leadinModal-content input[type=checkbox], .leadinModal .leadinModal-content input[type=email], .leadinModal .leadinModal-content input[type=number], .leadinModal .leadinModal-content input[type=tel], .leadinModal .leadinModal-content input[type=text], .leadinModal .leadinModal-content li, .leadinModal .leadinModal-content p, .leadinModal .leadinModal-content select, .leadinModal .leadinModal-content textarea, .leadinModal .leadinModal-content ul { font-family:"Avenir", sans-serif; font-weight:500 !important; } .leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form p,.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview p { font-family:"Avenir", sans-serif; font-weight:500 !important; } /* featured image */ /*body .leadinModal.leadinModal-theme-default.leadinModal-v3 .dyno-image { margin: 6px !important; }*/ body .leadinModal .dyno-image img { margin: 6px !important; } .job-listing-section2 .apply_now_form label span{width: auto;display: inline-block;} @media(min-width:481px){ fieldset .hs-input{ width:100% !important; } } /************************* DND STYLES *+************************/ /* CTAS */ .btn-blue, .btn-blue-outlined, .btn-orange, .btn-orange-outlined{ display:block; position:relative; margin: 30px auto; width: 190px; font-size: 1rem; font-family: 'Poppins', sans-serif; font-weight: 600; border-radius: 4px; text-align: center; padding: 10px; text-decoration:none; cursor:pointer; } .btn-blue, .btn-blue-outlined:hover{ background-color: #449ed0; border: 2px solid #449ed0; color: #fff !important; } .btn-blue-outlined, .btn-blue:hover{ background-color: transparent; color: #449ed0 !important; border: 2px solid #449ed0; } .btn-orange, .btn-orange-outlined:hover{ background-color: #ea7765; border: 2px solid #ea7765; color: #fff !important; } .btn-orange-outlined, .btn-orange:hover{ background-color: transparent; color: #ea7765 !important; border: 2px solid #ea7765; } /* Video Popup */ .popup_container { display: flex; position : fixed; flex-wrap : wrap; justify-content: center; align-items: center; background-color: rgba(110, 110, 142, 0.9); color : #ffffff; z-index: 9999; top:0; right:0; left:0; bottom:0; } .close { position: fixed; right: 32px; top: 32px; width: 32px; height: 32px; cursor: pointer; opacity:1; } .close:before, .close:after { position: absolute; left: 15px; content: ' '; height: 23px; width: 3px; background-color: #ffffff; } .close:before { transform: rotate(45deg); } .close:after { transform: rotate(-45deg); } .media_container{ width:80%; height:auto; max-height:100%; } .video_details{ display: block; position:relative; width: 100%; max-height: 20%; padding: 20px; font-size:18px; line-height:1.5; overflow: scroll; } .video_container{ overflow: hidden; position: relative; width:100%; max-height: 80vh; } .video_container::after{ padding-top: 56.25%; display: block; content: ''; } .video_description{ display: none; } .iframe_div iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border : 0; border-radius: 5px; } .legal-consent-container p { font-size: 11px; }