/* Global CSS */ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap'); body{background-color: #ffffff;color: #0D1A3E;font-family: 'Open Sans', sans-serif;} li{list-style: none;} ul{padding-left: 0;margin-bottom: 0;} a{text-decoration: none;color: #212121;transition: all 0.5s ease-in;display: inline-block;} a:hover{transition: all 0.5s ease-out;} p , h1,h2,h3,h4,h5,h6{margin-bottom: 0;} p {font-size: 20px; line-height: 34px;color: #0D1A3E;} h1,h2,h3,h4,h5,h6{color:#0D1A3E;} .common-btn {border-radius: 20px;background: #C6B074;font-size: 24px;color: #fff;padding: 25px 40px;font-weight: 600;letter-spacing: 0.48px; transition: all 0.5s ease-in;} .common-btn:hover {background: #0D1A3E;color: #fff;} /* Custom CSS */ .pos-rel{position: relative;} .pos-abs{position: absolute;} .custom-container{max-width: 1436px;margin: 0 auto;} .common-section{padding: 100px 0;} .title{font-size: 34px;margin-bottom: 20px; color: #1E1E1E;;text-transform: uppercase;font-weight: 600;} #genthree-banner {height: auto !important;padding: 200px 0;} #genthree-banner h1{font-size: 64px;font-weight: 700;letter-spacing: 1.28px;text-transform: uppercase;margin-bottom: 10px;} #genthree-banner p {font-size: 34px; font-weight: 600;color: #212121; letter-spacing: 0.68px;} #genthree-banner .img-box {background-image: url(images/genthree/banner-bg-sm.svg);background-attachment: fixed;background-position: center; border-radius: 20px;background-size: cover;margin-top: 100px;} #genthree-banner .img-box img {margin-bottom: -57px;} .genthree-web p {margin-bottom: 50px;} .overview-img {height: 100vh;background-image: url(images/genthree/overview.svg);background-attachment: fixed;background-size: cover;} .bg-elem {position: fixed;top: 0;right: 0;z-index: -1;} .genthree-features .inner-content {flex-wrap: wrap;gap: 20px;} .genthree-features .common-box {width: 49%; border-radius: 20px;background: #F7F3EA;padding: 50px;z-index: 1;transition: all 0.5s ease-in;} .genthree-features .common-box:last-of-type {width: 58%;} .genthree-features .common-box .bg-ele{top: 0;right: 0;z-index: -1} .genthree-features .common-box h3 {font-size: 32px;margin-bottom: 10px;margin-top: 30px;font-weight: 600;transition: all 0.5s ease-in;} .genthree-features .common-box p {color:#313F54;transition: all 0.5s ease-in;} .genthree-features .common-box:hover h3 , .genthree-features .common-box:hover p , .genthree-features .common-box:hover ul li{color: #fff;transition: all 0.5s ease-in;} .genthree-features .common-box:hover {background-color: #0D1A3E;box-shadow: -10px 8px 30px -8px #484848;} .genthree-features .common-box ul {padding-left: 20px;} .genthree-features .common-box ul li{list-style: disc;transition: all 0.5s ease-in;} .genthree-features .common-box img {transition: all 0.5s ease-in;} .genthree-features .common-box:hover .con-box img {scale:0.9;transition: all 0.5s ease-in;} #genthree-tech {background-color: #F7F3EA;} #genthree-tech ul {width:60%;margin: 0 auto;} /* Animations*/ @keyframes upDown { 0%{transform: translateY(-10px) } 50%{transform: translateY(10px);} 100%{transform: translateY(-10px);} } @keyframes zoomIn { 0%{transform: scale(1) } 50%{transform: scale(1.1);} 100%{transform: scale(1);} } @keyframes slide{ 0%{transform: translateX(-10px) } 50%{transform: translateX(10px);} 100%{transform: translateX(-10px);} } /************************ Responsive Genthree Partners CSS **********************/ @media screen and (max-width:1919px) { .bg-elem {width: 190px;} .genthree-features .common-box .bg-ele {width: 190px;} p {font-size: 18px;line-height: 32px;} .genthree-features .common-box {padding: 40px;} .genthree-features .common-box img {width: 80px;} .genthree-features .common-box h3 {font-size: 30px;margin-bottom: 10px;margin-top: 20px;} .common-btn {border-radius: 16px;font-size: 22px;padding: 20px 35px;} #genthree-banner h1 {font-size: 58px;} } @media screen and (max-width:1599px) { .common-section {padding: 80px 0;} .genthree-features .common-box h3 {font-size: 26px;margin-bottom: 10px;margin-top: 15px;} .bg-elem {width: 160px;} #genthree-banner p {font-size: 30px;} #genthree-banner .img-box img {margin-bottom: -48px;width: 85%;} #genthree-banner h1 {font-size: 50px;} #genthree-banner .img-box {margin-top: 70px;} #genthree-banner {padding: 170px 0;} .title {font-size: 32px;} .genthree-features .common-box .bg-ele {width: 150px;} #genthree-tech ul img {width: 100px;} .genthree-web p {margin-bottom: 30px;} } @media screen and (max-width:1439px) { .bg-elem {width: 130px;} #genthree-banner .img-box img {margin-bottom: -43px;width: 88%;} #genthree-banner h1 {font-size: 48px;} #genthree-banner p {font-size: 30px;letter-spacing: 0.48px;} .common-btn {border-radius: 14px;font-size: 20px;padding: 15px 30px;} .genthree-features .common-box {padding: 30px;} .genthree-features .common-box h3 {font-size: 24px;} .genthree-features .common-box img {width: 70px;} .genthree-features .common-box .bg-ele {width: 125px;} p {font-size: 16px;line-height: 30px;} #genthree-tech ul img {width: 90px;} } @media screen and (max-width:1365px) { #genthree-banner .img-box {background-position: 31% 0;} #genthree-banner h1 {font-size: 46px;} #genthree-banner p {font-size: 28px;letter-spacing: 0.28px;} } @media screen and (max-width:1279px) { .genthree-features .common-box , .genthree-features .common-box:last-of-type{width: 100%;} #genthree-tech ul img {width: 80px;} #genthree-banner h1 {font-size: 40px;} #genthree-banner p {font-size: 24px;letter-spacing: 0.18px;} #genthree-banner {padding-bottom: 120px;} .title {font-size: 30px;} .common-section {padding: 60px 0;} } @media screen and (max-width:1023px) { #genthree-banner .img-box img {margin-bottom: -27px;width: 90%} #genthree-banner h1 {font-size: 38px;letter-spacing: 0.28px;margin-bottom: 5px;} #genthree-banner p {font-size: 24px;} .bg-elem {width: 120px;top:35px} .common-btn {border-radius: 12px;font-size: 18px;padding: 12px 25px;} .title {font-size: 28px;margin-bottom: 15px;} #genthree-banner .img-box {background-position: 18% 0;border-radius: 16px;} #genthree-tech ul {width: 75%;} #genthree-tech ul img {width: 70px;} } @media screen and (max-width:767px) { #genthree-banner {padding: 90px 0;padding-bottom: 60px;} #genthree-banner .d-flex {flex-direction: column;gap: 20px;} #genthree-tech ul {width: 80%;} #genthree-tech ul img {width: 65px;} .genthree-features .common-box {border-radius: 12px; padding: 30px 25px;} .genthree-features .common-box img {width: 65px;} .genthree-features .common-box h3 {font-size: 22px;} .title {font-size: 24px;} #genthree-banner .img-box {margin-top: 40px;} #genthree-banner .img-box img {margin-bottom: -20px;} #genthree-banner .content {text-align: center;} } @media screen and (max-width:639px) { p {font-size: 14px;line-height: 26px;} .genthree-features .common-box h3 {font-size: 20px;} .genthree-features .common-box img { width: 60px;} #genthree-banner .img-box img {margin-bottom: -17px;width: 87%;} #genthree-banner h1 {font-size: 34px;margin-bottom: 3px;} #genthree-banner p {font-size: 20px;} #genthree-banner .img-box {margin-top: 20px;} .common-btn {border-radius: 8px;font-size: 16px;padding: 10px 22px;} .common-section {padding: 50px 0;} #genthree-tech ul {width: 90%;} #genthree-tech ul img {width: 60px;} } @media screen and (max-width:479px) { #genthree-banner h1 {font-size: 26px;} #genthree-banner p {font-size: 16px;} #genthree-banner .img-box {background-position: 18% 0;border-radius: 12px;} #genthree-banner .img-box img {margin-bottom: -12px;width: 90%;} #genthree-banner {padding: 75px 0;padding-bottom: 50px;} .title {font-size: 20px;} .overview-img {background-position: 58%;} .genthree-features .common-box ul {padding-left: 15px;} #genthree-tech ul {width: auto;} #genthree-tech ul img {width: 50px;} .genthree-features .common-box .bg-ele {width: 110px;} .common-btn {font-size: 14px;border-radius: 6px;} .overview-img {background-position: 100%;background-attachment: unset;height: 240px;} } @media screen and (max-width:359px) { }