@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap");
:root {
--headingFont: "Inter", sans-serif;
--bodyFont: "Nunito", sans-serif;
--primaryColor: #44c2fd;
--secondaryColor: #0072bc;
--overlayColor: rgba(0, 0, 0, 0.33);
--lightBGColor: #f5f5f5;
--btnTextColor: #ffffff;
}
* {
margin: 0px;
padding: 0px;
}
header {
width: 100%;
left: 0px;
right: 0px;
}
body {
overflow-x: hidden;
font-family: var(--bodyFont);
}
header {
width: 100%;
left: 0px;
right: 0px;
}
h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
font-family: var(--headingFont);
transition: all 0.35s ease-in-out 0s;
text-decoration: none;
font-weight: bold;
}
a {
transition: all 0.35s ease-in-out 0s;
text-decoration: none;
}
ul {
margin-bottom: 0px;
padding: 0;
} .navbar {
display: flex;
align-items: center;
justify-content: space-between;
}
.sticky {
position: sticky;
top: 0px;
z-index: 999;
}
.navbar .logo {
text-decoration: none;
color: var(--primaryColor);
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
}
@media (max-width: 1024px) {
.navigation {
position: fixed;
width: 100%;
background: var(--overlayColor);
height: 100%;
top: 0px;
left: 0px;
z-index: -2;
opacity: 0;
transition: all 0.35s ease-in 0s;
pointer-events: none;
}
.navigation.open {
opacity: 1;
pointer-events: all;
z-index: 9999;
}
}
.menu-btn {
position: relative;
display: none;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
cursor: pointer;
z-index: 2;
}
.navbar .menu-btn__lines::before,
.navbar .menu-btn__lines::after {
content: "";
position: absolute;
}
.navbar .menu-btn__lines,
.navbar .menu-btn__lines::before,
.navbar .menu-btn__lines::after {
width: 1.5rem;
height: 0.125rem;
background: var(--primaryColor);
transition: all 0.4s ease-in-out 0s;
}
ul.dropdown-menu li:not(:last-child) {
border-bottom: 1px solid rgb(226, 210, 187);
}
.navbar .menu-btn__lines::before {
transform: translateY(-0.5rem);
}
.navbar .menu-btn__lines::after {
transform: translateY(0.5rem);
}
.navbar .menu-items {
display: flex;
align-items: center;
}
.navbar ul li {
list-style: none;
transition: all 0.3s ease 0s;
margin: 0px 5px;
}
.navbar ul li .arrow {
transition: all 0.3s ease-out 0s;
}
.navbar ul li a {
text-decoration: none;
color: var(--bodyTextColor);
}
.navbar .dropdown {
position: relative;
}
.expand-btn::after {
content: " â–¾";
opacity: 0.4;
margin-left: 5px;
}
.navbar .dropdown-menu,
.menu-right {
position: absolute;
background: rgb(250, 224, 192);
width: max-content;
line-height: 30px;
border-radius: 5px;
top: 100%;
left: 0px;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease 0s;
box-shadow: rgba(0, 0, 0, 0.05) 0px 20px 50px 0px;
pointer-events: none;
display: block;
border: 0px;
padding: 0px;
}
.navbar .menu-right {
top: 0px;
left: 100%;
}
.navbar .dropdown-menu,
.menu-left {
left: 0px;
}
.navbar .menu-left {
left: -100%;
}
.navbar .menu-item {
display: flex;
justify-content: space-between;
font-weight: 600;
padding: 0.5rem 1.25rem;
}
.navbar .menu-item:hover,
.current-menu-item a {
color: var(--primaryColor);
}
.menu-item {
padding: 14px 16px;
font-size: 20px;
font-family: var(--headingFont);
color: rgb(0, 0, 0);
border-radius: 10px;
}
.menu-item.first-item:hover {
color: rgb(68, 194, 253);
}
.menu-contact a {
border-radius: 8px;
width: max-content;
padding: 12px 30px;
}
.menu-contact a:hover {
color: rgb(255, 255, 255);
background: rgb(68, 194, 253);
}
.navbar .dropdown:hover .dropdown-menu {
opacity: 1;
visibility: visible;
pointer-events: all;
}
.navbar .dropdown-right:hover .menu-right {
left: 100%;
opacity: 1;
visibility: visible;
pointer-events: all;
}
.navbar .dropdown-right:hover .menu-left {
left: -100%;
}
.menu-btn.open .menu-btn__lines {
transform: translateX(1rem);
background: transparent;
}
.menu-btn.open .menu-btn__lines::before {
transform: rotate(45deg) translate(-0.5rem, 0.5rem);
background: var(--secondaryColor);
}
.menu-btn.open .menu-btn__lines::after {
transform: rotate(-45deg) translate(-0.5rem, -0.5rem);
background: var(--secondaryColor);
}
.navbar.desktop-menu {
padding: 0px;
}
@media (min-width: 1024px) {
.desktop-menu {
display: block;
}
.mobile-menu {
display: none;
}
}
@media screen and (max-width: 1024px) {
.navbar .menu-item {
padding: 0.5rem 0.05rem;
}
.desktop-menu {
display: none;
}
.mobile-menu {
display: block;
}
.navbar {
padding: 10px 0;
}
.overflow {
overflow: hidden;
}
.overlay {
position: fixed;
inset: 0px;
z-index: 500;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out 0s, visibility 0.3s ease-in-out 0s;
}
.overlay--active {
opacity: 1;
visibility: visible;
}
.menu-btn {
display: flex;
}
.navbar .menu-items {
position: fixed;
height: 100%;
max-height: initial;
overflow-y: auto;
width: 80%;
top: 0px;
right: 0px;
background: var(--lightBGColor);
display: block;
transform: translateX(200%);
transition: all 0.3s ease-out 0s;
padding-bottom: 100px;
font-size: 14px;
padding: 0 10px;
}
.menu-items.open {
transform: translateY(0px);
}
.menu-items li:first-child {
margin-top: 20px;
}
.menu-items li a {
padding: 10px 1rem;
display: block;
font-size: 18px;
}
.menu-items .dropdown-right .right-arrow {
transform: rotate(90deg);
}
.menu-item.first-item {
padding: 1rem;
}
.menu-items .dropdown-menu,
.menu-items .menu-right,
.menu-items .mega-menu {
position: static;
opacity: 1;
top: 4rem;
visibility: visible;
margin-left: -18px;
width: auto;
max-height: 0px;
transform: scaleX(0);
transform-origin: left center;
overflow: hidden;
transition: all 0.5s ease 0s;
}
.menu-items .dropdown-menu,
.menu-items .menu-right {
padding-left: 1rem;
width: 102%;
margin-left: -10px;
}
.menu-items .mega-menu .col {
padding-left: 1rem;
}
.expand-btn.open + .sample {
max-height: 100%;
transform: scaleZ(1);
}
.expand-btn.open + .blog.sample {
max-height: 100%;
transform: scaleZ(1);
max-width: fit-content;
}
.navbar .sample {
border-top: none;
}
.sample li {
margin: 0px;
}
.sample li:last-child {
border-bottom: none;
}
.sample li a {
font-size: 1rem;
}
.mega-menu .content {
grid-template-columns: auto;
padding: 1rem 1rem 0px;
}
.mega-menu .content .col {
width: 100%;
padding-top: 1rem;
margin-bottom: 0.5rem;
}
.col .mega-links li,
.col .mega-links li a {
padding: 0px 0.5rem;
}
.content .col .mega-links {
border-left: 0px;
padding-left: 0.5rem;
}
.col .mega-links li {
margin: 0px;
}
}
@media (max-width: 1024px) {
.navigation .menu-btn {
opacity: 0;
}
.navigation.open .menu-btn {
width: 1.5rem;
height: 1.5rem;
position: absolute;
right: 20px;
top: 20px;
opacity: 1;
}
.navigation.open .menu-btn__lines {
transform: translateX(1rem);
background: transparent;
}
.navigation.open .menu-btn__lines::before {
transform: rotate(45deg) translate(-0.5rem, 0.5rem);
background: var(--primaryColor);
}
.navigation.open .menu-btn__lines::after {
transform: rotate(-45deg) translate(-0.5rem, -0.5rem);
background: var(--primaryColor);
}
.main-search {
display: none;
}
.info-block {
display: none;
}
.menu-item.first-item {
padding: 1.3585em 1.1em;
border-bottom: 1px solid var(--borderColor);
}
}
.logo-wrapper {
max-width: 800px;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo-wrapper p {
width: calc(100% - 230px);
font-size: 16px;
margin-bottom: 0px;
transform: translateY(12px);
color: rgb(128, 128, 128);
}
@media (max-width: 1670px) {
.logo-wrapper {
max-width: 600px;
}
.logo-wrapper p {
font-size: 14px;
}
.logo-wrapper p {
width: calc(100% - 200px);
}
.navbar .logo {
width: 180px;
}
}
@media (max-width: 1480px) {
.logo-wrapper {
max-width: 450px;
}
.logo-wrapper p {
font-size: 12px;
}
.logo-wrapper p {
width: calc(100% - 180px);
}
.navbar .logo {
width: 150px;
}
.menu-item.first-item {
padding: 0.5585em 0.9em;
font-size: 16px;
}
}
@media (max-width: 1199px) {
.logo-wrapper p {
display: none;
}
.logo-wrapper {
max-width: unset;
}
.navbar .logo {
width: 200px;
}
}
@media (max-width: 576px) {
.logo-wrapper {
max-width: unset;
}
.navbar .logo {
width: 160px;
}
}
.container-fluid {
width: 100%;
padding: 0px 60px;
}
@media screen and (max-width: 1024px) {
.container-fluid {
padding: 0px 20px;
}
}
.main {
display: flex;
height: auto;
width: 100%;
}
.text {
position: relative;
left: 50%;
padding: 20px;
}
#a {
padding: 15px;
color: black;
text-decoration: none;
}
#s {
color: rgb(24, 189, 240);
position: relative;
right: 5%;
text-decoration: none;
}
.pic {
margin-top: 1%;
}
#para {
color: rgb(0, 0, 0);
text-align: justify;
font-family: Nunito;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 152.023%;
position: relative;
top: 10%;
}
#h {
color: rgb(44, 105, 141);
font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-align: center;
position: relative;
}
#i {
color: rgb(0, 0, 0);
font-family: Inter;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
#o {
color: rgb(0, 0, 0);
font-family: Nunito;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 179.023%;
position: relative;
text-align: center;
bottom: 20%;
}
.img {
display: flex;
margin-top: 30px;
align-items: center;
}
#o {
position: relative;
left: 5%;
margin-top: 5%;
padding: 15px;
}
.core {
position: relative;
text-align: center;
}
#c {
color: rgb(0, 0, 0);
font-family: Inter;
font-size: 26px;
}
.pic {
position: relative;
text-align: end;
margin-bottom: 3%;
}
#so {
color: rgb(0, 0, 0);
font-family: Nunito;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 179.023%;
position: absolute;
float: right;
margin-top: 100px;
}
#k {
color: rgb(0, 0, 0);
font-family: Inter;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
#r {
color: rgb(0, 0, 0);
font-family: Inter;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: normal;
position: relative;
float: left;
}
#j {
color: rgb(0, 0, 0);
font-family: Inter;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
#l {
color: rgb(0, 0, 0);
font-family: Nunito;
font-size: 22px;
font-style: normal;
font-weight: 400;  }
#fou {
color: rgb(44, 105, 141);
font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-align: center;
}
#ppp {
color: rgb(0, 0, 0);
text-align: justify;
font-family: Nunito;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 1.7;
margin-bottom: 10px;
}
.font {
display: flex;
}
#so {
text-align: left;
}
#of {
color: rgb(44, 105, 141);
font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
#pu {
position: relative;
float: left;
background: rgb(68, 194, 253);
color: white;
text-decoration: none;
border: 1px solid white;
}
#rr {
color: rgb(44, 105, 141);
font-family: Inter;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-align: center;
padding: 10px;
margin-bottom: 0;
text-transform: capitalize;
}
#bb {
position: absolute;
text-align: center;
}
#id {
width: 100%;
}
#ti {
background-color: rgb(24, 189, 240);
color: white;
border-radius: 5px;
padding-bottom: 3px;
text-decoration: none;
}
.t {
margin-top: 20px;
}
.card-text {
color: rgb(55, 71, 79);
text-align: center;
font-family: Nunito;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 40px;
}
.card-tex {
color: rgb(55, 71, 79);
text-align: center;
font-family: Nunito;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
padding: 30px;
}
#mar {
padding: 70px;
width: 40%;
margin-left: 200px;
}
#images {
text-align: center;
}
.card-body {
text-align: center;
}
.card {
position: relative;
}
.card {
height: 100%;
}
#ion {
margin-top: 60px;
}
#tet {
color: rgb(0, 0, 0);
font-family: Inter;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
#line {
border: 3px solid rgb(44, 105, 141);
}
#tet {
text-align: left;
padding: 30px;
}
#the {
text-align: left;
padding: 10px;
}
#rinas {
text-align: left;
list-style-position: inside;
}
#pad {
}
.buttn {
display: flex;
width: 278px;
padding: 15px 30px;
justify-content: center;
align-items: center;
color: white;
background-color: rgb(68, 194, 253);
border: 0;
}
.t {
color: rgb(0, 0, 0);
text-align: left;
font-family: Nunito;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
#p {
text-align: left;
font-size: 22px;
font-style: normal;
font-weight: 600;
}
#nm {
margin-right: 1150px;
color: rgb(0, 0, 0);
font-family: Nunito;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
#int {
display: flex;
width: 557px;
height: 56px;
padding: 17px 35px;
align-items: flex-start;
gap: 10px;
}
.split {
display: flex;
}
.ph {
padding-right: 850px;
margin-top: 20px;
}
#ne {
margin-right: 140px;
color: rgb(0, 0, 0);
font-family: Nunito;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
#pne {
width: 270px;
height: 56px;
}
.fil {
display: flex;
}
.e-mail {
margin-top: 15px;
}
#mss {
display: inline-flex;
height: 204px;
padding: 10px;
flex-direction: column;
align-items: flex-start;
gap: 10px;
flex-shrink: 0;
}
.msg {
margin-right: 1000px;
margin-top: 10px;
}
#co {
width: 556px;
height: 66px;
flex-shrink: 0;
border-radius: 8px;
background: rgb(68, 194, 253);
}
.b {
margin-right: 500px;
margin-top: 20px;
}
#reac {
color: rgb(0, 0, 0);
font-family: Nunito;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
width: 423px;
height: 71px;
flex-shrink: 0;
}
#bil {
color: rgb(0, 0, 0);
font-family: Nunito;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.mess {
margin-right: 600px;
padding: 20px;
}
.pc {
display: flex;
padding: 10px;
gap: 20px;
margin-left: 460px;
}
#kk {
color: rgb(0, 0, 0);
font-family: Nunito;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
right: 460px;
position: relative;
}
.end {
margin-top: 50px;
}
#aria {
color: rgb(0, 0, 0);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.van {
padding-right: 300px;
margin-top: 50px;
}
.no {
padding-right: 370px;
margin-top: 50px;
}
.ho {
padding-right: 370px;
margin-top: 50px;
}
#mab {
text-align: center;
}
#done {
display: flex;
}
.t {
display: flex;
}
.tr {
margin-left: 120px;
}
#ti {
border: none;
}
.btn {
padding: 18px;
border: 0px;
transition: all 0.35s ease-in-out 0s;
border-radius: 0px;
position: relative;
z-index: 2;
font-weight: 600;
font-size: 20px;
font-family: var(--headingFont);
}
.btn-primary {
background-color: var(--primaryColor);
color: #fff;
}
.btn.btn-outline {
border-radius: 10px;
border: 2px solid rgb(255, 255, 255);
color: rgb(255, 255, 255);
}
.home-banner-img {
position: relative;
}
.home-banner-img img {
width: 100%;
}
.home-banner-content {
position: absolute;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
}
.home-banner-content-inner {
text-align: center;
}
.home-banner-img::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0px;
background: rgb(0, 0, 0);
left: 0px;
opacity: 0.5;
pointer-events: none;
}
.home-banner-content-inner h2 {
font-size: 70px;
line-height: 1.2;
color: rgb(255, 255, 255);
overflow: hidden;
}
.home-banner-content-inner h5 {
font-size: 40px;
color: #fff;
}
.home-banner-content-inner p {
color: rgb(255, 255, 255);
font-size: 20px; margin: 30px 0px;
}
.home-banner-content-inner h2 span { text-transform: capitalize;
display: block;
transition: all 0.5s cubic-bezier(0.28, 1.15, 0.41, 1.16) 0s;
} .home-banner-content-inner .banner-btn {
display: flex;
justify-content: center;
}
.home-banner-content-inner p span,
.banner-btn a { display: block;
transition: all 0.5s cubic-bezier(0.28, 1.15, 0.41, 1.16) 0s;
}
.home-banner-content-inner .banner-btn a { transition: transform 0.5s cubic-bezier(0.28, 1.15, 0.41, 1.16) 0s,
background 0.3s ease-in 0s, color 0.3s ease-in 0s;
position: relative;
}
.home-banner-content-inner .banner-btn a {
color: var(--btnTextColor);
} .banner-btn {
padding: 20px 0px;
}
.home-banner-content-inner .banner-btn a:hover::after {
top: 70%;
}
@media (max-width: 1199px) {
.home-banner-content-inner h2 {
font-size: 40px;
}
}
@media (max-width: 1280px) {
section.home-banner {
height: 570px;
}
.home-banner-content-inner h2 {
font-size: 40px;
}
.home-banner-content-inner h5 {
font-size: 30px;
}
div#home-banner-slider {
height: 100%;
}
.home-banner-item {
height: 100%;
}
.home-banner-img {
height: 100%;
}
.home-banner-img img {
height: 100%;
object-fit: cover;
}
}
@media (max-width: 767px) {
.home-banner-content-inner h2 {
font-size: 30px;
}
.home-banner-content-inner h5 {
font-size: 24px;
}
section.top-header p {
text-align: center;
font-size: 12px;
}
.home-banner {
height: 360px;
}
div#home-banner-slider {
height: 100%;
}
.home-banner-img {
height: 100%;
}
.home-banner-content {
padding: 20px;
}
.home-banner-img img {
height: 100%;
object-fit: cover;
}
}
@media (max-width: 576px) {
section.home-banner {
height: 240px;
}
.home-banner-content p {
font-size: 12px;
margin: 20px 0 0;
}
.home-banner-content-inner .banner-btn a {
font-size: 14px;
padding: 12px 20px;
}
.home-banner-content-inner h2 {
font-size: 16px;
margin-bottom: 0px;
}
.home-banner-content .home-banner-content-inner p:has(a) {
display: block;
}
}
section.home-why-us-section {
padding: 80px 0;
}
.som .btn {
padding: 18px 26px;
}
.service-item {
padding: 20px 30px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.service-item .card {
padding: 30px;
border-radius: 8px;
background: #fff;
box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
border: 0;
}
.service-item .card-body {
padding: 0;
position: relative;
}
.service-item .card-text {
padding: 30px 0;
}
.service-item .card-body:after {
content: "";
width: 100%;
height: 4px;
background: #2c698d;
position: absolute;
left: 0;
bottom: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
.service-item {
padding: 0px;
}
}
@media (max-width: 991px) { .service-item {
padding: 0px;
}
}
.name {
margin-bottom: 50px;
}
section.founder-section img {
width: 100%;
}
section.service-section {
padding: 80px 0;
}
@media (max-width: 767px) {
section.service-section {
padding: 30px 0;
}
.name {
margin-bottom: 20px;
}
}
.vision-item {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.vision-main-wrapper {
text-align: center;
padding: 30px;
background: #fff;
height: 100%;
box-shadow: 10px 10px 50px -36px #4c4c4c;
border-radius: 30px;
}
.vision-img {
width: 240px;
height: 200px;
}
.vision-img img {
height: 100%;
object-fit: cover;
width: 100%;
}
section.vision-section {
background: #f4f4f4;
padding: 80px 0;
}
.vision-main-wrapper:nth-child(even) .vision-item {
flex-direction: row-reverse;
}
.vision-item .vision-content {
padding: 20px 0;
}
.vision-item .vision-content h5 {
font-weight: 400;
font-size: 20px;
line-height: 1.8;
}
.vision-main-wrapper h1 {
margin-bottom: 30px;
}
.vision-main-wrapper:nth-child(even) h1 {
text-align: right;
}
@media (max-width: 991px) {
.vision-item .vision-content {
max-width: 100%;
padding: 30px;
}
.vision-main-wrapper:nth-child(even) h1 {
text-align: center;
}
.vision-main-wrapper .vision-item {
justify-content: center;
}
.vision-item .vision-content {
text-align: center;
padding-top: 10px;
}
section.vision-section {
padding: 40px 0;
}
}
.training-title p {
font-size: 22px;
font-weight: 500;
}
#rinas li {
font-size: 22px;
line-height: 1.6;
font-weight: 500;
}
section.training-section p {
font-size: 22px;
font-weight: 500;
margin-top: 20px;
}
.section-btn .btn {
padding: 15px 30px 15px 30px;
}
@media (max-width: 767px) {
section.training-section p,
#rinas li {
font-size: 14px;
}
.section-btn {
text-align: center;
}
.section-btn .btn {
padding: 8.438px 16.875px 8.438px 16.875px;
font-size: 12.375px;
}
}
section.form-section form .form-control {
padding: 17px 33px;
font-size: 20px;
font-weight: 600;
}
section.form-section form label {
font-size: 22px;
font-weight: 600;
line-height: 1.6;
color: #000;
}
section.form-section {
padding: 80px 0;
}
.form-title h3 {
font-size: 36px;
font-family: var(--bodyFont);
}
section.form-section button.btn,
section.form-section .gform_button.button {
width: 100%;
border-radius: 8px;
font-size: 22px;
font-family: var(--bodyFont);
text-transform: uppercase;
font-weight: 700;
}
section.form-section .gform_button.button {
background-color: var(--primaryColor);
color: #fff;
padding: 18px;
border: 0;
}
.contact-info-item {
display: flex;
align-items: center;
gap: 20px;
}
.contact-info-icon {
background: var(--primaryColor);
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
border-radius: 50%;
transition: all 0.35s ease-in;
}
.contact-info p {
margin-bottom: 0;
font-size: 22px;
color: #000;
font-weight: 600;
}
.contact-info .contact-info-content {
width: calc(100% - 100px);
}
.contact-info p a {
color: #000;
}
.contact-info p a:hover {
color: var(--primaryColor);
}
.contact-info-item:hover .contact-info-icon {
background: var(--secondaryColor);
}
.contact-info-item:not(:last-child) {
margin-bottom: 30px;
}
.contact-info-item:nth-child(3) {
align-items: flex-start;
}
.contact-info {
margin-top: 50px;
}
.footer-social-icon ul li {
list-style: none;
}
.footer-social-icon ul {
display: flex;
justify-content: center;
margin-top: 0px;
align-items: center;
gap: 14px;
}
.footer-item {
text-align: center;
}
.footer-social-icon ul li a {
font-size: 30px;
color: #000;
}
.footer-item {
border-top: 1px solid #7b8286;
padding-top: 10px;
}
.footer-social-icon ul li a:hover {
color: var(--primaryColor);
}
@media (max-width: 576px) {
.contact-info-item:not(:last-child) {
margin-bottom: 10px;
}
.contact-info-icon h2 {
text-align: center;
}
.contact-info-item {
gap: 10px;
}
.contact-info p { font-size: 14px;
}
}
.home-banner-content-inner .banner-btn a:hover {
color: #ff3b3b;
border-color: currentColor;
}
.page-template-about section.founder-section {
padding: 80px 0 20px;
}
section.founder-section {
padding-top: 80px;
}
.section-title {
text-align: center;
}
.about-banner-content h2 {
font-size: 40px;
margin-bottom: 50px;
}
.about-banner-content {
padding: 30px 0;
}
.about-banner-content ul li {
list-style: none;
font-size: 24px;
color: #575556;
}
.about-banner-content ul li span a {
border-bottom: 2px solid currentColor;
}
.about-banner-content ul li:not(:last-child) {
margin-bottom: 50px;
}
.engagement-img {
text-align: center;
}
.engagement-content h3 {
font-size: 32px;
line-height: 1.5;
margin-bottom: 20px;
}
.engagement-content p {
font-size: 22px;
}
.engagement-content {
margin-bottom: 50px;
padding-top: 30px;
}
section.engagement-section {
padding: 50px 0;
}
section.training-section {
padding-bottom: 50px;
}
.contact-info-icon img {
width: 30px;
}
@media (max-width: 767px) {
.engagement-content p {
font-size: 14px;
}
.engagement-content h3 {
font-size: 16px;
}
.footer-social-icon ul li a {
font-size: 27px;
}
}
.service-banner-img img {
width: 100%;
}
.service-banner-img {
margin: 0 -50px;
}
.service-banner-content {
display: flex;
justify-content: flex-end;
}
.service-banner-content-inner h2 {
font-size: 48px;
margin-bottom: 30px;
}
.service-banner-content-inner p {
font-size: 24px;
}
@media (max-width: 1199px) {
.service-banner-content-inner h2 {
font-size: 38px;
}
.service-banner-content-inner p {
font-size: 20px;
}
}
h2.mobile-ture {
display: none;
}
@media (max-width: 991px) {
h2.mobile-ture {
display: block;
text-align: center;
}
.mobile-false {
display: none;
}
section.about-banner-section {
padding: 50px 0 20px;
}
.service-banner-content {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.service-banner-content p br {
display: none;
}
.service-banner-img {
margin: 0;
}
section.service-banner-section {
padding: 50px 0;
}
#som {
margin-top: 20px;
}
}
@media (max-width: 576px) {
.service-banner-content-inner h2 {
font-size: 20px;
margin-bottom: 10px;
}
.service-banner-content-inner p {
font-size: 12px;
}
.navbar .logo img {
width: 100%;
}
}
.traing-title table {
width: 100%;
margin: 50px 0 100px;
}
.traing-title thead {
text-align: center;
border: 1px solid lightgrey;
font-size: 24px;
font-weight: 600;
}
.traing-title td {
border: 1px solid lightgrey;
}
.traing-title thead td {
padding: 10px 12px;
background: #57555621;
}
.traing-title tbody tr td {
padding: 20px;
font-size: 20px;
}
.traing-title tbody tr td {
text-align: center;
}
.traing-title tbody tr td:first-child {
text-align: left;
}
@media (max-width: 767px) {
h2.mobile-ture {
font-size: 20px;
}
.traing-title thead {
font-size: 16px;
}
.traing-title thead td,
.traing-title tbody tr td {
padding: 8px;
}
.traing-title tbody tr td {
font-size: 14px;
}
.about-banner-content ul li {
font-size: 16px;
}
.about-banner-content ul li:not(:last-child) {
margin-bottom: 25px;
}
.about-banner-content {
padding: 10px 0;
}
.engagement-content {
padding-top: 30px;
}
section.engagement-section {
padding-top: 0;
}
}
@media (max-width: 767px) {
section.home-why-us-section #h {
font-size: 16px;
}
section.home-why-us-section #para {
font-size: 14px;
line-height: 1.8;
}
section.home-why-us-section {
padding: 50px 0 20px;
}
.vision-item .vision-content h5 {
font-size: 14px;
}
.vision-img {
margin: 0 auto;
}
.vision-img img {
width: 100%;
}
.vision-main-wrapper h1 {
font-size: 16px !important;
}
}
@media (max-width: 576px) {
.traing-title thead {
font-size: 14px;
}
.traing-title tbody tr td {
font-size: 11px;
}
#ppp {
font-size: 14px;
margin-bottom: 20px;
}
.som .btn {
font-size: 10px;
padding: 12px 21px;
}
#fou {
font-size: 16px;
}
.founder-img {
width: 195px;
margin: 0 auto;
}
#rr {
font-size: 16px;
}
.section-title h4 {
font-size: 16px;
}
.service-item .card-body.card-body img {
width: 40px;
}
.service-item {
padding: 0px 30px;
}
.service-item .card-text {
font-size: 14px !important;
}
section.form-section {
padding: 20px 0 50px;
}
.form-title h3 {
font-size: 20px;
}
.form-title #p {
font-size: 14px;
}
section.form-section form label {
font-size: 12px;
}
section.form-section form .form-control {
padding: 9.563px 19.688px;
font-size: 12px;
}
.form-section .mb-4 {
margin: 10px 0 !important;
}
section.form-section button.btn,
section.form-section .gform_button.button {
padding: 12px 20px;
font-size: 14px;
}
.contact-info-icon {
width: 35px;
height: 35px;
}
.contact-info-icon img {
width: 15px;
}
.contact-info p a {
font-size: 14px;
}
.contact-info {
margin-top: 20px;
}
}
.gform_ajax_spinner {
max-width: 100%;
width: 100px;
display: block;
margin: 20px auto;
}
.section-title {
text-align: center;
}
.vision-main-wrapper h1 {
text-transform: capitalize;
}
.about-banner-content ul li span a {
color: #575556;
}
.about-banner-content ul li span a:hover {
color: var(--primaryColor);
}
.som > #ppp:not(:last-child) {
margin-bottom: 10px;
}
.founder-vision-img.som #ppp {
margin-bottom: 0;
}
.founder-vision-img {
text-align: center;
}
section.founder-vision-section {
padding-bottom: 40px;
}
.footer-social-icon ul li h2 {
margin-bottom: 0;
}
.back-to-home {
text-align: center;
margin-bottom: 14px;
}
.back-to-home a {
color: #fe0001;
font-weight: 700;
font-size: 20px;
}
.back-to-home a:hover i {
transform: translateX(-5px);
}
.back-to-home a i {
font-size: 25px;
vertical-align: middle;
margin-right: 5px;
transition: transform 0.35s ease-in;
}
.back-to-home a:hover i {
transform: translateX(-5px);
}
.page-template-home-page .back-to-home {
display: none;
}
.founder-img {
position: relative;
}
.founder-img:after {
right: -20px;
top: -20px;
background: #fc0301;
}
.founder-img:after,
.founder-img:before {
content: "";
width: 150px;
height: 150px;
position: absolute;
background: #fc0301;
z-index: -1;
display: none;
border-radius: 10px;
}
.founder-img:before {
left: -20px;
bottom: -20px;
}
.contact-info .contact-info-content p b {
font-weight: 700;
}