/* @import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */ @font-face { font-family: "Gilroy"; src: url("./Gilroy-FREE/Gilroy-ExtraBold.otf") format("opentype"); } @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap"); @font-face { font-family: "Gilroy Bold"; src: url("../fonts/gilroy/Gilroy-ExtraBold.ttf"); src: url("../fonts/gilroy/Gilroy-Bold.ttf"); } @font-face { font-family: "Roboto"; src: url("../fonts/gilroy/Gilroy-Medium.ttf"); } 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 h6, h5, h4, h3, h2, h1 { font-family: "Gilroy Bold" !important; } body h2 { font-size: 42px !important; } body h2 span { font-size: 42px !important; } @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; } 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; } .navbar-collapse{ background-color: #fff; } button.supportbtn { padding: 8px 30px; } } /* SECTION-1 */ .banner { background-image: url('../img/2.webp'); height: 100vh; background-position: center; background-size: cover; margin-top: -47px; } /* .banner::before { content: ""; background-image: url("../images/Ellipse2.webp"); background-repeat: no-repeat; background-size: cover; position: absolute; flex-shrink: 0; left: 0; top: 0; z-index: -1; width: 345px; height: 820px; opacity: 2; } */ @media (max-width: 767px) { .banner::before { display: none; } } .banner .container::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: 2; } #headerbtn { background: linear-gradient(268deg, #22a5dc, #0d3e81); padding: 12px 29px; border: none; border-radius: 6px; color: #fff; } .header-textbox h1 { font-size: 2.5rem; color: #0d3e81; font-weight: 700; margin-top: 115px; } .header-textbox h1 span { font-size: 2.5rem; color: #22a5dc; font-weight: 700; margin-top: 115px; } .header-textbox p { font-size: 1rem; width: 100%; /* font-weight: 600; */ font-family:"Roboto"; } .header-textbox img { margin-right: 50px; margin-top: 10px; } .banner .container img { object-fit: contain; } @media (max-width: 767px) { .banner { height: 100%; } .header-textbox img { /* margin-right: 50px; */ margin-top: 10px; } } /* SECTION-2 */ #two { margin-top: 50px; /* Adjust margin for smaller screens */ /* background-color: #f5f5f5; */ } #two .container { padding: 20px; /* Adjust padding for smaller screens */ text-align: center; } #two .container h2 { color: #0d3e81; font-size: 2rem; /* Adjust font size for smaller screens */ /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.44px; /* Adjust letter-spacing for smaller screens */ } #two .container h2 span { color: #22a5dc; font-size: 2rem; /* Adjust font size for smaller screens */ /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.44px; /* Adjust letter-spacing for smaller screens */ } #two .container p { color: black; font-size: 21px; /* Adjust font size for smaller screens */ /* font-family: Raleway; */ font-weight: 500; text-transform: capitalize; letter-spacing: 0.36px; /* Adjust letter-spacing for smaller screens */ } /* Media Query for screens at or below 767px */ @media (max-width: 767px) { #two .container { padding: 10px; /* Further adjust padding for smaller screens */ } } /* SECTION-3 */ #three { /* background-color: #f3f3f3; */ padding-bottom: 80px; position: relative; } #three .card { /*width: 100%; height: 333px; */ /*border: 1px solid #3CD5C9; */ /*background: #F6F6F8; */ /* height: 277px; */ /*box-shadow: 40px 40px 50px rgba(225, 225, 230, 0.80); */ border: none; 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; height: 100% !important; } .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); } #three hr { margin-left: 80px; margin-right: 90px; margin-top: -5px; } /* #three .thin{ margin-left: 80px; margin-right: 90px; margin-top: 50px; color: #3CD5C9; } */ #three::after { content: ""; background-image: url("../images/Ellipse13full.webp"); background-repeat: no-repeat; background-size: cover; position: absolute; top: -100px; right: 0; flex-shrink: 0; z-index: -1; width: 900px; height: 920px; opacity: 2; } #three .card h6 { color: #0d3e81; font-size: 17px; /* font-family: Raleway; */ font-weight: 700; letter-spacing: 0.36px; } #three .card .card-img { width: 60px; margin-left: 110px; margin-top: 30px; margin-inline: auto; } #three .card p { color: #1a1a1a; font-size: 14px; /* font-family: Raleway; */ font-weight: 500; letter-spacing: 0.36px; } @media (max-width: 767px) { #three .card { /* width: 85%; height: auto; margin-left: 30px; */ margin: 10px; } #three hr.thin { margin-top: 20px; /* Adjust margin for thin HR on smaller screens */ } #three .card h6 { font-size: 20px; /* Adjust font size for smaller screens */ letter-spacing: 0.32px; /* Adjust letter-spacing for smaller screens */ } /* #three .card .card-img { width: 15%; margin-left: 120px; margin-top: 20px; } */ #three .card p { font-size: 14px; /* Adjust font size for smaller screens */ letter-spacing: 0.28px; /* Adjust letter-spacing for smaller screens */ } } /* SECTION-4 */ #four { background-image: url("../images/img-2.svg"); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 70px 0; } #four h2 { color: #0d3e81; font-size: 27px; /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.5px; } #four button { background: linear-gradient(268deg, #22a5dc, #0d3e81); padding: 12px 29px; border: none; border-radius: 6px; color: #fff; } /* SECTION-5 */ /* SECTION-5 */ #five { /* background-color: #f3f3f3; */ /* padding-top: 150px; */ } #five .container-fluid { margin-top: 60px; } #five .container-fluid h2 { color: #0d3e81; /* font-size: 25px; */ /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.56px; } #five .container-fluid h2 span { color: #22a5dc; /* font-size: 25px; */ /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.56px; } #five .container-fluid p { color: black; font-size: 21px; /* font-family: Raleway; */ font-weight: 600; text-transform: capitalize; letter-spacing: 0.54px; } /* section-6 */ #six { margin-top: 30px; } #six .card { border: none; box-shadow: 40px 40px 50px rgba(225, 225, 230, 0.8); margin: 10px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; /* height: 100%; */ } #six hr { margin-left: 80px; margin-right: 90px; margin-top: -5px; } #six .card h6 { color: #0d3e81; font-size: 20px; /* font-family: Raleway; */ font-weight: 700; letter-spacing: 0.36px; } #six .card .card-img { width: 60px; margin-left: 145px; margin-top: 30px; margin-inline: auto; } #six .card p { color: #1a1a1a; font-size: 14px; /* font-family: Raleway; */ font-weight: 500; letter-spacing: 0.36px; } #six .lower .card { width: 65%; margin-left: 10px; /* Adjust margin as needed */ } #six .lower .card-1 .card { height: 333px; border: 1px solid #3cd5c9; background: #f6f6f8; box-shadow: 40px 40px 50px rgba(225, 225, 230, 0.8); margin-left: 10px; /* Adjust margin as needed */ } @media (max-width: 768px) { /* #six .card h6 { font-size: 14px; } */ #six .card p { font-size: 12px; } /* #six .card .card-img { width: 15%; margin-left: 135px; margin-top: 20px; } */ /* #six .card { padding: 20px !important; margin-left: 30px; } */ } #seven { /* background-color: #f3f3f3; */ padding-top: 80px; padding-bottom: 80px; } #seven .container h2 { color: #0d3e81; font-size: 2rem; /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.56px; margin-top: 80px; } #seven .container h2 span { color: #22a5dc; font-size: 2rem; /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.56px; margin-top: 80px; } #seven .container h3 { color: black; font-size: 1.3rem; /* font-family: Raleway; */ font-weight: 600; text-transform: capitalize; letter-spacing: 0.5px; } #seven .container p { margin-top: 10px; color: black; font-size: 15px; /* font-family: Raleway; */ font-weight: 500; text-transform: capitalize; letter-spacing: 0.36px; text-align: justify; } #seven .container .benefit-img { height: 448px; max-width: 100%; } /* #seven .container .benefit-list li { color: #006980; font-size: 15px; font-family: Raleway; font-weight: 500; text-transform: capitalize; letter-spacing: 0.32px; line-height: 2; list-style-type: none; margin-bottom: 10px; } #seven .container .meter { border: 1px solid #006980; background-color: #F6F6F8; box-shadow: 0px 0px 50px rgba(216, 216, 216, 0.20) inset; padding: 10px; border-radius: 50px; } #seven .meter img{ width: 60%; } */ #seven .benefit-list { margin-top: 50px; } #seven .meter-img { background-color: #dcdce5; /* border: 1px solid #000; */ width: 55px; height: 55px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; margin-top: 10px; } #seven .meter-img img { height: 60%; } #seven .meter-p { margin-top: 30px; margin-left: 10px; } #seven .meter-p p { font-weight: 600; text-transform: capitalize; letter-spacing: 0.36px; } @media (max-width: 767px) { #seven .benefit-list li { margin-bottom: 10px; } #seven .container .benefit-img { display: none; } #seven .container h2{ font-size: 30px !important; } #seven .container h2 span{ font-size: 30px !important; } } /* SECTION-8 */ #eight { background-image: url("../images/img-2.svg"); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 50px 0; margin-top: -80px; } #eight .container { } #eight .container h2 { color: #0d3e81; font-size: 31px; /* Adjust the font size for smaller screens */ /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.5px; /* text-align: center; */ margin-left: 0; /* Reset margin for smaller screens */ padding: 0 20px; /* Add padding for better mobile layout */ } #eight .container button { background: linear-gradient(268deg, #22a5dc, #0d3e81); padding: 12px 29px; border: none; border-radius: 6px; color: #fff; } /* SECTION-9 */ #nine { /* background-color: #f3f3f3; */ /* padding-bottom: 70px; */ position: relative; } #nine .rectangle1 { width: 100%; margin-top: 132px; /* margin-left: -65px; */ } #nine .rectangle2 { width: 100%; margin-top: 110px; margin-left: -50px; } #nine .content { margin-top: 155px; margin-bottom: 50px; } #nine .content .tick { position: absolute; margin-left: -35px; margin-top: 110px; width: 30px; } #nine .content .idea { margin-left: -35px; margin-top: 25px; position: absolute; } #nine .content h5 { color: black; font-size: 1.5rem; /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.32px; } #nine .container .large-heading { color: #0d3e81; font-size: 2rem; /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.76px; } #nine .container h2 span { color: #22a5dc; font-size: 2rem; /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.76px; } .text-theme-blue { color: #0d3e81; } #nine h6 { font-family: Roboto; color: black; font-size: 1.1rem; /* font-family: Raleway; */ font-weight: bolder !important; text-transform: capitalize; letter-spacing: 0.32px; } #nine .content p { color: #1a1a1a; font-size: 1rem; /* font-family: Raleway; */ font-weight: 500; letter-spacing: 0.36px; } /* #nine .container::after{ content: ""; background-image: url('images/Ellipse15.webp'); background-repeat: no-repeat; background-size: cover; position: absolute; top: 700px; right: 0; flex-shrink: 0; z-index: -1; width: 455px; height: 920px; opacity: 2; } */ @media (max-width: 767px) { #nine .rectangle1 { width: 80%; margin-top: 0; margin-left: 40px; } #nine .rectangle2 { width: 80%; margin-top: 0; margin-left: 40px; } #nine .content { margin: 0; } } /* SECTION-10 */ #ten { background-image: url("../images/img-2.svg"); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 30px 0; } #ten .container-fluid { } #ten .container h2 { color: #0d3e81; font-size: 31px; /* Adjust the font size for smaller screens */ /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.3px; /* Reduce letter spacing */ /* text-align: center; */ margin-left: 0; /* Remove left margin for smaller screens */ padding: 0 20px; /* Add horizontal padding for better mobile layout */ } #ten .container button { background: linear-gradient(268deg, #22a5dc, #0d3e81); padding: 12px 29px; border: none; border-radius: 6px; color: #fff; } /* SECTION-11 */ #eleven { /* background-color: #f3f3f3; */ /* padding-bottom: 100px; */ } #eleven .container { padding-top: 100px; } #eleven .container h2 { font-size: 2rem; font-weight: 700; color: #0d3e81; text-align: center; } #eleven .container h2 span { font-size: 2rem; font-weight: 700; color: #22a5dc; text-align: center; } #eleven .line { width: 3px; /* height: 15%; */ background-color: black; margin-left: 8%; } #eleven .bank img { border: 1px solid #006980; width: 50px; padding: 10px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; } #eleven .content { justify-content: space-between; gap: 50px; } #eleven iframe { /* margin-left: 165px; width: 60%; height: 80vh; border: none; */ } @media (max-width: 767px) { #eleven iframe { width: 100%; } } @media only screen and (min-width: 300px) and (max-width: 599px) { .holderCircle { transform: scale(0.8); position: relative; left: -50px; } } /* footer */ .footer-section { background: #0d3e81; /* margin-top: 50px; */ overflow: hidden; } .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; } .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; }