body { font-family: "Roboto" !important; /*font-family: "Roboto";*/ line-height: 1.4 !important; letter-spacing: 0.36px !important; /* background-color: #00000002 !important; */ background-color: #f1f1f4e5 !important; } body p { font-family: "Roboto" !important; font-size: 1rem !important; /* font-weight: 500 !important; */ } body h5, h6, h4, h3, h2, h1 { font-family: 'Gilroy', system-ui, Segoe UI, Roboto, Arial, sans-serif !important; } /* Extra Bold */ h1 .gilroy-extra-bold { font-family: 'Gilroy',system-ui,Segoe UI,Roboto,Arial,sans-serif!important; color: #0D3E81; font-weight: 800; } /* Bold */ h2 .gilroy-bold { font-family: "Gilroy"; font-weight: 700; } /* Medium */ .gilroy-medium { font-family: "Gilroy"; font-weight: 500; } /* Regular */ .gilroy-regular { font-family: "Gilroy"; font-weight: 400; } /* Light */ .gilroy-light { font-family: "Gilroy"; font-weight: 300; } @media (max-width: 767px){ body h2{ font-size: 32px !important; } body h2 span{ font-size: 32px !important; } body h4{ font-size: 23px !important; } body h4 span{ font-size: 23px !important; } } /* back to top btn */ #back-to-top-btn { display: none; position: fixed; bottom: 43px; right: 20px; z-index: 99; font-size: 20px; background-color: #0d3e81; color: #fff; border: none; cursor: pointer; /* padding: 10px 20px; */ border-radius: 100px; align-items: center; justify-content: center; height: 35px; width: 35px; } #back-to-top-btn:hover { background-color: #0056b3; } /* nav */ nav { padding: 0 4vw; } nav.navbar .navbar-brand { margin-left: 0.4rem; font-size: 18px; } .fixed-top { background-color: transparent; transition: background-color 0.3s ease-in-out; position: fixed; top: 0; left: 0; right: 0; z-index: 2500; } .scrolled { background-color: #fff; /* box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; */ } .navbar-expand-lg .navbar-nav { display: flex; align-items: center; justify-content: end; width: 100%; } nav.navbar-light .navbar-brand { color: #006980; text-transform: capitalize; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.56px; } button.supportbtn { Background: linear-gradient(268deg,#22a5dc, #0d3e81); Padding: 12px 29px; Border: none; Border-radius : 6px; color: #fff; } /* button.supportbtn { padding: 10px 45px; align-items: flex-start; gap: 10px; background: #006980; box-shadow: 0px 10px 20px 0px rgba(225, 225, 230, 0.5), 0px 0px 50px 0px rgba(217, 217, 217, 0.2) inset; border-radius: unset; border-color: #157388; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } */ nav.navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.7rem; padding-left: 0.7rem; } nav.navbar-light .navbar-nav .nav-link { color: rgb(0, 0, 0); font-weight: 500; } nav.navbar-light .navbar-nav .nav-link.active, nav.navbar-light .navbar-nav .show > .nav-link { color: #0d3e81; font-weight: 600; } .navbar-brand img { margin-left: 20px; margin-top: 7px; } @media (max-width: 767px) { nav { padding: 0 2vw; } nav.navbar .navbar-brand { font-size: 16px; } button.supportbtn { padding: 8px 30px; } .navbar-collapse{ background-color: #fff; } } /* Section 1 */ #one { background-image: url("../img/2.webp"); height: 100vh; position: relative; } section .container { position: relative; z-index: 1; } .custom { padding-top: 300px; } /* .banner::before { content: ""; background-image: url("../images/Ellipse3.webp"); background-repeat: no-repeat; background-size: cover; position: absolute; flex-shrink: 0; left: 0; top: 0; z-index: -1; width: 345px; height: 880px; opacity: 0.9; } */ .banner::after { content: ""; background-image: url("../images/Ellipse3.webp"); background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; right: 0; flex-shrink: 0; z-index: -1; width: 345px; height: 920px; opacity: 1; } #one .custom h1 { font-size: 2.5rem; /* font-weight: 800; */ letter-spacing: 1.44px; position: relative; font-family: 'Gilroy',system-ui,Segoe UI,Roboto,Arial,sans-serif!important; color: #0D3E81; } /* section .custom h1 span { font-size: 2.5rem; font-weight: 700; letter-spacing: 1.44px; position: relative; color: #006980; font-family: 'Gilroy',system-ui,Segoe UI,Roboto,Arial,sans-serif!important; color: #0D3E81; } */ section .custom h1::before { background-image: url("../images/arc1.svg"); content: ""; background-repeat: no-repeat; position: absolute; width: 200px; height: 203px; margin-left: 640px; margin-top: -100px; z-index: -1; } section .custom p { font-size: 1.2rem; /* font-weight: 600; */ font-family: "Roboto"; letter-spacing: 1.5px; } #one .service-btn .seedetails { background: linear-gradient(268deg, #22a5dc, #0d3e81); padding: 12px 29px; border: none; border-radius: 6px; color: #fff ; } @media (max-width: 767px) { /* #three h5, h6, h4, h3, h2, h1, .service2-btn { text-align: center; } */ section .custom { padding-top: 200px; } section .custom h1::before { display: none; } .banner .container::after, .banner .container::before { display: none; } section .custom h1 { font-size: 2.5rem; /* font-weight: 800; */ letter-spacing: 1.44px; /* position: relative; */ font-family: 'Gilroy',system-ui,Segoe UI,Roboto,Arial,sans-serif!important; color: #0D3E81; margin-top: 0; } section .custom h1 span { font-size: 2.5rem; font-weight: 700; letter-spacing: 1.44px; /* position: relative; */ color: #22a5dc; margin-top: 0; font-family: 'Gilroy',system-ui,Segoe UI,Roboto,Arial,sans-serif!important; color: #0D3E81; } section .custom p { font-size: 1rem; /* font-weight: 600; */ font-family: "Roboto"; } } /* SECTION-NEW */ #new h2 { font-size: 2rem; font-weight: 700; letter-spacing: 1.44px; text-align: center; margin-bottom: -100px; /* font-family: 'Gilroy Bold'; */ color: #0d3e81; } #new h2 span { font-size: 2rem; font-weight: 700; letter-spacing: 1.44px; text-align: center; color: #22a5dc; margin-bottom: -100px; } /* SECTION-2 */ #two .container { position: relative; margin-top: 150px; } #two .card { /* margin: 10px; */ /* height: 355px; */ /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); */ border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .card { transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; } .card:hover { cursor: pointer; transform: scale(1.06); transition: 0.5s; -webkit-transform: scale(1.06); -moz-transform: scale(1.06); -ms-transform: scale(1.06); -o-transform: scale(1.06); } #two .card .service-icon { width: 60px; margin: 42px auto 15px; } #two .card h4 { color: #212c61;; font-size: 23px; font-weight: 700; line-height: 1.2; padding: 10px 0; font-family: 'Gilroy',system-ui,Segoe UI,Roboto,Arial,sans-serif!important; color: #0D3E81; } #two .card p { padding-bottom: 20px; font-size: 14px; /* font-weight: 600; */ letter-spacing: 1.5px; font-family: "Roboto"; } #two .row::after { content: ""; background-image: url("../images/Path5.webp"); background-repeat: no-repeat; position: absolute; /* width: 200px; height: 203px; z-index: -1; right: -35px; top: -56px; */ width: 218px; height: 306px; z-index: -1; right: -65px; top: -64px; } @media (max-width: 767px) { #two .card { width: 100%; max-width: none; /* Remove the max-width restriction for smaller screens */ } #two .row::after { display: none; } } /* SECTION-3 */ #three { position: relative; } #three .container { } /* #three a.clickaway { text-decoration: none; color: #006980; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.08px; text-transform: capitalize; } */ #three .container .about { /* margin-left: 60px; */ margin-top: 125px; position: relative; } #three .container .about h2 { font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.08px; text-transform: capitalize; color: #0D3E81; margin-top: 10px; } #three h2 span { font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.08px; text-transform: capitalize; color: #22a5dc; } #three .container .about h3 { color: #000; font-size: 25px; font-weight: 700; letter-spacing: 0.48px; text-transform: capitalize; } #three .container .about p { font-size: 0.9rem; /* font-weight: 600; */ letter-spacing: 1px; font-family: "Gilroy"; } /* #three .container .btn { color: #fff; font-size: 1rem; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.36px; text-transform: capitalize; padding: 10px 40px; background: #006980; text-decoration: none; border: 1px solid #006980; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } */ #three .container .btn{ background: linear-gradient(268deg, #22a5dc, #0d3e81); padding: 12px 29px; border: none; border-radius: 6px; color: #fff; } #three .container .about-img img { height: 50%; width: 90%; /* margin-top: -50px; */ margin-left: 65px; /*position: relative; */ background-image: url("../images/Ellipse18.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; } #three::after { content: ""; background-image: url("../img/Ellipse14\ .webp"); background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: -185px; right: 0; flex-shrink: 0; z-index: -1; width: 800px; height: 920px; opacity: 1; } /* #three .service2-btn::before{ content: ""; background-image: url(images/Ellipse19.1.webp); background-repeat: no-repeat; position: absolute; width: 298px; height: 226px; z-index: -1; margin-left: -273px; background-size: cover; margin-top: 65px; } */ @media (max-width: 767px) { #three .container h4 { font-size: 5vw; /* Adjust font size for smaller screens */ } #three .container p { font-size: 4vw; /* Adjust font size for smaller screens */ } #three .container .card-body { padding: 15px; } #three .container .about-img img { max-width: 100%; margin-top: 50px; margin-left: 0; } #three .about h2 { font-size: 20px; } #three .about h6 { font-size: 14px; } #three .about p { font-size: 0.8rem; } #three .service2-btn::before { display: none; } } /* SECTION-4 */ .company-logo { position: relative; margin-top: 100px; } section.company-logo-sec { margin-top: 20px; padding: 20px 0; } .company-logo .title h2 { color: #000; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.08px; text-transform: capitalize; } .company-logo .title h2 span { color: #006980; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.08px; text-transform: capitalize; } .brand-logos { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 40px 0; } .brand-logos img { /* max-width: 190px; */ height: 65px; object-fit: contain; } .company-logo .container::before { content: ""; background-image: url("images/Ellipse2.webp"); background-repeat: no-repeat; background-size: cover; position: absolute; top: 55px; left: 0; flex-shrink: 0; z-index: -1; /* width: 325px; height: 750px; */ width: 390px; height: 875px; opacity: 0.7; } @media (max-width: 767px) { .company-logo .title h2 { font-size: 6vw; } .company-logo img { height: 100%; width: 100%; } .company-logo .container::before { display: none; } } /* SECTION-5 */ #five { margin-top: 50px; } .service-content { background-image: url("../images/Ellipse18.webp"); background-repeat: no-repeat; background-size: cover; background-position: center; /* height: 850px; */ } #five::after { content: ""; background-image: url("../images/Ellipse15.webp"); background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; z-index: -1; right: 0; height: 800px; top: -453px; width: 474px; } .service-content h2 { font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.08px; text-transform: capitalize; color: #0d3e81; margin-top: 20px; } .service-content h2 span { font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.08px; text-transform: capitalize; color: #22a5dc; margin-top: 20px; } .service-content h3 { color: #000; font-size: 25px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.48px; text-transform: capitalize; } .service-content .card { border: none; background: #fff; /*box-shadow: 40px 40px 50px 0px rgba(225, 225, 230, 0.80), 0px 0px 50px 0px rgba(217, 217, 217, 0.20) inset, -40px -40px 80px 0px rgba(255, 255, 255, 0.80); */ padding: 20px !important; justify-content: space-between; gap: 5px; /*width: 100%; */ height: 100%; /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */ border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .service-content .data:after { content: ""; background-image: url("../images/Path2.webp"); background-repeat: no-repeat; position: absolute; width: 246px; height: 165px; z-index: -1; margin-left: 133px; margin-top: -115px; } /* .service-content .data-1:before { content: ""; background-image: url('../images/Ellipse23.webp'); background-repeat: no-repeat; position: absolute; width: 166px; height: 165px; z-index: -1; margin-left: -345px; margin-top: 247px; } */ .service-sec h4 { /* margin-top: 20px; */ font-size: 23px; color: #212c61;; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.6px; text-transform: capitalize; /* font-family: 'Gilroy'; */ } .service-sec .card p { font-size: 14px; /* font-weight: 600; */ letter-spacing: 1.5px; /* font-family: 'Roboto'; */ } /* .service-sec .service-content .card img { margin-left: 40%; max-width: 100%; width: 80px; height: auto; } */ .service-btn a.seedetails { background: linear-gradient(268deg, #22a5dc, #0d3e81); padding: 12px 29px; border: none; border-radius: 6px; color: #fff; } #five .service-icon{ width: 60px; } /* .service-btn a.seedetails { color: #fff; font-size: 12px; padding: 12px 40px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.36px; background: #006980; box-shadow: 0px 10px 20px 0px rgba(225, 225, 230, 0.5), 0px 0px 50px 0px rgba(217, 217, 217, 0.2) inset; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } */ /* .service-sec::after{ content: ""; background-image: url('../images/Ellipse15.webp'); background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; right: 0; flex-shrink: 0; width: 345px; height: 920px; opacity: 1; } */ @media (max-width: 767px) { .service-content { height: auto; } .service-content .row.mb-5 { flex-direction: column; } .service-content .col-md-10 { padding: 0; } .service-content .col-md-6 { margin-bottom: 20px; } .service-content .data .services_bottom_sec:after { right: 0; top: 95px; } .service-content h2 { font-size: 24px; } .service-content h6 { font-size: 16px; } /* .service-sec .card { padding: 20px !important; width: 85%; margin-left: 30px; } */ .service-content .card img { width: 60px; height: auto; } .service-content .data:after { display: none; } .service-content .data-1:after { display: none; } } /* SECTION-6 */ #six { margin-top: 110px; position: relative; } #six .container::before { content: ""; background-image: url("../images/Ellipse15.webp"); background-repeat: no-repeat; background-size: cover; position: absolute; top: -500px; right: 0; flex-shrink: 0; width: 860px; height: 1500px; opacity: 1; z-index: -1; } #six h2 { font-size: 30px; font-weight: bold; } #six p { font-size: 1.1rem; /* font-weight: 500; */ letter-spacing: 1px; } /* SECTION-7 */ .solution-content-data { margin-top: 80px; } .solution-content-data .container h2 { font-size: 32px; font-weight: 700; } .solution-content-data .card { /* background: #F6F6F8; */ /* box-shadow: 0px 8px 16px 0px rgba(225, 225, 230, 0.5), 0px 4px 8px 0px rgba(217, 217, 217, 0.3) inset; */ border: none; /* width: 90%; */ /* margin-top: 50px; */ /* height: 100%; */ } .solution-content-data .card .card-body { padding-top: 35px; padding-bottom: 30px; } .card-subtitle span.price { color: #000; } .solution-content-data h6.card-title { color: #000; text-align: center; font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.48px; text-transform: capitalize; } .solution-content-data .card-subtitle { color: #006980; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.48px; text-transform: capitalize; } .solution-content-data .card-text ol li { list-style-type: disclosure-closed; } .solution-content-data .getstarted-btn { color: #fff; font-size: 12px; padding: 12px 40px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.36px; background: #006980; /*box-shadow: 0px 8px 16px 0px rgba(225, 225, 230, 0.5), 0px 4px 8px 0px rgba(217, 217, 217, 0.3) inset; */ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } .solution-content-data a.card-link { background: #1d778b !important; padding: 12px 12px !important; border-radius: 50% !important; } .solution-content-data a.card-link img { width: 20px !important; } .solution-content-data .card.active { background: #1d778c; } .solution-content-data .card.active h6.card-subtitle { color: #fff; } .solution-content-data .card.active .getstarted-btn { color: #167489; font-size: 12px; padding: 12px 40px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.36px; background: #ffffff; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; /* box-shadow: 0px 10px 20px 0px rgba(225, 225, 230, 0.50), 0px 0px 50px 0px rgba(217, 217, 217, 0.20) inset; */ } .solution-content-data .card.active { background-color: #006980; color: #fff; font-style: normal; line-height: normal; letter-spacing: 0.48px; text-transform: capitalize; } .solution-content-data .card.active h6 { color: #fff; } .solution-content-data .card.active span { color: #fff; } /* .solution-content-data .card.active img { color: #fff; } */ .solution-content-data .card-icons { margin-bottom: 2rem; } .solution-content-data .card.active a.card-link { background: #ffffff !important; padding: 12px 12px !important; border-radius: 50% !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; } .solution-content-data .card.active a.card-link img { width: 20px !important; color: #177489 !important; } /* SECTION-8 */ .calltoaction-sec { margin-top: 50px; /* margin-bottom: 100px; */ background-image: url("../images/img-2.svg"); background-position: center; background-size: cover; background-repeat: no-repeat; /* height: 250px; */ /* padding: 70px 0 */ } .calltoaction-content { /* padding-top: 34px; */ text-align: center; padding: 70px 0; } .calltoaction-title h2 { /* font-size: 30px; */ font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.08px; text-transform: capitalize; color: #0d3e81; } .calltoaction-title h2 span { /* font-size: 30px; */ font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.08px; text-transform: capitalize; color: #22a5dc; } .calltoaction-description p { font-size: 1.2rem; /* font-weight: 600; */ letter-spacing: 1.5px; } .calltoaction-sec .calltoaction-btn .cta-btn { background: linear-gradient(268deg, #22a5dc, #0d3e81); padding: 12px 29px; border: none; border-radius: 6px; color: #fff; } @media (max-width: 767px) { /* .calltoaction-title h2 { font-size: 1.2rem; } */ .calltoaction-description p { font-size: 1rem; } 
.calltoaction-btn .cta-btn { font-size: 12px; padding: 8px 16px; } } /* SECTION-9 */ section.tesimonial-sec { padding-bottom: 120px; position: relative; margin-top: 80px; } section.tesimonial-sec:before { content: ""; background-image: url("../images/Ellipse2.webp"); background-repeat: no-repeat; background-size: cover; position: absolute; flex-shrink: 0; left: 0; top: 175px; z-index: -1; width: 500px; height: 620px; opacity: 0.9; } section.tesimonial-sec:after { content: ""; background-image: url("../images/Ellipse15.webp"); background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; z-index: -1; right: 0; height: 500px; top: 385px; width: 360px; opacity: 0.9; } .testimonial-img img { height: 450px; padding: 26px 28px; border-radius: 500px; background: #f6f6f8; box-shadow: 40px 40px 50px 0px rgba(225, 225, 230, 0.8), 0px 0px 50px 0px rgba(217, 217, 217, 0.2) inset, -40px -40px 80px 0px rgba(255, 255, 255, 0.8); margin-right: 90px; } .testimonial-subtitle h5 { color: #000; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.48px; text-transform: capitalize; } .testimonial-title h2 { font-size: 2rem; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.08px; text-transform: capitalize; color: #0d3e81; } .testimonial-title h2 span { font-size: 2rem; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 1.08px; text-transform: capitalize; color: #22a5dc; } .testimonial-author h5 { font-size: 1.1rem; font-weight: 700; } .testimonial-desc p { font-size: 1rem; /* font-weight: 600; */ /* letter-spacing: 1.5px; */ } .tesimonial-content-data { margin-top: 110px; /* margin-left: -40px; */ } @media (max-width: 767px) { section.tesimonial-sec:before { display: none; } .testimonial-img img { margin-right: 0; } } /* FOOTER */ .footer-section { background: #0d3e81; margin-top: 50px; overflow: hidden; } /* .footer-section::before { content: ""; background-image: url("../images/Ellipse23.webp"); background-repeat: no-repeat; position: absolute; width: 197px; height: 319px; right: 0; margin-top: -187px; } */ .footer-content { border-bottom: 1px solid #ccc; } .footer-pattern img { position: absolute; top: 0; left: 0; height: 330px; background-size: cover; background-position: 100% 100%; } .footer-logo { margin-bottom: 10px; } .footer-logo a { color: #fff; text-decoration: none; font-weight: 700; letter-spacing: 0.56px; text-transform: capitalize; list-style-type: none; } .footer-logo img { max-width: 200px; } .footer-text p { margin-bottom: 14px; font-size: 13px; color: #fff; } .footer-social-icon span { color: #fff; display: block; font-size: 20px; font-weight: 700; margin-bottom: 20px; } .footer-widget.info img.info-icon { width: 18px; } .footer-social-icon a { margin-right: 10px; } .f-social-icon { width: 16px; } .footer-widget-heading h3 { color: #fff; font-size: 16px; margin-bottom: 20px; position: relative; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.64px; text-transform: capitalize; } .footer-widget ul { padding: 0; } .footer-widget ul li { margin-bottom: 12px; list-style: none; } .footer-widget ul li a:hover { color: #fff; } .footer-widget ul li a { color: #fff; text-decoration: none; font-size: 13px; font-weight: 500; letter-spacing: 0.36px; } .footer-widget ul li a { color: #fff; text-decoration: none; font-size: 13px; font-weight: 500; letter-spacing: 0.36px; } .copyright-area { background: #0d3e81; padding: 25px 0; } .copyright-text p { margin: 0; font-size: 13px; color: #fff; } .copyright-text p a { color: #fff; } .footer-menu li { margin-left: 20px; } .footer-menu li:hover a { color: #fff; } .footer-menu li a { font-size: 13px; color: #fff; } @media (max-width: 767px) { .footer-section::before { display: none; } } @media only screen and (min-width: 300px) and (max-width: 599px) { .holderCircle { transform: scale(0.8); position: relative; left: -50px; } } .card { height: 100% !important; }.banner{
  min-height: 520px;   /* adjust to your design */
  display:flex;
  align-items:center;
}