/* @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"); @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: 100 !important; */ } body h6 h5 h4 h3 h2 h1 { font-family: 'Gilroy Bold' !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: .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: .7rem; padding-left: .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: 350px; background-position: center; background-size: cover; margin-top: -100px; } .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: 950px; 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; } #one .container { width: 100%; margin-top: 100px; min-height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; } #one .container .title { font-weight: 700; align-items: center; justify-content: center; font-size: 2rem; margin-top: 20px; color: #0d3e81; } #one .container p { width: 90%; text-align: center; /* font-weight: 600; */ } /* SECION-2 */ #two { margin-top: 100px; position: relative; } #two .container { width: 100%; height: 100%; /* border: 1px solid red; */ display: flex; gap: 10px; padding-right: x; } #two .container .card { background-color: #0d3e81; color: #fff; } /* #two .container::before { content: ""; background-image: url('../images/Ellipse20.webp'); background-repeat: no-repeat; background-size: cover; position: absolute; top: 2px; right: 0; flex-shrink: 0; z-index: -1; width: 61px; height: 168px; opacity: 2; } */ #two .container h2 { font-size: 1.6rem; text-transform: capitalize; color: #0d3e81; } #two .container .input { width: 100%; height: 20%; /* display: flex; */ align-items: center; justify-content: center; gap: 10px; margin-top: 10px; } .input textarea { width: 100%; height: 50%; background: #F6F6F8; /*effect*/ /*box-shadow: 20px 20px 50px 0px rgba(225, 225, 230, 080), 0px 0px 50px 0px rgba(247, 242, 242, 0.2)inset, -20px -20px 80px 0px rgba(255, 255, 255, 080); */ border: none; margin: 10px 0; padding: 10px 20px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } input::placeholder { color: #0d3e81; font-size: 12px; font-weight: 400; } .input textarea::placeholder { color: #0d3e81; } @media (max-width: 767px) { #two .container::before { display: none; } } /* SECTION-2 */ #two .container button { /*background-color:#006980; */ width: fit-content; margin-top: 20px; display: flex; padding: 10px 35px; align-items: flex-start; gap: 10px; border: none; background: #F6F6F8; /*box-shadow: 0px 10px 20px 0px rgba(225, 225, 230, 0.50), 0px 0px 50px 0px rgba(217, 217, 217, 0.20) inset; */ color: #0d3e81; font-weight: 600; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } #two .container label { font-size: 16px; font-weight: bold; } input { width: 100%; height: 40px; margin-top: 10px; border-radius: 5px; border: none; padding: 22px 20px; background: #F6F6F8; /*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); */ border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } #two .container .input { width: 100%; height: 20%; /* margin-top: 50px; */ } #two .select-wrapper #service { width: 100%; height: 44px; border-radius: 10px; color: #0d3e81; font-size: 0.9rem; } #two .container h2 { font-size: 42px; margin-left: 50px; /* margin-top: 70px; */ } #two .container p { font-size: 1rem; /*margin-left: 50px;*/ /*margin-top: 20px;*/ } .right .right-info { width: 100%; height: 40%; } .right-info .repeat { width: 100%; height: calc(100%/3); margin-left: 50px; display: flex; align-items: center; font-size: 0.7rem; font-weight: bold; } .repeat .img-icon { width: 10%; height: 100%; display: flex; align-items: center; justify-content: center; } .img-icon img { width: 50%; height: 50%; } #two .container .right-info .repeat .details { font-size: 15px; margin-left: 0; margin-top: 28px; } @media (max-width: 768px) { #contact { padding: 20px; /* Increase padding for better spacing on small screens */ } #contact::before, #contact::after { display: none; /* Remove the background images on small screens */ } #contact h1, #contact h2, #contact p { font-size: 1.2rem; /* Adjust font sizes for better readability on small screens */ } #two .container label { font-size: 14px; font-weight: bold; } #two .container h2 { margin: 0; } /*#two .container p {*/ /* margin: 0;*/ /*}*/ #two .container .card { /* width: 335px; */ margin-top: 50px; } #two .container .repeat { margin: 0; } } @media (max-width: 768px) { .map iframe { width: 100%; height: 300px; /* Adjust the height as needed for mobile */ } } /* SECTION-3 */ #three { position: relative; margin-top: 100px; } #three .container::before { content: ""; background-image: url('../images/Ellipse19left.webp'); background-repeat: no-repeat; background-size: cover; position: absolute; top: -73px; left: 0; flex-shrink: 0; z-index: -1; width: 69px; height: 200px; opacity: 1; } /* #three .container::after{ content: ""; background-image: url('images/Ellipse17.webp'); background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; right: 0; flex-shrink: 0; z-index: -1; width: 345px; height: 320px; opacity: 2; } */ @media (max-width:767px) { #three .container::before { display: none; } } /* FOOTER */ .footer-section { background: #0d3e81; /* margin-top: 50px; */ overflow: hidden; } .footer-section::before { content: ""; background-image: url('../images/Ellipse22.webp'); background-repeat: no-repeat; position: absolute; width: 291px; height: 266px; z-index: -1; left: 0; margin-top: -262px; } .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; } }