body { font-family: Manrope; font-weight: 400; color: #141414; font-size: 20px; line-height: 30px; } /* Paragraphs */ strong { font-weight: 700; } a { transition:400ms; text-decoration: none; color: #393546; } a:hover, a:focus { text-decoration: none; color: #F2318A; } p { margin: 0 0 15px 0; } p:last-child { margin: 0; } .body-24 { font-size: 24px; line-height: 36px; } .body-26 { font-size: 26px; line-height: 36px; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-uppercase { text-transform: uppercase; } .white-text, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6{ color:#fff; } .ul-style ul { list-style: none; padding: 0; margin: 0; } .ul-style li { padding-left: 20px; position: relative; margin-bottom: 20px; list-style: none; } .ul-style li:after { background-color: #161331; border-radius: 100%; content: ''; height: 8px; left: 0; position: absolute; top: 11px; width: 8px; } .ul-check ul { list-style: none; padding: 0; margin: 0; font-size: 19px; } .ul-check li { padding-left: 40px; position: relative; margin-bottom: 28px; } .ul-check li:after { background: url(https://1616151.fs1.hubspotusercontent-na1.net/hubfs/1616151/theme-hippo/images/checkmark.svg) no-repeat center / 26px 21px; content: ''; height: 21px; left: 0; position: absolute; top: 4px; width: 26px; } h1, h2, h3, h4, h5, h6 { margin-top:0px; font-weight:400; margin-bottom:15px; } h1, .h1 { font-family: Lexend; font-style: normal; font-weight: 700; text-decoration: none; font-size:132px; color:#F2318A; line-height:142px; } h2, .h2 { font-family: Lexend; font-style: normal; font-weight: 600; text-decoration: none; font-size:62px; color:#393546; line-height:72px; letter-spacing: -0.06em; } h3, .h3 { font-family: Lexend; font-style: normal; font-weight: 500; text-decoration: none; font-size:48px; color:#393546; line-height:58px; } h4, .h4 { font-family: Lexend; font-style: normal; font-weight: 500; text-decoration: none; font-size:30px; color:#393546; line-height:40px; } h5, .h5 { font-family: Lexend; font-style: normal; font-weight: 500; text-decoration: none; font-size:24px; color:#393546; line-height:34px; } h6, .h6 { font-family: Lexend; font-style: normal; font-weight: 500; text-decoration: none; font-size:18px; color:#393546; line-height:28px; } .body-wrapper:before { content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(266.41deg, #E1F9F8 4.64%, #FEEFF6 71.22%); z-index: -9999; transform: scale(-1); opacity: 0.9; } body.body-inner { background: transparent; } .body-inner .body-wrapper:before { background: #E1F9F8; opacity: 0.6; } @media(max-width: 992px){ .body-24 , .body-26 { font-size: 16px; line-height: 24px; } } header { background: transparent; position: absolute; left: 0; right: 0; top: 0; z-index: 999; transition: top 500ms; } .headertop { text-align: center; color: #fff; padding: 10px 0; font-size: 16px; position: relative; overflow: hidden; background: rgba(18, 16, 22, 1.0) ; z-index: 1; } .headertop .container { position: relative; z-index: 1; } .headertop:before { content: ""; position: absolute; left: -66%; right: 0; bottom: 0; top: 0; background: linear-gradient(199deg, rgba(166, 94, 169, 0.80) 29.83%, rgba(106, 94, 176, 0.80) 36.83%, rgba(0, 0, 0, 0.80) 78.12%); z-index: 1; filter: blur(120px); transform: matrix(0.99, 0.11, -0.21, 0.98, 0, 0); height: 380px; margin: auto; width: 100%; } /* .headertoptext { display: flex; align-items: center; justify-content: center; } */ .headertoptext a { color:#fff; display: flex; align-items: center; justify-content: center; } .headertoptext svg { margin: 0 13px; } .headertop:before { background: linear-gradient(199deg, #186D89 29.83%, #373574 36.83%, #000000 78.12%); } .header ul { margin: 0; padding: 0; } .header ul li { display: inline-block; margin: 0 11px; font-size: 13px; text-transform: uppercase; } .header ul li a { color: #fff; } .header ul li a:hover { color:#19d3c8; } .header .logo { line-height: 0; } .header .button-wrap { width: 24%; } .header { padding: 20px 0; } .header .logo, .header .button-wrap { width: 23%; } .header .container { display: flex; flex-wrap: wrap; align-items: center; } .header .menu { width: 54%; text-align: center; } .button-wrap > div { display: inline-block; margin-left: 12px; } .header .button-wrap { text-align: right; line-height:0; } .header [class*=button-] a { padding: 5px 20px; } .header-white header { background: #fff; } header.headerfixed { background: #fff; top:-140px; position: fixed; } header.headerfixed .header ul li a , .header-white header .header ul li a {color: #121016;} header.headerfixed .header [class*=button-] a , .header-white header .header [class*=button-] a { border-color: #393546; background: transparent; color: #393546; } header.headerfixed .header [class*=button-] a svg , .header-white header .header [class*=button-] a svg { filter: none; } header.headerfixed .header ul li a:hover , .header-white header .header ul li a:hover { color:#F2318A; } header.headerfixed2 { top: 0; } header.headerfixed .header .button-1 a:hover , .header-white header .header .button-1 a:hover { background-color: #19d3c8; border-color: #19d3c8; color: #fff; } header.headerfixed .header .button-1 a:hover svg, .header-white header .header .button-1 a:hover svg { filter: brightness(0) invert(1); } header.headerfixed .header .button-2 a:hover , .header-white header .header .button-2 a:hover { background-color: #19d3c8; border-color: #19d3c8; color: #fff; } header.headerfixed .header .button-2 a:hover svg , .header-white header .header .button-2 a:hover svg { filter: brightness(0) invert(1); } .header .logo img:last-child { display: none; } .headerfixed .header .logo img:last-child , .header-white .header .logo img:last-child { display: block; } .headerfixed .header .logo img:first-child , .header-white .header .logo img:first-child { display: none; } header.headerfixed.nav-up { top: -140px; } .ebiz-toggle { display: none; } .header .menu .hs-menu-wrapper li.hs-item-has-children {position: relative;} .header .menu .hs-menu-wrapper ul.hs-menu-children-wrapper { position: absolute; background:#fff; width: 250px; border-radius: 30px 0; padding: 20px 0; top: 100%; left: -30px; opacity: 0; visibility: hidden; transition: all 0ms; box-shadow: 0px 10px 27px -6px rgb(0 0 0 / 50%); } .header .menu .hs-menu-wrapper ul.hs-menu-children-wrapper li a { padding: 8px 16px; color: #121016; display: block; line-height: normal; } .header .menu .hs-menu-wrapper ul.hs-menu-children-wrapper li a:hover { color:#F2318A; } .header .menu .hs-menu-wrapper li.hs-item-has-children:hover ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; transition: all 500ms; } /* .header .menu .hs-menu-wrapper li.hs-item-has-children > a:after { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='46' height='20' viewBox='0 0 46 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5021 2.78041C20.0452 -0.916723 25.9548 -0.916726 29.4979 2.78041L46 20H0L16.5021 2.78041Z' fill='white'/%3E%3C/svg%3E%0A"); width: 136px; height: 30px; position: absolute; top: 100%;right: 0; opacity: 0; visibility: hidden; background-position: 74% 100%; background-repeat: no-repeat; transition: all 0ms; } */ .header .menu .hs-menu-wrapper li.hs-item-has-children:hover > a:after {opacity: 1; visibility: visible; transition: all 500ms; } .header .menu .hs-menu-wrapper ul.hs-menu-children-wrapper li { width: 100%; text-align: left; } @media(min-width:1600px){ .header .container { max-width: 1600px; } } @media(max-width:1350px){ .header .logo, .header .button-wrap { width: 24%; } .header .menu { width: 52%; } } @media(max-width:1199px){ .header { padding: 14px 0; } .header .container { max-width: 100%; } .header .logo { width: 16%; } .header .menu { width: 58%; } .header .button-wrap { width: 26%; } .header [class*=button-] a { padding: 3px 16px; } .headertoptext a strong { display: none; } } @media(max-width:991px){ .ebiz-toggle { display: block; position: absolute; right: 20px; width: 18px; height: 16px; background: transparent; border: none; margin: auto; } .ebiz-toggle span, .ebiz-toggle span:after, .ebiz-toggle span:before { background: #fff; width: 100%; height: 2px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .ebiz-toggle span:after, .ebiz-toggle span:before { content: ""; transition: all 0.5s; } .ebiz-toggle span:before { transform: translateY(-6px); } .ebiz-toggle span:after { transform: translateY(6px); } .body-subopen .ebiz-toggle span { background: transparent !important; } .body-subopen .ebiz-toggle span:before { transform: rotate(45deg); top: 0; background: #19D3C8; } .body-subopen .ebiz-toggle span:after { top: 0; transform: rotate(-45deg); background: #19D3C8; } .headerfixed2 .ebiz-toggle span, .headerfixed2 .ebiz-toggle span:after, .headerfixed2 .ebiz-toggle span:before { background: #19D3C8; } .header .menu { display: none; } .header .button-wrap { margin-left: auto; margin-right: 60px; width: 40%; } .header .logo { width: 40%; } .header { padding: 13px 0; } .headertop { padding: 5px 0; } /* .header .menu { width: 59%; } .header .button-wrap { width: 25%; } */ .header .container { max-width: 100%; } .mobile-menu { display: none; background: aliceblue; top: 100%; position: absolute; width: 100%; padding: 0px 0 20px; max-height: calc(100vh - 90px); overflow: auto !important; } .mobile-menu ul { margin: 0; padding: 0; list-style: none; } .mobile-menu ul li a { padding: 10px 55px 10px 15px; display: block; font-weight: 600; text-transform: capitalize; border-bottom: 1px solid #D1D0F4; } .mobile-menu .button-wrap { margin-top: 20px; } .mobile-menu .button-wrap .button-1 a { background-color: #19d3c8; border-color: #19d3c8; color: #fff; } .mobile-menu ul li.hs-item-has-children { position: relative; } span.mobile-toggle { position: absolute; top: 0; right: 10px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; } span.mobile-toggle svg { width: 18px; height: 16px; margin-top: 4px; } .mobile-menu ul li ul li a { padding-left: 31px; } .mobile-menu ul.hs-menu-children-wrapper { display: none; position: relative; z-index: 2; } span.mobile-toggle.nav-subopen { transform: scale(-1); } body.body-subopen { overflow: hidden; } span.mobile-toggle svg path { fill: #8D8BC1; } span.mobile-toggle.nav-subopen svg { margin-top: -4px; } a[href="javascript:;"] + span.mobile-toggle { width: 100%; justify-content: right; padding-right: 11px; } a[href="javascript:;"] + span.mobile-toggle.nav-subopen { transform: scaleY(-1); } .header-white .ebiz-toggle span, .header-white .ebiz-toggle span:after, .header-white .ebiz-toggle span:before { background: #19D3C8; } } @media(max-width:767px){ .header .button-wrap { width: calc(100% - 200px); } .header .logo { width: 140px; } .header [class*=button-] a , .mobile-menu [class*=button-] a { font-size: 12px !important; padding: 3px 13px !important; } .button-wrap > div { margin-left: 6px; } .headertoptext { font-size: 14px; } .headertop:before {filter: blur(90px);width: 160%;} .headertop { padding: 8px 0; } } @media(max-width:499px){ .header .button-wrap { display: none; } } *{box-sizing: border-box;} *:focus{outline:none;} ::-moz-focus-inner{border:0;} body{ margin:0px; background: linear-gradient(261.98deg, #FEEFF6 24.57%, #E1F9F8 72.84%); } .row-fluid [class*="span"]{min-height:auto;} .container{ width:100%; max-width:1210px; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; float:none; box-sizing: border-box;} .container:after{clear:both; content: ""; display:table;} .container-1350 { max-width: 1350px; } .container-1240 { max-width: 1270px; } .padding-topbottom{padding-top:60px; padding-bottom:60px;} .padding-top{padding-top:60px;} .padding-bottom{padding-bottom:60px;} .mt-50 { margin-top: 50px; } img{height:auto; max-width:100%;} .bg-img { background-size: cover; background-repeat:no-repeat; background-position:center; } .bg-path { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; } .title-gradient span { background: linear-gradient(180deg, #615EB1 0%, #B15EA9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .title-sec { text-align: center; margin-bottom: 70px; } .text-center{ text-align:center; } .text-left{ text-align:left; } .text-right{ text-align:right; } /* CSS start from here */ .hero-sec { background: #121016; min-height: 112vh; text-align: center; padding-top: 200px; padding-bottom: 200px; position: relative; z-index: 1; -webkit-clip-path: url(#bottom-path); clip-path: url(#bottom-path); overflow: hidden; } .hero-sec:before { content: ""; position: absolute; left: -190px; right: 0; background: linear-gradient(199.11deg, rgba(18, 113, 143, 0.5) 29.83%, rgba(94, 112, 176, 0.5) 36.83%, rgba(0, 0, 0, 0.5) 78.12%); width: 60%; height: 700px; filter: blur(100px); z-index: -1; mix-blend-mode: lighten; margin: auto; top: -140px; transform: matrix(0.99, 0.11, -0.21, 0.98, 0, 0); } .hero-sec h5 { font-weight: 400; font-size: 38px; color: #fff; line-height: normal; text-transform: uppercase; letter-spacing: -1.41098px; transition: all 0.2s; } .hero-caption h1 { color: #fff; font-size: 100px; line-height: 100px; margin-bottom:50px; letter-spacing: -0.06em; transition: all 0.2s; } .hero-caption { width: 100%; max-width: 940px; margin: auto; } .hero-caption .button-3 { transition: all 0.2s; } .smoke-img { position: absolute; right: 0; bottom: -140px; left: 0; z-index: -1; height:100%; } .smoke-img img , .smoke-img lottie-player , .smoke-img canvas { width: 100%; position: absolute; left: 0; right: 0; bottom: 0; height:auto; } .smoke-img lottie-player { transform: scale(1.6); } #herobottomimg { width: 100%; max-width: 370px; position: absolute; left: 0; right: 0; margin: auto; top: 100%; z-index:-1; transform: translateY(-50%); transition: all 0.2s; margin-top: 200px; } /* #herobottomimg.herobottom-class { margin-top: 0; } */ .smoke-img .last { opacity:0; bottom: 100px; } .herobottom-title h2 { color: #fff; font-size: 248px;line-height: normal; } .herobottom-title { position: absolute; bottom: -100px; left: 0; right: 0; text-align: center; z-index: -1; line-height: normal; opacity: 0; } /* #herobottomimg img { left: 0; right: 0; width: 100%; margin: auto; position: absolute; max-width: 750px; } */ .hero_bottle_image1.bottle-class { max-width: 186px; transform: translateY(-50%) translateX(3px); margin-top: 73px; } .book-demo-sec { background: #121016; text-align: center; color: #fff; padding: 170px 0 0; -webkit-clip-path: url(#top-path); clip-path: url(#top-path); position: relative; z-index: 1; margin-bottom: -1px; } .book-demo-sec .book-demo-wrap { width: 100%; max-width: 600px; margin: auto; } .book-demo-sec .book-demo-wrap h3 { color: #fff; } .book-demo-sec .book-demo-wrap .book-demo-text { font-size: 14px; line-height: normal; width: 100%; max-width: 460px; margin: 0 auto 60px; } .book-demo-sec .book-demo-wrap .default-form { text-align: left; } .book-demo-sec .hs-submit .actions { position: relative; z-index: 1; display: table; margin: auto; } .book-demo-sec .hs-submit .actions:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.35543 7.47703C3.04806 9.18349 5.79237 9.18349 7.48501 7.47703C9.17767 5.77058 9.17767 3.00387 7.48501 1.29742C5.79237 -0.409036 3.04806 -0.409036 1.35543 1.29742C-0.337225 3.00387 -0.337225 5.77058 1.35543 7.47703Z' fill='%23F2318A'/%3E%3Cpath d='M8.75452 8.60795C8.75452 8.60795 9.32021 8.21695 9.4928 8.12369C9.64849 8.03958 9.78621 7.95082 9.9034 7.90832C11.5925 7.29567 12.5645 7.34001 13.2062 7.36767C14.2555 7.34394 15.0305 7.34912 16.0471 6.67098C16.421 6.42152 16.6997 6.05688 16.8859 5.66522C17.5823 4.1993 17.3275 2.38856 16.122 1.17318C14.9158 -0.0428867 13.1182 -0.299256 11.6637 0.404422C11.2762 0.591911 10.9364 0.883903 10.6687 1.24876C9.95058 2.22773 9.95008 3.0013 9.97769 4.11281C9.95077 4.70897 10.0535 5.74365 9.44453 7.44569C9.40187 7.56491 9.31529 7.70033 9.2302 7.85893C9.13775 8.03119 8.75452 8.60795 8.75452 8.60795Z' fill='%23F2318A'/%3E%3Cpath d='M8.59972 8.75684C8.59972 8.75684 8.034 9.14787 7.86141 9.24111C7.70573 9.32524 7.568 9.41398 7.45081 9.4565C5.76171 10.0691 4.78972 10.0248 4.14802 9.99713C3.09868 10.0209 2.32367 10.0157 1.30716 10.6938C0.933235 10.9433 0.654481 11.3079 0.468412 11.6996C-0.228029 13.1655 0.0266718 14.9763 1.2322 16.1916C2.43844 17.4078 4.23597 17.6641 5.69047 16.9603C6.07799 16.773 6.4178 16.4809 6.68548 16.116C7.40363 15.1371 7.40413 14.3635 7.37653 13.252C7.40345 12.6558 7.30069 11.6212 7.9097 9.91911C7.95234 9.79991 8.03893 9.66447 8.12403 9.50589C8.21646 9.33361 8.59972 8.75684 8.59972 8.75684Z' fill='%23F2318A'/%3E%3Cpath d='M9.86921 16.2163C11.5618 17.9227 14.3062 17.9227 15.9988 16.2163C17.6914 14.5098 17.6914 11.7431 15.9988 10.0367C14.3062 8.33022 11.5618 8.33022 9.86921 10.0367C8.17657 11.7431 8.17657 14.5098 9.86921 16.2163Z' fill='%23F2318A'/%3E%3C/svg%3E%0A"); width: 19px; height: 19px; position: absolute; left: 28px; top: 4px; bottom: 0; margin: auto; pointer-events: none; } .book-demo-sec .hs-submit .actions input.hs-button { padding-left: 60px; padding-top: 18px; padding-bottom: 18px; border-radius: 20px; padding-right: 25px; } .book-demo-sec:before { content: ""; background: linear-gradient(199.11deg, rgba(166, 94, 169, 0.8) 29.83%, rgba(106, 94, 176, 0.8) 36.83%, rgba(0, 0, 0, 0.8) 78.12%); position: absolute; left: 0; right: 0; z-index: -1; filter: blur(150px); transform: matrix(0.98, 0.18, -0.13, 0.99, 0, 0); width: 78%; top: -60px; height: 750px; } .book-demo-img { display: table; margin: 30px auto 0; mix-blend-mode: multiply; width: 100%; max-width: 210px ; transition: all 0.5s; position: relative; } .book-demo-img img.hover-demo { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; object-fit: contain; transition: all 0.5s;} .book-demo-img.active img:first-child { opacity: 0; } .book-demo-img.active img.hover-demo { opacity: 1; } .book-demo-img.active { mix-blend-mode: normal; } .slider-title-top { display: flex; margin-bottom: 45px; } .slider-title { display: flex; align-items: center; flex: 1; } .slider-title h4 { margin-right: 30px; margin-bottom: 0; letter-spacing: -1px; } .slider-title .button-4 { line-height: 0; } .slider-title-top .button-4 a { min-width: 99px; padding: 5px 15px; } .slider-title-top .button-arrow a svg:last-child { margin-left: 4px; } .latest-blog-sec { padding: 90px 0; } .blog-row { margin: 0 -15px; } .blog-row .slick-slide > div { padding: 0 15px; } .blog-row .blog-img img {border-radius: 12px;} .blog-row .tag a.topic-link { background: #E3E3EF; border-radius: 8px; padding: 4px 12px; display: inline-block; font-size: 14px; color: #393546; font-weight: 700; margin-right: 6px; margin-bottom: 6px; } .blog-row .blog-img {margin-bottom: 22px;} .blog-row .tag { margin-bottom: 20px; } .blog-row .blog-text { font-size: 16px; color: #766E7E; line-height: 28px; margin-bottom: 35px; } .blog-post .blog-content > a { display: table; } .clients-say-sec { padding: 100px 0; overflow: hidden; } .clients-say-slider .slick-list { overflow: visible; display: flex; } .clients-say-sec .slick-track { display: flex !important; } .clients-say-slider .slick-slide { width: 460px; padding: 40px 30px; background: #fff; border: 1px solid #F0F0F0; box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.2); border-radius: 12px; margin: 0 8px; transition:400ms } .clients-say-box h6 { letter-spacing: -0.03em; text-transform: uppercase; color: #892B69; margin-bottom: 20px; transition:400ms } .clients-say-text { font-size: 16px; line-height: 28px; font-weight: 500; } .clients-say-person { display: flex; margin-top: 30px; } .person-name-desc { font-size: 13px; line-height: 24px; color: #9F97A7; padding-left: 20px; width: calc(100% - 84px); transition:400ms } .person-img-logo { width: 84px; display: flex; align-items: center; } .person-img-logo img:first-child { border-radius: 100%; } .person-img-logo img:last-child { margin-left: -7px; } .clients-say-slider .slick-slide > div { height: 100%; } .clients-say-slider .slick-slide .clients-say-box { height: 100%; display: flex !important; flex-direction: column; justify-content: space-between; align-items: flex-start; } .clients-say-title { margin-bottom: 35px; } .clients-say-arrow .sliderbtn { margin-right: 14px; margin-left: 0; } .clients-say-arrow { margin-top: 35px; } .clients-say-slider .slick-slide:hover { color: #ffff; background: #531A40; } .clients-say-slider .slick-slide:hover .person-name-desc { color: #fff; } .clients-say-slider .slick-slide:hover h6{ color: #FAABCF; } .use-cases-sec { overflow: hidden; padding: 100px 0; } .use-cases-slider .slick-slide { width: 529.6px; background: #fff; box-shadow: 0px 7px 29px rgba(100, 100, 111, 0.2); margin: 0 10px; border-radius: 12px 12px; overflow: hidden; } .use-cases-slider .slick-list { overflow: visible; } .use-cases-top { padding: 40px 30px 50px; } .use-cases-icon { margin-bottom: 30px; min-height: 40px; } .use-cases-icon img { height: 50px !important; object-fit: contain; object-position: left; } /* .use-cases-top .subtitle { font-size: 50px; font-weight: 700; line-height: 50px; } */ .use-cases-top .title { font-size: 30px; font-weight: 700; line-height: normal; margin-bottom: 20px; min-height: 82px; } .use-cases-text { font-size: 14px; line-height: 24px; width: 100%; max-width: 400px; min-height: 96px; } .use-cases-img { text-align: center; padding: 30px; } .use-cases-img img { max-width: 350px !important; width: 100%; display: table; margin: auto; height: 170px !important; object-fit: contain; } .use-cases-img .lottie-path-anim { width: 100%; height: 170px ; } [data-slick-index="1"] .use-cases-img img { height: 210px !important; margin-bottom: -33px; margin-top: -7px; } .video-player-sec { padding: 100px 0; } .video-player-wrap { min-height: 800px; border-radius: 12px; padding: 100px 40px 50px; position: relative; z-index: 1; overflow: hidden; display: flex; align-items: flex-end; } .video-player-wrap:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.7) 75.58%), linear-gradient(0deg, rgba(73, 73, 73, 0.36), rgba(73, 73, 73, 0.36)); } .video-player-logo { position: absolute; left: 50px; top: 65px; width: 219px; } .video-player-btn { position: absolute; right: 35px; top: 35px; } .video-player-inner { display: flex; color: #fff; align-items: flex-end; } .video-player-inner h2 { font-size: 90px; color: #fff; line-height: 94px; font-weight: 700; margin-bottom: 0; width: 58%; padding-right: 40px; } .video-player-content { width: 42%; padding-left: 10px; padding-left: 30px; padding-right: 10px; } .video-player-text { font-size: 16px; color: #E3E3EF; line-height: 28px; margin-bottom: 11px; } .video-player-name { font-size: 16px; font-weight: 700; } .video-player-inner h2 span { background: linear-gradient(180deg, #615EB1 0%, #B15EA9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } video.bg-video { position: absolute; left: 0; right: 0; bottom: 0; top: 0; object-fit: cover; z-index: -2; opacity: 1; } .explore-sec { color: #fff; padding: 250px 0; position: relative; z-index: 1; overflow: hidden; } .explore-sec .bg-path { background: #121016; -webkit-clip-path: url(#top-bottom-path); clip-path: url(#top-bottom-path); right:-2%; } .explore-box { background: rgba(255, 255, 255, 0.07); border-radius: 64px; border: 1px solid; border-image-source: linear-gradient(89.56deg, #ADE4E1 -1.07%, #263D5F 2.36%, rgba(27, 34, 52, 0) 14.67%); padding: 90px 80px; display: flex; width: 100%; max-width: 1156px; margin: auto; align-items: center; } .explore-content { width: 50%; padding-right: 60px; } .explore-img { width: 50%; text-align: right; } .explore-text { color: rgb(255 255 255 / 70%); margin-bottom: 30px; } .explore-content h3 { color: #fff; margin-bottom: 30px; } .explore-sec .bg-path:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(//5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/raw_assets/public/Dragonflyai%202024/images/explore-bg-ptn.png); } .explore-title { text-align: center; width: 100%; max-width: 870px; margin: 115px auto 0; } .explore-title h2 { color: #fff; margin-bottom:60px; } .explore-title h2 span { color: #F4549E; } .explore-sec .button-3 a { font-size: 19px; font-weight: 500; padding: 13px 25px; min-width: 124px; } .specialize-sec { position: relative; min-height: 840px; display: flex; padding-top: 170px; padding-bottom:120px; } .bg-svg { position: absolute; width: 100%; top: -120px; z-index: -1; height: 100%; left: 0; right: 0; } .specialize-wrap { background: #161331; border-radius: 64px; padding: 60px; color: #fff; font-size: 16px; font-weight: 500; min-height: 390px; } .specialize-sec h2 { color: #fff; font-size: 52px; line-height: normal; margin-bottom: 30px; } .checkbox-wrap ul { padding: 0; margin: 0; } .checkbox-wrap ul li { display: inline-block; margin-right: 20px; } .styled-checkbox + label:before { content: ""; width: 18px; height: 18px; border-radius: 4px; position: absolute; left: 0; top: 0; bottom: 0; border: 1px solid #fff; margin: auto; } .styled-checkbox:checked + label:before { background: #F2318A; } .specialize-sec .bg-svg path { transition: all 0.5s; } .thank-msg .bg-svg path { d: path("M-266.15 77.8612L697.305 401.213C827.234 444.82 969.511 431.781 1089.35 365.284L1352.96 219.009L1708.3 28.3203"); } .thank-msg .bg-svg { bottom: -210px; top: auto; } .styled-checkbox { display: none; } .styled-checkbox + label { position: relative; display: block; padding-left: 35px; cursor: pointer; } .checkbox-title { font-size: 24px; line-height: normal; margin-bottom: 30px; } .specialize-wrap .submit-btn { text-align: right; margin-top: 30px; } .specialize-wrap .submit-btn input[type="submit"] { background: #F2318A; color: #fff; font-size: 19px; min-width: 121px; font-weight: 500; } .submit-btn { border-radius: 12px; position: relative; z-index: 1; display: table; margin-left: auto; overflow: hidden; } .specialize-wrap .submit-btn:after { background: linear-gradient(180deg,hsla(0,0%,100%,.1) 48.97%,hsla(0,0%,100%,0) 56.53%); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1; pointer-events: none; } .thank-specialize h2 { display: flex; align-items: center; } .thank-specialize h2 lottie-player { width: 100px; margin-bottom: -67px; } .image-content-left { width: 46%; padding-right: 40px; } .image-content-right { width: 54%; text-align: right; } .image-content-item { padding: 80px 0; } .image-content-text { margin-bottom: 25px; width: 100%; font-size:26px; line-height: normal; } .image-content-sec h3 { letter-spacing: -1.5px; } .image-content-right .lottie-container {position: relative;left: 40px;} .image-content-sec .image-content-text { font-size: 22px; } .primary-use-sec {padding: 170px 0;} .primary-use-row ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; } .primary-use-row ul li { width: 50%; padding: 7px; } .primary-use-row ul li a { background: #fff; opacity: 0.8; box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.2); border-radius: 12px; padding: 24px; display: flex; align-items: center; font-size: 24px; color: #393546; text-transform: uppercase; position: relative; z-index: 1; } .primary-use-row { width: 100%; max-width: 730px; margin: auto; } .primary-icon { width: 52px; height: 52px;border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 27px; position: relative; z-index: 1; background:#766E7E; } .primary-icon:before { content: ""; position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; background: #fff; z-index: -1; border-radius: 100%; } .primary-use-row ul li a:hover .primary-icon { background: linear-gradient(180deg, #615EB1 0%, #B15EA9 100%);} .primary-use-row ul li a:hover { opacity: 1; } .primary-use-row ul li a:before { content: ""; position: absolute; right: 0; left: 0; top: 0; bottom: 0; border-radius: 12px; box-shadow: 0 0 0; transition: all 0.5s; } .primary-use-row ul li a:hover:before { box-shadow: 6px 0 0 0 #F4549E; } .do-your-work { padding: 140px 0; } .do-your-right { width: 440px; position: relative; } .do-your-left { width: calc(100% - 440px); padding: 80px; } .do-your-wrap { background: #161331; color: #fff; border-radius: 64px; overflow: hidden; min-height: 460px; } .do-your-work h3 { color: #fff; margin-bottom: 70px; letter-spacing: -0.06em; } .do-your-work h3 span { color: #F2318A; } .do-your-right lottie-player { height: 100%; width: 100%; position: absolute; right: 0; top: 0; left: 0; bottom: 0; transform: scale(1.01); } .do-your-work .container { width: 100%; max-width: 1150px; } .do-your-form-thank h3 { display: flex; align-items: center; } .do-your-form-thank h3 lottie-player { width: 100px; margin-bottom: -67px; } .button-label { border: 1px solid; border-radius: 17px; display: inline-block; font-size: 19px; font-weight: 500; line-height: 24px; overflow: hidden; padding: 13px 24px; position: relative; text-align: center; z-index: 1; background-color: #fff; border-color: #faabcf; color: #393546; margin-right: 20px; cursor: pointer; min-width: 124px; } .button-wrap input[type="radio"] { display: none; } .button-wrap input[type="radio"]:checked + .button-label { background-color: #F2318A; border-color: #faabcf; color: #fff; } .button-label:after { background: linear-gradient(180deg,hsla(0,0%,100%,.1) 48.97%,hsla(0,0%,100%,0) 56.53%); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: -1 } .logo-sec ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; } .logo-sec ul li { width: 33.3333%; text-align: center; padding: 25px 20px; display: flex; align-items: center; justify-content: center; } .logo-sec ul li:nth-child(4) img { margin-bottom: -12px; } /* .logo-sec ul li img { filter: grayscale(1) opacity(0.6); } */ /* .logo-sec ul li a:hover img { filter: none; } */ .logo-sec .image-content-right.active ul li { opacity: 1; transform: translateY(0); } .logo-sec .image-content-text { max-width: 430px; } .maximise-sec { padding: 80px 0; min-height: 100vh; } .maximise-img-row { width: 100%; max-width: 1373px; margin: auto; height: 1160px; } .optimize-sec { text-align: center; padding: 80px 0; min-height: 100vh; display: flex; align-items: center; } .questions-sec { overflow: hidden; padding: 100px 0; position: relative; z-index: 1; min-height: 130vh; display: flex; align-items: center; } .questions-sec .bg-path { background: #262452; -webkit-clip-path: url(#top-bottom-path); clip-path: url(#top-bottom-path); right: -2%; } .ques-link { position: absolute; top: 90px; width: 100%; left:0; right:0; transition: all 500ms; } .ques-link svg { width: 100%; height: 100%; } .ques-link.line-2 { top: 25%; } .questions-row { width: 100%; max-width: 850px; margin: auto; text-align: center; position: relative; margin-top: -40px; } .questions-sec h2 { color: #fff; font-size: 68px; line-height: normal; letter-spacing: -0.06em; margin-bottom: 30px; } .questions-text { font-size: 28px; line-height: normal; color: #fff; opacity: 0.5; max-width: 700px; width:100%; margin: auto; } .ques-link.line-1 { transform: rotate(-10deg); } .ques-link-3 { position: absolute; left: 0; right: 0; height: 100% ; } .ques-link-3 svg { height: 100%; width: 100%; } .ques-link-wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: all 500ms; } .questions-item { position: absolute; top: 50%; transform: translateY(-50%); opacity: 0; left:0; right:0; } .ques-link-3.link-class2 { top: 100px !important; } .ques-link-3.link-class3 { top: 290px !important; } .questions-sec h2 span { color: #F2318A; } .optimize-sec .lottie-animation { width: 100%; max-width: 1040px; margin-left: auto; margin-right: auto; position: relative; left: 0; } .optimize-sec .title-sec { margin-bottom: 0; } .maximise-sec .title-sec { margin-bottom: 40px; } .lottie { width: 100%; max-width: 1120px; margin: auto; background: #fff; } .optimize-img-wrap {width: 100%; } /* .optimize-img.active { position: fixed; top: 97px; left: 0; right: 0; z-index:22 } */ .hero_bottle_image { left: 0; margin: auto; max-width: 250px; position: fixed; right: 0; top: 50%; transform: translateY(-50%); width: 100%; } .hero_bottle_image2 { transform: translateY(-50%) translateX(3px); max-width: 247px; margin-top: 50px; } .white-square { position: absolute; right: 380px; top: 190px; width: 140px; height: 200px; background: #fff; } .data-driven-sec { position: relative; z-index: 1; color: #fff; padding: 0 0; overflow: hidden; min-height: 100vh; } .data-driven-sec .bg-path { background: #121016; -webkit-clip-path: url(#top-bottom-path); clip-path: url(#top-bottom-path); right: -2%; } /* */ .podcast-img { width: 100%; } .podcast-img img { width: 100%; border-radius: 15px; } .episode { font-size: 14px; text-transform: uppercase; color: #1A6864; font-weight: 600; margin-bottom: 5px; } .podcast-content h5 { font-size: 18px; line-height: normal; margin-bottom: 15px; } .podcast-text { font-size: 16px; color: #766E7E; line-height: 24px; margin-bottom: 10px; } .podcast-content { padding-top: 6px; } .podcast-sec { padding: 40px 0; } .podcast-item { width: calc(100% / 3 - 30px); background: #06343B; margin: 0 15px; color: #fff; padding: 25px; border-radius: 10px; } .podcast-row { margin: 40px -15px 0; } .podcast-item .episode { color: #A1EDE8; } .podcast-title { background: #fff; color: #393546; font-weight: 700; font-size: 18px; padding: 6px 15px; display: table; border-radius: 5px; line-height: normal; margin-bottom: 10px; } .podcast-item h4 { color: #fff; font-size: 26px; font-family: Manrope; margin-bottom:40px; font-weight:700; } .podcast-item .podcast-content { padding: 0; } .podcast-item .link a { color: #fff; } /* */ .data-driven-row { bottom: 0; display: block; left: 0; margin: auto; max-width: 1250px; min-height: 134vh; position: relative; padding: 290px 0; } .data-driven-item { opacity: 0; position: absolute; width: 60%; top: 45%; transform: translateY(-50%); transition: opacity 0.5s; } .data-driven-item-1 { opacity: 1; } .data-driven-title h2 { color: #fff; text-align: center; font-size: 115px; line-height: 119px; max-width: 1030px; margin: auto; } .data-driven-animation img { max-width: 640px; margin: 0 auto 0; display: table; } .data-driven-title { position: relative; left: 0; position: absolute; right: 0; top: 180px; } .data-driven-animation { left: 0; margin: auto; max-width: 82%; position: absolute; right: -160px; top: 40%; transform: translateY(-50%); width: 100%; } .data-driven-item h2 { color: #fff; font-size: 80px; line-height: 80px; margin-bottom:30px; } .data-driven-text { font-size: 26px; max-width: 600px; opacity: .8; width: 100%; line-height: normal; } .data-driven-sec .bg-path:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(//5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/raw_assets/public/Dragonflyai%202024/images/data-driven-bg.png); } .video-player-sec .container { max-width: 1325px; } /* */ .herobottom-class2 { max-width: 109px; left: 491px; top: 560px; } .hero_bottle_image_wrap.index { pointer-events: none; } .hero_bottle_image_wrap.index .hero_bottle_image2, .hero_bottle_image2.herobottom-class2 { z-index: 99 !important; } .maximise-img-item-1 { width: 100%; position: relative; } .maximise-img-item.maximise-class { width: 66%; } .maximise-img.maximise-img-2 { position: absolute; left: 0; right: 0; top: 0; width: calc(100% - 10px); } img.maximise-img.maximise-img-1 { width: 100%; } .maximise-img-item.maximise-img-item-2 { width: 33%; transform: translateX(20px); opacity: 0; } .maximise-img-item-2.maximise-class2 { opacity: 1; transform: translateX(0px); } .hover-img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; transition: all 0.5s; } .maximise-active .maximise-img-item:hover .hover-img { opacity: 1; } .maximise-img-item-1 .hover-img { width: calc(100% - 10px); } .maximise-img-item { position: relative; } .maximise-img-item-3 { width: 49%; margin-top: -3px; } .maximise-img-item-4 { width: 51%; } .maximise-img-item-3 img.maximise-img { width: calc(100% - 10px); } .maximise-wrap-sec {width: 100%;height: 100%;} /* */ .image-content-v2 .title-gradient span { background: linear-gradient(93.34deg, #1297A9 28.74%, #615EB1 107.65%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .pre-flight {min-height: 100vh;display: flex;align-items: center; padding: 120px 0; } .pre-flight .image-content-item { padding: 0; } /* .image-content-v2 .image-content-left { width: 45%; } .image-content-v2 .image-content-right { width: 55%; text-align: right; } */ .pre-img-wrap { position: relative; left:60px; } .pre-after { position: absolute; top: 0; right: 0; height: 0%; overflow: hidden; transition: all 200ms; } .pre-last-img { position: absolute; top: -80px; left: -63px; opacity:0; transform: translateX(100px); transition: all 200ms; } /* .pre-last-show { transform: translateX(0); } */ .image-text-item-2 { display: none; } #animationContainer-pre { width: 100%; max-width: 620px; margin-left: auto; } .pre-last-img.pre-last-on { transform: translateX(0) !important; opacity: 1 !important; } .maximise-slider-row { display:none; } /* F&B page */ .size-90 { font-size: 90px; font-weight: 600; line-height: 94px; } .size-116 { font-weight: 700; font-size: 116px; line-height: 91%; } .size-36 { font-weight: 500; font-size: 36px; line-height: 47px; letter-spacing: -1.44px; } .title-gradient2 span { background: linear-gradient(93.34deg, #1297A9 28.74%, #615EB1 107.65%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; padding-right:3px; } .ready-sec { padding: 14% 0 220px; min-height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; } .ready-caption { width: 100%; max-width: 1010px; margin: 0 auto; text-align: center; } .ready-caption h2.title-gradient { margin-bottom: 30px; } .ready-text { font-weight: 500; font-size: 24px; line-height: 36px; width: 100%; max-width: 730px; margin: 0 auto 30px; } .ready-svg { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: -1; } .ready-svg svg { width: 100%; height: 100%; } .ready-svg path { stroke-width: 45px; } .industry-sec { text-align: center; padding: 150px 0; } .industry-cap { width: 100%; max-width: 930px; margin: 0 auto 40px; } .industry-cap h2 { margin-bottom: 30px; } /* */ .key-benefits-sec { position: relative; z-index: 1; padding: 260px 0; color: #fff; overflow: hidden; } .key-benefits-sec h2 { color: #fff; text-align: center; margin-bottom: 80px; } .key-benefits-sec .bg-path { background: #121016; -webkit-clip-path: url(#top-bottom-path); clip-path: url(#top-bottom-path); right: -2%; } .key-benefits-sec .bg-path:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(https://dragonflyai.co/hubfs/dragonflyai-2024/images/key-bg-ptn.png) no-repeat center / cover; } .arrows-dots-wrap { display: flex; justify-content: center; line-height: 0; margin-top: 20px; } ul.dots-list { padding: 0; margin: 0 15px; display: flex; align-items: center; list-style: none; } ul.dots-list li span { width: 8px; height: 8px; background: rgba(255, 255, 255, 0.4); border-radius: 100%; display: block; } ul.dots-list li { margin: 0 6px; cursor: pointer; } ul.dots-list li.active span { background: #F4549E; } .arrows-tab { width: 64px; height: 64px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.32); border-radius: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 500ms; } .benefits-wrpa { display: flex; } .benefits-left { width: 50%; padding-left: calc((100% / 2) - 680px); padding-right: 50px; } .benefits-right { width: 50%; } .benefits-title { display: flex; align-items: center; cursor: pointer; } .benefits-item { padding: 30px 25px; position: relative; } .benefits-title h4 { font-weight: 500; font-size: 26px; line-height: 36px; color: #fff; margin-bottom: 0; width: calc(100% - 48px); padding-left: 20px; } .benefits-icon { width: 48px; height: 48px; background: rgba(255, 255, 255, 0.12); border-radius: 48px; display: flex; align-items: center; justify-content: center; } .benefits-text { font-weight: 600; font-size: 16px; line-height: 150%; color: #E3E3EF; padding-left: 70px; display: none; } .benefits-right img { width: 100%; } .benefits-item:before { content: ""; position: absolute; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.2); height: 1px; left: 130px; } .benefits-item:last-child:before { display: none; } .benefits-item.active { background: rgba(255, 255, 255, 0.1); border: 2px solid #F2318A; border-radius: 8px; } .active .benefits-icon { background: #F2318A; } .arrows-tab:hover {background: #F2318A;border-color: #F2318A;} .trust-sec { padding: 120px 0; } .trust-sec .container { max-width: 1440px; } .trust-title { text-align: center; margin-bottom: 90px; } .trust-title h3 { margin-bottom: 35px; letter-spacing: -0.06em; } .trust-item { display: flex; align-items: center; padding-bottom: 100px; } .trust-content { width: calc(50% + 50px); padding: 0 90px; } .trust-img { width: calc(50% - 50px); } .trust-img img { width: 100%; } .trust-item:nth-child(2n) { flex-direction: row-reverse; } /* .trust-item:nth-child(2n) .trust-content { padding-left: 100px; } */ .trust-content h3 { letter-spacing: -0.06em; margin-bottom: 40px; color: #121016; } .capture-title-sec { padding: 200px 0; } .capture-title-sec h2 { margin-bottom: 50px; } .capture-title-sec .capture-text { font-weight: 500; font-size: 26px; line-height: 36px; } .capture-title { text-align: center; margin-bottom: 70px; } .capture-title h2 { font-weight: 500; font-size: 48px; line-height: 59px;/* or 123% */ letter-spacing: -1.44px; color: #393546; margin-bottom: 30px; } .capture-logo ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; flex-wrap: wrap; text-align: center; } .capture-logo ul li { width: 25%; padding: 20px; } .capture-sec { padding: 0 0 70px; } .capture-logo { padding-top: 40px; } .fb-hero-sec { padding-bottom: 60px; } .fb-hero-sec h1 { color: #fff; font-size: 116px; line-height: 122px; margin-bottom: 20px; letter-spacing: -0.06em; } .fb-hero-sec h1 span { color: #F4549E; } .fb-hero-sec .bigbtn a { padding: 18px 30px; border-radius: 20px; } .fb-subtitle { font-size: 30px; font-weight: 500; line-height: 52.8px; letter-spacing: -1px; color:#F9F9FD; width: 100%; max-width: 940px; margin: 0 auto 30px; } .fb-subtitle span { background: linear-gradient(268.55deg, #615EB1 -13.53%, #B15EA9 78.57%); border-radius: 7px; color: #fff; padding: 5px 14px; } .fb-hero-caption { margin-bottom: 80px; } .fb-hero-img { width: 100%; transform: scale(1.2); margin: auto; } .fb-hero-img img { width: 100%; filter: drop-shadow(0px 4.35364px 13.0609px rgba(0, 0, 0, 0.35)); } .fb-hero-anim { margin-top: 90px; } .fb-hero-class { transform: scale(1); width: calc(100% - 100px); } .hero-sec.fb-hero-sec:before {background: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/fb-hero-bg2.png') no-repeat center / 100% 100%;left: 0;top: auto;transform: none;height: 940px;width: 100%;filter: none;bottom: 0;} .fb-hero-video-wrap { padding-top: 60px; position: relative; z-index: 1; transition: all 200ms; } .fb-hero-video-title { color: #fff; width: 100%; max-width: 890px; margin: auto; letter-spacing: -1.44px; } .fb-hero-video-title span { color: #f4549e; } .fb-hero-video { display: table; margin: 40px auto 0; width: 100%; max-width: 1320px; position: relative; } .fb-hero-video video { border-radius: 16px; } .fb-hero-video-wrap.video-open-active { transform: translateY(-320px); } img.fb-hero-img-hide { opacity: 0.1;} .playPause { position: absolute; right: 30px; top: 30px; z-index: 11; width: 50px; height: 50px; background: #000; border-radius: 100%; cursor: pointer; display: flex; align-items: center; justify-content: center; } .playPause svg:last-child { display: none; } .playPause svg:first-child { display: block; } .playPause svg { transform: scale(1.1); width:100%; height:100%; } .playPause.pause svg:last-child { display: block; } .playPause.pause svg:first-child { display: none; } .linkedin-sec { padding-bottom: 100px; } .linkedin-wrap { background: #fff; border-radius: 64px; overflow: hidden; padding: 90px 85px; width: 100%; max-width: 1100px; margin: auto; position: relative; z-index: 1; border: 1px solid #F0F0F0; box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.2);} .linkedin-wrap:before { content: ""; background-position: center; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(https://dragonflyai.co/hubfs/dragonflyai-2024/images/followbg.png); position: absolute; right: 0; top: 0; bottom: 0; width: 585px; } .linkedin-right { width: 238px; text-align: center; } .linkedin-left { width: calc(100% - 238px); padding-right: 170px; } .linkedin-img-wrap { background: #fff; filter: drop-shadow(0px 7.792px 17.811px rgba(0, 0, 0, 0.05)); border-radius: 23px; overflow: hidden; margin-bottom: 40px; } .linkedin-sec h2 { margin-bottom: 30px; } .linkedin-text { font-size: 24px; font-weight: 500; line-height: 36px; } .linkedin-logo { margin-top: -66px; } .linkedin-content h6 { font-size: 16px; font-weight: 700; line-height: 12px; letter-spacing: -0.363px; margin-bottom: 10px; } .linkedin-content p { font-size: 14px; font-weight: 300; line-height: 16.516px; letter-spacing: -0.292px; } .linkedin-content { padding: 15px 25px 30px; } .case-stu-sec { padding: 110px 20px; } .case-stu-wrap { border-radius: 12px; background: #FFF; box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.10), 0px 2px 4px -2px rgba(0, 0, 0, 0.20); width: 100%; max-width: 1850px; margin: auto; padding: 90px 100px; overflow: hidden; } .case-stu-left { width: calc(100% - 477px); padding-right: 50px; } .case-stu-right { width: 477px; padding-left: 0; } .case-stu-logo { margin-bottom: 50px; } .case-stu-wrap h3 { font-size: 52px; font-style: normal; font-weight: 500; line-height: 105%; /* 54.6px */ letter-spacing: -3.12px; margin-bottom: 30px; } .case-stu-text { font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; margin-bottom: 20px; } .case-stu-row { margin-bottom: 60px; } .case-stu-right .link { display: table; margin-left: auto; } .case-tags span { background: #e3e3ef; border-radius: 8px; color: #393546; font-size: 13px; font-weight: 700; margin-right: 6px; padding: 4px 12px; display: inline-block; } .case-stu-img img { width: 100%; } .client-sec { padding: 180px 0 130px; overflow: hidden; } .client-slider .client-item { display: flex !important; align-items: center; } .client-img { width: 395px; transform: translateX(-100px); } .client-content { width: calc(100% - 395px); padding-left: 66px; transform: translateX(100px); } .client-logo { border-bottom: 1px solid #615EB1; margin-bottom: 30px; padding-bottom: 20px; } .client-quotes { font-size: 28px; font-style: normal; font-weight: 400; line-height: 116%; letter-spacing: -0.84px; font-family: Lexend; margin-bottom: 45px; } .client-quotes strong { font-weight: 400; background: var(--grad, linear-gradient(180deg, #615EB1 0%, #B15EA9 100%)); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent; } .client-name-desc { font-size: 20px; font-style: normal; font-weight: 700; line-height: 29px; } .client-quotes p { margin-bottom: 20px; } .client-slider-wrap { position: relative; z-index: 1; } .client-slider-wrap svg.image-svgbg { position: absolute; top: -60px; left: -150px;} .client-sec .slider-title-top { margin-bottom: 100px; position: relative; z-index: 2; } .client-img, .client-content { transition: all 1000ms; opacity: 0; } .client-slider .slick-list { overflow: visible; } .slick-current .client-content, .slick-current .client-img { opacity: 1; transform: none; } /**/ .tablet-img , .mobile-img { display:none; } .hero-sec.fb-heroinner-sec::before { opacity: 0; } .fb-heroinner-sec { -webkit-clip-path: none; clip-path: none; background: transparent; padding-bottom: 340px; } .fb-heroinner-sec .bg-path { background: #121016; -webkit-clip-path: url(#hero-inner-path); clip-path: url(#hero-inner-path); width: 122%; bottom: -18%; } .fb-heroinner-sec .bg-path:after { content: ""; position: absolute; left: 0; right: 0; top: 0;bottom: 0; z-index: -1; background: url(https://dragonflyai.co/hubfs/dragonflyai-2024/images/dark_bg.webp) no-repeat center / cover ; } .hero-book-wrap { text-align: left; width: 100%; max-width: 1450px; margin: auto; color: #fff; padding:0 15px; } .hero-book-left { width: 50%; padding-right: 70px; } .hero-book-right { width: 50%; padding-left: 50px; text-align: right; } .hero-book-wrap h3 { color: #fff; line-height: 50px; letter-spacing: -1.44px; margin-bottom: 20px; } .hero-book-text { margin-bottom: 40px; font-size: 16px; line-height: 150%; font-weight: 600; } .fb-heroinner-sec .fb-hero-caption { margin-bottom: 60px; } .full_step_form_hero .step_dots ul { display: none; } .full_step_form_hero .hs_submit { position: absolute; opacity: 0; pointer-events: none; } .full_step_form_hero .step1 [class*=button-] a { min-width: 130px; } .full_step_form_hero .step1 .btn_wrap {justify-content: left;} .full_step_form_hero .step_dots { text-align: center; } .full_step_form_hero .step_dots .progress-text { background: linear-gradient(93deg, #CE96D9 23.83%, #9096DB 109.01%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 16px; font-weight: 600; } .full_step_form_hero .progressbar { height: 6px; margin: auto; position: relative; margin-bottom: 30px; } .full_step_form_hero .progressbar span:after , .full_step_form_hero .progressbar { width: 600px; } .full_step_form_hero .progressbar span:after { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background:url(//5087986.fs1.hubspotusercontent-na1.net/hubfs/5087986/raw_assets/public/Dragonflyai%202024/images/progressbar-img.png) no-repeat center / cover; content: ""; } .full_step_form_hero .progressbar span { width: 50%; overflow: hidden; display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: all 0.5s; } .full_step_form_hero .progressbar:before { content: ""; width: 25px; height: 25px; position: absolute; left: calc(var(--prog) - 13px); top: 0; bottom: 0; margin: auto; z-index: 1; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='30' height='27' viewBox='0 0 30 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_460_11148)'%3E%3Cpath d='M5.00607 2.73872L26.4671 11.5515C27.2285 11.8641 27.7285 12.6084 27.7285 13.4323C27.7285 14.2562 27.2285 15.0005 26.4671 15.3131L5.00606 24.1259C3.6992 24.66 2.27301 23.7054 2.27301 22.2906C2.27301 21.8474 2.42074 21.4212 2.68779 21.0746L8.63688 13.4323L2.6878 5.78429C2.42074 5.43768 2.27301 5.01153 2.27301 4.56833C2.27301 3.15919 3.70488 2.19892 5.00607 2.73303L5.00607 2.73872Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_460_11148'%3E%3Crect width='25.4555' height='29.092' fill='white' transform='translate(29.5469 0.70459) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); filter: drop-shadow(0 0px 14px #615EB1); transition: all 0.5s; } .full_step_form_hero .default-form .hs-form select { background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.6052 9.06906C20.0192 9.58658 19.9353 10.3417 19.4178 10.7557L13.2928 15.6557C12.9276 15.9479 12.4086 15.9479 12.0434 15.6557L5.91848 10.7557C5.40097 10.3417 5.31707 9.58658 5.73108 9.06906C6.14509 8.55155 6.90024 8.46764 7.41775 8.88165L12.6681 13.0819L17.9185 8.88165C18.436 8.46764 19.1912 8.55155 19.6052 9.06906Z' fill='%23F9F9FD'/%3E%3C/svg%3E%0A"); background-size: 24px; } .full_step_form_hero .default-form .hs-error-msgs { color: #ffffff; } /* Products Unforgettable */ .body-lp .body-wrapper:before { background: rgb(235 243 251); opacity: 1; } .unforgettable-hero-sec h1 { font-weight: 600; font-size: 90px; line-height: 94px; text-align: center; letter-spacing: -0.06em; color: #FFFFFF; } .unforgettable-hero-sec h1 span { background: linear-gradient(90.68deg, #96CDD9 24.8%, #9096DB 81.37%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .unforgettable-hero-sec .fb-subtitle { font-weight: 500; font-size: 24px; line-height: 36px; text-align: center; color: #E3E3EF; max-width: 868px; letter-spacing: normal; } .unforgettable-hero-img { margin-top: -300px; z-index: -1; position: relative; } .playbook-icon img { height: 24px !important; object-fit: contain; } .playbook-sec { padding: 100px 0; } .playbook-row { display: flex; flex-wrap: wrap; margin: 0 -15px; } .playbook-item { background: #FFFFFF; box-shadow: 0px 4px 0px #AF2780; border-radius: 7.18809px; width: calc(100% / 2 - 30px); margin: 15px; padding: 40px 32px 30px; } .playbook-item:nth-child(2) { box-shadow: 0px 4px 0px #615EB1; } .playbook-item:nth-child(3) { box-shadow: 0px 4px 0px #1297A9; } .playbook-item:nth-child(4) { box-shadow: 0px 4px 0px #EFB811; } .playbook-title { display: flex; align-items: center; margin-bottom: 20px; } .playbook-icon { line-height: 0; width: 30px; } .playbook-icon img { height: 26px !important; } .playbook-title h5 { margin-bottom: 0; width: calc(100% - 30px); padding-left: 20px; line-height: 28px; } .playbook-text { font-size: 16px; line-height: 24px; } .playbook-sec .title-sec { margin-bottom: 30px; } .playbook-sec .container { max-width: 1020px; } .playbook-enter-img { text-align: center; } .what-inside-img { width: 330px; } .what-inside-content { width: calc(100% - 330px); padding-left: 60px; } .what-inside-item { align-items: center; border-bottom: 1px solid #D1D0F4; padding-bottom: 60px; margin-bottom: 68px; } .what-inside-row { width: 100%; max-width: 670px; margin: auto; } .what-inside-text { font-size: 16px; font-weight: 400; line-height: 28px; } .what-inside-content h6 { font-weight: 500; font-size: 30px; line-height: 42px; letter-spacing: -1px; color: #393546; } .what-inside-content h6 span { color: #4D4A9D; } .what-inside-item:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .what-inside-sec .title-sec h2 { color: #121016; } .what-inside-sec .title-sec h2 span { background: linear-gradient(92.82deg, #CE96D9 23.83%, #9096DB 109.01%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .what-inside-sec .title-sec { margin-bottom: 70px; } .what-inside-sec { padding: 100px 0 150px; } .what-inside-item:nth-child(2) .what-inside-content h6 span {color: #892B69;} .what-inside-item:nth-child(3) .what-inside-content h6 span {color: #186D89;} .take-creative-sec { padding-top: 300px; padding-bottom: 150px; } .take-creative-sec .bg-path { -webkit-clip-path: url(#creative-clip-path); clip-path: url(#creative-clip-path); right: -25%; left: 0; } .take-creative-sec .bg-path:before { background-image: url(https://dragonflyai.co/hubfs/dragonflyai-2024/images/bg-creative2.png); } .take-creative-sec .title-sec { max-width: 1120px; margin: auto; } .take-creative-sec .title-sec h2 { margin-bottom: 48px; } .take-creative-sec h2.title-gradient span { padding-right: 6px; } .take-creative-sec .title-sec .subtext { font-weight: 500; font-size: 24px; line-height: 36px; text-align: center; color: rgba(255, 255, 255, 0.8); width: 100%; max-width: 780px; margin: auto; } .take-creative-img { width: 100%; max-width: 588px; margin: 28px auto 0; } .playbook-today-sec { padding: 120px 0; } .playbook-today-sec .title-sec { margin-bottom: 0; } .playbook-today-sec .title-sec .subtext { font-size: 24px; font-weight: 500; line-height: 36px; } .playbook-form-sec { position: relative; z-index: 1; padding: 120px 0; } .playbook-form-sec .playbook-form-svg { position: absolute; left: 0; right: 0; top:0 ; bottom: 0; z-index: -1; height: 700px; } .playbook-form-sec .playbook-form-svg svg { width: 100%; height: 100%; } .playbook-form-sec .playbook-form-svg svg path { stroke-width: 41px; } .playbook-form-sec .container { max-width: 1310px; } .playbook-form-wrap { box-shadow: 0px 7px 29px 0px #64646F33; background: #fff; border-radius: 10px; overflow: hidden; } .playbook-form-img { margin-left: 1px; line-height: 0; width: 42%; background: #121016; display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; } .playbook-form-img img { width: 100%; max-width: 360px !important; margin-left: 40px;} .playbook-form-img:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/bg-creative.png') no-repeat center / cover; z-index: -1; transform: scale(-1); } .playbook-form-style { border: 4px solid #FFFFFF; padding: 50px 50px; width: 58%; background: #F9F9FD; border-radius: 10px 0 0 10px; } .playbook-form-text { font-size: 20px; font-weight: 400; line-height: 29px; margin-bottom: 50px; } .playbook-form-style .progress-text { display: none; } .playbook-form-sec .playbook-form-style .default-form form .hs-input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { background-color: #FFFFFF; border: 1px solid #E3E3EF; box-shadow: 0px 0px 4px rgba(23, 25, 28, 0.05); border-radius: 12px; } .playbook-form-style.full_step_form_hero .default-form .hs-form select { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23e6408d' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E"); background-size: 18px; } .playbook-form-sec .step1 .btn_wrap > div { margin-left: 0; } .playbook-form-sec .btn_wrap > .button-3 a { background: #F2318A; color: #fff; } .playbook-form-sec .default-form .hs-form label { color: #766E7E; padding-bottom: 10px; } .playbook-form-sec .button-3 a svg { filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); } .unforgettable-logo .image-content-item { flex-wrap: wrap; padding: 0; } .unforgettable-logo .image-content-item .image-content-left { width: 100%; text-align: center; max-width: 600px; margin: 0 auto 30px; padding-right: 0; } .unforgettable-logo .image-content-item .image-content-right { width: 100%; } .unforgettable-logo .image-content-row { width: 100%; max-width: 730px; margin: auto; } .unforgettable-logo .image-content-row ul li { padding: 15px 15px; width: calc(100% / 5); } .unforgettable-logo .image-content-row ul li img { filter: grayscale(100%) opacity(0.7); } .unforgettable-logo { padding: 120px 0; } .playbook-enter-sec { position: relative; z-index: 1; padding: 180px 0; } .playbook-enter-sec:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: -70px; background: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/enter-bg-ptn.png') no-repeat bottom center / 80%; z-index: -1; } .playbook-enter-sec .title-sec { margin-bottom: 140px; } .playbook-enter-sec .title-sec .subtext { width: 100%; max-width: 780px; margin: auto; } .playbook-enter-sec .button-2 { margin-top: 40px; } .playbook-enter-sec .button-2 a { border-radius: 15px; padding: 16px 28px; font-size: 18px; } .unforgettable-linkedin { padding-top: 45px; padding-bottom: 200px; } /* home v2 */ .launch-sec { padding: 174px 0 80px; } .launch-sec .title-sec { width: 100%; max-width: 880px; margin:0 auto 55px; } /* .launch-sec .title-sec .title-gradient2 span { font-weight: 700; } */ .launch-img video { width: 100%; max-width: 1028px; margin: auto; display: table; border-radius: 12px; } .logo-sec.logos-v2 { padding: 90px 0 220px; } .logos-v2 .image-content-left { width: 100%; padding: 0 0 50px; text-align: center; max-width: 1020px; margin: auto; } .logos-v2 .image-content-item { flex-wrap: wrap; padding: 0; } .logos-v2 .image-content-left .image-content-text { max-width: 100%; font-weight: 500; font-size: 26px; line-height: 36px; color: #393546; } .logos-v2 .image-content-left h3 { font-weight: 600; font-size: 64px; line-height: 110%; letter-spacing: -0.06em; color: #121016; margin-bottom: 24px; } .logos-v2 .image-content-right { width: 100%; } .logos-v2 .image-content-left h3 span { background: linear-gradient(93.34deg, #1297A9 28.74%, #615EB1 107.65%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; padding-right:2px; } .logo-sec.logos-v2 ul { justify-content: center; } .logo-sec.logos-v2 ul li { width: calc(100% / 6); padding: 20px 12px; min-height: 95px; } .leaders-sec { position: relative; padding: 170px 0; } .launch-sec h2 { margin-bottom: 40px; } .leaders-sec svg.bg-svg { transform: scale(1.2); top: -200px; height: 880px; left: -120px; } .leaders-sec svg.bg-svg path { stroke-width: 45px; } .leaders-sec .do-your-wrap { position: relative; z-index: 1; } .leaders-sec .do-your-left { align-self: center; width: 50%; padding: 50px 80px; } .leaders-sec .do-your-left h4 { color: #fff; margin-bottom: 40px; } .leaders-sec .do-your-right { padding: 30px; width: 50%; } .leaders-sec .title-gradient2 span { background: linear-gradient(0deg, #96CDD9, #96CDD9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .leaders-sec [class*=button-] a { min-width: 146px; } .any-channel-sec { padding: 280px 0 300px; position: relative; z-index: 1; overflow: hidden; } .any-channel-sec .bg-path { background: linear-gradient(319deg, #615EB1 20.11%, #1297A9 110.1%); box-shadow: 0px 30px 60px -12px rgba(50, 50, 93, 0.25) inset, 0px 18px 36px -18px rgba(0, 0, 0, 0.30) inset; -webkit-clip-path: url(#top-bottom-path); clip-path: url(#top-bottom-path); right: -10%; } .any-channel-sec h2.title-gradient { margin-bottom: 30px; } .any-channel-sec .sub-text { width: 100%; max-width: 1064px; margin: auto; } .any-channel-sec .sub-text span { color: #FAABCF; font-weight: 700; } .any-channel-sec .title-sec { margin-bottom: 45px; } /* .any-channel-sec .maximise-img-item { } */ .any-channel-sec .maximise-img-item.maximise-img-item-1 { width: 66.4%; } .any-channel-sec .maximise-img-item img { width: 100%; } .any-channel-sec .maximise-img-item.maximise-img-item-2 { width: 33.6%; } .any-channel-sec .maximise-img-item.maximise-img-item-3 img , .any-channel-sec .maximise-img-item.maximise-img-item-4 img { width: 99%; } .any-channel-sec .maximise-img-item.maximise-img-item-3 { margin-top:-5px; } .any-channel-sec .slick-slider .slick-dots li.slick-active button { background: #fff; border-color: #fff; } /* .simple-user-sec { padding: 250px 0 180px; position: relative; z-index: 1; margin-top: -224px; } .simple-user-sec .bg-path { background: #121016; -webkit-clip-path: url(#top-bottom-path); clip-path: url(#top-bottom-path); right: -10%; } .simple-user-sec .bg-path:after { content: ""; position: absolute; left: 0; right: 0; top: 0; background: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/scientifically-bg-ptn2.png') no-repeat center / 100% 100%; bottom: 0; height: 100%; } .simple-user-sec h2 { margin-bottom: 60px; } .user-fri-row { margin: 0 -10px; text-align: center; } .user-item { width: calc(100% / 4 - 20px); margin: 10px; border-radius: 12px; background: rgba(249, 249, 253, 0.10); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10);padding: 30px; } .user-fri-title { text-align: center; font-family: Lexend; font-size: 22px; font-style: normal; font-weight: 500; letter-spacing: -0.44px; margin-bottom: 20px; } .user-fri-title span { color: #FAABCF; } .user-fri-text { color: #FFF; text-align: center; font-family: Manrope; font-size: 12px; font-style: normal; font-weight: 500; line-height: 150%; } .simple-user-sec .title-sec { width: 100%; max-width: 1060px; margin: 0 auto 90px; } .simple-row { width: 100%; max-width: 1100px; margin: auto; padding-top: 50px; } .simple-item .simple-content { width: 52%; padding:28px 30px 28px 0; } .simple-item .simple-image { width: 48%;text-align: center; } .simple-item h4 { color: #F1F1F9; font-size: 30px; font-style: normal; font-weight: 500; line-height: 35px;letter-spacing: -1px; } .simple-item .simple-text { color: #E3E3EF; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; } .simple-item { margin: 100px 0; } .simple-user-sec .simple-item:nth-child(2n) { flex-direction: row-reverse; } .simple-user-sec .simple-item:nth-child(2n) .simple-content { padding-right:0; padding-left:30px; } .simple-button-title { background: linear-gradient(93deg, #FCCCE2 23.83%, #9096DB 109.01%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; margin-bottom: 13px; } .simple-button-wrap { width: 100%; max-width: 340px; text-align: center; margin-left: auto; position: relative; } .simple-button-wrap:before { content: ""; background: url(https://dragonflyai.co/hubfs/dragonflyai-2024/images/button-pin-icon.png) no-repeat center; width: 57px; height: 54px; display: inline-block; position: absolute; left: 30px; bottom: 0; } */ .simple-user-sec { padding: 100px 0; } .simple-content { width: 50%; padding-right: 90px; } .simple-image { width: 50%; } .simple-content h3 { color: #121016; letter-spacing: -1.44px; margin-bottom: 24px; } .simple-item:nth-child(2n) { flex-direction: row-reverse; } .simple-item:nth-child(2n) .simple-content { padding-left: 92px; padding-right: 0; } .simple-item { padding: 150px 0; } .simple-item:last-child { padding-bottom: 90px; } .simple-text span , .simple-text b , .simple-text strong { background-image: linear-gradient(180deg, #615EB1 0%, #B15EA9 100%); font-weight: 700; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .simple-user-sec [class*=button-] a { padding: 18px 24px; } .primary-case-sec { position: relative; z-index: 1; padding: 250px 0 250px; overflow: hidden; } .primary-case-sec .bg-path { background: #121016; -webkit-clip-path: url(#top-bottom-path); clip-path: url(#top-bottom-path); right: -2%; } .primary-case-sec .bg-path:after { content: ""; position: absolute; left: 0; right: 0; top: -10%; background: url('https://dragonflyai.co/hubfs/image-webp/use-cases-ptn.webp') no-repeat center / 100% 100%; bottom: -10%;} .primary-case-sec .slick-list { overflow: visible; } .primary-case-sec .title-gradient2 span { color: #96CDD9; background: none; -webkit-background-clip: initial; -webkit-text-fill-color: initial; background-clip: initial; text-fill-color: initial; } .primary-case-sec .arrows-tab:hover { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.32); } .primary-case-sec .slick-disabled.arrows-tab { opacity: 0.3; } .primary-case-item { text-align: center; } .primary-case-slider .slick-slide { width: 352px; transition: linear transform 400ms; position: relative; margin-right: 24px; } .primary-case-slider .slick-slide img { margin: auto; } .primary-case-slider .slick-slide a { border-radius: 10.403px; background: rgba(255, 255, 255, 0.07); padding: 30px 30px 50px; display: block; position: relative; z-index: 1; } /* .primary-case-slider .slick-slide a:hover { background: #fff; } */ .primary-case-item h5 { font-size: 26px; font-style: normal; font-weight: 500; line-height: 36.41px; letter-spacing: -0.867px; margin-bottom: 0; transition:400ms } /* .primary-case-slider .slick-slide a:hover h5 { color:#121016; } */ .primary-case-slider .slick-slide a .arrow-link { position: absolute; left: 30px; top: 30px; transition: 400ms; opacity: 0; z-index: 0; } /* .primary-case-slider .slick-slide a:hover .arrow-link { left: 12px; top: 12px; opacity: 1; } */ .primary-case-img { margin-bottom: 50px; position: relative; z-index: 1; } /* .primary-case-slider .slick-slide.slick-active { transform: scale(1); opacity: 1; } .primary-case-slider .slick-slide.slick-active + .slick-slide {left: -12px;} .primary-case-slider .slick-slide.slick-active + .slick-slide + .slick-slide { left: -62px; } .primary-case-slider .slick-slide.slick-active + .slick-slide + .slick-slide + .slick-slide { left: -110px; } .primary-case-slider .slick-slide.slick-active + .slick-slide + .slick-slide + .slick-slide + .slick-slide { left: -160px; } .primary-case-slider .slick-slide.slick-active + .slick-slide + .slick-slide + .slick-slide + .slick-slide + .slick-slide { left: -207px; } .primary-case-slider .slick-slide.active-slide2 {right: -54px;} .primary-case-slider .slick-slide.active-slide { right: -8px; } */ .primary-case-icon { width: 100%; position: relative; margin-bottom: 20px; } .primary-case-icon span { width: 52px; height: 52px; display: table; margin: auto;position: relative; line-height: 0; } .primary-case-icon span img { position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%; } .primary-case-icon svg.icon-line { position: absolute; top: 0; bottom: 0; margin: auto; width: 38%; } .primary-case-icon svg.icon-line.icon-line1 { left: 0; transform: scale(-1); } .primary-case-icon svg.icon-line.icon-line2 { right: 0; } .primary-case-sec .arrows-dots-wrap { align-items: center; margin-bottom: 60px; justify-content: left; } .primary-case-sec .arrows-dots-wrap .arrows-tab.next-case { margin-left: 25px; } .dots-btn ul.slick-dots { list-style: none; padding: 0; margin: 0 15px; } .dots-btn ul.slick-dots li { display: inline-block; margin: 0 3px; } .dots-btn { display: inline-block; vertical-align: middle; } .dots-btn ul.slick-dots li button { width: 8px; height: 8px; background: rgba(255, 255, 255, 0.4); border-radius: 100%; display: block; font-size: 0; padding: 0; border: transparent; cursor: pointer; } .dots-btn ul.slick-dots li.slick-active button { background: #F4549E; } .deep-dive-sec { padding-bottom: 120px; } .deep-dive-sec h3 { margin-bottom: 48px; } .deep-dive-sec .do-your-left { padding-right: 60px; width: 55%; } .deep-dive-sec .do-your-right { width: 45%; } .video-player-sec .title-sec { width: 100%; max-width: 920px; margin: 0 auto 70px; } .video-player-sec .title-sec h2 span { color: #F4549E; } .video-playerv2-sec { padding-top: 100px; } .herov2-sec h5 { font-weight: 400; font-size: 26px; line-height: normal; letter-spacing: -1.08099px; color: #FFFFFF;} .herov2-sec h1 { font-style: normal; font-weight: 600; font-size: 90px; line-height: 84px; text-align: center; letter-spacing: -0.06em; color: #E3E3EF; margin-bottom: 30px; } .herov2-sec h1 span { background: linear-gradient(91deg, #96CDD9 24.8%, #9096DB 81.37%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .herov2-sec .hero-text { color: #D9D9D9; text-align: center; font-size: 24px; font-style: normal; font-weight: 500; line-height: 36px; margin-bottom: 40px; } .herov2-sec .hero-text span { background: linear-gradient(93deg, #CE96D9 23.83%, #9096DB 109.01%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .herov2-sec .smoke-img { bottom: -280px; } .herov2-anim { position: absolute; left: 0; right: 0; width: 100%; top: 240%; max-width: 1200px; margin: auto; } .herov2-sec .smoke-img img , .herov2-sec .hero-caption , .herov2-anim { transition: linear 200ms; } .herov2-sec .smoke-img img.last { bottom: 160px; } .client-v2 { position: relative; z-index: 1; padding: 260px 0 260px; } .client-v2 .bg-path { background: #121016; -webkit-clip-path: url(#top-bottom-path); clip-path: url(#top-bottom-path); right: -2%; } .clients-say-sliderv3 .slick-list { overflow: visible; } .client-v2 .slick-slide { width: 956px; margin-right: 24px; } .client-v2 .slick-slide .client-item { border-radius: 12px; background: rgba(255, 255, 255, 0.07); padding: 52px; } .client-v2 .clients-say-person { align-items: center; } .client-v2 .clients-say-person .person-name-desc { font-size: 20px; font-style: normal; font-weight: 700; line-height: 28px; padding-left: 30px; } .client-v2 .person-img-logo img { margin: 0 !important; height: 100% !important; border-radius: 100%; } .client-v2 .client-quotes { font-family: Manrope; font-size: 27.718px; line-height: 135%; letter-spacing: -0.03em; margin: 70px 0 35px; } .client-v2 .client-logo { min-height: 91px; display: flex; align-items: center; } .slider-title-topv2 .slider-title-top { flex-wrap: wrap; margin-bottom: 60px; } .slider-title-topv2 .slider-title-top .arrow-slider { width: 100%; justify-content: left; } .slider-title-topv2 .slider-title-top .arrow-slider .sliderbtn { margin-left: 0; margin-right: 20px; width: 64px; height: 64px; border-radius: 40px; border: 1px solid rgba(255, 255, 255, 0.32); background: #393546; position: relative; z-index: 1; } .slider-title-topv2 .slider-title-top .arrow-slider .sliderbtn.slick-disabled { border-color: #9F97A7; background: #9F97A7; opacity: 0.25 } .slider-title-topv2 .slider-title-top .slider-title { margin-bottom: 50px; } .slider-title-topv2 .slider-title-top .slider-text { margin-bottom: 50px; } .slider-title-topv2 .slider-title-top .slider-title.slider-text-add { margin-bottom: 20px; } .slider-title-topv2 .sliderbtn.slick-disabled svg path { fill: #fff; } .slider-title-topv2 .slider-title-top .arrow-slider .sliderbtn svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .slider-title-topv2 .slider-title-top .arrow-slider .sliderbtn.btn-next svg { transform: translate(-50%, -50%) scale(-1); } .client-v2.slider-title-topv2 .slider-title-top .arrow-slider .sliderbtn { border: 1px solid rgba(255, 255, 255, 0.32); background: rgba(255, 255, 255, 0.08); } .video-player-v3 { padding-bottom: 180px; } .video-player-v3 .video-player-inner { display: block; } .video-player-v3 h2 { width: 100%; font-size: 116px; font-style: normal; font-weight: 700; line-height: 91%; letter-spacing: -6.96px; } .slider-title-v2 .slider-title { justify-content: space-between; } .slider-title-v2 .slider-title [class*=button-] a { border-radius: 12px; background: #fff; font-size: 19px; font-style: normal; font-weight: 500; line-height: 20px; border-color: #f2318a; padding: 13px 26px; } .slider-title-v2 .slider-title [class*=button-] a:hover { background: #f2318a; } .slider-title-v2 h2 { color: #121016; } .podcast-v2 { padding-top: 180px; } .linkedin-v2 { padding-top: 70px; padding-bottom: 180px; } .use-cases-v2 { padding-top: 200px; } .use-cases-img.full-image-cover { padding: 0; } .use-cases-img.full-image-cover img { max-width: 100% !important; height: 230px !important; object-fit: cover; } .use-cases-v2 .use-cases-img img { height: 205px !important; max-width: 410px !important; } .use-cases-v2 .use-cases-img.full-image-cover img { height: 264px !important; max-width: 100% !important; } .use-cases-v2 [data-slick-index="1"] .use-cases-img img { height: 250px !important; margin-bottom: -40px; } .use-cases-v2 .use-cases-top { padding: 65px 34px 30px; } .use-cases-v2 .use-cases-slider .slick-slide { box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.2); } .use-cases-v2 .use-cases-top .title { font-weight: 500; line-height: 35px; letter-spacing: -1px; color: #393546; font-family: Lexend; } .bottle-hide .book-demo-img { display: none; } .bottle-hide .book-demo-sec { padding-bottom: 150px; padding-top: 280px; } .bottle-hide .book-demo-sec::before { top: -140px; } /* platform */ .platform-hero { padding-top: 240px; padding-bottom: 260px; color:#E3E3EF; } .platform-hero h1 { font-weight: 600; font-size: 72px; line-height: 100%; letter-spacing: -0.03em; margin-bottom: 35px; } .platform-hero h3 {background: linear-gradient(90.68deg, #96CDD9 24.8%, #9096DB 81.37%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;letter-spacing: -1.44px; margin-bottom: 60px; } .platform-hero .hero-text { width: 100%; max-width: 950px; margin: 0 auto; } .platform-hero-img { margin: 50px 0; line-height: 0; } .platform-hero-img video { border-radius: 12px; } .platform-simple-sec .simple-item { padding: 90px 0; } .platform-simple-sec span, .platform-simple-sec b, .platform-simple-sec strong { background-image: linear-gradient(93.34deg, #1297A9 28.74%, #615EB1 107.65%); } .platform-simple-sec .container-1240 { max-width: 1210px; } .copilot-sec { padding-bottom: 300px; } .copilot-sec h2 { margin-bottom: 40px; } .copilot-sec .copilot-title { text-align: center; width: 100%; max-width: 1044px; margin: 0 auto 70px; } .copilot-sec h4 { background: linear-gradient(93.69deg, #96CDD9 20.59%, #9096DB 94.18%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; font-weight: 700; font-size: 32px; line-height: 36px; font-family: Manrope; margin-bottom: 25px; } .copilot-sec .benefits-text { display: block; padding-left: 0; font-weight: 500; } .copilot-sec:not(.copilotv2) .benefits-wrpa { flex-direction: row-reverse; } .copilot-sec:not(.copilotv2) .benefits-wrpa .benefits-right { width: 55%; } .copilot-sec:not(.copilotv2) .benefits-wrpa .benefits-left { width: 45%; padding-left: 50px; padding-right: 0; } .copilot-sec .benefits-item { background: rgba(255, 255, 255, 0.07); border-radius: 10px; margin: 0 0 12px; border: 2px solid #19D3C8; padding: 40px 25px 30px; cursor: pointer; } .copilot-sec .benefits-item.active { border-color:#F4549E; background: #fff; } .copilot-sec .benefits-title h4 { padding-left: 0; font-weight: 700; font-size: 26px; line-height: 36px; color: #fff; background: none; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; background-clip: inherit; text-fill-color: inherit; margin-bottom: 20px; } .copilot-sec .benefits-item:before { display: none; } .copilot-sec .benefits-item.active h4 { color: #121016; } .copilot-sec .benefits-item.active .benefits-text { color: #121016; } .cta-strip-sec { padding: 180px 0; } .cta-strip-cap { background: linear-gradient(93.34deg, #1297A9 28.74%, #615EB1 107.65%); border-radius: 64px; padding: 50px 55px; min-height: 268px; display: flex; align-items: center; position: relative; z-index: 1; overflow: hidden; } .cta-strip-cap:before { content: ""; background: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/performance-bg-ptn.png') no-repeat center / cover; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: -1; } .cta-strip-content { flex: 1; padding-right: 20px; } .cta-strip-text { width: 100%; max-width: 610px; } .key-benefits-sec.copilotv2 { padding: 50px 0 100px; } .copilotv2 .bg-path { display: none; } .copilotv2 h2 { color: #121016; } .copilotv2 h2 span { background: linear-gradient(180deg, #615EB1 0%, #B15EA9 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; padding-right: 2px; } .copilotv2 .benefits-item { background: rgb(209 208 244 / 30%); color: #121016; border-color:rgb(209 208 244 / 30%); } .copilotv2 .benefits-item.active { border-color: #9096DB; } .copilotv2 .benefits-item h4 { color: #121016; margin-bottom: 10px; } .copilotv2 .benefits-item.active h4 { margin-bottom: 20px; } .copilotv2 .benefits-item .benefits-text { color: #121016; } .copilotv2 .arrows-tab { background: #9F97A7; border-color: #9F97A7; } .copilotv2 .arrows-tab:hover { background: #393546; border-color: #393546; } .copilotv2 ul.dots-list li span { background: #9F97A7; } .copilotv2 ul.dots-list li.active span { background: #121016; } .exp-studio-sec { padding: 100px 0 130px; } .exp-studio-list ul { list-style: none; padding: 0; margin: 0; } .exp-studio-list ul li { padding-left: 50px; text-align: left; position: relative; padding-right: 90px; display: inline-block; font-weight: 600; margin: 0 -2px; } .exp-studio-list ul li svg { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .exp-studio-sec h2 { margin-bottom: 45px; } .exp-studio-list { margin-bottom: 90px; } .exp-studio-list ul li:last-child { padding-right: 0; } .exp-studio-img img.mobile-image { display: none; } .pro-present-sec .exp-studio-list svg path {fill: #615EB1; } .exp-studio-tailored .exp-studio-list svg path { fill: #AF2780; } .pro-present-sec { padding-bottom: 0; margin-bottom: -115px; } .pro-present-sec h2 span { font-size: 48px; font-style: normal; font-weight: 500; line-height: 50px; letter-spacing: -1.44px; } /* .copilot-sec .benefits-item:before { display: block; background: transparent; border: 2px solid; border-image: linear-gradient(168deg, rgb(25 211 200), 9%, rgb(255 255 255 / 0%)) 1; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; } */ .plan-hero-sec { padding: 180px 0 55px; } .plan-hero-caption h1 { color: #121016; margin-bottom: 40px; } .plan-hero-caption { width: 100%; max-width: 1100px; margin: auto; } .plan-hero-caption .plan-hero-text { width: 100%; max-width: 1010px; margin: auto; } .plan-hero-subtext { background: rgb(255 255 255 / 80%); text-align: center; padding: 9px 20px; font-size: 16px; font-weight: 700; color: #373574; } .plan-sec { padding: 40px 0 80px; } .plan-row { display: flex; flex-wrap: wrap; margin: 0 -10px; } .plan-item { width: calc(100% / 3 - 20px); margin: 0 10px; background: #FFFFFF; border: 1px solid #F0F0F0; box-shadow: 0px 12px 24px -2px rgba(0, 0, 0, 0.08); border-radius: 32px; } .plan-item h3 { font-weight: 500; font-size: 40px; line-height: 42px; letter-spacing: -1.44px; margin-bottom: 0; color: #121016; } .plan-subtext { font-weight: 700; font-size: 24px; line-height: 36px; letter-spacing: -1px; color: #F4549E; margin-bottom: 20px; } .plan-text { font-style: normal; font-weight: 600; font-size: 16px; line-height: 28px; color: #000; } .plan-arrow { display: flex; align-items: center; } .plan-arrow span { position: relative; line-height: 0; margin: 0 8px; } .plan-arrow span img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .plan-content .plan-title { font-weight: 700; font-size: 16px; line-height: 28px; color: #121016; } .plan-content { padding: 45px 35px; } .plan-content [class*=button-] a { width: 100%; } .plan-top-content { padding: 35px 35px; } .plan-list ul { padding: 0; list-style: none; margin: 20px 0; } .plan-list ul li { padding-left: 28px; position: relative; padding-bottom: 10px; margin-bottom: 12px; font-weight: 600; font-size: 16px; line-height: 24px; color: #121016; } .plan-list ul li svg { position: absolute; left: 0; top: 5px; } .plan-list ul li:after { content: ""; background: #EDECFB; left: 30px; right: 0; bottom: 0; position: absolute; height: 1px; } .plan-list ul li:last-child:after { display: none; } .plan-content .button-2 { margin-top: 20px; } .faqv2-sec { padding-bottom: 150px; padding-top: 100px; } .faqv2-sec .faqv2-main-title { margin-bottom: 40px; } .faqv2-title { font-weight: 700; padding: 29px 75px 29px 35px; cursor: pointer; position: relative; z-index: 1; color:#393546; } .faqv2-item { background: #FFFFFF; border: 1px solid #F0F0F0; border-radius: 32px; margin-bottom: 10px; } .faqv2-content { padding: 0 38px 40px; font-size: 16px; } .faqv2-title .plus { width: 52px; height: 52px; background: #FEEFF6; border-radius: 100%; position: absolute; right: 24px; top: 0; bottom: 0; margin: auto; } .faqv2-title .plus:before, .faqv2-title .plus:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #F2318A; margin: auto; } .faqv2-title .plus:before { width: 3px; height: 19px; } .faqv2-title .plus:after { height: 3px; width: 19px; } .faqv2-title.active .plus:before { opacity: 0; } .logo-sec.logos-plan { padding-bottom: 120px; } /* */ .out-hero-sec { padding: 250px 0 200px; position: relative; z-index: 1; overflow: hidden; } .out-hero-sec h1 { margin-bottom: 30px; } .out-hero-sec .bg-path:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #121016 no-repeat center / 100% 100%; } .page-load .out-hero-sec .bg-path:before { background-image: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/Trusted%20by%20Logo/out-hero-mob-ptn.png'); } .out-hero-sec .bg-path { -webkit-clip-path: url(#bottom-path); clip-path: url(#bottom-path); background: #121016; right: -9%; bottom: 0; } .out-hero-sec .title-gradient span { background-image: linear-gradient(92.82deg, #CE96D9 23.83%, #9096DB 109.01%); } .out-hero-content { width: 100%; max-width: 822px; margin: auto; text-align:left; } .out-hero-content h2 { margin-bottom: 30px; text-align:center; background: linear-gradient(93deg, #FFF 23.83%, #9096DB 109.01%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .out-hero-bottom .container { max-width: 1060px; } .out-hero-bottom { position: relative; z-index: 1; margin-top: -170px; padding-bottom: 130px; } .out-team-sec .bg-path { -webkit-clip-path: url(#copilot-clip-path); clip-path: url(#copilot-clip-path); right: -30%; background: #000; } .out-team-sec .bg-path:before { content: ""; position: absolute; left: 0; right: 0; background: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/our-team-bg-ptn.png') no-repeat center / 100% 100%; top: -12%; bottom: -15%; } .out-team-sec {position: relative;z-index: 1; padding: 150px 0 250px; overflow: hidden; } .out-team-sec h6 { font-weight: 400; font-size: 20px; line-height: normal; letter-spacing: 1px; text-transform: uppercase; } .out-team-sec h2 { background: linear-gradient(92.82deg, #FFFFFF 23.83%, #9096DB 109.01%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .out-team-img { width: 50%; text-align:center; } .out-team-content { width: 46%; } .out-team-sec .title-section { margin-bottom: 50px; } .out-team-img img { width: 380px; margin-top: -80px; max-width: none !important; margin-left: 0; margin-right: 0; } .out-team-content p {margin-bottom: 20px;} .out-team-wrap { flex-wrap: wrap; } .award-wrap { flex-wrap: wrap; width: 100%; max-width: 892px; margin:0 auto 0; } .award-item { width: 33.333%; padding: 20px; } .key-stats-sec { padding: 150px 0 40px; } .key-stats-item { width: 33.333%; padding: 0 8px; } .key-stats-row { display: flex; flex-wrap: wrap; margin: 0 -8px; } .key-stats-inner { background: #FFF; border-radius: 32px; height: 100%; padding: 24px 24px; } .key-stats-icon { width: 72px; height: 72px; background: #FEEFF6; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-bottom: 40px; } .key-stats-num { color: #121016; margin-bottom: 0; } .key-stats-text { font-weight: 500; font-size: 24px; line-height: 36px; } .key-stats-name { font-weight: 700; font-size: 26px; line-height: 36px; color: #121016; min-height: 36px; } .key-stats-name span { font-size: 48px; line-height: 50px; margin-bottom: 12px; display: table; } .cta-strip-science { padding-top: 15px; padding-bottom: 100px; } .cta-strip-science .cta-strip-cap , .cta-strip-cap { background-color: #121016; background-image:url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/deep-dive-ptn.png'); } .cta-strip-platform h3 { font-weight: 500; font-size: 36px; line-height: 47px; letter-spacing: -1.44px; } .noticed-sec { padding: 85px 0; } .noticed-content { width: 100%; max-width: 822px; margin: 0 auto 60px; } .noticed-content h2 { margin-bottom: 40px; color: #121016; } .noticed-img { background: rgba(255, 255, 255, 0.7);border: 1px solid #fff; box-shadow: 0px 15px 50px -2px rgba(0, 0, 0, 0.03); border-radius: 64px; padding: 50px 50px; } .noticed-img img { margin: auto; display: table; } .proven-drivers-sec { padding-bottom: 180px; } .proven-drivers-sec .noticed-content h2 span { background-image: linear-gradient(91.66deg, #615EB1 13.91%, #B15EA9 56.11%); } .our-approach-sec { padding: 200px 0 120px; } .our-approach-row { display: flex; flex-wrap: wrap; margin: 0 -10px; } .our-approach-item { width: calc(100% / 3 - 20px); margin: 0 10px; background: rgba(255, 255, 255, 0.8); border: 1px solid #FFFFFF; box-shadow: 0px 15px 50px -2px rgba(0, 0, 0, 0.03); border-radius: 32px; padding: 25px; } .our-approach-icon { width: 70px; height: 70px; background: #FEEFF6; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-bottom: 20px; } .our-approach-text { font-size: 16px; line-height: 28px; } .our-approach-sec .title-section { margin-bottom: 60px; } .our-approach-sec .title-section h2 { color: #121016; } .our-approach-item h4 { font-size: 32px; font-weight: 600; line-height: 38px; color:#121016; font-family: Manrope; } .our-approach-item .title-gradient2 span { background-image: linear-gradient(90deg, #615EB1 21.85%, #B15EA9 50.09%);} .cta-strip-sciencev2 { padding-bottom: 180px; padding-top: 80px; } .science-slider-sec { position: relative; z-index: 1; min-height: 100vh; padding: 230px 0; overflow: hidden; } .science-slider-sec .bg-path { background: #121016; -webkit-clip-path: url(#top-bottom-path); clip-path: url(#top-bottom-path); right: -2%; background: linear-gradient(302.85deg, #615EB1 -9.25%, #1297A9 107.34%); box-shadow: inset 0px 30px 60px rgba(50, 50, 93, 0.25); } .science-slider-item { min-height: calc(100vh - 400px); display: flex; align-items: center; } .science-slider-cap h2 { margin-bottom: 30px; } .science-slider-cap { width: 100%;max-width: 790px; } .science-slider-sec .science-slider-row .slick-dots { position: absolute; right: 20px; top: 34%; width: 29px; margin: 0; } .science-slider-sec .science-slider-row .slick-dots li { margin: 0; display: block; height: 15px; } .science-slider-sec .science-slider-row .slick-dots li button { width: 8px; height: 8px; border: 1px solid #fff; } .science-slider-sec .science-slider-row .slick-dots li.slick-active button { background: #fff; border-color: #fff; } .odd-slide .bg-path { background: linear-gradient(180deg, #615EB1 0%, #B15EA9 100%); } .science-slider-sec .bg-path:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/doundation-ptn.png') no-repeat center / 100% 135%; } .science-list ul { list-style: none; margin: 0; padding: 0; } .science-list ul li { background: rgb(255 255 255 / 7%); display: flex; align-items: center; padding: 20px; border-radius: 15px; margin-bottom: 10px; } .science-icon { width: 52px; height: 52px; background: #FEEFF6; display: flex; align-items: center; justify-content: space-evenly;border-radius: 100%; } .science-text { width: calc(100% - 52px); padding-left: 20px; font-weight: 700; } .science-list { margin-top: 30px; } .exp-studio-tailored .container { max-width: 1260px; } .exp-studio-tailored .exp-studio-img { width: 100%; max-width: 1140px; margin: auto; } /* */ .about-hero { padding-bottom: 0; -webkit-clip-path: none; clip-path: none; overflow: visible; background: transparent; min-height: auto; } .about-hero .bg-path { -webkit-clip-path: url(#bottom-path); clip-path: url(#bottom-path); background: #121016; } .about-hero::before { display: none; } .about-hero .hero-caption h1 { font-size: 72px; line-height: 100%; letter-spacing: -2.16px; margin-bottom: 40px; } .about-hero .hero-caption .title-gradient span { background-image: linear-gradient(91deg, #CE96D9 43.5%, #9096DB 76.61%); } .about-hero .hero-text p { margin-bottom: 22px; } .about-hero .platform-hero-img {margin: 0 0 -140px;} /* */ .about-simple-sec { padding-top: 180px; } .about-simple-sec .container-1240 { max-width: 1318px; } .about-simple-sec .simple-content h3 { font-size: 64px; font-style: normal; font-weight: 600; line-height: 110%; letter-spacing: -3.84px; } .about-simple-sec .simple-item { padding: 75px 0; } /* .about-simple-sec .simple-item:not(:first-child) .simple-text { font-size: 26px; font-style: normal; font-weight: 500; line-height: 36px; max-width: 464px; width: 100%; } */ .about-simple-sec .simple-item:nth-child(3) .simple-image { margin-left: -50px; } .logo-sec.about-logos { padding-bottom: 100px; } /* */ .simple-user-demo { padding-top: 150px; } .simple-user-demo .simple-item { padding: 105px 0;} .simple-user-demo .simple-text { font-size: 32px; line-height: 46px; } .demo-form-hero-sec { padding-top: 220px; padding-bottom: 180px; } .demo-form-hero-sec h1 { color: #fff; margin-bottom: 30px; font-size: 72px; } .demo-form-hero-sec .fb-subtitle { font-weight: 400; font-size: 20px; line-height: 29px; letter-spacing: normal; width: 100%; max-width: 736px; } .demo-form-hero-sec .title-gradient2 span { background-image: linear-gradient(92.82deg, #CE96D9 23.83%, #9096DB 109.01%); } .demo-form-hero-sec .fb-hero-anim { margin-top: 0; } .demo-form-hero-sec .fb-hero-anim .fb-hero-video-wrap { padding-top: 0; } .demo-form-hero-sec .fb-hero-anim .fb-hero-video { margin-top: 0; max-width: 988px; } .demo-form-hero-sec .fb-hero-caption { margin-bottom: 50px; } .demo-form-hero-sec .hero-book-row { display: block; padding-top:40px; } .demo-form-hero-sec .hero-book-row h3 { text-align: center; font-size: 32px; line-height: normal; margin-bottom: 30px; } .demo-form-hero-sec .default-form { width: 100%; max-width: 734px; margin: auto; } .demo-form-hero-sec .default-form .btn_wrap { width: 100%; justify-content: center; } .demo-form-hero-sec .default-form .btn_wrap .next_btn_p a { padding-right: 30px !important; min-width: 231px; } .demo-form-hero-sec .full_step_form_hero .step_dots { width: 100%; max-width: 135px; margin: 0 auto 70px; } .demo-form-hero-sec .full_step_form_hero .progressbar span { display: none; } .demo-form-hero-sec .full_step_form_hero .progressbar { width: 100%; background: #8D8BC1; overflow: hidden; border-radius: 10px; height: 2px; } .demo-form-hero-sec .full_step_form_hero .step_dots ul { display: flex; justify-content: space-between; position: absolute; left: -30px; right: -30px; bottom: -15px; } .demo-form-hero-sec .full_step_form_hero .step_dots ul li span { display: none; } .demo-form-hero-sec .full_step_form_hero .step_dots ul li:before { display: none; } .demo-form-hero-sec .full_step_form_hero .step_dots ul li:after { width: 10px; height: 10px; border-radius: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; margin: auto; background: #8D8BC1; } .demo-form-hero-sec .step_dots ul li { width: 32px; height: 32px; padding: 0; margin: 0; border: 2px solid #8D8BC1; border-radius: 100%; } .demo-form-hero-sec .step_dots ul li.active { border-color: #19D3C8; } .demo-form-hero-sec .step_dots ul li.active:after { background: #19D3C8; } .demo-form-hero-sec .full_step_form_hero .progressbar:before { left: 0 !important; background: #19D3C8; width: var(--prog); } /* */ /* .agencies-hero .hero-caption h1 { font-size: 90px; line-height: 94px; } */ .agencies-hero .hero-text { font-size: 28px; line-height: 41px; max-width: 1100px; } .agencies-hero .platform-hero-img { margin-bottom: -375px; } .agencies-approach { padding-top: 420px; padding-bottom: 200px; } /* */ .copilot-agencies.copilot-sec .bg-path { -webkit-clip-path: url(#top-bottom-path); clip-path: url(#top-bottom-path); box-shadow: inset 0px 30px 60px rgba(50, 50, 93, 0.25); right: -2%; background: linear-gradient(180deg, #615EB1 0%, #B15EA9 100%); } .copilot-agencies.copilot-sec { padding: 200px 0; } .copilot-agencies.copilot-sec .bg-path:before { background: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/doundation-ptn.png') no-repeat center / 100% 100%; } .copilot-agencies .copilot-title { margin-left: 0; margin-bottom: 0; } .copilot-agencies .copilot-title h2 { text-align: left; font-weight: 600; font-size: 90px; line-height: 94px; letter-spacing: -0.06em; } /* */ .cta-strip-v2 { padding: 100px 0; } .cta-strip-v2 .cta-strip-content { flex: none; width: 50%; } .cta-strip-v2 .cta-strip-right { width: 50%; } .cta-strip-v2 .cta-strip-cap { padding: 60px 65px; background-position: center; background-size: 100% 100%; } .cta-strip-v2 .cta-strip-cap .cta-strip-text { margin-bottom: 18px; } .agencies-use-cases { padding-bottom: 180px; padding-top: 150px; } .agencies-use-cases .slider-title-top .slider-title { justify-content: center; margin-bottom: 0; } .agencies-use-cases .slider-title-top { text-align: center; width: 100%; max-width: 710px; margin: 0 auto 40px; } .agencies-use-cases .slider-title-top .arrow-slider {display: none;} .agencies-use-cases .arrow-slider-agencies { display: block !important; margin-top: 50px; } .agencies-use-cases .arrow-slider-agencies .slider-title-top { max-width: 100%; margin-bottom: 0; } .agencies-use-cases .arrow-slider-agencies .slider-title-top .arrow-slider { display: flex; } .simple-user-agencies { padding-top: 160px; padding-bottom: 50px; } .simple-user-agencies .simple-item:nth-child(2n) span, .simple-user-agencies .simple-item:nth-child(2n) b, .simple-user-agencies .simple-item:nth-child(2n) strong {background-image: linear-gradient(180deg, #615EB1 0%, #B15EA9 100%); } .ebook-hero-lp { padding-top: 250px; padding-bottom: 240px; } .ebook-hero-lp:before { bottom: -20px; } .ebook-hero-lp h2 { margin-bottom: 40px; } .ebook-hero-lp .title-sec { margin-bottom: 50px; } .demo-form-hero-sec .legal-consent-container a { color:#fff; } .demo-form-hero-sec .legal-consent-container a:hover {color: #F2318A;} /* */ .platform-event-wrap { background: linear-gradient(112deg, #5B31A3 -38.71%, #DE2287 96.96%); padding: 70px 0; line-height: normal; position: relative; z-index: 1; margin-bottom: 50px; width: 100%; max-width: 784px; margin-left: auto; margin-right: auto; } .platform-event-wrap:before {content: "";background: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/black-gold-glitter-background.png') no-repeat center / cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; height: 100%; width: 60%; mix-blend-mode: screen; } .platform-event-wrap h5 { font-size: 28px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: -0.864px; text-transform: none; margin-bottom: 0; } .platform-event-wrap h2 { font-size: 82px; font-style: normal; font-weight: 600; line-height: 86.4px; letter-spacing: -1.656px; color: #fff; margin-bottom: 50px; } .event-date { border-radius: 15.3px; background: rgba(255, 255, 255, 0.20); box-shadow: 14.4px 14.4px 32.4px 0px rgba(0, 0, 0, 0.12); backdrop-filter: blur(12.59999942779541px); display: table; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -0.28px; color: #fff; padding: 14px 20px; margin-right:15px; } .platform-event-bgptn {position: absolute;left: 0;right: 0;bottom: 0;width: calc(100% - 240px);margin: auto;height: 236px;z-index: -1;} .platform-event-bgptn span, .platform-event-bgptn:after , .platform-event-bgptn:before { content: ""; backdrop-filter: blur(43.19999694824219px); background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.01) 61.24%); position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 50%; } .platform-event-bgptn:after { right: 0; left: auto; border-top-right-radius: 30px; } .platform-event-bgptn span { width: 77%; margin: auto; position: relative; z-index: 22; display: table; height: 100%; } .platform-event-bgptn:before { border-top-left-radius: 30px; } .platform-event-bgptn span { border-top-right-radius: 30px; border-top-left-radius: 30px; } .platform-event-bgptn:after, .platform-event-bgptn:before { height: 180px; bottom: 0; top: auto; } .event-form-wrap { width: 100%; max-width: 760px; } .event-form-wrap button.fancybox-button { padding: 3px; } .platform-hero [class*=button-] a { font-size: 14px; } .platform-event-left { width: 35%; text-align: left; } .platform-event-left h6 { color: #fff; margin-bottom: 0; font-style: normal; line-height: normal; letter-spacing: -0.36px; } .platform-event-right { display: flex; align-items: center; width: 65%; justify-content: right; line-height: 0; } .platform-event-wrap { display: flex; flex-wrap: wrap; padding: 20px 25px; overflow: hidden; align-items: center; } /* 16-04-2025 */ .smarter-hero-sec .container { max-width: 1300px; } .smarter-cta-title .noticed-content { max-width: 884px; text-align: center; } .noticed-sec.smarter-cta-title { padding-bottom: 30px; } .smarter-cta-title .noticed-text span { background: linear-gradient(93.34deg, #1297A9 28.74%, #615EB1 107.65%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; padding-right: 3px; } .smarter-cta-title .noticed-text { width: 100%; max-width: 760px; margin: auto; } .why-ipg-sec .title-gradient span { background-image: linear-gradient(93.34deg, #1297A9 28.74%, #615EB1 107.65%); } .why-ipg-sec .our-approach-item { width: calc(100% / 2 - 20px); } .our-approach-sec.why-ipg-sec { padding-top: 50px; } .smarter-podcasts { padding: 80px 0 120px; } .smarter-podcasts .slider-title h2 { width: 60%; } .smarter-podcasts .podcast-item { width: calc(100% / 2 - 30px); } .team-smarter .bg-path { -webkit-clip-path: url(#top-bottom-path); clip-path: url(#top-bottom-path); right: -2%; } .team-smarter .out-team-wrap { align-items: center; width: 100%; max-width: 1024px; margin: auto; } .team-smarter .out-team-content { padding-right: 0px; } .out-team-img img { margin-top: 0; margin-bottom: -28px; } .team-smarter .out-team-wrap { align-items: center; width: 100%; max-width: 1024px; margin: auto; } .team-smarter .out-team-content { padding-right: 0px; } .team-smarter .out-team-img img { margin-top: 0; margin-bottom: -28px; } .team-smarter .bg-path:before { background-image: url('https://dragonflyai.co/hubfs/dragonfly_ai_2022/Images/dedicated-expert-bg.png'); } .out-team-sec.team-smarter { padding-bottom: 160px; } .faq-smarter .faqv2-title.active .plus { background: #E1F9F8; } .faq-smarter .faqv2-title.active .plus:before, .faq-smarter .faqv2-title.active .plus:after { background: #19D3C8; } .faq-smarter .faqv2-main-title { margin-bottom: 60px; } .real-time-sec { padding: 190px 0; position: relative; z-index: 1; overflow: hidden; } .real-time-sec .bg-path { -webkit-clip-path: url(#top-bottom-path); clip-path: url(#top-bottom-path); right: -2%; background: #000; } .real-time-sec .bg-path:before { content: ""; position: absolute; left: 0; right: 0; background: url('https://dragonflyai.co/hubfs/dragonfly_ai_2022/Images/dedicated-expert-bg.png') no-repeat center / 100% 100%; top: -12%; bottom: -15%; } .real-time-wrap { display: flex; align-items: center; margin-bottom: 80px; } .real-time-left { width: 50%; } .real-time-right { width: 50%; padding-left: 80px; } .real-time-sec ul { list-style: none; margin: 0; padding: 0; font-weight: 600; } .real-time-left h2 { margin-bottom: 0;} .real-time-sec ul li { padding-left: 38px; margin: 20px 0; position: relative; } .real-time-sec ul li:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.80166 14.1876C0.196973 13.1423 0.196973 11.8579 0.80166 10.8126L4.94072 3.64539C5.54541 2.60007 6.65635 1.95789 7.86572 1.95789H16.1438C17.3485 1.95789 18.4642 2.60007 19.0688 3.64539L23.1985 10.8126C23.8032 11.8579 23.8032 13.1423 23.1985 14.1876L19.0595 21.3548C18.4548 22.4001 17.3438 23.0423 16.1345 23.0423H7.85635C6.65166 23.0423 5.53604 22.4001 4.93135 21.3548L0.80166 14.1876ZM17.297 10.2969C17.7376 9.85632 17.7376 9.14382 17.297 8.70789C16.8563 8.27195 16.1438 8.26726 15.7079 8.70789L10.5048 13.911L8.30166 11.7079C7.86104 11.2673 7.14853 11.2673 6.7126 11.7079C6.27666 12.1485 6.27197 12.861 6.7126 13.2969L9.7126 16.2969C10.1532 16.7376 10.8657 16.7376 11.3017 16.2969L17.297 10.2969Z' fill='%23AF2780'/%3E%3C/svg%3E%0A"); width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: contain; margin: auto; } .faq-smarter .button-2 { margin-top: 60px; } .smarter-simple-sec .simple-item { flex-direction: row-reverse; } .smarter-simple-sec .simple-item .simple-content { padding-right: 0; padding-left: 96px; } .smarter-simple-sec .simple-item:nth-child(2) { flex-direction: row; } .smarter-simple-sec .simple-item:nth-child(2) .simple-content { padding-left: 0; padding-right: 96px; } /* Consumer Insights */ .herov2 h1 { font-weight: 600; font-size: 72px; line-height: 100%; letter-spacing: -0.05em; color: #F6F2FF; } .herov2 h3 { background-image: linear-gradient(93.42deg, #96CDD9 41.94%, #9096DB 83.4%); } .consumer-hero .hero-text { max-width: 1000px; } .consumer-hero:before { background: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/consumerbg-img.png') no-repeat center / 100% 100%; height: 100%; left: 0; right: 0; width: 100%; } .consumer-simple-user { padding-top: 180px; } .consumer-simple-user .title-sec { width: 100%; max-width: 1080px; margin-left: auto; margin-right: auto; } .count-wrap { border-radius: 32px; background: linear-gradient(157deg, #1297A9 24.75%, #615EB1 116.8%); box-shadow: 240px 336px 116px 0px rgba(100, 91, 173, 0.00), 153px 215px 106px 0px rgba(100, 91, 173, 0.01), 86px 121px 89px 0px rgba(100, 91, 173, 0.05), 38px 54px 66px 0px rgba(100, 91, 173, 0.09), 10px 13px 36px 0px rgba(100, 91, 173, 0.10); padding: 40px; } .count-sec { padding: 100px 0; } .count-wrap h4 { font-size: 32px; font-style: normal; font-weight: 600; line-height: 38px; margin-bottom: 35px; font-family: Manrope; } .num-count-icon { width: 70px; height: 70px; border-radius: 100%; background: rgba(255, 255, 255, 0.40); display: flex; align-items: center; justify-content: center; margin-bottom: 35px; } .count-wrap h5 { color: #A1EDE8; font-size: 28px; font-style: normal; font-weight: 600; line-height: 38px; font-family: Manrope; } .count-row { display: flex; flex-wrap: wrap; margin: 0 -8px; } .count-item { border-radius: 12px; background: rgba(255, 255, 255, 0.20); width: calc(100% / 3 - 16px); margin: 8px 8px; padding: 16px; } .count-item .count-num { display: flex; font-size: 30px; font-style: normal; font-weight: 600; line-height: 120%; letter-spacing: -0.66px; align-items: center; font-family: Manrope; margin-bottom: 8px; } .count-item .count-num span { margin: 0 3px; font-size: 56.087px; font-style: normal; font-weight: 600; line-height: 120%; letter-spacing: -1.234px; } .count-item .count-percentage { position: relative; align-self: end; margin-bottom: 4px; } .count-item .count-text { font-family: Manrope; font-size: 22px; font-style: normal; font-weight: 400; line-height: 120%; } .count-sec .button-3 { margin-top: 50px; margin-bottom: 0; } .touch-sec { padding: 100px 0; } .touch-sec .title-section { margin-bottom: 50px; } /* .touch-row { margin: 0 -8px; } */ .touch-item { padding: 40px; border-radius: 32px; background: #FFF; box-shadow: 240px 336px 116px 0px rgba(100, 91, 173, 0.00), 153px 215px 106px 0px rgba(100, 91, 173, 0.01), 86px 121px 89px 0px rgba(100, 91, 173, 0.05), 38px 54px 66px 0px rgba(100, 91, 173, 0.09), 10px 13px 36px 0px rgba(100, 91, 173, 0.10); } .touch-icon { border-radius: 44px; background: #FEEFF6; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; margin-bottom: 19px; } .touch-item h4 { font-size: 32px; font-weight: 600; line-height: 38px; font-family: Manrope; } .touch-text { font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; } .touch-text ul { padding-left: 20px; } .touch-text ul li { margin-bottom: 5px; } .touch-row { display: flex; flex-wrap: wrap; margin: 0 -8px; } .touch-sec .button-2 { margin-top: 64px; } .grid-item { width: calc(100% / 3 - 16px); margin: 8px; } .cta-strip-v3 { padding: 100px 0; } .cta-strip-v3 .cta-strip-cap {display: block;text-align: center;padding: 80px; background-size: cover; } .cta-strip-v3 .cta-strip-cap .cta-strip-text { margin: 30px auto 48px; max-width: 835px; } .cta-strip-v3 .cta-strip-cap:before { background-image: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/tep-change-bg.png'); } .use-cases-sec.pt-100 , .pt-100 { padding-top: 100px; } .as-easy-sec { padding: 100px 0; overflow: hidden; } .as-easy-sec .title-section { margin-bottom: 50px; } .as-easy-item { display: flex; align-items: center; padding: 58px 0; position: relative; } .as-easy-content { padding-left: 120px; width: 100%; max-width: 485px; position: relative; } .as-easy-content h5 {font-size: 26px; line-height: 36px; margin-bottom: 12px; font-family: Manrope; color: #121016; } .as-easy-content .as-easy-text { font-size: 16px; line-height: normal; } .as-easy-item:nth-child(2n) { flex-direction: row-reverse; justify-content: left; margin-left: 40px; } .as-easy-item:nth-child(2n) .as-easy-content { padding-right: 125px; padding-left: 0; text-align: right; } .as-easy-item:nth-child(3) { justify-content: flex-end; margin-right: -110px; } .as-easy-row { position: relative; } .as-easy-row svg.line-svg { position: absolute; top: 133px; left: 236px; } .as-easy-num { position: absolute; left: 10px; z-index: 1; } .as-easy-num span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 22px; font-style: normal; font-weight: 700; letter-spacing: -0.46px; color: #fff; margin-top: -3px; } .as-easy-item:nth-child(2n) .as-easy-num { right: 28px; left: auto; top: 0; bottom: 0; margin: auto; width: 63px; height: 69px; } .as-easy-item:nth-child(3) .as-easy-icon {margin-right: 42px;} .as-easy-item:nth-child(2n) svg circle:nth-child(1) { fill:#D1D0F4;} .as-easy-item:nth-child(2n) svg circle:nth-child(2) { fill:#AEACDB; } .as-easy-item:nth-child(3) svg circle:nth-child(1) {fill: #cbdee7;} .as-easy-item:nth-child(3) svg circle:nth-child(2) { fill:#71BEC8; } .as-easy-item:nth-child(1) .as-easy-icon { width: 100%; max-width: 196px; } .as-easy-item:nth-child(2) .as-easy-icon { max-width: 396px; width: 100%; } .as-easy-item:nth-child(3) .as-easy-icon { width: 100%; max-width: 301px; } .no-slider .blog-post { width: calc(100% / 3 - 30px); margin: 15px 15px 50px; } .blog-row.no-slider { display: flex; flex-wrap: wrap; margin:0 -15px; } .slider-title-top.no-arrow .slider-title { width: 100%; justify-content: space-between; } .ecommerce-count .count-wrap { background: linear-gradient(147deg, #B15EA9 19.2%, #615EB1 100.45%); } .ecommerce-count .count-wrap h5 { color: #F6C9FF; } .ecommerce-count .count-item { width: calc(100% / 4 - 16px); } .ecommerce-cta .cta-strip-cap:before {background-image: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/ecommerce-cta-bg.png');} .ecommerce-cta .cta-strip-cap { padding: 100px 80px; } .ecommerce-cta .cta-strip-cap .cta-strip-text { margin-bottom: 70px; } .ecommerce-cta .cta-strip-cap:before {background-image: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/ecommerce-cta-bg.png');} /* .ecommerce-cta .cta-strip-cap:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; background: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/Group%201216186582.png') no-repeat center / contain; } */ .touch-item.grid-item.touch-grid-full { width: calc(100% / 1 - 16px); display: flex; flex-wrap: wrap; } .touch-grid-full .touch-inner { width: 60%; padding-right: 70px; } .touch-grid-full .touch-img { width: 40%; text-align: right; } .consumer-simple-user .simple-text span, .consumer-simple-user .simple-text b, .consumer-simple-user .simple-text strong { color:#000; background: none; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; background-clip: inherit; text-fill-color: inherit; } .strip-sec { background: linear-gradient(84deg, #C1E1EA 28.18%, #C0C7EB 96.63%); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16); padding: 20px 0; margin-top: 165px; } .strip-cap { display: flex; justify-content: center; align-items: center; font-size: 18px; font-style: normal; font-weight: 700; line-height: 28px; } .strip-cap p { margin-bottom: 0; } .strip-cap svg { margin: 0 12px; } .strip-sec a { color: #186D89; text-decoration: underline; } .marketing-count .count-item { width: calc(100% / 3 - 16px); } .touch-marketing .touch-icon { background: #E1F9F8; } .touch-marketing .touch-item.grid-item:last-child { width: calc(100% / 1.5 - 16px); } .touch-marketing .title-gradient span { background-image: linear-gradient(94deg, #1297A9 38.5%, #615EB1 84.09%); } .marketing-cta .cta-strip-cap:before { background-image: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/26.png'); } .marketing-hero::before { background-image: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/Group%201000003216%20%282%29-1.png'); left: 0; right: 0; transform: none; top: 0; bottom: 0; height: 100%; background-size: 100% 100%; filter: none; width: 100%; } .marketing-hero { padding-bottom: 80px; } .strip-sec.mb-60 { margin-bottom: 120px; } .strip-sec.mt-0 { margin-top: 80px; } .shopper-count .count-wrap { background: linear-gradient(157deg, #1297A9 24.75%, #615EB1 116.8%); } .key-benefits-sec.shopper-copilot { padding-top: 160px; padding-bottom: 140px; } .shopper-copilot .benefits-item { padding: 30px 25px 20px; } .shopper-copilot h2 span { background-image: linear-gradient(93.34deg, #1297A9 28.74%, #615EB1 107.65%); } .shopper-cta .cta-strip-cap .cta-strip-text { margin-bottom: 140px; } .shopper-cta .cta-strip-cap { padding-bottom: 150px; } .shopper-cta .cta-strip-cap:after {content: "";position: absolute;left: 0;right: 0;bottom: 0;background-image: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/image%201%20%282%29.png');background-position: center;background-repeat: no-repeat;width: 728px;height: 290px;margin: auto;background-size: contain;z-index: -1;} .shopper-hero::before { background-image: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/Group%201000003217.png'); } .shopper-cta .cta-strip-cap:before { background-image: url('https://dragonflyai.co/hubfs/dragonfly_ai_2022/Images/Group%201216186583%20%281%29.png'); } .shopper-cta .cta-strip-cap:after { display: none; } .amazon-noticed .noticed-img { padding: 0; background: transparent; border: none; box-shadow: none; } .amazon-noticed .noticed-content { max-width: 940px; text-align: center; } .amazon-noticed .container { max-width: 1068px; } .amazon-noticed { padding: 50px 0; } .touch-amazon .touch-item.grid-item:last-child { width: calc(100% / 3 - 16px); } .touch-amazon .touch-item.grid-item.touch-grid-full { width: calc(100% / 1.5 - 16px); background: linear-gradient(157deg, #1297A9 24.75%, #615EB1 116.8%); color: #fff; align-items: center; } .touch-amazon .touch-item.grid-item.touch-grid-full h4 { color: #fff; } .touch-amazon .touch-item.grid-item.touch-grid-full .touch-text { width: 100%; max-width: 340px; line-height: 28px; } .amazon-copilot .copilot-text { color: #393546; width: 100%; max-width: 1060px; margin: auto; } .amazon-copilot h2 { margin-bottom: 22px; } .amazon-copilot .benefits-item { padding: 20px 25px 10px; } .amazon-copilot .benefits-item h4 { font-size: 20px; line-height: 29px; } .amazon-copilot .benefits-item.active h4 { margin-bottom: 10px; } .amazon-copilot .benefits-wrpa { width: 100%; max-width: 1200px; margin: auto; } .amazon-studio .title-section h2 { margin-bottom: 20px; } .amazon-studio .title-section { margin-bottom: 50px; } .amazon-studio .title-section .subtext { width: 100%; max-width: 730px; margin: auto; } .amazon-studio .exp-studio-list ul li { vertical-align: middle; } .amazon-studio .exp-studio-list ul li svg path { fill: #615EB1; } .amazon-studio .exp-studio-list2 ul li { padding-right: 35px; } .amazon-studio .exp-studio-list2 { margin: 55px 0 0; } .amazon-cta h2 { margin-bottom: 30px; } .amazon-cta .cta-strip-cap:before {background-image: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/Mask%20group%20%289%29.png');background-size: cover;} .key-benefits-sec.amazon-tabs-sec { padding: 185px 0; } .amazon-tabs-sec .copilot-title { margin-bottom: 30px; } .amazon-tab-btn ul { list-style: none; padding: 0; margin: 0; display: flex; } .amazon-tab-btn ul li { border-radius: 10.403px; border: 2px solid #19D3C8; background: rgba(255, 255, 255, 0.07); width: calc(50% - 16px); margin: 8px; padding: 16px 20px; font-size: 20px; font-style: normal; font-weight: 700; line-height: 29px; } .amazon-tab-btn .copilot-title { margin-bottom: 40px; } .amazon-tab-btn { text-align: center; margin-bottom: 36px; cursor: pointer; } .amazon-tabs-wrap { width: 100%; max-width: 1000px; margin: auto; } .amazon-tab-btn ul li.active { background: #fff; border-color: #F4549E; color: #121016; } .copilot-icon {width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;border-radius: 100%;background: rgba(255, 255, 255, 0.30);} .copilot-icon + h4 { padding-left: 20px !important; } .amazon-copilot .benefits-title { align-items: flex-start; } .copilotv2 .benefits-item.active .copilot-icon { background: #FEEFF6; } .copilotv2 .benefits-item.active .copilot-icon svg path { fill: #F4549E; } .copilotv2 .benefits-item .copilot-icon svg path { fill: #393546; } .amazon-approach { padding-top: 120px; } .checkbox-wrap { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; } .checkbox-wrap [class*=button-] a { border-radius: 72px; border: 1px solid #E9E9EC; background: rgba(255, 255, 255, 0.10); font-size: 14px; font-style: normal; font-weight: 500; } .checkbox-wrap [class*=button-] a:after { display: none; } .checkbox-wrap [class*=button-] a:before { content: ""; width: 16px; height: 16px; border-radius: 4px; border: 1px solid #D0D5DD; background: rgba(255, 255, 255, 0.20); display: inline-block; vertical-align: middle; margin-right: 8px; margin-top: -3px; } .amazon-hero h6 { color: #fff; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; margin-top: 35px; margin-bottom: 20px; } .amazon-hero [class*=button-].main-btn { margin-top: 30px; } .amazon-hero .hero-caption {max-width: 1000px;} .consumer-simple-user h2 { color: #121016; } .use-cases-v2 h2, .insights-blog-list h2 , .as-easy-sec h2 , .faq-smarter h2 { color: #121016; } .cta-strip-v3 h2 span { background: linear-gradient(92deg, #96CDD9 17.94%, #9096DB 82.06%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .insights-blog-list .button-4 a { border-radius: 12px; background: #fff; font-size: 19px; font-style: normal; font-weight: 500; line-height: 20px; border-color: #f2318a; padding: 13px 26px; } .insights-blog-list .button-4 a:hover { background: #f2318a; } .consumer_body .body-wrapper:before { background-image: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/Rectangle%2034624408%20%286%29.png'); background-position: center; background-size: cover; background-repeat: no-repeat; } .shopper-count .count-wrap h5 { color: #A1EDE8; } .consumer-simple-user .title-gradient2 span, .consumer-simple-user .title-gradient2 b, .consumer-simple-user .title-gradient2 strong { background-image: linear-gradient(272deg, #615EB1 53.14%, #B15EA9 86.96%); } .ecommerce-hero:before { background-image: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/Trusted%20by%20Logo/Mask%20group%20%289%29.png'); transform: none; } .touch-consumer .grid-item:nth-child(1) , .touch-consumer .grid-item:nth-child(3) { width: calc(100% / 1.5 - 16px); } /* .marketing-hero .hero-caption , .marketing-hero h1 { max-width: 1150px; } */ .platform-hero .button-3 { margin-top: 50px; } .df-connect-hero .hero-caption h3 { font-weight: 500; font-size: 32px; line-height: 50px;margin-bottom: 0; } .df-connect-hero .platform-hero-img { margin-top: 0; margin-bottom: 0; } .df-connect-hero .hero-text {max-width: 1060px;} .df-connect-hero .hero-text strong { color: #A1EDE8; } .df-connect-hero:after { content: ""; background: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/Group%201216186308.png') no-repeat center / 100% 100%; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: -1; } .partners-count .count-wrap { background: transparent; box-shadow: none; } .partners-count .count-wrap h4 { text-align: center; font-weight: 600; font-size: 64px; line-height: 110%; letter-spacing: -0.06em; color: #121016; font-family: Lexend; margin-bottom: 60px; } .partners-count .count-wrap .count-item { background: #1297A9; background: linear-gradient(90deg,rgba(18, 151, 169, 1) 0%, rgba(97, 94, 177, 1) 100%); padding: 22px; } .partner-copilot .benefits-item { padding: 20px 25px 12px; } .partner-copilot .benefits-item h4 { font-size: 22px; font-style: normal; font-weight: 700; line-height: 36px; margin-bottom: 12px; } .partner-copilot .benefits-left { padding-right: 15px; width: 45%; } .partner-copilot .benefits-right { width: 55%; } .partner-copilot .benefits-text { margin-bottom: 10px; color:#121016; line-height: 24px; font-weight: 400; } .partner-copilot strong { font-weight: 600; } .partners-count { padding-bottom: 40px; } .partner-row { display: flex; flex-wrap: wrap; margin: 0 -8px; } .partner-item { width: calc(100% / 3 - 16px); margin: 8px; border-radius: 32px; background: #FFF; box-shadow: 240px 336px 116px 0px rgba(100, 91, 173, 0.00), 153px 215px 106px 0px rgba(100, 91, 173, 0.01), 86px 121px 89px 0px rgba(100, 91, 173, 0.05), 38px 54px 66px 0px rgba(100, 91, 173, 0.09), 10px 13px 36px 0px rgba(100, 91, 173, 0.10); padding: 30px; } .partner-item h4 { font-size: 32px; font-family: Manrope; font-weight: 600; } .partner-img { line-height: 0; } .partner-text { font-size: 16px; font-style: normal; font-weight: 400;line-height: 28px; padding-bottom: 15px; } .partner-sec .title-sec { width: 100%; max-width: 730px; margin-left: auto; margin-right: auto; margin-bottom: 110px; } .partner-form .cta-strip-cap:before { background-image: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/ecommerce-cta-bg.png'); } .partner-form .default-form { width: 100%; max-width: 592px; margin: auto; } .partner-form .cta-strip-cap .cta-strip-text { max-width: 740px; color: #F9F8FA; text-align: center; font-family: Manrope; font-size: 20px; font-style: normal; font-weight: 400; line-height: 29px; margin-bottom: 60px; } .partner-form .cta-strip-cap .default-form .hs-input { border-radius: 12px; border: 1px solid #9F97A7; background: rgba(255, 255, 255, 0.10); box-shadow: 0px 0px 4px 0px rgba(23, 25, 28, 0.05); } .partner-form .hs-submit .actions { text-align: center; } .touch-partner .touch-item { width: calc(100% / 2 - 16px); } .touch-partner .sub-text { width: 100%; max-width: 1054px; font-size: 26px; font-style: normal; font-weight: 500; line-height: 36px; } .partner-sec { padding: 140px 0 80px; } .partners-cta-strip { padding-top: 60px; } .partners-cta-strip .cta-strip-cap { min-height: 229px; background-image: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/Group%201216185981.png'); background-position: center; background-repeat: no-repeat; background-size: cover; } .connections-tabs .bg-path:before { background-image: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/Mask%20group%20%2811%29.png'); } .connections-tabs.copilotv2 { padding: 230px 0; } .connections-tabs .bg-path { display: block; } .connections-tabs .copilot-title h2 { color: #fff; } .connections-tabs .copilot-title .copilot-text { width: 100%; max-width: 600px; margin: auto; color: #E3E3EF; } .connections-tabs .copilot-img { margin-bottom: 190px; text-align:center; } .connections-tabs .bg-path { display: block; -webkit-clip-path: url(#copilot-clip-path); clip-path: url(#copilot-clip-path); right: -30%; } .connections-tabs .benefits-item h4 { color: #fff; } .connections-tabs .arrows-tab { border-radius: 40px; border: 1px solid rgba(255, 255, 255, 0.32); background: rgba(255, 255, 255, 0.08); } .connections-tabs ul.dots-list li span { background: rgba(255, 255, 255, 0.40); } .connections-tabs ul.dots-list li.active span { background: #F4549E; } .connections-tabs .benefits-item { border: 2px solid rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.07); } .connections-tabs .benefits-item.active:nth-child(1) { border-color: #8636ED; } .connections-tabs .benefits-item.active:nth-child(1) h4 span{color: #8636ED;} .connections-tabs .benefits-item.active:nth-child(2) { border-color: #22C55E; } .connections-tabs .benefits-item.active:nth-child(2) h4 span{color: #22C55E;} .connections-tabs .benefits-item.active:nth-child(3) { border-color: #F2318A; } .connections-tabs .benefits-item.active:nth-child(3) h4 span{color: #F2318A;} .connections-tabs .benefits-item.active:nth-child(4) { border-color: #EFB811; } .connections-tabs .benefits-item.active:nth-child(4) h4 span{color: #EFB811;} .connections-tabs .benefits-item.active:nth-child(5) { border-color: #EB5757; } .connections-tabs .benefits-item.active:nth-child(5) h4 span{color: #EB5757;} .connections-tabs .benefits-item.active:nth-child(6) { border-color: #19BCB3; } .connections-tabs .benefits-item.active:nth-child(6) h4 span{color: #19BCB3;} .connections-tabs.tab_no .copilot-img { margin-bottom: 0; } .connections-tabs.tab_no { padding: 260px 0; } .customers-touch .touch-item:nth-child(1) , .customers-touch .touch-item:nth-child(2) { width: calc(100% / 2 - 16px); } .connections-tabs.leveraging-sec { padding-bottom: 300px; padding-top: 320px; } .connections-tabs.leveraging-sec .copilot-title .copilot-text { max-width: 790px; } .leveraging-item { border-radius: 18px; border: 2.326px solid #9853F2; background: #272D34; padding: 23px; margin: 12px 0; min-height: 209px; } .leveraging-item h5 { font-size: 22px; font-style: normal; font-weight: 700; line-height: 36px; margin-bottom: 6px; color: #fff; font-family: Manrope; } .leveraging-text { font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; font-family: Manrope; } .leveraging-wrap { display: flex; justify-content: center; } .leveraging-left , .leveraging-right {width: 45%;} .df-logo-wrap { width: auto; margin: 0 50px; display: flex; align-items: center; position: relative; } .df-logo { border-radius: 16.422px; border: 2.053px solid #FF8ADA; background: #FFF; box-shadow: 0px 0px 147.796px 0px #FF69ED; display: flex; flex-wrap: wrap; justify-content: center; font-size: 22.23px; font-style: normal; font-weight: 700; line-height: 23px; color: #1D232A; text-align: center;padding: 30px; width: 192px; } .df-logo svg { margin-bottom: 20px; } .df-line { position: absolute; z-index: -1; } .df-line.df-line2 { right: -50px; } .df-line.df-line1 { left: -50px; } .connect-customer-user .title-gradient2 span, .connect-customer-user .title-gradient2 b, .connect-customer-user .title-gradient2 strong { background-image: linear-gradient(93.34deg, #1297A9 28.74%, #615EB1 107.65%); } .connect-customer-user .simple-text span, .connect-customer-user .simple-text b, .connect-customer-user .simple-text strong { font-weight: 600; } .customer-form .cta-strip-cap .cta-strip-text { max-width: 840px; } .partner-form a.hs-submit-button { border-radius: 20px; } /* */ .herov2-new .hero-text { font-family: Lexend; font-size: 32px; font-style: normal; font-weight: 500; line-height: 50px; letter-spacing: -1.44px; width: 100%; max-width: 790px; margin-left: auto; margin-right: auto; background: linear-gradient(93.42deg, #96CDD9 41.94%, #9096DB 83.4%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .about-simple-top .simple-text strong { color: #141414; background: none; -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; background-clip: inherit; text-fill-color: inherit; } /* .herov2-new h1 { font-weight: 600; font-size: 72px; line-height: 100%; letter-spacing: -0.05em; color: #F6F2FF; } */ .amazon-hero h1 span { background: linear-gradient(91deg, #96CDD9 24.8%, #9096DB 81.37%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .amazon-hero .hero-text strong { background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(91deg, #96CDD9 24.8%, #9096DB 81.37%);font-weight: 400; } .amazon-hero:before { left: 0; top: 0; bottom: 0; width: 100%; height: 100%; transform: none; background: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/Group%201216186308%20%281%29.png') no-repeat center / cover; } .amazon-hero [class*=button-].main-btn a { font-size: 18px; font-style: normal; font-weight: 700; line-height: 28px; } .amazon-copilot .arrows-tab { opacity: 0.25; } .amazon-copilot .arrows-tab:hover { opacity: 1; } .amazon-studio .title-gradient2 span { background-image: linear-gradient(180deg, #615EB1 0%, #B15EA9 100%); } .checkbox-wrap [class*=button-] a { color: #fff !important; } .checkbox-wrap [class*=button-] a.active { color: #fff; } .checkbox-wrap [class*=button-] a.active:before { background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33329 2.5L3.74996 7.08333L1.66663 5' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-size: 13px; background-repeat: no-repeat; background-position: center 2px; } /* */ .podcast-hero { min-height: auto; padding-top: 200px; } .podcast-hero::before { transform: none; top: 0; left: 0; background: url('https://dragonflyai.co/hubfs/podcast-2025/images/pod-bg-hero.png') no-repeat center / cover; filter: none; width: 100%; height: 100%; } .podcast-search-tags { width: 100%; max-width: 744px; margin: auto; padding-top: 50px; } .podcast-search-tags form { position: relative; } .podcast-search-tags form input[type="text"] { border-radius: 14px !important; border: 3px solid #BD78FA !important; background: #FFF; padding-right: 50px !important; margin-bottom: 0 !important; } .podcast-search-tags form button { position: absolute; right: 0; top: 0; bottom: 0; display: flex; align-items: center; background: transparent; border: none; outline: none; width: 47px; padding: 0; justify-content: center; cursor: pointer; } .podcast-tags ul { list-style: none; padding: 0; display: flex; align-items: center; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; font-family: Lexend; flex-wrap: wrap; margin: 28px 0 0; } .podcast-tags ul li a { color: #D1D0F4; text-align: center; border-radius: 8px; padding: 4px 12px; display: inline-block; font-family: Manrope; font-size: 16px; line-height: 24px; } .podcast-tags ul li:not(:last-child) { padding-right: 20px; } .podcast-tags ul li a.active { background: #AF2780; color: #fff; } .breadcrumb { text-align: left; margin-bottom: 50px; } .breadcrumb ul { list-style: none; margin: 0; padding: 0; } .breadcrumb ul li { display: inline-block; color: rgb(255 255 255 / 50%); font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; } .breadcrumb ul li a { color: #fff; } .breadcrumb ul li:not(:first-child):before { content: ""; width: 1px; height: 12px; display: inline-block; border-right: 1px solid #FFF; transform: skewX(-10deg); vertical-align: middle; margin-bottom: 2px; margin-right: 5px; margin-left: 2px; } .breadcrumb ul li:last-child:before { opacity: 0.5; } .pod-latest-sec { padding: 95px 0 70px; } .pod-item .pod-img { width: 220px; line-height: 0; } .pod-item .pod-content { width: calc(100% - 220px); padding: 16px 16px 60px; position: relative; } .pod-row { margin: 0 -15px; } .pod-item { width: calc(100% / 2 - 30px); margin: 15px; border-radius: 12px; background: #FFF; box-shadow: -2px 1px 15.1px 0px rgba(0, 0, 0, 0.05); overflow: hidden; } .pod-item-full { width: calc(100% / 1 - 30px); } .episode-top-bar { width: 100%; background: #121016; align-items: center; padding: 8px 12px; } .episode-text { color: #A1EDE8; font-size: 14px; font-style: normal; font-weight: 800; line-height: 25.091px; text-transform: uppercase; } .episode-top-bar .episode-text {flex: 1;} .pod-tags { margin: 0 0 16px; } .pod-tags ul { list-style: none; margin: 0; padding: 0; } .pod-tags ul li { display: inline-block; margin-right: 5px; margin-bottom: 2px; } .pod-tags ul li a { border-radius: 8px; background: rgba(227, 227, 239, 0.40); padding: 4px 12px;font-size: 13px; font-style: normal; font-weight: 700; line-height: 28px; color: #393546; } .date-audio-min { color: #8E9196; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; display: flex; flex-wrap: wrap; align-items: center; margin-bottom:16px; } .date-audio-min img { display: inline-block; vertical-align: middle; margin-right:5px; } .date-audio-min .pod-date { margin-right: 12px; } .date-audio-min > div { display: flex; align-items: center; } .pod-latest-sec h2, .pod-listing h2 { color: #131017; } .pod-item h5 { color: #393546; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; } .pod-item .pod-text { color: #766E7E; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } .pod-item .pod-img a { display: block; height:100%; } .pod-item .pod-img img { height: 100%; width: 100%; object-fit: cover; } .pod-item .pod-post-wrap { height: calc(100% - 49px); } .pod-item .pod-watch-audio { position: absolute; bottom: 0; width: 100%; display: flex; justify-content: flex-end; right: 0; padding: 0 16px 16px; } .pod-item-first .pod-img { width: 55%; height: 388px; } .pod-item-first .pod-content { width: 45%; } .pod-item-first .pod-watch-audio {justify-content: space-between;} .audio-links { display: flex; align-items: center; } .audio-links a { margin-left: 11px; line-height: 0; } .read-link a { background: linear-gradient(93deg, #1297A9 28.74%, #615EB1 107.65%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 14px; font-style: normal; font-weight: 600; line-height: 29px; display: table; margin-top: 2px; } .pod-listing { padding: 80px 0; } .pod-item.pod-column3 .pod-img { width: 100%; height: 380px; } .pod-item.pod-column3 .pod-content { width: 100%; } .pod-item.pod-column3 { width: calc(100% / 3 - 30px); } .pod-item.pod-column3 .pod-post-wrap { height: auto; } .pod-item.pod-column3 .pod-watch-audio { justify-content: left; } .podcast-cta-strip { padding: 80px 0; } .podcast-cta-strip .cta-strip-img { width: 340px; } .podcast-cta-strip .cta-strip-text { margin-bottom: 31px; } .podcast-cta-strip h3 { font-size: 36px; font-weight: 500; line-height: 47px; letter-spacing: -1.44px; margin-bottom: 22px; } .podcast-cta-strip .cta-strip-cap:before { opacity: 0; } .podcast-cta-strip .cta-strip-cap { background-size: cover; } .podcast-cta-strip .button-3 { padding-top: 22px; } .pod-subscribe-sec { padding: 100px 0; } .pod-subscribe-wrap { border-radius: 64px; border: 1px solid #FFF; background: linear-gradient(90deg, rgba(108, 60, 233, 0.15) 0%, rgba(38, 208, 206, 0.15) 100%); padding: 84px 82px; } .pod-subscribe-left { width: 56%; padding-right: 50px; } .pod-subscribe-right { width: 44%; margin-top: -68px; } .pod-subscribe-wrap h3 { line-height: 50px; letter-spacing: -1.44px; margin-bottom: 30px; } .pod-subscribe-text { color: #121016; margin-bottom: 30px; } .pod-subscribe-form form .hs-form-field input.hs-input { border-radius: 14px !important; background: #F9F9FD; height: 52px; padding: 12px 24px 12px 24px !important; font-size: 16px !important; font-style: normal; font-weight: 400 !important; line-height: 28px; } .pod-subscribe-form form input.hs-button { border-radius: 16px; background: #F2318A; box-shadow: 0px 0.75px 0px 0px rgba(250, 171, 207, 0.50) inset, 0px 0px 0px 1px #FAABCF, 0px 1px 3px 0px rgba(57, 53, 70, 0.70); color: #fff; height: 52px; } .pod-subscribe-form form input.hs-button:hover { background-color: rgb(25, 211, 200); color: rgb(255, 255, 255); border-color: rgb(25, 211, 200); box-shadow: none; } .pod-subscribe-form h3.form-title { display: none; } .pod-subscribe-form form { position: relative; } .pod-subscribe-form form .hs-submit { position: absolute; right: 0; top: 0; } .pod-subscribe-form form .hs-form-field.hs-email { width: calc(100% - 162px); } .pod-subscribe-strip { border-radius: 18px; border: 2px solid #BD78FA; background: linear-gradient(270deg, #121016 -13.22%, #703893 101.15%); box-shadow: 240px 336px 116px 0px rgba(100, 91, 173, 0.00), 153px 215px 106px 0px rgba(100, 91, 173, 0.01), 38px 54px 66px 0px rgba(100, 91, 173, 0.09), 10px 13px 36px 0px rgba(100, 91, 173, 0.10); padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; margin-top: 5px; } .pod-subscribe-strip h6 { margin-bottom: 0; } .pod-subscribe-strip .audio-links a { margin-left: 20px; } .podcast-post-hero:before { background-image: url('https://dragonflyai.co/hubfs/podcast-2025/images/pod-post-bg-hero.png'); } .podcast-post-hero .hero-caption {max-width: 100%;} .podcast-post-hero .hero-caption .episode-text { margin-bottom: 32px; } .pod-person-item { width: 175px; margin: 0 16px; } .pod-person-wrap { display: flex; flex-wrap: wrap;margin: 64px -16px 0; text-align: center; } .pod-person-wrap h6 { color: #E3E3EF; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; margin-bottom: 0; } .pod-person-wrap .pod-person-des { color: #19D3C8; text-align: center; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; } .pod-person-wrap .pod-person-img { line-height: 0; margin-bottom: 15px; } .pod-person-wrap .pod-line { width: 1px; background: rgba(255, 255, 255, 0.13); height: 162px; margin: 0 20px; } .podcast-post-hero { padding-bottom: 360px; } .podcast-post-hero .date-audio-min { color: rgb(255 255 255 / 90%); } .pod-video-audio-wrap { width: 100%; max-width: 1000px; margin: -250px auto 0; position: relative; z-index: 2; } .pod-post-video { border-radius: 12px 0px 0px 12px; line-height: 0; position: relative; } .pod-post-video .pod-post-img img { border-radius: 12px; } .pod-post-video:after , .pod-post-video:before { content: ""; border-radius: 12px; background: rgba(255, 255, 255, 0.20); position: absolute; left: 22px; right: 22px; top: -13px; bottom: 50px; z-index: -1; } .pod-post-video:after { top: -26px; left: 44px; right: 44px; } .pod-post-video .play-btn a { background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(2px); border: 3px solid #fff; border-radius: 100%; width: 126px; height: 126px; display: flex; align-items: center; justify-content: center; } .pod-post-video .play-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .pod-audio-wrap { border-radius: 12px; background: linear-gradient(101deg, #1297A9 10.43%, #615EB1 100.72%); box-shadow: 240px 336px 116px 0px rgba(100, 91, 173, 0.00), 153px 215px 106px 0px rgba(100, 91, 173, 0.01), 38px 54px 66px 0px rgba(100, 91, 173, 0.09), 10px 13px 36px 0px rgba(100, 91, 173, 0.10); padding: 16px; margin-top: 12px; } .pod-audio-strip { border-radius: 8px; background: linear-gradient(94deg, #1CAEC1 16.83%, #6A67BF 91.32%);box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06); display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; } .pod-audio-wrap h6 { margin-bottom: 0; font-family: Manrope; font-weight: 500; } .pod-audio-wrap .pod-audio-strip h6 { font-weight: 700; text-transform: uppercase; } .pod-audio-wrap .pod-audio { padding: 10px 12px 0; } .pod-audio-wrap .episode-text { color: rgba(255, 255, 255, 0.80); font-weight: 400; } .pod-post-sec { padding: 90px 0 0; } .pod-leftsidebar { width: 300px; } .pod-post-right { width: calc(100% - 300px); padding-left: 80px; } .table-of-content h6 { color: #393546; font-family: Manrope; font-size: 16px; font-style: normal; font-weight: 700; line-height: 140%; text-transform: uppercase; } .pod-leftsidebar ul { list-style: none; margin: 0; padding: 0; } .table-of-content { margin-bottom: 30px; } .table-of-content ul li { line-height: normal; padding-bottom: 10px; } .table-of-content ul li a { color: #393546; font-family: Lexend; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; text-transform: capitalize; display: inline-block; } .social-sharing { border-radius: 12px; background: rgba(24, 109, 137, 0.20); padding: 30px; margin-bottom:48px; } .social-sharing p { color: #393546; font-family: "Lexend"; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; } .social-sharing ul.share-buttons li { display: inline-block; margin-right: 10px; } .subscribe-plat-top { border: 2px solid #F2318A; border-bottom: 0; margin-bottom: -14px; border-top-left-radius: 12px; border-top-right-radius: 12px; padding: 24px 24px 37px; } .subscribe-plat-post { border-radius: 12px; background: #121016; box-shadow: 153px 215px 106px 0px rgba(100, 91, 173, 0.01), 15px -21px 66px 0px rgba(100, 91, 173, 0.09), 10px 13px 36px 0px rgba(100, 91, 173, 0.10); margin-bottom: 48px; } .subscribe-plat-img { line-height: 0; } .subscribe-plat-top .audio-links a:first-child { margin-left: 0; margin-right: 6px; } .pod-leftsidebar-bottom { color: #57606A; font-size: 14px; font-style: normal; font-weight: 400; line-height: 21px; letter-spacing: 0.28px; } .pod-leftsidebar-bottom [class*=button-] a { font-size: 14px; font-style: normal; font-weight: 500; line-height: 21.954px; padding-left: 15px; padding-right: 15px; letter-spacing: 0.16px; } .pod-leftsidebar-bottom .widget-type-rich_text { margin-bottom: 20px; } .pod-leftsidebar-bottom h6 { line-height: 20.8px; letter-spacing: -0.18px; } .pod-post-right ul { padding-left: 30px; } .pod-post-right { color: #121016; font-size: 18px; font-style: normal; font-weight: 400; line-height: 29px; } .pod-post-right ul li { padding-bottom: 15px; } h6.pod-post-title { border-bottom: 2px solid #4512A9; background: #F8FAFC; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); display: table; padding: 6px 12px 8px 12px; color: #020817; font-size: 16px; font-weight: 500; line-height: 20px; text-transform: uppercase; margin-bottom: 30px; } .pod-about-wrap h5 { margin-bottom: 24px; color: #020817; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; } .pod-about-wrap { border-top: 1px solid rgba(142, 145, 150, 0.60); padding: 24px 0px; margin-top: 40px; } .pod-about-row { display: flex; flex-wrap: wrap; margin: 0 -15px; } .pod-about-item { display: flex; width: calc(100% / 2); padding: 0 15px 30px; } .pod-about-img { width: 80px; height: 80px; } .pod-about-content { width: calc(100% - 80px); padding-left: 15px; color: #374151; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .pod-about-content h6 { color: #020817; font-family: Manrope; font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px; margin-bottom: 0px; } .linkedin-link { display: inline-block; } .linkedin-link a { display: inline-block; } .pod-about-dec { margin-bottom: 8px; } .pod-transcript { padding-top: 70px; } .pod-resources h6.pod-post-title { border-color: #FF7EB0; } .pod-resources ul { list-style: none; padding: 0; } .pod-resources ul li a { padding-left: 44px; position: relative; color: #121016; font-size: 18px; font-style: normal; font-weight: 700; line-height: 30.6px; } .pod-resources ul li a svg { position: absolute; left: 0; top: 2px; } .pod-resources { margin-top: 60px; } .pod-question-item { margin-bottom: 62px; } .pod-question-item h2 { color: #121016; font-family: Manrope; font-size: 30px; font-style: normal; font-weight: 500; line-height: 38px; letter-spacing: -0.3px; margin-bottom: 50px; } .pod-post-bottom-text { border-top: 1px solid rgba(142, 145, 150, 0.60); padding: 24px 0; color: #121016; font-size: 24px; font-style: normal; font-weight: 600; line-height: 38px; letter-spacing: -0.24px; } .pod-post-bottom-text h5 { font-family: Manrope; font-size: 24px; font-style: normal; font-weight: 600; line-height: 38px; letter-spacing: -0.24px; background: linear-gradient(273deg, #615EB1 18.7%, #B15EA9 83.8%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 0; } .pod-post-subscribe .pod-subscribe-wrap { text-align: center; justify-content: center; display: block; } .pod-post-subscribe .pod-subscribe-text { color: #F9F8FA; font-size: 20px; font-style: normal; font-weight: 400; line-height: 29px; width: 100%; max-width: 700px; margin: 0 auto 30px; } .pod-post-subscribe h2.title-gradient2 { margin-bottom: 30px; } .pod-post-subscribe .audio-links { display: inline-block; margin-bottom: 20px; } .pod-post-subscribe .audio-links a { border-radius: 16px; background: #F8FAFC; color: #444; text-align: center; font-family: Manrope; font-size: 18.835px; font-style: normal; font-weight: 500; line-height: 26px; padding: 10px 20px 10px 52px; display: inline-block; position: relative; margin: 9px; border: 1px solid #fff; } .pod-post-subscribe .audio-links a img { position: absolute; left: 18px; top: 0; bottom: 0; margin: auto; width: 25px; height: 25px; } .pod-post-subscribe .audio-links a:hover { background: transparent; color: #fff; } .pod-post-subscribe .pod-subscribe-form form .hs-form-field input.hs-input { background: rgba(249, 249, 253, 0.40) !important; color: #fff !important; } .pod-post-subscribe .pod-subscribe-form { width: 100%; max-width: 576px; margin: auto; } .pod-post-subscribe .pod-subscribe-form form .hs-form-field input.hs-input::placeholder { color: #fff; } .pagination a.page-number.current { background: #121016; color: #E3E3EF; } .pagination a.page-number , .pagination a.elipses { border-radius: 100%; border: 1px solid #E1E4EA; background: #FFF; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; margin: 0 2px; } .pages-navigation { color: #525866; text-align: center; font-family: Lexend; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px;letter-spacing: -0.084px; margin-top: 45px; } .pages-navigation a.arrow-btn i.fa { font-weight: 500; } .pages-navigation a.arrow-btn { margin: 0 12px; } .podcast-tags label { display: none; } .pod-leftsidebar > div { position: sticky; top: 40px; } .pod-leftsidebar ul:after { background: #DCDCE0; position: absolute; right: 0; top: 0; content: ""; bottom: 28px; width: 2px; } .pod-leftsidebar ul { position: relative; padding-right: 30px; } .pod-leftsidebar ul .linebar { position: absolute; right: 0px; background: #892B69; width: 2px; z-index: 2;transition: all 500ms; } .table-of-content ul li.active a { background: linear-gradient(271deg, #615EB1 23.14%, #1297A9 71.37%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .retail-hero { padding-bottom: 230px; } .retail-hero::before { background-image: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/Group%201216186308.png'); } .use-cases-sec.pb-150 , .pb-150 { padding-bottom: 150px; } .use-cases-sec.pt-150, .pt-150 { padding-top: 150px; } .visual-hero h3 {font-size: 36px; line-height: 50px; width: 100%; max-width: 1060px; margin: auto; } .count-col4 .count-item { width: calc(100% / 4 - 16px); } .touchv2 .touch-icon { background: #E1F9F8; } .lp-hero .platform-hero-img {transform: translateX(105px);margin-bottom: 0;} .lp-simple-user h2.title-gradient2 span { background-image: linear-gradient(93deg, #1297A9 28.74%, #615EB1 107.65%); } .lp-simple-user .title-sec { max-width: 1040px; } .lp-simple-user h2 { margin-bottom: 30px; } .test-user-friendly { padding: 0; } .test-user-friendly .simple-item { flex-direction: row-reverse; } .test-user-friendly .simple-item .simple-content { padding-left: 90px; padding-right: 0; } .test-user-friendly h3 { font-size: 64px; font-style: normal; font-weight: 600; line-height: 110%; letter-spacing: -3.84px; } .test-user-friendly h3 span { background-image: linear-gradient(91deg, #1297A9 6.18%, #615EB1 57.05%); padding-right:6px; } .test-user-friendly .simple-item:nth-child(2n) { flex-direction: row;} .test-user-friendly .simple-item:nth-child(2n) .simple-content { padding-right: 90px; padding-left: 0; } .test-user-friendly .simple-content [class*=button-] a { background-color: #f2318a; border-color: #faabcf; color: #fff; } .test-user-friendly .simple-content [class*=button-] a:hover { background-color: #19d3c8; border-color: #19d3c8; color: #fff; } .pack-touch .title-section { display: flex; flex-wrap: wrap; align-items: center; } .pack-touch .title-section h2 { width: 50%; } .pack-touch .title-section .sub-text { width: 50%; font-size: 24px; font-weight: 500; line-height: 36px; padding-left: 40px; } .pack-touch .touch-item { width: calc(100% / 4 - 16px); } .pack-user-friendly .simple-item .simple-content { padding-left: 30px; } .pack-video .video-player-wrap { min-height: 729px; } .pack-video .video-player-wrap:before { opacity: 0; } .pack-hero h1 span { background: linear-gradient(93deg, #96CDD9 28.74%, #9096DB 107.65%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-right: 6px; } .pack-video .title-sec h2 span { background: linear-gradient(90deg, #615EB1 19.13%, #B15EA9 60.25%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-right: 6px; } .pack-video {padding-top: 100px;padding-bottom: 100px;} /* CSS end here */ @media(min-width:2200px){ /* .hero_bottle_image { transform: translateY(-40%); } */ } @media(min-width:1700px){ h2 , .h2 { font-weight: 600; font-size: 64px; line-height: 110%; } .hero-caption h1 { font-size: 136px; line-height: 144px; letter-spacing: -0.06em; } .hero-caption { max-width: 1150px; } .optimize-img.active { top: 260px; } .do-your-work { padding-bottom: 250px; } .do-your-work h3 { font-size:52px; } .questions-sec h2 { font-size: 90px; line-height: 94px; } .questions-row { max-width: 1140px; } .questions-text { max-width: 790px; font-size: 32px; } .data-driven-title h2{ font-size: 180px; font-weight: 700; line-height: 158.4px; } .data-driven-item h2 { font-size: 115px; line-height: 119px; max-width: 1030px; } .specialize-sec .bg-svg {transform: scale(1.2); top: -370px; height: 100%; } .specialize-sec .bg-svg path { stroke-width: 50px; } .specialize-sec {padding-bottom: 430px;padding-top: 260px;} .image-content-sec { padding-top: 120px; } .image-content-item { padding:100px 0; } /* .use-cases-top { padding: 40px 40px 65px; } */ .video-player-sec { padding: 200px 0 140px; } .podcast-sec { padding: 150px 0; } .latest-blog-sec { padding-bottom: 100px; } .book-demo-sec { padding-top: 200px; } .thank-msg .bg-svg { bottom: -210px; top: auto; } #main { overflow: hidden; } /* */ .deep-dive-sec h3 { font-size: 48px; } .video-playerv2-sec { padding-top: 100px; } .hero-caption h1 { font-size: 90px; line-height: 84px; } .leaders-sec { padding-bottom: 300px; } .deep-dive-sec { padding-bottom: 120px; } .video-player-v3 { padding-bottom: 180px; } .podcast-v2 { padding-top: 180px; } /* */ .herov2 h1 { font-weight: 600; font-size: 72px; line-height: 100%; letter-spacing: -0.05em; color: #F6F2FF; } .pack-video {padding-top: 100px;padding-bottom: 100px;} } @media(max-width:1699px){ .container-1350 { max-width: 1210px; } .h2, h2 { font-size: 48px; line-height: normal; } .hero-caption h1 { font-size: 90px; line-height: 100px; width: 100%; max-width: 760px; margin: 0 auto 40px; } .hero-sec h5 { font-size: 28px; } .herobottom-title h2 { font-size: 200px; } .hero_bottle_image { max-width: 199px; } .herobottom-title { bottom: -40px; } .hero_bottle_image1.bottle-class { max-width: 162px ; transform: translateY(-50%); } .hero_bottle_image2 { max-width: 210px; } .white-square { width: 120px; height: 180px; top: 160px; right: 340px; } .optimize-sec .lottie-animation { max-width: 890px; } .maximise-sec { padding: 50px 0; } .maximise-img-item-1 img.maximise-img { width: 100%; max-width: 1170px; display: table; margin: 0 auto auto; } .herobottom-class2 { left: 413px; max-width: 85px; top: 490px; } .maximise-img-row { max-width: 1170px; } .data-driven-title h2 {width: 100%;max-width: 890px;} .image-content-item { padding: 50px 0; } .video-player-wrap { min-height: 680px; } .use-cases-sec { padding: 60px 0; } .image-content-sec { padding-top: 80px; } .pre-flight {padding: 80px 0;} .image-content-text { font-size: 22px; } .data-driven-item h2 { width: 100%; max-width: 530px; } .data-driven-text { font-size: 22px; max-width: 510px; } .data-driven-animation { right: 0; } .image-content-right .lottie-container { width: 100%; max-width: 560px; } #animationContainer-pre { max-width: 520px; } .ques-link-3.ques-link-1 {width: calc(100% + 250px);left: -125px;} .ques-link-3.ques-link-1 path { stroke-width: 60px; } /* F&B page */ .hero-sec { padding-top: 170px; } .fb-hero-sec h1 { width: 100%; margin: 0 auto 30px; } .fb-hero-video { max-width: 1050px; } .capture-title-sec { padding: 120px 0; } .capture-title-sec .capture-text { font-size: 22px; } .capture-title-sec .container { max-width: 1130px; } .trust-title { width: 100%; max-width: 1030px; margin-left: auto; margin-right: auto; } .key-benefits-sec { padding: 160px 0; } .key-benefits-sec h2 { margin-bottom: 60px; } .ready-sec { padding: 18% 0 160px; } .trust-sec .container { padding: 0; } .trust-content h3 { font-size: 64px; line-height: 110%; } .key-benefits-sec .container-1350 { max-width: 100%; padding: 0; } /* */ .hero-book-wrap { max-width: 1300px; } .hero-book-wrap h3 { font-size: 30px; line-height: 35px; letter-spacing: -1px; } .hero-book-left { padding-right: 30px; } .full_step_form_hero .step_dots { margin-top: 20px; margin-bottom: 65px; } .unforgettable-hero-img { margin-top: -210px; } .unforgettable-hero-sec { padding-bottom: 60px; } .playbook-enter-sec { padding-top: 150px; padding-bottom: 130px; } .take-creative-sec { padding-top: 270px; } .playbook-today-from { padding-bottom: 30px; } .playbook-today-from h2 { font-size: 62px; line-height: normal; } .herov2-sec h1 { max-width: 100%; } .launch-sec { padding: 134px 0 80px; } .launch-sec h2 { margin-bottom: 20px; } .logo-sec.logos-v2 { padding-bottom: 160px; } .any-channel-sec { padding: 230px 0 270px; } .simple-item { padding: 150px 0; } .client-v2 { padding: 250px 0 250px; } .logos-v2 .image-content-left h3 {font-size: 48px; } .any-channel-sec .maximise-img-row { max-width: 940px; height: auto; } .podcast-v2 { padding-bottom:140px; } /* */ .copilot-sec .container-1350 { padding: 0 15px; } .platform-hero h1 { max-width: 900px; } .platform-hero { padding-top: 220px; } .cta-strip-sec { padding-bottom: 90px; } .key-benefits-sec.copilotv2 { padding-bottom: 80px; } .exp-studio-sec { padding: 80px 0 80px; } .exp-studio-list ul li { padding-right: 40px; } /* */ .science-slider-sec { padding: 150px 0; } .science-slider-item h2.size-90 { font-size: 60px; line-height: 68px; margin-bottom: 20px; } .science-slider-text { font-size: 20px; line-height: 30px; width: 100%; max-width: 650px; } .science-list { font-size: 16px; width: 100%; max-width: 720px; line-height: normal; } .science-list ul li { padding: 15px; } .science-icon { width: 40px; height: 40px; } .pro-present-sec { padding-bottom: 0; } .about-hero .hero-caption h1 { max-width: 100%; } /* */ .agencies-use-cases { padding-bottom: 100px; } .ebook-hero-lp { padding-top: 230px; padding-bottom: 208px; } .herov2 h1 { font-weight: 600; font-size: 72px; line-height: 100%; letter-spacing: -0.05em; color: #F6F2FF; } .connections-tabs.copilotv2 { padding: 180px 0 230px; } /* */ .leveraging-sec .copilot-title h2 { margin-bottom: 20px; } .connections-tabs.leveraging-sec { padding-top: 270px; } .amazon-hero h1 { max-width: 100%; } .podcast-post-hero h1 {margin-left: 0;} } @media(max-width:1450px){ /* .trust-content { padding-left: 30px; } .trust-item:nth-child(2n) .trust-content { padding-right: 30px; } */ .herov2-sec .smoke-img { bottom: -170px; } } @media(max-width:1699px) and (min-width:1360px) { .sizev2 .h2, .sizev2 h2 , .logos-v2 .image-content-left h3 { font-size: 62px; } .sizev2 .video-player-v3 h2 { font-size: 116px; } .sizev2 .size-90 { font-size: 90px; } .copilot-sec .container-1350 { max-width: 1350px; } .copilot-sec h2 { margin-bottom: 40px; } .copilot-sec { padding: 250px 0; } /* */ .science-slider-item h2.size-90 { font-size: 60px; line-height: 68px; margin-bottom: 20px; } .footer-bottomimg h2 { font-size: 120px; } } @media(max-width:1350px){ .container { max-width: 1170px; } .maximise-img-row { height: 960px; } .image-content-sec { overflow: hidden; } .pre-before { width: calc(100% - 28px); margin-left: auto; } .pre-img-wrap { left: 0; width: 100%; max-width: 510px; margin-left: auto; } .pre-last-img { width: 100%; left: -60px; max-width: 480px; top: -64px; } .pre-img img { width: 100%; height: 100%; } #animationContainer-pre { max-width: 470px; margin: auto; } .book-demo-img { max-width: 150px; } /* F&B page */ .fb-hero-sec h1 { font-size: 88px; line-height: 110px; } .size-116 { font-size: 88px; line-height: 91%; } .size-90 { font-size: 72px; line-height: 100%; } .benefits-left { padding: 0 25px; } .capture-title-sec h2 { width: 100%; max-width: 800px; } .trust-content h3 { font-size: 48px; } .trust-content { padding: 0 60px; } .client-sec { padding: 120px 0 80px; } .client-sec .slider-title-top { margin-bottom: 10px; } .client-sec .slider-title-top { margin-bottom: 70px; } .client-quotes { font-size: 24px; } .case-stu-wrap { padding: 75px 60px; } /* */ .hero-book-wrap { max-width: 1170px; } /* */ .take-creative-sec .title-sec { max-width: 1000px; } .playbook-form-sec .playbook-form-svg { top: -50px; } .playbook-form-sec .progressbar span:after, .playbook-form-sec .progressbar { width: 100%; } .launch-sec { padding: 94px 0 80px; } .client-v2 { padding: 180px 0 230px; } .podcast-v2 { padding-top: 130px; padding-bottom:40px; } .linkedin-v2 { padding-bottom: 100px; } .video-player-v3 h2 { font-size: 90px; } .video-player-v3 { padding-bottom: 160px; } .exp-studio-tailored .exp-studio-img { max-width: 1025px; } /* */ .about-simple-sec .simple-content h3 { font-size: 48px; } .as-easy-row svg.line-svg { height: auto; width: 568px; } .as-easy-item { padding: 48px 0; } .as-easy-item:nth-child(2n) { margin-left: 26px; } .as-easy-item:nth-child(3) .as-easy-content { max-width: 400px; padding-left: 100px; } .as-easy-item:nth-child(3) { margin-right: -22px; } .touch-item h4 { font-size: 28px; line-height: normal; } .touch-item { padding: 25px; } .touch-grid-full .touch-inner { padding-right: 15px; } .strip-sec { margin-top: 115px; } .strip-cap { font-size: 16px; } .strip-cap svg { width: 20px; height: 20px; } /* */ .connections-tabs.copilotv2 { padding: 150px 0 280px; } .connections-tabs .bg-path { right: -40%; } .connections-tabs .bg-path:before { bottom: -60px; } .connections-tabs.leveraging-sec { padding-top: 250px; } .amazon-studio .exp-studio-list ul li { font-size: 18px; line-height: 28px; } .pack-video .video-player-wrap { min-height: 689px; } } @media (min-width:1200px) { .out-hero-img { min-height: 553px; } .book-demo-sec .book-demo-wrap .default-form.full_step_form { min-height:445px; } .book-demo-sec .book-demo-wrap .default-form.full_step_form > span { display: none; } .amazon-studio .exp-studio-list ul li { padding-right: 22px; } .amazon-studio .exp-studio-list ul li:nth-child(1) { width: 31%; } .amazon-studio .exp-studio-list ul li:nth-child(2) { width: 34%; } .amazon-studio .exp-studio-list ul li:nth-child(3) { width: 35%; } } @media (min-width:768px) { .flex{display:flex} .flex-reverse{flex-flow:row-reverse;} .align-center{align-items:center;} .align-top{align-items:flex-start;} .align-bottom{align-items:flex-end;} .space-between{justify-content:space-between;} .justify-center{justify-content:center;} .justify-right{justify-content:flex-end;} .justify-left{justify-content:flex-start;} .row-wrap{flex-flow:row wrap;} .mobile-show{display:none} .flex-wrap { flex-wrap: wrap; } } @media (max-width:1199px){ .container { max-width: 962px; } .h3, h3 { font-size: 35px; line-height: normal; } .h2, h2 { font-size: 40px; line-height: normal; } .hero-sec { padding: 174px 0 0; } .hero-caption h1 { font-size: 80px; } .smoke-img { bottom: -30px; } .herobottom-title h2 { font-size: 160px; line-height: normal; } .herobottom-title { bottom: 60px; } .maximise-img-row { max-width: 900px; height: 740px; } .white-square { right: 240px; top: 120px; width: 100px; height: 140px; } .herobottom-class2 { max-width: 64px; top: 415px; left: 315px; } .questions-sec h2 { font-size: 48px; width: 100%; max-width: 600px; margin:0 auto 20px; } .questions-sec h2 br { display: none; } .questions-text { font-size: 22px; width: 100%; max-width: 550px; } .ques-link-3.link-class3 { top: 220px !important; } .image-content-sec { padding-top: 50px; } .do-your-work { padding: 70px 0; } .primary-use-sec { padding: 80px 0; } .title-sec { margin-bottom: 30px; } .data-driven-item h2 { font-size: 56px; line-height: 65px; margin-bottom: 24px; } .data-driven-text { font-size: 18px; } .data-driven-item { max-width: 430px; } .data-driven-animation { right: -20px; } .image-content-sec .image-content-text { font-size: 18px; } .image-content-right .lottie-container { max-width: 450px; } .pre-img-wrap { max-width: 440px; } #animationContainer-pre { max-width: 420px; } .pre-before { width: calc(100% - 23px); } .explore-title h2 { margin: 0 auto 40px; } .explore-box { padding: 60px; } .explore-sec { padding: 180px 0; } .explore-title { max-width: 500px; margin-top: 60px; } .video-player-inner h2 { font-size: 70px; line-height: 70px; width: 50%; letter-spacing: -0.02em; } .video-player-v3 .video-player-inner h2 { width: 100%; } .video-player-content { width: 50%; } .video-player-wrap { min-height: 610px; } .video-player-sec { padding-bottom: 60px; } .clients-say-sec { padding-top: 50px; padding-bottom: 80px; } .podcast-item { padding: 20px; } .podcast-item h4 { font-size: 24px; line-height: normal; margin-bottom: 20px; } .latest-blog-sec { padding: 50px 0; } .book-demo-sec { padding-top: 130px; } .specialize-sec { min-height: auto; padding-bottom: 110px; padding-top: 50px; } .bg-svg { top: -70px; width: calc(100% + 70px); margin-left: -70px; height: 111%; } .specialize-sec h2 { font-size: 40px; line-height: normal; } /* F&B page */ .fb-hero-sec { padding-bottom: 280px; } .hero-sec.fb-hero-sec:before { background-image: url(https://dragonflyai.co/hubfs/dragonflyai-2024/images/dark_bg.webp); height: 100%; } .fb-hero-video { max-width: 750px; } .capture-title h2 { font-size: 40px; } .fb-subtitle { font-size: 26px; line-height: 36px; letter-spacing: normal; } .fb-hero-sec h1 { line-height: 104px; } .fb-hero-caption { margin-bottom: 0; } .fb-hero-img { transform: scale(1); padding: 0 15px; } .fb-hero-anim { margin-top: 60px; } .fb-hero-video-title { font-size: 48px; line-height: 50px; width: 100%; max-width: 720px; } .trust-content { padding-left: 20px; padding-right: 40px; } .trust-item:nth-child(2n) .trust-content { padding-left: 40px; padding-right: 20px; } .trust-item:last-child { padding-bottom: 0; } .benefits-left { padding: 0 20px; } .ready-sec { padding: 28% 0 100px; min-height: auto; } .industry-sec { padding: 100px 0; } /* */ .client-sec { padding: 90px 0 60px; } .client-content { padding-left: 30px; width: calc(100% - 325px); } .client-quotes { font-size: 20px; margin-bottom: 24px; } .client-name-desc { font-size: 14px; line-height: 24px; } .client-img { width: 325px; } .client-slider-wrap svg.image-svgbg { width: 500px; left: -20px; top: -140px; } .case-stu-logo img { width: 100%; max-width: 200px !important; } .case-stu-sec { padding: 80px 15px; } .case-stu-left { width: 55%; padding-right: 20px; } .case-stu-wrap { padding: 75px 50px; } .case-stu-right { width: 45%; } .case-stu-wrap h3 { font-size: 40px; } .case-stu-logo { margin-bottom: 30px; } .linkedin-left { padding-right: 140px; } .linkedin-sec h2 { margin-bottom: 20px; } .linkedin-wrap { padding: 60px 55px; } .linkedin-sec { padding-bottom: 80px; } .linkedin-text { font-size: 20px; line-height: normal; } /* */ .hero-book-right { padding-left: 15px; width: 45%; } .hero-book-left { padding-right: 15px; width: 55%; } .hero-book-wrap { max-width: 962px; } .full_step_form_hero .step_dots { margin-top: 0; margin-bottom: 35px; } .fb-heroinner-sec .bg-path { -webkit-clip-path: url(#hero-inner-path-mob); clip-path: url(#hero-inner-path-mob); bottom: 0; right: 0;width: 100%; } /* */ .unforgettable-hero-sec h1 { font-size: 80px; line-height: 76px; } .unforgettable-hero-img { margin-top: -100px; } .unforgettable-hero-sec .fb-subtitle { font-size: 18px; line-height: 28px; max-width: 720px; } .playbook-enter-sec { padding-top: 110px; padding-bottom: 130px; } .playbook-enter-sec .title-sec { margin-bottom: 90px; } .playbook-enter-sec:before { background-size: 100%; } .playbook-sec { padding-bottom: 80px; } .what-inside-sec { padding-top: 80px; } .take-creative-sec .bg-path { -webkit-clip-path: url(#top-bottom-path); clip-path: url(#top-bottom-path); right: -3%; } .take-creative-sec { padding-top: 170px; padding-bottom: 40px; } .take-creative-sec .bg-path:before { bottom: -10%; } .take-creative-sec .title-sec h2 { font-size: 64px; margin-bottom: 20px; } .what-inside-sec .title-sec h2 { font-size: 64px; } .take-creative-sec .title-sec { max-width: 750px; } .take-creative-sec .title-sec .subtext { font-size: 18px; line-height: 28px; width: 100%; max-width: 550px; } .playbook-today-from { padding-top: 100px; } .playbook-form-sec { padding-bottom: 60px; padding-top: 80px; } .unforgettable-logo { padding-bottom: 50px; } .playbook-form-sec .playbook-form-svg { top: -120px; } .playbook-form-style { padding: 30px 30px; } .playbook-today-sec .title-sec .subtext { font-size: 18px; line-height: 28px; } .playbook-form-sec .btn_wrap a { padding: 14px 25px !important;; font-size: 14px; min-width: 160px; } .logos-v2 .image-content-left h3 { font-size: 40px; } .logos-v2 .image-content-left .image-content-text { font-size: 16px; } .launch-sec { padding-bottom: 50px; } .logo-sec.logos-v2 { padding-top: 50px; padding-bottom: 100px; } .logo-sec.logos-v2 ul li { width: calc(100% / 5); } .any-channel-sec { padding: 140px 0 180px; } .simple-content { padding-right: 30px; font-size: 16px; line-height: 24px; } .simple-item { padding: 50px 0; } .simple-item:nth-child(2n) .simple-content { padding-left: 30px; } .primary-case-sec { padding: 150px 0 150px; } .primary-case-sec .arrows-dots-wrap { margin-bottom: 50px; } .slider-title-topv2 .slider-title-top .slider-title { margin-bottom: 10px; } .slider-title-topv2 .slider-title-top { margin-bottom: 50px; } .video-player-v3 { padding: 60px 0 120px; } .client-v2 { padding: 150px 0 160px; } .client-v2 .slick-slide { width: 775px; } .bottle-hide .book-demo-sec { padding-top: 120px; } /* */ .platform-hero { padding-bottom: 190px; } .platform-hero h1 { margin-bottom: 25px; } .platform-hero h3 { margin-bottom: 30px; } .platform-simple-sec .simple-item { padding: 50px 0; } .platform-simple-sec .simple-item:last-child { padding-bottom: 50px; } .copilot-sec .benefits-item { padding: 20px 20px 20px; } .copilot-sec .benefits-title h4 { font-size: 20px; line-height: normal; margin-bottom: 10px; } .copilot-sec .benefits-text { font-size: 14px; } .copilot-sec h2 { margin-bottom: 24px; } .copilot-sec .copilot-title { margin-bottom: 50px; } .copilot-sec { padding: 120px 0; } .copilot-sec:not(.copilotv2) .benefits-wrpa .benefits-left { padding-left: 20px; } .cta-strip-sec { padding: 120px 0 65px; } .copilotv2 .benefits-left { padding-left: 0; } .key-benefits-sec.copilotv2 { padding-bottom: 70px; } .exp-studio-list { margin-bottom: 50px; font-size: 16px; line-height: normal; } .pro-present-sec h2 span {font-size: 40px;} .plan-item h3 { font-size: 35px; } .plan-subtext { margin-bottom: 15px; } .plan-content { padding: 25px 20px; } .plan-top-content { padding: 26px 20px; } .logo-sec.logos-v2 { padding-bottom: 70px; } .faqv2-sec { padding-top: 80px; } .plan-text { font-size: 14px; line-height: 24px; } /* */ .out-hero-sec { padding: 200px 0 200px; } .out-hero-bottom { padding-bottom: 70px; } .out-team-img img { margin-left: -120px; } .award-wrap { margin-top: 0; } .key-stats-name span { font-size: 38px; line-height: normal; } .key-stats-text { font-size: 20px; line-height: 28px; } .key-stats-icon { margin-bottom: 20px; } .key-stats-sec { padding-top: 100px; } .cta-strip-science { padding-top: 40px; } .noticed-sec { padding: 70px 0; } .proven-drivers-sec { padding-bottom: 120px; } .science-slider-sec { padding-top: 180px; } .our-approach-sec { padding: 120px 0 100px; } /* */ .science-slider-sec .swiper-pagination-bullet { display: inline-block; } .we-strive-slider .swiper-pagination { display: flex !important; justify-content: center; bottom: 0 !important; top: auto !important; } .we-strive-slider .swiper-container { height: auto !important; padding-bottom: 60px; min-height: auto; } .exp-studio-tailored .exp-studio-img { max-width: 900px; } .about-hero { padding-bottom: 0; } /* .about-simple-sec .simple-item:not(:first-child) .simple-text { font-size: 20px; } */ .about-simple-sec .simple-content h3 { font-size: 40px; line-height: normal; margin-bottom: 10px; } /* */ .demo-form-hero-sec h1 { font-size: 60px; margin-bottom: 20px; } .demo-form-hero-sec .fb-hero-anim .fb-hero-video { max-width: 850px; } .demo-form-hero-sec { padding-bottom: 180px; } /* */ .agencies-use-cases { padding-bottom: 100px; } /* .agencies-hero .hero-caption h1 { font-size: 72px; line-height: normal; } */ .our-approach-item h4 { line-height: normal; } .agencies-approach { padding-top: 260px; } .agencies-hero .hero-text { font-size: 20px; line-height: normal; } .agencies-hero .platform-hero-img { margin-bottom: -265px; } .copilot-agencies .copilot-title h2 { font-size: 52px; line-height: normal; } .cta-strip-v2 { padding-top: 64px; } .ebook-hero-lp { padding-top: 180px; } .event-date { padding: 9px 18px; } .smarter-simple-sec .simple-item .simple-content { padding-left: 30px; } .smarter-simple-sec .simple-item:nth-child(2) .simple-content { padding-right: 30px; } /* */ .consumer-simple-user { padding-top: 120px; } .count-sec { padding: 80px 0; } .count-item .count-text { font-size: 16px; } .count-item .count-num span { font-size: 42px; } .touch-sec { padding: 70px 0; } .touch-item h4 { font-size: 24px; } .touch-text { font-size: 14px; line-height: 24px; } .use-cases-sec.pt-100, .pt-100 { padding-top: 80px; } .as-easy-item:nth-child(3) .as-easy-content { padding-left: 0px; max-width: 330px; } .as-easy-item:nth-child(3) {padding-top: 110px;} .as-easy-item:nth-child(3) .as-easy-num { top: -74px; right: 120px;left: auto; } .as-easy-item:last-child { padding-bottom: 0; } .as-easy-item:nth-child(3) { padding-bottom: 0; } .as-easy-sec { padding: 80px 0 60px; } .as-easy-sec .title-section { margin-bottom: 20px; } .cta-strip-v3 { padding: 100px 0; } .consumer-simple-user { padding: 100px 0 45px; } /* */ .partners-count .count-wrap h4 { font-size: 40px; margin-bottom: 30px; } .touch-partner .sub-text { font-size: 20px; line-height: normal; } .partners-cta-strip h3 br { display: none; } .partner-sec .title-sec { margin-bottom: 40px; } .partner-item h4 { font-size: 24px; line-height: normal } .partner-text { font-size: 14px; line-height: 24px; } .partner-sec { padding: 90px 0 50px; } .partner-form { padding-bottom: 60px; } .connections-tabs.copilotv2 { padding-bottom: 290px; } .connections-tabs .copilot-img { margin-bottom: 80px; } /* */ .leveraging-item h5 { font-size: 20px; line-height: normal; } .leveraging-item { min-height: 250px; } .amazon-studio .exp-studio-list ul li { padding-right: 30px; font-size: 14px; line-height: 22px; } /* */ .podcast-hero .hero-text { max-width: 800px; } .podcast-hero .platform-hero-img { margin-bottom: 20px; } .pod-item h5 { font-size: 16px; line-height: 24px; } .podcast-cta-strip { padding-top: 60px; } .pod-item.pod-column3 .pod-img { height: 290px; } .pod-subscribe-wrap { padding: 50px; } .pod-subscribe-wrap h3 { line-height: 45px; } /* */ .podcast-post-hero h1 { font-size: 50px; } .podcast-post-hero h1 {margin-left: 0;} .pod-video-audio-wrap { max-width: 720px; margin-top: -94px; } .pod-post-right { padding-left: 30px; font-size: 16px; } .pod-question-item h2 { font-size: 24px; line-height: normal; margin-bottom: 30px; } .pod-post-bottom-text { font-size: 20px; } .herov2 h1 { font-size: 72px; } .lp-hero .platform-hero-img { transform: translateX(66px); } .platform-hero h1 br { display: none; } .platform-hero h3 br { display: none; } .test-user-friendly { padding: 0; } .test-user-friendly h3 { font-size: 35px; line-height: normal; } .test-user-friendly .simple-item .simple-content { padding-left: 48px; } .test-user-friendly .simple-item:nth-child(2n) .simple-content { padding-left: 0; padding-right: 48px; } .pack-video .video-player-wrap { min-height: 550px; width: 100%; max-width: 962px; margin: auto; } .pack-touch .title-section .sub-text { font-size: 18px; line-height: 28px; } .pack-touch .touch-item { width: calc(100% / 2 - 16px); } .use-cases-sec.pb-150, .pb-150 { padding-bottom: 100px; } } @media (max-width:991px){ .container { max-width: 750px; } body { font-size: 16px; line-height: normal; } .h3, h3 { font-size: 30px; } .hero-sec { padding-top: 150px; } .hero-caption h1 { font-size: 58px; line-height: normal; } .hero-sec h5 { font-size: 24px; } .smoke-img { bottom: 0; } .smoke-img img.last { bottom: 80px; } .hero_bottle_image { max-width: 160px; } .hero_bottle_image1.bottle-class { max-width: 128px ; margin-top: 53px ; } .hero_bottle_image2 { margin-top: 44px; max-width: 165px; } .maximise-sec {padding-top: 40px;} .maximise-img-row { max-width: 750px; height: 618px; } .white-square { height: 100px; right: 204px; top: 110px; width: 80px; } .herobottom-class2 { left: 253px; max-width: 50px; top: 352px; } .do-your-work .container { max-width: 750px; } .do-your-left { padding: 50px 40px; width: calc(100% - 346px); } .do-your-right { width: 346px; } .do-your-work h3 { margin-bottom: 30px; font-size: 34px; } .do-your-wrap { min-height: 360px; } .button-label { min-width: 94px; padding: 11px 15px; } .primary-use-row ul li a { font-size: 20px; } .questions-sec h2 { font-size: 40px; max-width: 500px; } .data-driven-item h2 { font-size: 50px; line-height: 50px; } .data-driven-text { font-size: 16px; } .data-driven-item { max-width: 390px; } .data-driven-animation { right: -120px; } .image-content-sec .image-content-text { font-size: 16px; } .pre-img-wrap { max-width: 344px; } .pre-before { width: calc(100% - 17px); } .image-content-sec .image-content-text { font-size: 16px; } .pre-img-wrap { max-width: 344px; } .pre-before { width: calc(100% - 17px); } .explore-box { padding: 40px 30px; } .explore-sec { padding: 130px 0; } .video-player-inner h2 { font-size: 49px; line-height: normal; } .video-player-content { padding-left: 0; } .video-player-logo { width: 139px; } .video-player-wrap { min-height: 530px; } .podcast-title { font-size: 16px; } .podcast-item h4 { font-size: 18px; } .link a { font-size: 16px; } .blog-row .tag a.topic-link { margin-bottom: 7px; } /* F&B page */ .capture-title-sec { padding: 80px 0; } .fb-hero-video { max-width: 600px; } .benefits-title h4 { font-size: 20px; line-height: normal; } .benefits-item { padding: 18px 15px; } .benefits-title { margin-bottom: 10px; } .benefits-text { font-size: 14px; } .fb-hero-video-wrap.video-open-active { margin-top: -230px !important; transform: translateY(-80px); } .fb-hero-video-wrap { margin-bottom: 50px; } .fb-hero-video-title { font-size: 48px; } .fb-hero-video-wrap { margin-bottom: 0; } .trust-sec .container { max-width: 680px; } .trust-item { flex-wrap: wrap; flex-direction: column-reverse !important; } .trust-content { width: 100%; padding: 0 0 !important; } .trust-img { width: 100%; margin: 0 0 30px; } .benefits-wrpa { flex-wrap: wrap; } .benefits-left { width: 100%; } .key-benefits-sec .container-1350 { max-width: 720px; } .key-benefits-sec h2 { text-align: left; width: 100%; max-width: 600px; font-size: 48px; margin-bottom: 20px; } .benefits-item.active { border: none; background: transparent; } .benefits-item { border: none; } .benefits-item:before { display: none; } .benefits-right { display: none; } .benefits-img { display: block !important; width: calc(100% + 50px); margin: 40px 0 0 -60px; } .benefits-text { display: block !important; height: 100% !important; visibility: visible; } .benefits-icon { background: #F2318A; } .key-benefits-sec { padding: 230px 0; } .arrows-dots-wrap { display: none; } .client-img { width: 235px; } .client-content { width: calc(100% - 235px); } .case-stu-wrap { padding: 0; } .case-stu-img { line-height: 0; } .case-stu-row { margin: 0; padding: 60px 35px; width: 100%; max-width: 600px; } .case-stu-left { width: 100%; padding-right: 0; } .case-stu-right { width: 100%; } .case-tags { display: none; } .case-stu-wrap h3 { font-size: 22px; font-style: normal; font-weight: 700; line-height: 30px; letter-spacing: normal; } .case-stu-right .link { margin-left: 0; } .case-stu-text { margin-bottom: 30px; } .linkedin-wrap { flex-direction: column-reverse; padding: 40px 30px 60px; } .linkedin-wrap:before { background-image: url('https://dragonflyai.co/hubfs/image-webp/followbg-mob.webp'); left: 0; right: 0; width: 100%; height: 430px; } .linkedin-left { width: 100%; text-align: center; padding: 0; } .linkedin-img-wrap { margin-bottom: 20px; } .linkedin-right { margin-bottom: 120px; } .linkedin-sec h2 { font-size: 38px; letter-spacing: -2.28px; margin-bottom: 10px; } .linkedin-text { font-size: 18px; line-height: 28px; } /* */ .hero-book-left { padding: 0; width: 100%; } .hero-book-right { width: 100%; padding: 0 0 40px; text-align: center; } .hero-book-wrap h3 { text-align: center; font-size: 32px; line-height: 100%; /* 32px */ letter-spacing: -1.44px; } .hero-book-text { text-align: center; } .hero-book-row { flex-direction: column-reverse; max-width: 700px; margin: auto; } .full_step_form_hero .step1 .btn_wrap { justify-content: center; } img.desktop-img { display: none; } img.tablet-img { display: table; margin: auto; } .full_step_form_hero .default-form .step_dots { margin-top: 70px; margin-bottom: 45px; } .full_step_form_hero .progressbar span:after, .full_step_form_hero .progressbar { width: 310px; } .full_step_form_hero .progressbar { margin-bottom: 20px; } /* */ .unforgettable-hero-sec h1 { font-size: 70px; line-height: 70px; } .playbook-enter-sec h2.size-90 { font-size: 48px; } .playbook-enter-sec .title-sec { margin-bottom: 70px; } .playbook-enter-sec { padding-top: 65px; padding-bottom: 70px; } .playbook-title h5 { font-size: 18px; line-height: normal; } .playbook-text { font-size: 14px; line-height: normal; } .playbook-sec { padding-bottom: 60px; } .what-inside-sec { padding-top: 60px; padding-bottom: 100px; } .what-inside-sec .title-sec h2 { font-size: 48px; } .what-inside-sec .title-sec { margin-bottom: 60px; } .what-inside-content { padding-left: 30px; } .take-creative-sec .title-sec h2 { text-align: center; margin: 0 auto 20px; font-size: 48px; max-width: 500px; } .take-creative-sec { padding: 140px 0 80px; } .playbook-today-from h2 { font-size: 48px; line-height: 50px; } .playbook-today-from { padding-top: 70px; } .playbook-form-text { font-size: 14px; line-height: 20px; margin-bottom: 0; } .playbook-form-style { padding: 28px 18px; } .full_step_form_hero.playbook-form-style .default-form .step_dots { margin: 30px 0 10px; } .playbook-form-sec .playbook-form-svg { top: -160px; } .playbook-form-wrap { flex-wrap: wrap; flex-direction: column-reverse; } .playbook-form-img { width: 100%; padding: 50px 0; } .playbook-form-img img { max-width: 220px !important; margin-left: 20px; } .playbook-form-style { width: 100%; } .playbook-form-sec .container { max-width: 750px; } .playbook-form-style h3 { text-align: center; } .playbook-form-text { text-align: center; margin-bottom: 50px; } /* */ .logo-sec.logos-v2 ul li { width: calc(100% / 4); } .logos-v2 .image-content-left { padding-bottom: 30px; } .any-channel-sec { padding-top: 130px; } .client-v2 .slick-slide .client-item { padding: 30px; } .client-v2 .slick-slide { width: 540px; } .herov2-sec .smoke-img { bottom: -160px; } .copilot-sec { padding: 160px 0; } .platform-hero-img { margin-bottom: 30px; } .copilot-sec .copilot-text { text-align: left; } .copilot-sec .benefits-item { max-width: 100%; width: 100%; padding: 0; } .benefits-wrpa { width: 100%; display: block; } .copilot-sec .benefits-wrpa .benefits-left { width: 100% !important; padding: 0 !important; } .benefits-img { margin: 0; width: 100%; } .copilot-sec .bg-path { -webkit-clip-path: url(#top-bottom-path-mob) !important; clip-path: url(#top-bottom-path-mob) !important; right: -27%; } .copilot-sec .bg-path::before { top: -20% !important; bottom: -20% !important; } .copilot-sec .benefits-item { border: none; background: transparent; } .copilot-sec .benefits-item { display: flex; flex-wrap: wrap; flex-direction: column-reverse; margin-bottom: 70px; } .copilot-inner { border: 2px solid #19D3C8; border-radius: 10px; padding: 24px; background: rgb(255 255 255 / 7%); } .copilot-sec .benefits-item h4 { font-size: 22px; line-height: 30px; margin-bottom: 9px; } .copilot-sec .benefits-text { font-size: 16px; } .copilot-sec .benefits-img { margin-bottom: 10px; } .copilot-sec .benefits-item:last-child { margin-bottom: 0; } .cta-strip-cap { padding: 30px 40px; min-height: 238px; } .copilotv2 .copilot-inner { background: #D1D0F44D; border-color: transparent; } .exp-studio-list ul li { padding-top: 15px; padding-bottom: 15px; } /* */ .plan-hero-caption h1 { margin-bottom: 20px; } .plan-hero-sec { padding-top: 140px; padding-bottom: 40px; } .plan-item { width: calc(100% / 3 - 14px); margin: 0 7px; } .plan-row { margin: 0 -7px; } .plan-item h3 { font-size: 28px; line-height: normal; } .plan-subtext { font-size: 20px; margin-bottom: 10px; line-height: normal; } .plan-content .plan-title { font-size: 14px; line-height: normal; } .plan-list ul li { font-size: 14px; line-height: normal; } .exp-studio-img img.desktop-img { display: block; } .copilot-sec .benefits-item.active { background: transparent; border: none; } .copilot-sec:not(.copilotv2) .benefits-item.active h4 { color: #fff; } .copilot-sec:not(.copilotv2) .benefits-item.active .benefits-text { color: #fff; } .copilotv2 .benefits-img img { max-width: none !important; width: 100%; margin-left: 0; } /* */ .out-team-img img { width: 350px; } /* */ .cta-strip-platform h3 { font-size: 30px; line-height: normal; } .cta-strip-platform h3 br { display: none; } .exp-studio-tailored .exp-studio-img { max-width: 750px; } /* */ .about-hero .hero-caption h1 { font-size: 58px; line-height: 60px; margin-bottom: 30px; } /* .about-simple-sec .simple-item:not(:first-child) .simple-text { font-size: 16px; line-height: 24px; } */ .about-simple-sec .simple-item:nth-child(3) .simple-image { margin-left: 0; } .about-simple-sec { padding-bottom: 50px; } /* */ .demo-form-hero-sec .full_step_form_hero .step_dots { margin-top: 0; } .demo-form-hero-sec .fb-hero-anim .fb-hero-video { max-width: 700px; } .our-approach-item { width: calc(100% / 2 - 20px); margin-bottom: 20px; } .our-approach-row { justify-content: center; } /* */ .copilot-agencies.copilot-sec .bg-path { right: -30%; } .copilot-agencies.copilot-sec { padding: 140px 0; } .simple-user-agencies { padding-top: 110px; } .cta-strip-v2 .cta-strip-cap { flex-wrap: wrap; padding: 50px 35px; } .ebook-hero-lp { padding-top: 135px; } .platform-event-wrap h2 { font-size: 50px; line-height: normal; } /* .event-date { margin-bottom: 170px; } */ .platform-event-bgptn { width: 93%; } .real-time-right { padding-left: 40px; } .count-item { padding: 15px; } .count-wrap { padding: 20px; } .count-sec .button-3 { margin-top: 20px; } .count-sec { padding: 60px 0; } .touch-sec { padding: 60px 0; } .grid-item { width: calc(100% / 2 - 16px); } .use-cases-sec.pt-100, .pt-100 { padding-top: 60px; } .as-easy-row svg.line-svg { width: 388px; } .as-easy-content h5 { font-size: 24px; line-height: normal; } .as-easy-item { padding: 28px 0; } .as-easy-item:nth-child(2n) { margin-left: -42px; } .as-easy-item:nth-child(3) { padding-top: 34px; } .as-easy-item:nth-child(3) .as-easy-num { right: 86px; } .as-easy-sec { padding-bottom: 50px; } .cta-strip-v3 { padding: 50px 0; } .touch-marketing .touch-item.grid-item:last-child { width: calc(100% / 2 - 16px); } .shopper-cta .cta-strip-cap:after { width: 508px; height: 200px; } .shopper-cta .cta-strip-cap .cta-strip-text { margin-bottom: 80px; } .shopper-cta .cta-strip-cap { padding-bottom: 120px; } .touch-amazon .touch-item.grid-item.touch-grid-full { width: calc(100% / 1 - 16px); order: 1; } .amazon-copilot .benefits-title { margin-bottom: 0; } .amazon-copilot .benefits-title h4 { margin-bottom: 0; } .touch-consumer .grid-item:nth-child(1), .touch-consumer .grid-item:nth-child(3) { width: calc(100% / 2 - 16px); } .partners-cta-strip .cta-strip-cap { display: block; min-height: auto; } .partners-cta-strip .cta-strip-cap .cta-strip-content { width: 100%; } .partners-cta-strip .cta-strip-cap .button-3 { width: 100%; } /* */ .connections-tabs.copilotv2 { padding-bottom: 180px; } .connections-tabs .copilot-title .copilot-text { margin-left: 0; } .connections-tabs .benefits-item h4 { color: #fff !important;} .connections-tabs .benefits-text { color: #fff !important; } .connections-tabs .copilot-inner { background: transparent; } .connections-tabs .benefits-item:nth-child(1) .copilot-inner { border-color: #8636ED; } .connections-tabs .benefits-item:nth-child(1) h4 span{color: #8636ED;} .connections-tabs .benefits-item:nth-child(2) .copilot-inner { border-color: #22C55E; } .connections-tabs .benefits-item:nth-child(2) h4 span{color: #22C55E;} .connections-tabs .benefits-item:nth-child(3) .copilot-inner { border-color: #F2318A; } .connections-tabs .benefits-item:nth-child(3) h4 span{color: #F2318A;} .connections-tabs .benefits-item:nth-child(4) .copilot-inner { border-color: #EFB811; } .connections-tabs .benefits-item:nth-child(4) h4 span{color: #EFB811;} .connections-tabs .benefits-item:nth-child(5) .copilot-inner { border-color: #EB5757; } .connections-tabs .benefits-item:nth-child(5) h4 span{color: #EB5757;} .connections-tabs .benefits-item:nth-child(6) .copilot-inner { border-color: #19BCB3; } .connections-tabs .benefits-item:nth-child(6) h4 span{color: #19BCB3;} .partner-item { padding: 16px; border-radius: 10px; } .partner-item h4 { font-size: 20px; } .df-logo { width: 132px; font-size: 12px; line-height: normal; } .leveraging-item { padding: 15px; } .leveraging-text { font-size: 14px; line-height: normal; } .leveraging-item h5 { font-size: 18px; } .connections-tabs.leveraging-sec { padding: 100px 0; } /* */ .pod-item-first .pod-img { height: 100%; } .pod-latest-sec .pod-item { width: calc(100% / 1 - 20px); } .pod-item .pod-text { font-size: 13px; } .pod-latest-sec { padding: 75px 0 50px; } .podcast-cta-strip h3 { font-size: 28px; line-height: 34px; margin-bottom: 10px; } .podcast-cta-strip .cta-strip-cap { border-radius: 28px; } .pod-listing { padding: 60px 0; } .pod-item.pod-column3 .pod-img { height: 225px; } .pod-item { width: calc(100% / 2 - 20px); } .pod-row { margin: 0 -10px; } .pod-item.pod-column3 , .pod-item { width: calc(100% / 3 - 20px); margin: 10px 10px; } .pod-tags ul li a { font-size: 12px; } .pod-subscribe-wrap { border-radius: 30px; padding: 30px; } .pod-subscribe-wrap h3 { font-size: 24px; line-height: normal; margin-bottom: 20px; } .pod-subscribe-form form input.hs-button { font-size: 14px; padding: 0 15px; height: 40px; } .pod-subscribe-form form .hs-form-field input.hs-input { height: 40px; font-size: 13px !important; } .pod-subscribe-form form .hs-form-field.hs-email { width: calc(100% - 112px); } .pod-subscribe-left { padding-right: 20px; } .pod-subscribe-strip { padding: 20px; } .pod-subscribe-strip h6 { font-size: 14px; line-height: normal; } .pod-subscribe-sec { padding: 50px 0; } .pod-item.pod-item-full { width: calc(100% / 1 - 20px); } .pod-leftsidebar { width: 260px; } .pod-post-right { width: calc(100% - 260px); padding-left: 15px; font-size: 14px; line-height: 22px; } .pod-leftsidebar ul { padding-right: 20px; } .pod-about-item { width: calc(100% / 1); } .pod-about-wrap { margin-top: 20px; } .pod-about-dec { font-size: 14px; } .pod-resources { margin-top: 0px; } .pod-post-right ul li a { font-size: 14px; line-height: 20px; } .pod-post-right ul li { padding-bottom: 12px; } .pod-resources ul li a svg { top: 0; } .pod-transcript { padding-top: 30px; } .pod-question-item h2 { font-size: 20px; line-height: normal; margin-bottom: 14px; } .pod-question-item { margin-bottom: 32px; } .pod-post-bottom-text h5 { font-size: 20px; margin-bottom: 0; line-height: normal; } .pod-post-bottom-text { font-size: 14px; line-height: normal; } .table-of-content { margin-bottom: 15px; } .social-sharing { margin-bottom: 28px; } .subscribe-plat-top { padding-left: 20px; padding-right: 20px; } .pod-post-subscribe .pod-subscribe-wrap h3 { font-size: 30px; } .pod-post-subscribe .pod-subscribe-text { font-size: 16px; line-height: normal; max-width: 580px; } .podcast-post-hero h1 { font-size: 48px; } .podcast-post-hero .hero-caption .episode-text { margin-bottom: 10px; } .test-user-friendly .simple-item .simple-content { padding-left: 30px; } .test-user-friendly .simple-item:nth-child(2n) .simple-content { padding-left: 0; padding-right: 30px; } .pack-video { padding: 80px 0; } .pack-video .video-player-wrap { min-height: 408px; max-width: 750px; } } @media (max-width:767px){ .h2, h2 { font-size: 36px; } .hero-caption h1 { font-size: 44px; width: 100%; max-width: 500px; } .hero-sec h5 { font-size: 18px; margin-bottom: 10px; } .smoke-img { bottom: 70px; } .smoke-img img.last { bottom: 0; } .herobottom-title h2 { font-size: 98px; } .herobottom-title { bottom: 0; } #herobottomimg { max-width: 300px ; } .hero_bottle_image1 { max-width: 120px ; } .hero_bottle_image1.bottle-class { max-width: 86px; margin-top: 72px; } .optimize-sec .lottie-animation { max-width: 480px; } .maximise-img-row { display:none; } .image-content-left { width: 100%; padding: 0 0 24px; text-align: center; } .image-content-right { width: 100%; } .image-content-item { padding: 40px 0; } .do-your-work { padding: 40px 0; } .do-your-left { width: 100%; padding: 30px 30px; } .do-your-right { width: 100%; padding-top: 105%; } .do-your-work h3 { font-size: 30px; } .button-label { font-size: 16px; padding: 9px 15px; min-width: 80px; margin-right: 14px; } .do-your-wrap { border-radius: 35px; } .questions-sec h2 { font-size: 26px; max-width: 330px; } .questions-text { font-size: 16px; line-height: 24px; max-width: 330px; } /* .ques-link-3.ques-link-1.link-class2 {left: -75px;top: -60px !important;} */ .primary-use-row ul li { width: 100%; } .primary-use-row ul li { width: 100%; } .data-driven-item h2 { font-size: 28px; line-height: 32px; } .data-driven-text { font-size: 14px; line-height: 24px; } .data-driven-item { width: 100%; top: calc(50% + 40px); left: 0; right: 0; margin: auto; text-align: center; } .data-driven-row { padding: 0; } .data-driven-animation { right: 0; top: 25%; width: 100%; max-width: 520px; left: -50%; } .image-content-right .lottie-container { left: 0; margin: auto; } .pre-img-wrap { max-width: 300px; margin: 20px auto 0; } .pre-before { width: calc(100% - 14px); } .pre-last-img { max-width: 290px; top: -40px; left: -20px; } #animationContainer-pre { max-width: 260px; margin: auto; } .specialize-wrap { padding: 30px; border-radius: 35px; } .specialize-sec h2 { font-size: 30px; } .checkbox-wrap ul li { margin-bottom: 18px; } .specialize-wrap .submit-btn input[type=submit] { padding: 10px 15px; } .specialize-sec { padding-bottom: 60px; padding-top: 30px; } .explore-box { padding: 30px; border-radius: 35px; flex-wrap: wrap; flex-direction: column-reverse; } .explore-content { width: 100%; padding: 0; } .explore-img { width: 100%; margin-bottom: 30px; text-align:center; } .explore-content h3 { margin-bottom: 20px; } .explore-sec .button-3 a { padding: 10px 15px; } .video-player-wrap { padding: 140px 20px 20px; min-height: auto; } .video-player-inner { flex-wrap: wrap; padding: 0; } .video-player-inner h2 { width: 100%; font-size: 30px; margin-bottom: 10px; padding-right: 0; } .video-player-content { width: 100%; } .video-player-inner h2 br { display: none; } .video-player-logo { width: 100px; top: 20px; left: 24px; } .video-player-btn { top: 30px; right: 24px; } .video-player-sec { padding: 60px 0 30px; } .use-cases-sec { padding-top: 30px; padding-bottom: 30px; } .slider-title h4 { font-size: 30px; } .slider-title-top { margin-bottom: 30px; flex-wrap: wrap; } .use-cases-slider .slick-slide { width: 329.6px; } .use-cases-top { padding: 27px 23px; } .use-cases-top .title { font-size: 20px; min-height: 62px; } .clients-say-sec { padding: 30px 0; } .clients-say-slider .slick-slide { width: 329.6px; padding: 30px 18px; } .clients-say-text { font-size: 14px; line-height: 24px; } .podcast-item { width: calc(100% - 30px); margin: 15px; } .clients-say-sec { padding: 30px 0; } .clients-say-slider .slick-slide { width: 329.6px; padding: 30px 18px; } .clients-say-text { font-size: 14px; line-height: 24px; } .podcast-item { width: calc(100% - 30px); margin: 15px; } .book-demo-img { max-width: 100px; } .hero_bottle_image.hero_bottle_image2 { display: none !important; } .maximise-sec { min-height: auto; } .maximise-slider-row { display: block; } .logo-sec .image-content-item { padding-top: 0; } /* */ .maximise-slider-item-2 img { width: 100%; max-width: 220px; margin: auto; } .maximise-slider-row { width: 100%; max-width: 370px; margin: auto; } .ques-link.line-1 { transform: none; top: 30px; } .questions-sec { min-height: auto; padding: 260px 0 100px; } .questions-item { position: static; opacity: 1; transform: none; } .ques-link.line-2 { top: 69px; } .ques-link-3.ques-link-1 {display: none;} .slider-title h4 { margin-right: 10px; flex: 1; } .arrow-slider { width: 100%; margin-top: 18px; } .arrow-slider .sliderbtn { margin-left: 0; margin-right: 12px; } .person-name-desc { width: 100%; padding: 20px 0 0; } .clients-say-person { flex-wrap: wrap; } /* F&B page */ .fb-hero-sec { padding-bottom: 100px; } .fb-hero-sec h1 { font-size:52px; line-height: 54px; margin-bottom: 20px; } .fb-subtitle { font-size: 16px; line-height: 28px; margin-bottom: 45px; } .fb-subtitle span { padding: 2px 8px; } .fb-hero-sec .bigbtn a { font-size: 18px; padding: 18px 20px; } .fb-hero-anim { margin-top: 40px; } .fb-hero-video-title { font-size: 28px; line-height: normal; } .fb-hero-video-wrap { padding: 0 15px 90px; } .fb-hero-img { width: calc(100% - 30px); transform: scale(1); padding:0; margin-bottom: 80px; } .fb-hero-video { margin-top: 80px; } .fb-hero-video video { border-radius: 10px; } .size-116 { font-size: 52px; } .capture-title-sec { padding: 90px 0 130px; } .capture-title-sec .capture-text { font-size: 20px; line-height: normal; } .capture-title-sec h2 { margin-bottom: 30px; } .capture-title h2 { font-size: 30px; line-height: normal; margin-bottom: 40px; } .capture-logo ul li { padding: 10px; width: 140px; margin: 1px 15px; } .capture-title { margin-bottom: 50px; } .capture-sec { padding-bottom: 60px; } .size-90 { font-size: 38px; } .trust-sec { padding: 70px 0 90px; } .trust-title { margin-bottom: 90px; padding: 0 15px; } .trust-title h3 br { display: none; } .trust-title h3 { margin-bottom: 35px; font-size: 38px; } .trust-item { flex-wrap: wrap; padding-bottom: 80px; flex-direction: column-reverse !important; } .trust-content { width: 100%; padding: 0 15px 0 !important; } .trust-img { width: 100%; padding: 0 15px; } .trust-img img { border-radius: 15px; } .trust-item:nth-child(2n) .trust-content { padding: 0 15px 40px; } .trust-content h3 { font-size: 36px; margin-bottom: 20px; } .benefits-wrpa { flex-wrap: wrap; } .benefits-left { width: 100%; } .benefits-right { width: 100%; display: none; } .benefits-item { padding: 20px 5px 60px; } .benefits-item:last-child { padding-bottom: 0; } .industry-sec { padding: 100px 0; } .ready-text { font-size: 18px; line-height: normal; } .ready-sec { padding: 35% 0 120px; } .ready-caption .button-2 a { font-size: 18px; padding: 12px 20px; border-radius: 18px; } .ready-svg path { stroke-width: 64px; } .benefits-text .benefits-img { margin-left: 0; margin-right: 0; margin-top: 30px; width: calc(100% + 28px); } .key-benefits-sec .container-1350 { padding: 0 15px; } .key-benefits-sec h2 { font-size: 36px; margin-bottom: 35px; padding: 0 5px; } .benefits-text { padding: 0; font-size: 18px; font-weight: 500; } .benefits-title h4 { width: 100%; padding: 20px 0 0; font-size: 22px; } .benefits-title { flex-wrap: wrap; } .benefits-left { padding: 0; } .key-benefits-sec { padding: 130px 0; } .key-benefits-sec .bg-path { -webkit-clip-path: url(#top-bottom-path-mob); clip-path: url(#top-bottom-path-mob); width: calc(100% + 130px); } .fb-hero-class { transform: scale(1); } .fb-hero-video-wrap.video-open-active { margin-top: -40px !important; transform: translateY(-110px); } .fb-hero-video-wrap { margin-bottom: 0; padding-bottom: 50px; } .playPause {width: 40px;height: 40px;right: 15px;top: 15px;} img.fb-hero-img-hide { opacity: 0.1 !important; } /* .fb-hero-video-wrap { margin-top: -40px !important; transform: translateY(-110px); } */ .fb-hero-sec { -webkit-clip-path: none; clip-path: none; background: none; } .hero-sec.fb-hero-sec:before {opacity: 0;} .fb-hero-sec .bg-path { background: #121016; -webkit-clip-path: url(#bottom-path-mob); clip-path: url(#bottom-path-mob); right: -110px; bottom: -260px; } .fb-hero-sec .bg-path:before { content: ""; background: url(https://dragonflyai.co/hubfs/dragonflyai-2024/images/fb-hero-bg2.png) no-repeat 50% / 100% 100%; bottom: 200px; filter: none; height: 940px; left: 0; top: auto; transform: none; width: 100%; position: absolute; } .fb-hero-sec .bg-path:before { background-image: url('https://dragonflyai.co/hubfs/dragonflyai-2024/images/dark_bg.webp'); height: 100%; } .industry-desktop-image { display: none; } .industry-img.industry-mobile-image { display: block !important; } .book-demo-sec { background: none; -webkit-clip-path: none; clip-path: none; overflow: hidden; } .book-demo-sec .bg-path { background: #121016; -webkit-clip-path: url(#bottom-path-mob); clip-path: url(#bottom-path-mob); transform: scale(-1); left: -90px; top: -18%;} .book-demo-sec .bg-path:before { content: ""; background: linear-gradient(199.11deg, rgba(166, 94, 169, .8) 29.83%, rgba(106, 94, 176, .8) 36.83%, rgba(0, 0, 0, .8) 78.12%); content: ""; filter: blur(80px); height: 750px; left: 40px; position: absolute; right: 0; top: auto; bottom: 10%; transform: matrix(.98, .18, -.13, .99, 0, 0) scale(-1); width: 78%; z-index: -1; } .book-demo-sec:before { display: none; } .book-demo-sec .book-demo-wrap h3 { font-size: 32px; line-height: 100%; letter-spacing: -1.44px; } .client-sec .slider-title-top .sliderbtn { margin-right: 10px; margin-left: 0; } .client-slider .client-item { display: block !important; } .client-img { width: 155px; margin: auto; } .client-content { width: 100%; padding: 0 15px; text-align: center; } .client-logo img { width: 100%; max-width: 110px !important; margin: auto; } .client-img, .client-content { transform: translateY(35px); } .case-stu-sec { padding: 40px 15px; } .case-stu-row { padding: 50px 25px; } .case-stu-wrap h3 { margin-bottom: 20px; font-family: Manrope; } .case-stu-text { line-height: 28px; font-weight: 500; } .linkedin-wrap { display: flex; align-items: center; padding: 60px 30px 60px; border-radius: 40px; } .linkedin-right { margin-bottom: 65px; } /* */ img.tablet-img { display: none; } img.mobile-img { display: table; margin: auto; } .hero-book-row { display: flex; flex-wrap: wrap; } .hero-book-text { font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; } .fb-heroinner-sec .bg-path { bottom: -19%; width: 122%; } .fb-heroinner-sec .bg-path:after { background-image: url(https://dragonflyai.co/hubfs/dragonflyai-2024/images/hero-inner-mobile.png); } .fb-heroinner-sec .bg-path:before { opacity: 0; } .playPause { display:none; } /* */ .unforgettable-hero-sec h1 { font-size: 34px; line-height: 40px; margin-bottom: 14px; } .unforgettable-hero-sec .fb-subtitle { font-size: 16px; line-height: 24px; } .unforgettable-hero-sec { padding-top: 140px; min-height: auto; padding-bottom: 70px; } .unforgettable-hero-img { margin-top: -22px; } .playbook-enter-sec h2.size-90 { font-size: 34px; } .playbook-today-sec .title-sec .subtext { font-size: 16px; } .playbook-enter-sec .title-sec { margin-bottom: 40px; } .playbook-enter-sec { padding-bottom: 50px; } .playbook-enter-sec:before { bottom: -50px; } .playbook-item { width: calc(100% / 1 - 30px); } .playbook-sec .title-sec { margin-bottom: 20px; } .playbook-sec { padding-bottom: 40px; } .what-inside-sec { padding-top: 40px; padding-bottom: 60px; } .what-inside-sec .title-sec h2 { font-size: 34px; margin-bottom: 0; } .what-inside-sec .title-sec { margin-bottom: 40px; } .what-inside-img { width: 100%; text-align: center; } .what-inside-img img { width: 100%; } .what-inside-content { width: 100%; padding: 40px 0 0; } .what-inside-item { margin-bottom: 60px; padding-bottom: 60px; } .take-creative-sec .title-sec h2 { font-size: 34px; line-height: 40px; } .take-creative-sec .title-sec .subtext { font-size: 16px; } .take-creative-sec { padding: 100px 0 40px; } .take-creative-sec .bg-path:before { bottom: -20%; } .playbook-today-from h2 { font-size: 34px; line-height: 40px; } .playbook-today-from { padding: 60px 0 40px; } .playbook-form-sec { padding-top: 40px; padding-bottom: 40px; } .playbook-form-wrap { display: flex; } .unforgettable-logo { padding-top: 40px; } .unforgettable-logo .image-content-item .image-content-left { margin-bottom: 40px; padding-bottom: 0; } .unforgettable-logo .image-content-row ul li { width: calc(100% / 3); } .unforgettable-linkedin { padding-bottom: 60px; padding-top: 30px; } /* */ .playbook-form-sec .playbook-form-svg { height: 500px; top: -120px; } .take-creative-sec .bg-path { width: calc(100% + 10px); -webkit-clip-path: url(#top-bottom-path); clip-path: url(#top-bottom-path); } .playbook-sec .title-sec h3 { font-weight: 700; } .playbook-today-sec .title-sec .subtext br { display: none; } /* */ .logos-v2 .image-content-left h3 { font-size: 36px; } .logos-v2 .image-content-left .image-content-text { line-height: 24px; } .simple-item { flex-wrap: wrap; display: flex; flex-direction: column-reverse !important; !I; !; } .simple-content { width: 100%; padding: 0; } .simple-image { width: 100%; text-align: center; margin-bottom: 20px; } .simple-item:nth-child(2n) .simple-content { padding: 0; } .simple-user-sec { padding: 60px 0 80px; } .any-channel-sec { padding: 120px 0 100px; } .any-channel-sec .bg-path , .primary-case-sec .bg-path , .client-v2 .bg-path { -webkit-clip-path: url(#homev2-mob-path); clip-path: url(#homev2-mob-path); right: -75%; } .any-channel-sec h2.title-gradient { margin-bottom: 20px; } .primary-case-sec .arrows-dots-wrap { display: flex; margin-bottom: 40px; } .primary-case-sec .arrows-tab { width: 50px; height: 50px; } .primary-case-slider .slick-slide { width: 310px; } .primary-case-sec .arrows-dots-wrap .arrows-tab.next-case { margin-left: 17px; } .primary-case-slider .slick-slide a { padding: 20px 20px 40px; } .primary-case-img { margin-bottom: 30px; } .primary-case-sec { padding: 120px 0 150px; } .primary-case-sec .bg-path:after { bottom: -20%; left: -220%; } .primary-case-sec h2, .client-v2 h2 { font-size: 30px; letter-spacing: -1px; } .slider-title-topv2 .slider-title-top .arrow-slider .sliderbtn { width: 50px; height: 50px; margin-right: 15px; } .slider-title-topv2 .slider-title-top .slider-title { margin-bottom: 0; } .slider-title-topv2 .slider-title-top { margin-bottom: 30px; } .use-cases-v2 { padding-top: 50px; } .slider-title-v2 .slider-title { flex-wrap: wrap; } .podcast-v2 { padding-top: 70px; } .linkedin-v2 { padding: 30px 0 50px; } .client-v2 .slick-slide { width: 340px; } .client-v2 .slick-slide .client-item { padding: 20px; } .client-v2 .client-quotes { margin: 30px 0; font-size: 18px; } .client-v2 .clients-say-person .person-name-desc { padding: 20px 0 0; text-align: center; font-size: 16px; } .client-v2 { padding: 120px 0 140px; } .person-img-logo { margin: auto; } .herov2-sec { padding-top: 130px; min-height: auto; } .herov2-sec:before { background: url(https://dragonflyai.co/hubfs/image-webp/homehero-ptn.webp) no-repeat center / 100% 100%; left: 0; transform: none; width: 100%; max-width: 100%;filter: none; height: 100%; top: 50px; z-index: -2; } .herov2-sec .smoke-img { bottom: 0px; width: calc(100% + 620px); margin-left: -440px; } .herov2-sec .smoke-img img.last { bottom: 0; opacity: 1; } .herov2-sec .smoke-img img.first {opacity: 0;} .herov2-sec h1 { margin-bottom: 20px; text-align:left;font-size: 48px; line-height: 91%; letter-spacing: -0.04em; margin-left:0; } .herov2-sec h5 { font-size: 12px; text-align:left; letter-spacing: normal; } .herov2-sec .hero-text { font-size: 16px; line-height: 24px; text-align:left; } .herov2-anim { position: static; margin-bottom: 130px; transform: translateX(2%); } .video-player-v3 { padding-bottom: 80px; } .video-player-v3 h2 { letter-spacing: -0.06em; } #animationhero-herov2 { width: calc(100% + 60px); margin-left: -38px; } .bottle-hide .book-demo-sec { padding-bottom: 80px; padding-top: 115px; } .logo-sec.logos-v2 { padding-bottom: 60px; } .latest-blog-sec.slider-title-v2 .button-4 { margin-left: auto; margin-bottom: -80px; } .logo-sec.logos-v2 ul li img { height: 39px !important; object-fit: scale-down;} .logo-sec.logos-v2 ul li { min-height: 61px; padding: 12px 13px; } .client-v2 .client-logo img { margin-left: 0; } .client-v2 .person-img-logo { width: 46px; height: 46px; } .client-v2 .clients-say-person .person-name-desc { width: calc(100% - 46px); padding-top: 0; text-align: left; padding-left: 20px; font-size: 14px; } .client-v2 .clients-say-person { margin-top: 0; margin-bottom: 26px; } .use-cases-v2 .use-cases-top .title { line-height: 30px; } .use-cases-v2 .use-cases-top { padding: 27px 23px; } /* */ .platform-hero h1 { font-size: 48px; line-height: 44px; margin-bottom: 10px; margin-left: 0; } .platform-hero { text-align: left; padding-top: 140px; padding-bottom: 140px; } .platform-hero h3 { font-size: 22px; line-height: normal; margin-bottom: 20px; } .platform-hero .hero-text { display: none; } .platform-hero .bottom-hero-text { display: block; font-size: 18px; line-height: 30px; } .platform-simple-sec .simple-item { flex-direction: row-reverse !important; !i; !; padding: 30px 0 40px; } .platform-simple-sec .simple-item .simple-content { padding-bottom: 50px; } .platform-simple-sec .simple-item:last-child { padding-bottom: 0; } .copilot-sec { padding: 160px 0 120px; } .cta-strip-cap { flex-wrap: wrap; border-radius: 26px; padding: 40px 35px; } .cta-strip-cap .cta-strip-content { width: 100%; flex: none; padding: 0 0 30px; } .cta-strip-sec .button-3 { width: 100%; } .cta-strip-content h3 { font-size: 26px; line-height: normal; margin-bottom: 20px; } .cta-strip-sec .button-3 a { padding: 12px 22px; } .cta-strip-text { font-size: 18px; margin-bottom: 9px; } .cta-strip-sec { padding: 100px 0 55px; } .copilot-sec .benefits-item h4 { padding-top: 0; } .exp-studio-sec { text-align: left; padding: 50px 0 50px; } .exp-studio-list ul li { width: 100%; } .exp-studio-sec h2 { margin-bottom: 30px; } /* */ .plan-item{width:calc(100% / 1 - 14px);margin:7px;} .plan-sec{padding-bottom:40px;} .faqv2-sec{padding-top:40px;padding-bottom:60px;} .faqv2-title{padding:19px 65px 19px 18px;} .faqv2-content{padding:0 20px 28px;font-size:14px;} .faqv2-title .plus{width:40px;height:40px;right:12px;} .exp-studio-img img.mobile-image { display: block; } .exp-studio-img img.desktop-img { display: none; } .platform-hero { -webkit-clip-path: url(#hero-inner-path-mob); clip-path: url(#hero-inner-path-mob); padding-bottom: 110px; } /* */ .out-hero-sec h1 { text-align: left; margin-bottom: 20px; font-size: 36px; } .out-hero-content h2 { margin-bottom: 20px; text-align: left; } .out-hero-sec { padding-top: 140px; } .out-team-sec .bg-path { -webkit-clip-path: url(#top-bottom-path-mob); clip-path: url(#top-bottom-path-mob); } .out-team-sec .bg-path:before { top: -30%; bottom: -40%; } .out-team-sec { padding: 120px 0 100px; } .out-team-img img { width: 100%; margin: auto; left: -10px; position: relative; margin-top: -40px; } .out-team-img { width: 100%; } .out-team-content { width: 100%; } .out-team-wrap { display: flex; } .award-wrap { display: flex; } .award-item { padding: 10px; width: 50%; } .key-stats-item { width: 100%; margin: 12px 0; } .key-stats-sec { padding-top: 60px; padding-bottom: 50px; } .key-stats-name span { font-size: 31px; } .cta-strip-science { padding-top: 30px; padding-bottom: 30px; } .cta-strip-science .cta-strip-cap { background-size: cover; } .noticed-content h2 { margin-bottom: 20px; } .noticed-sec { padding: 50px 0; } .noticed-content { margin-bottom: 40px; } .noticed-img { padding: 20px; border-radius: 25px; } .proven-drivers-sec { padding-top: 20px; padding-bottom: 60px; } .our-approach-sec { padding-top: 60px; padding-bottom: 40px; } .our-approach-item { width: calc(100% / 1 - 20px); margin-bottom: 20px; } .cta-strip-sciencev2 { padding-bottom: 60px; } .cta-strip-content h3 br { display: none; } .science-slider-sec .bg-path { -webkit-clip-path: url(#top-bottom-path-mob); clip-path: url(#top-bottom-path-mob); right: -28%; } .science-slider-sec { padding: 100px 0; } .science-slider-sec .science-slider-row .slick-dots { width: 100%; bottom: -60px; top: auto; left: 0; right: 0; } .science-slider-sec .science-slider-row .slick-dots li { display: inline-block; margin: 0 5px; } /* */ .science-slider-item h2.size-90 { font-size: 40px; line-height: 46px; margin-bottom: 20px; } .pro-present-sec h2 span { font-size: 36px; } /* */ .about-hero .hero-caption h1 { font-size: 36px; line-height: 44px; margin-bottom: 10px; } .about-hero .hero-caption h1 br { display: none; } .about-hero .hero-text { display: block; } .about-hero { padding-top: 130px; padding-bottom: 0; min-height: auto; -webkit-clip-path: none; clip-path: none; } .about-hero .platform-hero-img { margin-bottom: -30px; } .about-hero .bg-path { -webkit-clip-path: url(#hero-inner-path-mob); clip-path: url(#hero-inner-path-mob); } .about-simple-sec .simple-content h3 { letter-spacing: -0.04em; font-size: 36px; font-weight: 600; line-height: 110%; margin-bottom: 15px; } .about-simple-sec { padding-bottom: 30px; } .logo-sec.about-logos { padding-bottom: 40px; padding-top: 20px; } /* */ .demo-form-hero-sec h1 { font-size: 36px; margin-bottom: 15px; } .demo-form-hero-sec .fb-subtitle { font-size: 16px; margin-bottom: 0; } .demo-form-hero-sec .fb-hero-caption { margin-bottom: 35px; } .demo-form-hero-sec { padding-top: 120px; padding-bottom: 100px; } .simple-user-demo .simple-text { font-size: 18px; line-height: 31px; } .simple-user-demo .simple-item { padding: 35px 0; } .demo-form-hero-sec .fb-hero-anim .fb-hero-video-wrap { padding-bottom: 0; } .demo-form-hero-sec .hero-book-row h3 { font-size: 24px; } .simple-user-demo { padding-bottom: 45px; } /* */ .our-approach-sec .title-section h2 { text-align: left; } .our-approach-sec .title-section h2 br { display: none; } .our-approach-sec .title-section { margin-bottom: 40px; } .our-approach-item h4 { font-size: 22px; } .copilot-agencies .copilot-title h2 { font-size: 36px; margin-bottom: 0; } .copilot-agencies .copilot-title { margin-bottom: 30px; } .copilot-sec.copilot-agencies { padding: 100px 0; } .copilot-agencies .copilot-inner { border-color: #9793F1; } .simple-user-agencies .title-sec { text-align: left; margin-bottom: 0; } .simple-user-agencies { padding-bottom: 50px; } .cta-strip-sec { padding-top: 50px; padding-bottom: 50px; } .cta-strip-v2 .cta-strip-right { width: 100%; } .cta-strip-cap .cta-strip-content { padding-bottom: 10px; } .cta-strip-cap .cta-strip-content h2 { font-size: 26px; margin-bottom: 10px; } .cta-strip-v2 .cta-strip-cap .cta-strip-text { font-size: 16px; } .agencies-use-cases { padding-bottom: 60px; } .agencies-hero .platform-hero-img { margin-bottom: -10px; } .agencies-hero .hero-text { font-size: 18px; line-height: normal; } .agencies-hero { padding-bottom: 60px;} .agencies-use-cases .slider-title-top { text-align: left; } .agencies-use-cases .slider-title-top .slider-title { justify-content: left; } .agencies-use-cases .arrow-slider-agencies { display: none !important; } .agencies-use-cases .slider-title-top .arrow-slider { display: flex; margin-top: 36px; margin-bottom: 5px; } .ebook-hero-lp h2 { margin-bottom: 24px; } .ebook-hero-lp h2 br { display: none; } /* .event-date { margin-left: 0; font-size: 18px; margin-bottom: 100px; } */ .platform-event-wrap h2 { font-size: 38px; margin-bottom: 20px; } .platform-event-wrap { padding: 30px 25px; } .platform-event-bgptn { height: 170px; } .platform-event-bgptn:after, .platform-event-bgptn:before { height: 110px; } .platform-event-left { width: 100%; text-align: center; } .platform-event-right { width: 100%; flex-wrap: wrap; justify-content: center; } .event-date { margin: 10px 0 15px; } /* */ .why-ipg-sec .our-approach-item { width: calc(100% / 1 - 20px); } .smarter-podcasts { padding: 50px 0 50px; } .smarter-podcasts .slider-title h2 { width: 100%; } .smarter-podcasts .podcast-item { width: calc(100% / 1 - 30px); } .out-hero-sec.smarter-hero-sec { padding-bottom: 100px; } .out-team-sec.team-smarter { padding-bottom: 100px; } .smarter-cta-title .noticed-content { margin-bottom: 0; } .real-time-right { padding-left: 0; width: 100%; } .real-time-left { width: 100%; } .real-time-wrap {flex-wrap: wrap;margin-bottom: 20px;} .real-time-sec { padding: 90px 0; } .team-smarter .bg-path { right: -30%; } .smarter-simple-sec .simple-item .simple-content { padding-left: 0; } .smarter-simple-sec .simple-item:nth-child(2) .simple-content { padding-right: 0; } .consumer-simple-user { padding-bottom: 50px; } .count-sec { padding: 40px 0; } .count-wrap h4 { font-size: 24px; line-height: normal; margin-bottom: 15px; } .count-wrap h5 { font-size: 22px; } .count-item { width: calc(100% / 1 - 16px); margin: 8px; } .touch-sec { padding: 50px 0; } .touch-sec .title-section { margin-bottom: 30px; } .grid-item { width: calc(100% / 1 - 16px); } .use-cases-sec.pt-100, .pt-100 { padding-top: 30px; } .as-easy-row svg.line-svg {display: none;} .as-easy-item { display: block; margin: 0 !important; } .as-easy-content { padding: 70px 0 0 !important; margin: 0 auto !important; text-align: center !important; } .as-easy-icon { text-align: center; margin:0 auto; } .as-easy-item:nth-child(2n) { margin: 0; } .as-easy-num { left: 0 !important; right: 0 !important; width: 63px; height: 63px; margin: auto !important; top: -3px !important; bottom: auto !important; } .cta-strip-v3 .cta-strip-cap { padding: 30px; } .cta-strip-v3 .cta-strip-cap h2 { font-size: 24px; } .cta-strip-v3 .cta-strip-cap .cta-strip-text { margin-top: 20px; font-size: 14px; margin-bottom: 30px; } .cta-strip-v3 { padding-bottom: 30px; } .slider-title-top.no-arrow .slider-title { flex-wrap: wrap; } .no-slider .blog-post { width: calc(100% / 1 - 30px); margin-bottom: 30px; } .faq-smarter .faqv2-main-title { margin-bottom: 20px; } .faq-smarter .button-2 { margin-top: 30px; } .insights-blog-list { padding-bottom: 40px; } /* */ .ecommerce-count .count-item { width: calc(100% / 1 - 16px); } .touch-grid-full .touch-inner { width: 100%; padding-right: 0; } .touch-grid-full .touch-img { width: 100%; margin-top: 28px; } .strip-sec { margin-top: 55px; } .strip-cap svg { display: none; } .strip-cap { line-height: normal; } .touch-marketing .touch-item.grid-item:last-child { width: calc(100% / 1 - 16px); } .shopper-hero , .marketing-hero { min-height: auto; padding-bottom: 50px; } .shopper-cta .cta-strip-cap:after { width: 258px; height: 100px; } .shopper-cta .cta-strip-cap { padding-bottom: 45px; } .checkbox-wrap { justify-content: left; gap: 10px; } .touch-amazon .touch-item.grid-item.touch-grid-full { width: calc(100% / 1 - 16px); } .amazon-tab-btn ul li { font-size: 14px; line-height: normal; } .amazon-tabs-sec h2 br { display: none; } .key-benefits-sec.amazon-tabs-sec { padding: 85px 0; } .amazon-tab-btn ul li { padding: 10px; font-size: 12px; } .amazon-tabs-sec .copilot-title { margin-bottom: 20px; } .amazon-tab-btn { margin-bottom: 15px; } .amazon-studio .exp-studio-list { margin-bottom: 0; margin-top: 0; } .shopper-copilot h2 br { display: none; } .key-benefits-sec.shopper-copilot { padding-top: 70px; } .shopper-copilot .copilot-title { margin-bottom: 35px; } .consumer-simple-user .title-sec { text-align: left; } .strip-sec.mt-0 { margin-top: 30px; } .strip-sec.mb-60 { margin-bottom: 60px; } .logos-v2 .image-content-left { text-align: left; } .logos-v2 .image-content-left h3 br { display: none; } .faq-smarter .faqv2-main-title { text-align: left; } .faq-smarter .faqv2-main-title br { display: none; } .cta-strip-v3 .cta-strip-cap { text-align: left; } .cta-strip-v3 .button-3 { text-align: left; } .touch-sec .button-2 { text-align: left; } .as-easy-item:nth-child(3) .as-easy-icon { margin-right: auto !important; margin-bottom: 40px !important;} .touch-consumer .grid-item:nth-child(1), .touch-consumer .grid-item:nth-child(3) { width: calc(100% / 1 - 16px); } /* */ .df-connect-hero h1 { font-weight: 600; font-size: 38px; line-height: 91%; letter-spacing: -0.04em; } .df-connect-hero .hero-caption h3 { font-weight: 500; font-size: 22px; line-height: 135%; letter-spacing: -1.44px; } .df-connect-hero .hero-text { font-size: 16px; line-height: 24px; } .df-connect-hero [class*=button-] a { width: 100%; border-radius: 20px; padding: 17px 15px; font-size: 18px; font-style: normal; font-weight: 700; line-height: 28px; } .touch-partner .sub-text { font-size: 16px; } .touch-partner .touch-item { width: calc(100% / 1 - 16px); } .key-benefits-sec.partner-copilot { padding-bottom: 40px; } .partners-cta-strip .cta-strip-cap { padding: 24px; } .connections-tabs .copilot-title h2 { margin-bottom: 15px; } .partner-item { width: calc(100% / 1 - 16px); padding:20px; } .partner-item h4 { font-size: 24px; } .partner-form .cta-strip-cap .cta-strip-text { text-align: left; line-height: normal; } .key-benefits-sec.connections-tabs {padding-top: 100px;padding-bottom: 100px;} .connections-tabs .bg-path { -webkit-clip-path: url(#copilot-clip-path-mob) !important; clip-path: url(#copilot-clip-path-mob) !important; right: -210% !important; width: auto; } .partner-sec .title-sec { margin-bottom: 20px; } .partner-sec { padding-bottom: 30px; } .cta-strip-sec.partner-form .cta-strip-cap { padding: 20px; } .partners-count .count-wrap h4 { font-size: 36px; } .partner-img img { width: 100% !important; } .leveraging-left, .leveraging-right { width: 100%; } .leveraging-wrap { flex-wrap: wrap; } .df-logo-wrap { order: -1; margin: 0 20px 0; } .df-line { display: none; } .df-logo { font-size: 24.23px; font-style: normal; font-weight: 700; line-height: 23px; width: 100%; } .connections-tabs.leveraging-sec { padding-top: 100px; padding-bottom: 80px; } .leveraging-item:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='29' viewBox='0 0 16 29' fill='none'%3E%3Cpath d='M7.29289 28.7071C7.68342 29.0976 8.31658 29.0976 8.70711 28.7071L15.0711 22.3431C15.4616 21.9526 15.4616 21.3195 15.0711 20.9289C14.6805 20.5384 14.0474 20.5384 13.6569 20.9289L8 26.5858L2.34314 20.9289C1.95262 20.5384 1.31946 20.5384 0.928931 20.9289C0.538407 21.3195 0.538407 21.9526 0.928931 22.3431L7.29289 28.7071ZM8 0L7 -4.37114e-08L7 3.5L8 3.5L9 3.5L9 4.37114e-08L8 0ZM8 10.5L7 10.5L7 17.5L8 17.5L9 17.5L9 10.5L8 10.5ZM8 24.5L7 24.5L7 28L8 28L9 28L9 24.5L8 24.5Z' fill='%23FF80F9'/%3E%3C/svg%3E"); width: 16px; height: 29px; position: absolute; left: 0; right: 0; top: -30px; margin: auto; } .leveraging-item { position: relative; margin: 28px 0 0; } .leveraging-item h5 { font-size: 22px; } .leveraging-text { font-size: 16px; } .customers-touch .touch-item:nth-child(1), .customers-touch .touch-item:nth-child(2) { width: calc(100% / 1 - 16px); } .connections-tabs .bg-path:before { opacity: 0.4; } .partner-form a.hs-submit-button { padding: 8px 16px 8px 34px; font-size: 14px; } .partner-form a.hs-submit-button { border-radius: 20px; padding: 17px 15px; font-size: 18px; font-style: normal; font-weight: 700; line-height: 28px; width: 100%; } .partner-form a.hs-submit-button svg { width: 18px; } /* .partner-form a.hs-submit-button svg { width: 18px; position: absolute; left: 10px; top: 0; bottom: 0; margin: auto; } */ .partners-logo .image-content-left { padding-top: 40px; width: 100%; max-width: 346px; margin-left: 0; } .partners-logo .image-content-left h3 br { display: none; } .partners-logo .image-content-left h3 { font-size: 34px; } .connect-customer-user .title-sec h2 br { display: none; } .leveraging-sec .copilot-title h2 br { display: none; } .herov2-new .hero-text { font-weight: 500; font-size: 22px; line-height: 135%; letter-spacing: -1.44px; } .copilot-icon { margin-bottom: 16px; } .copilot-sec .copilot-icon + h4 { padding-left: 0 !important; font-size: 16px; font-style: normal; font-weight: 500; line-height: 150%; } .copilotv2 .benefits-item.active .copilot-icon svg path { fill: #393546; } .copilotv2 .benefits-item.active .copilot-icon { background: rgba(255, 255, 255, 0.30); } .amazon-tab-btn { display: none; } .amazon-tab-title { display: block; font-size: 22px; font-style: normal; font-weight: 700; line-height: 30px; border-radius: 10.403px; border: 2px solid #19D3C8; background: rgba(255, 255, 255, 0.07); padding: 24px; margin-top: 22px; } .amazon-tab-item { display: block !important; margin-bottom: 96px; } .amazon-tabs-sec .copilot-title h2 { margin-bottom: 16px; } .amazon-tabs-sec .copilot-title { margin-bottom: 24px; } .amazon-tab-item:last-child { margin-bottom: 20px; } .amazon-studio .title-section h2 br { display: none; } .amazon-studio .exp-studio-list ul li br { display: none; } .amazon-hero [class*=button-].main-btn a { width: 100%; border-radius: 20px; padding: 17px 15px; font-size: 18px; font-style: normal; font-weight: 700; line-height: 28px; } .breadcrumb { margin-bottom: 20px; } .podcast-hero .platform-hero-img { margin-top: 30px; margin-bottom: 0; } .podcast-search-tags { padding-top: 30px; } .podcast-hero { padding-top: 115px; } .pod-latest-sec { padding: 45px 0 30px; } .pod-item-first .pod-img { width: 100%; } .pod-item-first .pod-content { width: 100%; } .pod-item .pod-img { width: 100%; } .pod-item .pod-content { width: 100%; } .podcast-cta-strip { padding-top: 30px; } .podcast-cta-strip .cta-strip-img { margin-top: 30px; } .podcast-cta-strip .cta-strip-cap { padding: 30px; } .pod-listing { padding-top: 40px; } .pod-item.pod-column3, .pod-item { width: calc(100% / 1 - 20px); margin: 0 10px 20px; } .pod-item.pod-column3 .pod-img { height: auto; } .pages-navigation { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .pod-subscribe-wrap { border-radius: 28px; } .pod-subscribe-left { width: 100%; padding:0; } .pod-subscribe-right { width: 100%; margin: 0; text-align: left; } .pod-subscribe-wrap h3 { font-size: 26px; } .pod-subscribe-form form .hs-form-field.hs-email { width: 100%; } .pod-subscribe-form form .hs-submit { position: static; margin-bottom: 20px; } .podcast-tags { margin-top: 18px; position: relative; } .podcast-tags label { background: #fff; display: block; padding: 0 25px; border-radius: 14px; border: 2px solid #BD78FA; padding-right: 50px; padding-top: 10px; padding-bottom: 10px; font-family: Manrope; font-size: 14px; font-weight: 400; color: #cccccc; padding-left: 15px; position: relative; } .podcast-tags label i.fa { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-weight: 500; font-size: 22px; color: #AF2780; } .podcast-tags ul { width: 100%; margin: 0; border-radius: 10px; overflow: hidden auto; max-height: 160px; display: none; } .podcast-tags ul li { width: 100%; background: #fff; padding: 0 !important; } .podcast-tags ul li a { width: 100%; text-align: left; padding: 6px 15px; border-radius: 0px; } .podcast-post-hero h1 { font-size: 34px; } .pod-person-item { width: 100%; margin: 20px 0px 20px; max-width: 50%; padding: 0 12px; } .pod-person-wrap .pod-line { margin: 10px 0; width: 100%; height: 1px; } .pod-person-wrap { margin: 34px -6px 0; flex-wrap: wrap; display: flex; } .pod-video-audio-wrap { margin-top: -70px; } .pod-post-video .play-btn a { width: 70px; height: 70px; } .pod-audio-wrap .pod-audio { padding: 12px 0 0; } .pod-post-sec { padding-top: 40px; } .pod-post-sec .container { display: flex; flex-wrap: wrap; } .pod-leftsidebar { width: 100%; order: 1; } .pod-post-right { width: 100%; padding: 0; } .pod-post-subscribe .audio-links a { font-size: 14px; margin: -3px 2px; } .pod-post-subscribe { padding-bottom: 20px; } .pod-audio-wrap .pod-audio-strip h6 { font-size: 15px; line-height: normal; } .pod-audio-wrap h6 { font-size: 16px; line-height: normal; } .subscribe-plat-img img { width: 100%; } .episode-top-bar.flex { display: flex; flex-wrap: wrap; } .table-of-content { position: fixed; left: 0; right: 0; width: 100%; bottom: 0; z-index: 14; margin-bottom:0; opacity: 0; visibility: hidden; } .table-of-content.open { opacity: 1; visibility: visible; } .table-of-content-inner{ background: #fff; padding: 30px 43px 20px 20px; margin: 0; max-height: 400px; overflow: auto; max-height: calc(100vh - 70px); } .pod-post-sec { position: relative; z-index: 2; } .pod-leftsidebar { position: relative; z-index: 2; } .table-of-content ul { position: relative; overflow: hidden; } .table-of-content-btn { display: flex !important; position: fixed; width: 45px; height: 45px; background: #fff; right: 10px; bottom: 10px; justify-content: center; align-items: center; border-radius: 100%; font-size: 20px; z-index: 222; box-shadow: 0 0 13px -3px rgb(0 0 0 / 20%);cursor: pointer; } .table-of-content-btn i:last-child { display: none; } .table-of-content-btn.active i:last-child { display: block; } .table-of-content-btn.active i:first-child { display: none; } .podcast-tags label { border-radius: 14px; background: rgba(255, 255, 255, 0.30); border-color: rgba(255, 255, 255, 0); } .podcast-tags label i.fa { color: #fff; } .podcast-tags.active label { border-color: #19D3C8; } .podcast-tags.active label i.fa { transform: scaleY(-1) translateY(50%); color: #19D3C8; } .podcast-tags ul { border-radius: 14px; border: 2px solid #19D3C8; background: rgba(255, 255, 255, 0.30); margin-top: 6px; padding: 14px 0; max-height: inherit; } .podcast-tags ul li { background: transparent; } .podcast-tags ul li a.active { background: transparent; } .podcast-tags ul li a { color: #fff; padding-top: 9px; padding-bottom: 9px; padding-left: 52px; position: relative; } .podcast-tags ul li a:before { content: "\f00c"; position: absolute; left: 18px; top: 0; width: 20px; height: 20px; border: 2px solid; border-radius: 5px; margin: auto; bottom: 0; font-family: "Font Awesome 5 Pro"; font-weight: 500; font-size: 0; display: flex; justify-content: center; align-items: center; color: #fff; } .podcast-tags ul li a.active:before { font-size: 12px; color: #19D3C8; } .count-col4 .count-item { width: calc(100% / 1 - 16px); } .lp-hero .platform-hero-img { transform: translateX(0); margin-bottom: 10px; } .retail-hero { padding-bottom: 100px; } .consumer-simple-user h2 br { display: none; } .test-user-friendly { padding: 0; } .test-user-friendly .simple-item .simple-content { padding-left: 0; } .test-user-friendly .simple-item:nth-child(2n) .simple-content { padding-left: 0; padding-right: 0; } .test-user-friendly .simple-item:last-child { padding-bottom: 30px; } .pack-video .title-sec { margin-bottom: 40px; } .pack-video .video-player-wrap { min-height: 268px; max-width: 470px; } .pack-touch .title-section h2 { width: 100%; } .pack-touch .title-section .sub-text { width: 100%; padding-left: 0; font-size: 16px; } .pack-touch .touch-item { width: calc(100% / 1 - 16px); } .use-cases-sec.pb-150, .pb-150 { padding-bottom: 80px; } } @media (max-width:499px){ .optimize-sec .lottie-animation { max-width: 345px; } .hero_bottle_image1.bottle-class { max-width: 62px; margin-top: 61px; } /* */ .playbook-form-sec .playbook-form-svg { top: -160px; } } @media (max-width:370px){ .hero-caption h1 { font-size: 35px; } .smoke-img { bottom: 50px; } .herobottom-title h2 { font-size: 78px; } .herobottom-title { bottom: 80px; } .h2, h2 { font-size: 30px; } .maximise-slider-row { max-width: 300px; } .primary-use-row ul li a { font-size: 18px; } .primary-icon { margin-right: 13px; } .pre-img-wrap { max-width: 230px; } .pre-before { width: calc(100% - 10px); } #animationContainer-pre { max-width: 210px; } .video-player-text { font-size: 14px; line-height: inherit; } .use-cases-slider .slick-slide { width: 260px; } .clients-say-slider .slick-slide { width: 260px; } .maximise-slider-item-2 img { max-width: 170px; } .specialize-sec .thank-specialize h2 { font-size: 20px; } .specialize-sec .thank-specialize h2 lottie-player { margin-top: -40px; } .do-your-work .do-your-form-thank h3 { font-size: 20px; } .do-your-work .do-your-form-thank h3 lottie-player { margin-top: -40px; } .slider-title h4 { font-size: 24px; } /* */ .fb-hero-sec h1 { font-size: 42px; line-height: 54px; } h3.fb-subtitle { font-size: 25px; } .fb-hero-video-title { font-size: 18px; } .size-116 { font-size: 32px; } .capture-title h2 { font-size: 24px; } .size-90 {font-size: 28px;} .benefits-title h4 { font-size: 16px; } .benefits-text { padding-left: 0px; } .client-v2 .slick-slide { width: 292px; } }