/* @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; } button.supportbtn { padding: 8px 30px; } .navbar-collapse{ background-color: #fff; } } /* 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; } */ .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: 80%; /* font-weight: 600; */ } .header-textbox img { margin-right: 50px; margin-top: 10px; } @media (max-width: 767px) { .banner { height: 100%; } } /* 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 h4 { color: #0d3e81; font-size: 1.5rem; /* Adjust font size for smaller screens */ /* font-family: Raleway; */ font-weight: 600; text-transform: capitalize; letter-spacing: 0.44px; /* Adjust letter-spacing for smaller screens */ } #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.36px; /* 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.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 { border: none; border-radius: 20px; box-shadow: 40px 40px 50px rgba(225, 225, 230, 0.8); -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } #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 .container::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: 20px; /* 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; } */ #three hr.thin { margin-top: 20px; /* Adjust margin for thin HR on 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: 30px; /* 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: 2rem; /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.56px; } #five .container-fluid h2 span { color: #22a5dc; font-size: 2rem; /* 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: 500; text-transform: capitalize; letter-spacing: 0.54px; } #six { /* background-color: #f3f3f3; */ /* border-bottom: 1px solid #3CD5C9; */ } #six .container { padding-top: 30px; padding-bottom: 50px; } #six .card { /* width: 85%; */ height: 284px; /*border: 1px solid #3CD5C9; */ 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); } #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; /* text-decoration-line: 0.50px black solid; -moz-text-decoration-line: 0.50px black solid; */ } #six .card .card-img { width: 60px; margin-left: 150px; 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: 190px; } #six .lower .card-1 .card { width: 65%; height: 333px; border: 1px solid #3cd5c9; background: #f6f6f8; /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */ box-shadow: 40px 40px 50px rgba(225, 225, 230, 0.8); margin-left: 10px; } #six hr { color: #3cd5c9; /* margin-top: 50px; */ } /* Your existing CSS */ /* Media Query for Small Screens (up to 767px) */ @media (max-width: 767px) { #six .container { padding-top: 20px; padding-bottom: 20px; } /* #six .card { padding: 20px !important; margin-left: 30px; } */ /* #six .card .card-img { width: 15%; margin-left: 135px; margin-top: 20px; } */ #six hr { margin-top: 20px; } } #seven .container { /* padding-top: 150px; */ padding-bottom: 70px; margin-top: 50px; } #seven .container h3 { color: #0d3e81; font-size: 1.5rem; /* font-family: Raleway; */ font-weight: 600; text-transform: capitalize; letter-spacing: 0.56px; } #seven .container h2 { color: #0d3e81; font-size: 2rem; /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.56px; } #seven .container h2 span { color: #22a5dc; font-size: 2rem; /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.56px; } #seven .container p { color: black; font-size: 21px; /* font-family: Raleway; */ font-weight: 500; text-transform: capitalize; letter-spacing: 0.54px; } /* SECTION-8 */ #eight { /* background-image: url('../images/rectangle50.webp'); background-position: center; background-size: cover; background-repeat: no-repeat; */ /* padding-bottom: 50px; */ background-color: #d9d8ea; } #eight img { width: 100%; } #eight .page img { /* width: 70%; */ height: 20%; margin-top: 45px; } #eight .arrow img { /* width: 45%; */ height: 20%; margin-top: 50px; } #eight p { margin-top: 20px; font-size: 1rem; font-weight: 700; } @media (max-width: 767px){ #eight img { width: 50%; } } /* SECTION-9 */ #nine { /* background-color: #f3f3f3; */ padding-bottom: 70px; } #nine .rectangle1 { width: 100%; margin-top: 145px; /* margin-left: -40px; */ } #nine .rectangle2 { width: 100%; margin-top: -320px; margin-left: -25px; } #nine .content { margin-top: 150px; margin-left: 30px; } #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 h4 { color: black; font-size: 1.3rem; /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.32px; } #nine .content h2 { color: #0d3e81; font-size: 2rem; /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.76px; } #nine .content h2 span { color: #22a5dc; font-size: 2rem; /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.76px; } #nine .content h6 { color: black; font-size: 1.2rem; /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.32px; } #nine .content p { color: #000; font-size: 1rem; /* font-family: Raleway; */ font-weight: 500; letter-spacing: 0.36px; } /* Your existing CSS */ /* Media Query for Small Screens (up to 767px) */ @media (max-width: 767px) { #nine .rectangle1, #nine .rectangle2 { width: 85%; margin-left: 30px; } #nine .content h3 { font-size: 24px; } #nine .content p { font-size: 14px; } #nine .content { /* margin-top: 150px; */ margin-left: 0px; } } /* SECTION-10 */ #ten { background-image: url("../images/img-2.svg"); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 70px 0; } #ten h2 { color: #0d3e81; font-size: 2rem; /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.5px; } #ten button, #twelve 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: 70px; */ position: relative; } #eleven .container::after { content: ""; background-image: url("../images/Ellipse15.webp"); background-repeat: no-repeat; background-size: cover; position: absolute; top: 100px; right: 0; flex-shrink: 0; z-index: -1; width: 500px; height: 920px; opacity: 2; } #eleven .rectangle1 { width: 90%; margin-top: 143px; } #eleven .rectangle2 { width: 100%; margin-top: 190px; margin-left: 0; } #eleven .content { margin-top: 150px; } #eleven .content .tick { position: absolute; margin-left: -35px; margin-top: 110px; width: 30px; } #eleven .content .idea { margin-left: -35px; margin-top: 25px; position: absolute; } #eleven .content h4 { color: black; font-size: 1.3rem; /* font-family: Raleway; */ font-weight: 700; /* text-transform: capitalize; */ letter-spacing: 0.32px; } #eleven .content h2 { color: #0d3e81; font-size: 2rem; /* font-family: Raleway; */ font-weight: 700; /* text-transform: capitalize; */ letter-spacing: 0.76px; } #eleven .content h2 span { color: #22a5dc; font-size: 2rem; /* font-family: Raleway; */ font-weight: 700; /* text-transform: capitalize; */ letter-spacing: 0.76px; } #eleven .content .para { color: black; font-size: 1.2rem; /* font-family: Raleway; */ font-weight: 700; /* text-transform: capitalize; */ letter-spacing: 0.32px; } #eleven .content h6 { color: black; font-size: 1.2rem; /* font-family: Raleway; */ font-weight: 700; /* text-transform: capitalize; */ letter-spacing: 0.32px; } #eleven .content p { color: #000; font-size: 1rem; /* font-family: Raleway; */ font-weight: 400; letter-spacing: 0.36px; } #eleven .content p span { color: #000; font-size: 1rem; /* font-family: Raleway; */ font-weight: 600; letter-spacing: 0.36px; } @media (max-width: 767px) { #eleven .rectangle1, #eleven .rectangle2 { width: 85%; margin-left: 30px; } #eleven .content h3 { font-size: 24px; } #eleven .content p { font-size: 14px; } } /*SECTION-12 */ #twelve { background-image: url("../images/img-2.svg"); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 40px; margin-top: 50px; } #twelve .container-fluid { } #twelve .container h2 { color: #0d3e81; font-size: 30px; /* font-family: Raleway; */ font-weight: 700; text-transform: capitalize; letter-spacing: 0.5px; /* text-align: center; */ /* margin-left: 135px; */ } @media (max-width: 767px) { #twelve .container { padding: 20px 0; } #twelve .container-fluid h2 { font-size: 20px; /* Adjust font size for smaller screens */ letter-spacing: 0.4px; /* Adjust letter-spacing for smaller screens */ margin: 0; } } /* SECTION-13 */ #thirteen { /* background-color: #f3f3f3; */ /* padding-bottom: 100px; */ } #thirteen .container { padding-top: 100px; } #thirteen .container h2 { font-size: 2rem; font-weight: 700; color: #0d3e81; text-align: center; } #thirteen .container h2 span { font-size: 2rem; font-weight: 700; color: #22a5dc; text-align: center; } #thirteen .line { width: 3px; /* height: 15%; */ background-color: black; margin-left: 8%; } #thirteen .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; } #thirteen .content { justify-content: space-between; gap: 50px; } #thirteen iframe { width: 100%; height: 80vh; border: none; } @media (max-width: 767px) { #thirteen iframe { width: 100%; height: 50vh; /* You can adjust the height as needed for smaller screens */ } } /* 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; } .card { margin: 10px; } .text-justify { text-align: justify !important; }