first commit

public/layout/assets/css/lightbox.css

@@ -0,0 +1,204 @@
+body.lb-disable-scrolling {
+  overflow: hidden;
+}
+
+.lightboxOverlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 9999;
+  background-color: black;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
+  opacity: 0.8;
+  display: none;
+}
+
+.lightbox {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  z-index: 10000;
+  text-align: center;
+  line-height: 0;
+  font-weight: normal;
+  outline: none;
+}
+
+.lightbox .lb-image {
+  display: block;
+  height: auto;
+  max-width: inherit;
+  max-height: none;
+  border-radius: 3px;
+
+  /* Image border */
+  border: 4px solid white;
+}
+
+.lightbox a img {
+  border: none;
+}
+
+.lb-outerContainer {
+  position: relative;
+  *zoom: 1;
+  width: 250px;
+  height: 250px;
+  margin: 0 auto;
+  border-radius: 4px;
+
+  /* Background color behind image.
+     This is visible during transitions. */
+  background-color: white;
+}
+
+.lb-outerContainer:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.lb-loader {
+  position: absolute;
+  top: 43%;
+  left: 0;
+  height: 25%;
+  width: 100%;
+  text-align: center;
+  line-height: 0;
+}
+
+.lb-cancel {
+  display: block;
+  width: 32px;
+  height: 32px;
+  margin: 0 auto;
+  background: url(../images/loading.gif) no-repeat;
+}
+
+.lb-nav {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  z-index: 10;
+}
+
+.lb-container > .nav {
+  left: 0;
+}
+
+.lb-nav a {
+  outline: none;
+  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
+}
+
+.lb-prev, .lb-next {
+  height: 100%;
+  cursor: pointer;
+  display: block;
+}
+
+.lb-nav a.lb-prev {
+  width: 34%;
+  left: 0;
+  float: left;
+  background: url(../images/prev.png) left 48% no-repeat;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+  -webkit-transition: opacity 0.6s;
+  -moz-transition: opacity 0.6s;
+  -o-transition: opacity 0.6s;
+  transition: opacity 0.6s;
+}
+
+.lb-nav a.lb-prev:hover {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  opacity: 1;
+}
+
+.lb-nav a.lb-next {
+  width: 64%;
+  right: 0;
+  float: right;
+  background: url(../images/next.png) right 48% no-repeat;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+  opacity: 0;
+  -webkit-transition: opacity 0.6s;
+  -moz-transition: opacity 0.6s;
+  -o-transition: opacity 0.6s;
+  transition: opacity 0.6s;
+}
+
+.lb-nav a.lb-next:hover {
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  opacity: 1;
+}
+
+.lb-dataContainer {
+  margin: 0 auto;
+  padding-top: 5px;
+  *zoom: 1;
+  width: 100%;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.lb-dataContainer:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.lb-data {
+  padding: 0 4px;
+  color: #ccc;
+}
+
+.lb-data .lb-details {
+  width: 85%;
+  float: left;
+  text-align: left;
+  line-height: 1.1em;
+}
+
+.lb-data .lb-caption {
+  font-size: 13px;
+  font-weight: bold;
+  line-height: 1em;
+}
+
+.lb-data .lb-caption a {
+  color: #4ae;
+}
+
+.lb-data .lb-number {
+  display: block;
+  clear: left;
+  padding-bottom: 1em;
+  font-size: 12px;
+  color: #999999;
+}
+
+.lb-data .lb-close {
+  display: block;
+  float: right;
+  width: 30px;
+  height: 30px;
+  background: url(../images/close.png) top right no-repeat;
+  text-align: right;
+  outline: none;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
+  opacity: 0.7;
+  -webkit-transition: opacity 0.2s;
+  -moz-transition: opacity 0.2s;
+  -o-transition: opacity 0.2s;
+  transition: opacity 0.2s;
+}
+
+.lb-data .lb-close:hover {
+  cursor: pointer;
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
+  opacity: 1;
+}

public/layout/assets/css/owl.carousel.min.css

@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

public/layout/assets/css/owl.theme.default.min.css

@@ -0,0 +1,6 @@
+/**
+ * Owl Carousel v2.3.4
+ * Copyright 2013-2018 David Deutsch
+ * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
+ */
+.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

public/layout/assets/css/style.css

@@ -0,0 +1,867 @@
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;800&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,400;0,500;0,700;0,800;1,300;1,600;1,800&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,600;0,700;0,900;1,400;1,700;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600;700&display=swap');
+
+:root {
+    --second-color: rgb(176, 79, 0);
+    --first-color: rgb(61, 55, 54);
+    --third-color: #222;
+}
+
+html {
+    scroll-behavior: smooth;
+}
+
+h1,
+h2,
+h3,
+h4,
+p,
+a, li {
+    font-family: 'Inter', sans-serif;}
+
+p,
+a,
+th,
+td, li {
+    font-size: 1.1rem;
+}
+
+.section-padding {
+    padding: 60px 0px;
+}
+
+.section-padding2 {
+    padding: 40px 0px;
+}
+
+
+.custom-text {
+    color: var(--first-color);
+    font-weight: 600;
+}
+
+a:hover {
+    text-decoration: none !important;
+}
+
+.custom-text2 {
+    color: var(--second-color);
+    position: relative;
+    font-weight: 600;
+}
+
+.above-nav p, .above-nav a{
+    font-size: 1rem;
+
+}
+/* .custom-text2:before {
+    height: 3px;
+    width: 15px;
+    background-color: var(--second-color);
+    content: "";
+    display: -webkit-inline-box;
+    margin-right: 10px;
+} */
+
+.giant-text {
+    font-size: 2.5rem;
+    font-family: 'Source Serif Pro', serif;
+    font-weight: 800;
+}
+
+.medium-text {
+    font-size: 2rem;
+    font-family: 'Source Serif Pro', serif;
+    font-weight: 800;
+}
+
+.custom-color{
+    background-color: #d5d5d542;
+}
+
+.navbar {
+    height: 100px;
+    background-color: #fefefe;
+}
+
+.navbar.scrolled {
+    background-color: #fff;
+    height: 100px;
+    position: sticky;
+    top: 0;
+    z-index: 111;
+}
+
+.navbar.scrolled button.btn.custom-btn a {
+    color: #fff;
+}
+
+.navbar-nav .active {
+    color: red;
+}
+
+.navbar.scrolled a {
+    color: #333;
+}
+
+.dropdown-menu a.dropdown-item {
+    background-color: var(--third-color);
+    color: #fff !important;
+    text-transform: capitalize;
+    font-size: 1rem;
+}
+
+.dropdown-menu a.dropdown-item:hover {
+    background-color: var(--second-color);
+    color: #fff !important;
+}
+
+.dropdown-menu {
+    padding: 0 !important;
+}
+
+
+.green-bg {
+    background-color: var(--first-color);
+}
+
+.blue-bg {
+    background-color: var(--second-color);
+}
+
+.dark-bg {
+    background-color: var(--first-color);
+}
+
+
+a.dropdown-item {
+    color: #333 !important;
+}
+
+.offcanvas li {
+    line-height: 3.5;
+}
+
+.offcanvas-body .navbar-nav a {
+    color: #333;
+}
+
+.offcanvas-body a.nav-link.custom-btn {
+    color: #fff;
+}
+
+.navbar a {
+    text-transform: uppercase;
+    font-size: 0.93rem;
+    font-weight: 600;
+    margin-right: 3px;
+    color: #333;
+    text-decoration: none;
+    position: relative;
+    font-family: 'Lato', sans-serif;
+
+}
+
+.dropdown-toggle::after {
+    display: none !important;
+}
+
+.navbar-toggler-icon {
+    color: var(--first-color);
+}
+
+.service-card {
+    box-shadow: 0 2px 20px rgb(0 0 0 / 20%);
+    min-height: 350px;
+    padding: 10px 20px;
+    background-color: #fff;
+    background-position: top-center;
+    background-repeat: no-repeat;
+    background-size: contain;
+    border-radius: 3px;
+    transition: all 400ms;
+}
+
+.service-card:hover {
+    margin-top: -15px;
+}
+
+.service-card .weird-text {
+    color: #33333337;
+    transition: 1s all;
+    font-family: 'Monoton', cursive;
+}
+
+.service-card:hover .weird-text {
+    color: var(--first-color);
+}
+
+.mission-card {
+    box-shadow: 0 2px 20px rgb(0 0 0 / 20%);
+    min-height: 320px;
+    padding: 10px 20px;
+    border-radius: 3px;
+}
+
+
+.blog-card {
+    box-shadow: 0 2px 20px rgb(0 0 0 / 20%);
+    min-height: 450px;
+    border-radius: 3px;
+    background-color: #fff;
+}
+
+.blog-card img {
+    height: 200px;
+    width: 100%;
+    object-fit: cover;
+}
+
+.navbar a:hover {
+    text-decoration: none;
+    transition: all 300ms;
+    color: var(--first-color);
+
+}
+
+
+.nav-link:focus {
+    color: #284f8c !important;
+}
+
+
+a.dropdown-item:focus {
+    background-color: #fff;
+}
+
+
+.navbar.scrolled a.nav-link.custom-btn:hover {
+    color: #fff;
+}
+
+
+.navbar.scrolled a.nav-link.custom-btn {
+    color: #fff;
+    padding: 10px 15px;
+}
+
+.navbar.scrolled {
+    padding: 20px;
+}
+
+.slider img {
+    height: 90vh;
+    width: 100%;
+    background-repeat: no-repeat;
+    object-fit: cover;
+}
+
+.carousel-control-next-icon {
+    display: inline-block;
+    background-color: var(--second-color);
+    border-radius: 10%;
+    padding: 25px;
+    background-size: 50% 50% !important;
+}
+
+.carousel-control-prev-icon {
+    display: inline-block;
+    background-color: var(--third-color);
+    border-radius: 10%;
+    padding: 25px;
+    background-size: 50% 50% !important;
+}
+
+.carousel-control-next,
+.carousel-control-prev {
+    width: 7% !important;
+}
+
+.carousel-indicators [data-bs-target] {
+
+    background-color: var(--third-color) !important;
+}
+
+.carousel-indicators .active {
+    width: 15px !important;
+    height: 5px !important;
+}
+
+
+.nextPrev {
+    position: absolute;
+    bottom: 25px;
+    right: 5%;
+}
+
+button.form-btn {
+    background-color: var(--first-color);
+    color: #fff;
+    text-decoration: none;
+    border: 0;
+    padding: 0.8rem 1.2rem;
+    transition: 1s all;
+}
+
+button.form-btn:hover {
+    background-color: var(--second-color);
+}
+
+
+
+
+button.customPrevBtn {
+    background-color: #fff !important;
+    border: 0;
+    color: var(--first-color);
+}
+
+button.customNextBtn {
+    background-color: var(--second-color) !important;
+    color: #fff;
+    border: 0;
+}
+
+a.custom-btn {
+    background-color: var(--first-color);
+    color: #fff;
+    padding: 0.8rem 1.2rem;
+    border-radius: 3px;
+    text-decoration: none;
+    transition: 300ms all;
+}
+
+a.custom-btn:hover,
+button.custom-btn:hover {
+    background-color: var(--third-color);
+    color: #fff;
+    text-decoration: none;
+}
+
+a.nav-link.custom-btn {
+    padding: 10px 15px !important;
+
+}
+
+
+a.custom-btn2 {
+
+    background-color: var(--second-color);
+    color: #fff;
+    padding: 0.8rem 1.2rem;
+    border-radius: 3px;
+    text-decoration: none;
+    transition: 300ms all;
+}
+
+a.custom-btn2:hover {
+    background-color: var(--first-color);
+    color: #fff;
+    text-decoration: none;
+
+}
+
+
+a.custom-btn3 {
+    background-color: var(--first-color);
+    color: #fff;
+    padding: 1rem 1.25rem;
+    border-radius: 3px;
+    text-decoration: none;
+    transition: 300ms all;
+}
+
+a.custom-btn3:hover {
+    background-color: var(--third-color);
+    color: #fff;
+    text-decoration: none;
+
+}
+
+
+.socials-head a i {
+    color: #fff;
+}
+
+.socials-head a i:hover {
+    color: #efefef;
+}
+
+
+.main-content {
+    position: absolute;
+    top: 23%;
+    left: 8%;
+}
+
+.main-content2 {
+    position: absolute;
+    top: 23%;
+    right: 8%;
+
+}
+
+
+
+@media only screen and (min-width: 1700px) {
+    .main-content {
+        top: 30%;
+    }
+
+    .main-content2 {
+        top: 30%;
+    }
+
+}
+
+@media only screen and (max-width: 800px) {
+    .main-content {
+        top: 15%;
+    }
+
+    .main-content2 {
+        top: 15%;
+    }
+    img.logo {
+        height: 70px;
+        width: 100%;
+        object-fit: contain;
+    }
+
+}
+
+.training-img-content {
+    position: absolute;
+    top: 90px;
+    left: 20px;
+    background-color: rgb(255, 255, 255);
+    animation: float 3s infinite;
+}
+
+
+@keyframes float {
+    0% {
+        transform: translate(0, 10px);
+    }
+
+    50% {
+        transform: translate(0, 35px);
+    }
+
+    100% {
+        transform: translate(0, 20px);
+    }
+}
+
+.about-us i,
+.language-page i {
+    font-size: 2rem;
+    padding: 20px;
+    background-color: var(--second-color);
+    color: #fff;
+    border-radius: 6%;
+}
+
+.mission i,
+.services-page i {
+    font-size: 2rem;
+    color: var(--second-color);
+    border-radius: 50%;
+}
+
+.get-in-touch .info i {
+    font-size: 2rem;
+}
+
+.contact-details i {
+    font-size: 1.5rem;
+    color: #fff;
+    background-color: var(--first-color);
+    padding: 10px;
+    border-radius: 6px;
+}
+
+.footer .socials-head i {
+    font-size: 1.5rem;
+    padding: 10px;
+    background-color: var(--first-color);
+    color: #fff;
+    border-radius: 50%;
+    transition: 300ms all;
+}
+
+.footer .socials-head i:hover {
+    background-color: var(--third-color);
+    color: #fff;
+}
+
+.footer a {
+    color: #fff;
+    text-decoration: none;
+}
+
+.footer a:hover {
+    color: #efefef;
+    text-decoration: underline;
+}
+
+.services i {
+    font-size: 3rem;
+
+}
+
+.owl-carousel {
+    margin-top: 30px;
+}
+
+.owl-dots{
+    margin-top: 50px !important;
+}
+
+.owl-carousel .item {
+    margin: 3px;
+}
+
+.owl-carousel .item img {
+    display: block;
+    width: 100%;
+    height: auto;
+}
+
+/* Circle */
+.circle {
+    position: absolute;
+    top: 5%;
+    left: 20%;
+    background-color: #c18e19;
+    height: 300px;
+    width: 300px;
+    border-radius: 50%;
+}
+
+img#testimonial {
+    position: absolute;
+    top: 25%;
+    left: 35%;
+    border: 5px solid #fff;
+    height: 210px;
+    width: 210px;
+    border-radius: 50%;
+    object-fit: cover;
+}
+
+.testimonials-page img {
+    height: 200px;
+    width: 100%;
+    object-fit: cover;
+}
+
+.quote i {
+    font-size: 4rem;
+    animation: float 5s infinite;
+
+}
+
+.testimonials {
+    /* background-color: var(--third-color); */
+}
+
+.testimonial img {
+    width: 150px !important;
+    height: 150px;
+    display: inline !important;
+    object-fit: cover;
+}
+
+/* Partners */
+.partners img {
+    height: 150px !important;
+    width: 100%;
+    object-fit: contain;
+    padding: 10px;
+}
+
+
+
+.programs img {
+    height: 300px;
+    width: 100%;
+    object-fit: cover;
+}
+
+/* Progress Bar */
+.progressbar {
+    display: inline-block;
+    width: 100px;
+    margin: 25px;
+}
+
+.circle {
+    width: 100%;
+    margin: 0 auto;
+    margin-top: 10px;
+    display: inline-block;
+    position: relative;
+    text-align: center;
+}
+
+.circle canvas {
+    vertical-align: middle;
+}
+
+.circle div {
+    position: absolute;
+    top: 30px;
+    left: 0;
+    width: 100%;
+    text-align: center;
+    line-height: 40px;
+    font-size: 20px;
+}
+
+.circle strong i {
+    font-style: normal;
+    font-size: 0.6em;
+    font-weight: normal;
+}
+
+.circle span {
+    display: block;
+    color: #aaa;
+    margin-top: 12px;
+}
+
+
+.nav-tabs .nav-item.show .nav-link,
+.nav-tabs .nav-link.active {
+    color: var(--third-color) !important;
+    font-weight: 600;
+    border-color: none !important;
+    border-bottom: 2px solid var(--second-color) !important;
+    text-decoration: none;
+    transition: 50ms all;
+}
+
+
+.nav-tabs .nav-link {
+    color: var(--third-color);
+    font-weight: 600;
+
+}
+
+.nav-tabs .nav-link:hover {
+    text-decoration: none;
+    color: #444;
+}
+
+/* Forms */
+
+.form i.icons {
+    position: absolute;
+    left: 20px;
+    top: 40px;
+    color: var(--first-color);
+    font-size: 1.2rem;
+}
+
+.form i.icons-inside {
+    position: absolute;
+    right: 20px;
+    top: 10px;
+    color: var(--first-color);
+    font-size: 1.2rem;
+}
+
+/* Accordion */
+.accordion-button:not(.collapsed) {
+    background-color: #eee !important;
+    color: var(--blue) !important;
+    font-weight: 600;
+}
+a.learn-more {
+    color: var(--third-color);
+    font-weight: 500;
+}
+
+a.learn-more:hover {
+    color: var(--first-color);
+    text-decoration: none;
+}
+
+.dark-bg a.learn-more {
+    color: #fff;
+    font-weight: 500;
+}
+
+.dark-bg a.learn-more:hover {
+    color: var(--first-color);
+    text-decoration: none;
+}
+
+a.learn-more i {
+    transition: all 1s;
+}
+
+a.learn-more:hover i {
+    margin-left: 15px !important;
+}
+
+.single-page img {
+    height: 50vh;
+    width: 100%;
+    object-fit: cover;
+}
+
+/* Job Category */
+.contents-card.mt-3.text-center {
+    background-color: #fff;
+}
+
+.contents-card .custom-text {
+    background-color: #fff;
+    padding-bottom: 10px;
+
+}
+
+.contents-card .custom-text {
+    position: absolute;
+    top: 45%;
+    background-color: #fff;
+    border-top: 1px solid var(--third-color);
+    padding: 10px 20px;
+}
+
+.graphics-card img {
+    height: 350px;
+    width: 100%;
+    object-fit: cover;
+    border-radius: 6px;
+}
+
+.single-card img {
+    width: 100% !important;
+    height: 350px;
+    object-fit: cover;
+    border-radius: 6px;
+}
+
+.all-job .graphics-card {
+    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.293);
+    min-height: 400px;
+    background-color: #fff;
+    border: 1px solid #ddd;
+}
+
+.all-job img {
+    height: 200px;
+    width: 100%;
+    object-fit: cover;
+    border: 2px solid #524e4e;
+    padding: 10px;
+    background-color: #e9e9e9;
+    transition: all 400ms;
+}
+
+.all-job img:hover {
+    transform: scale(1.03);
+    border: 2px solid var(--first-color);
+}
+
+.corporate-profile .graphics-card {
+    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.293);
+    min-height: 200px;
+    background-color: #fff;
+}
+
+.partners img{
+    height: 150px;
+    width: 100%;
+    object-fit: contain;
+    padding: 15px;
+    border: 2px solid var(--first-color);
+}
+
+.clients img {
+    height: 150px;
+    width: 100%;
+    object-fit: contain;
+    padding: 15px;
+}
+
+
+.banner-background {
+    background: url(../img/background.jpg);
+    background-position: 100% 100%;
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-attachment: fixed;
+    height: 50vh;
+}
+
+.custom-background {
+    background: url(../img/bg.png);
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain;
+}
+
+.contact-person i.fa-user {
+    background-color: var(--first-color);
+    padding: 10px;
+    color: #fff;
+    border-radius: 6px;
+}
+
+.contact-person i.fa-paper-plane {
+    background-color: #fff;
+    padding: 10px;
+    color: var(--third-color);
+    border-radius: 6px;
+}
+
+.vision img {
+    width: 100%;
+    object-fit: cover;
+}
+
+div#category-image {
+    position: sticky;
+    bottom: 0rem;
+    align-self: flex-end;
+}
+
+#category-image img {
+    height: 65vh;
+    width: 100%;
+    object-fit: cover;
+}
+
+
+
+.associate-office i {
+    font-size: 1rem;
+    color: #fff;
+    background-color: var(--third-color);
+    padding: 10px;
+    border-radius: 6px;
+}
+
+.ratio.ratio-16x9 {
+    background-color: transparent !important;
+}
+
+/* .navbar [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
+
+    background-color: transparent !important;
+    border-radius: 0;
+} */
+
+img.d-block.mw-100.mh-100.h-auto.w-auto.m-auto.top-0.end-0.bottom-0.start-0.img-fluid {
+    padding: 20px;
+    object-fit: contain !important;
+    background-color: #fff;
+}