html,
body {
padding: 0;
margin: 0;
font-size: 15px;
color: #000000;
/*background-color: #96C8D2;*/
background-color: #efefef;
overflow-x: clip;
-webkit-scroll-behavior: smooth;
scroll-behavior: smooth;
font-family: 'montserrat-medium';
}
/* body {
overflow-x: clip;
overflow-y: scroll;
} */
/* .viewport {
overflow-x: clip;
position: fixed;.salient-feat-content-div h5
height: 100%;
width: 100%;
top: 0;
left: 0;.center-bottom-strip
right: 0;
bottom: 0;
}
.scroll-container {
position: relative;
overflow-x: clip;
z-index: 10;
display: flex;
justify-content: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform-style: preserve-3d;
} */
.viewport {
overflow-x: clip;
overflow-y: hidden;
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.scroll-container {
overflow-x: clip;
overflow-y: hidden;
}
/* Font Family */
@font-face {
font-family: 'montserrat-bold';
src: url('./fonts/Montserrat/Montserrat-Bold.otf');
}
@font-face {
font-family: 'montserrat-medium';
src: url('./fonts/Montserrat/Montserrat-Medium.otf');
}
@font-face {
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
}
@font-face {
font-family: 'montserrat-semibold';
src: url('./fonts/Montserrat/Montserrat-SemiBold.otf');
}
@font-face {
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
}
.montserrat-medium {
font-family: 'montserrat-medium';
src: url('./fonts/Montserrat/Montserrat-Medium.otf');
}
.montserrat-bold {
font-family: 'montserrat-bold';
src: url('./fonts/Montserrat/Montserrat-Bold.otf');
}
.montserrat-regular {
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
}
.montserrat-semibold {
font-family: 'montserrat-semibold';
src: url('./fonts/Montserrat-SemiBold.otf');
}
.openSans-bold {
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
}
/* Color Themes */
.golden-color {
color: #bb9c58;
}
.red-color {
color: red;
}
.grey-color {
color: #60605c;
}
.blue-color {
color: #cb3634;
}
.black-color {
color: #000000;
}
.white-color {
color: #ffffff;
}
/* Background Color Themes */
.golden-colorBG {
background-color: #bb9c58;
}
.grey-colorBG {
background-color: #60605c;
}
.green-colorBG {
background-color: #4d705c;
}
.black-colorBG {
background-color: #000000;
}
.white-colorBG {
background-color: #ffffff;
}
.light-blue-bg {
background-color: #ecedff;
}
.light-red-bg {
background-color: #ffe8df;
}
/* Common Classes */
.wrapper {
max-width: 1280px;
margin: 0 auto;
}
.padding-zero {
padding-left: 0px;
padding-right: 0px;
}
.flex-center-row {
display: flex;
justify-content: center;
align-items: center;
}
.error {
color: red;
font-size: 15px;
padding-top: 5px;
text-align: left;
width: 100%;
}
.common-head {
font-size: 55px;
line-height: 45px;
font-family: 'OpenSans-Bold';
text-transform: uppercase;
}
.common-para {
font-size: 18px;
line-height: 30px;
font-family: 'montserrat-medium';
}
.common-head-div {
text-align: center;
}
.sameera-btn {
padding: 10px 20px;
background-color: #FA4D09;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
.sameera-btn:hover {
text-decoration: none;
color: #fff;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
/* Header style */
.nav-topbar {
z-index: 10;
width: 100%;
background-color: #cb3634;
color: #000000;
padding-left: 2vw;
padding-right: 3.8vw;
position: relative;
}
.nav-topbar-flex {
width: 100%;
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-topbar-block-1 {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.nav-topbar-block-2 {
grid-column-gap: 1vw;
text-align: right;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.nav-topbar-link {
color: #fff;
letter-spacing: .125em;
text-transform: uppercase;
align-self: stretch;
padding: 1em;
font-size: 12px;
font-weight: 800;
line-height: 1.2em;
transition: color .2s;
text-decoration: none;
}
.nav-topbar-link:hover {
text-decoration: none;
color: #fff;
}
/* Main Menu */
.nav-main {
z-index: 200;
width: 100%;
height: 70px;
min-height: 70px;
/* border-bottom: 1px solid #1a25ab; */
background-color: #fff;
flex-wrap: nowrap;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
padding: 0 5rem;
}
.nav-main-links {
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
display: flex;
position: relative;
width: 100%;
}
.nav-brand {
justify-content: center;
align-self: stretch;
align-items: center;
display: flex;
}
.nav-brand img {
width: 200px;
}
.fullscreen-menu-button {
z-index: 10;
width: 10em;
height: 6em;
background-color: #1a25ab;
cursor: pointer;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
padding-left: 2.5em;
padding-right: 2.5em;
transition: width .8s cubic-bezier(.075, .82, .165, 1);
display: none;
position: relative;
overflow: hidden;
}
.fs-burger-icon {
z-index: 10;
width: 1.5em;
height: .7em;
flex-direction: column;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.fs-burger-icon-line {
height: 2px;
background-color: #000000;
align-self: stretch;
}
.nav-links {
grid-column-gap: 1vw;
flex: 1;
justify-content: center;
align-self: center;
align-items: center;
padding-left: 6vw;
display: flex;
position: relative;
}
.nav-link {
z-index: 10;
grid-column-gap: 1em;
color: #000;
text-align: center;
text-transform: uppercase;
background-color: transparent;
flex-direction: row;
justify-content: center;
align-self: center;
align-items: center;
padding: 1em 0.5em 0;
transition: color .2s;
display: flex;
position: relative;
overflow: hidden;
}
.nav-link-text {
letter-spacing: .125em;
white-space: nowrap;
padding-top: .15em;
font-size: 12px;
font-weight: 800;
line-height: 1.2em;
}
.nav-link:hover {
color: #1a25ab;
}
.nav-link.w--current {
color: #1a25ab;
}
.nav-buttons {
z-index: 10;
flex: none;
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
}
.nav-buttons-flex {
justify-content: center;
align-self: stretch;
align-items: center;
display: flex;
position: relative;
}
.nav-contact-link {
grid-column-gap: 1em;
color: #000;
text-align: center;
flex-direction: row;
justify-content: center;
align-items: center;
margin-right: 0em;
padding: 1em 0em 1em 0;
display: flex;
position: relative;
text-decoration: none;
}
.nav-contact-link:hover {
color: #1a25ab;
text-decoration: none;
}
.nav-contact-icon {
width: 0em;
height: 0em;
font-size: 15px;
margin-top: 0.5rem;
position: relative;
border: 2px solid #cb3634;
border-radius: 50%;
padding: 1rem;
display: flex;
justify-content: center;
align-items: center;
margin: auto;
color: #cb3634;
}
.nav-contact-text {
letter-spacing: .125em;
white-space: nowrap;
padding-top: .15em;
font-size: 20px;
font-weight: 800;
line-height: 1.2em;
margin: auto;
color: #666766;
}
.nav-dropdown-link {
justify-content: center;
align-self: stretch;
margin-left: 0;
margin-right: 0;
padding: 0em 0.5em 0;
display: flex;
text-align: left;
z-index: 900;
position: relative;
}
.nav-dropdown-link .nav-link-text {
margin-bottom: 0rem;
}
.nav-dropdown-link i {
padding: .5em;
border: 2px solid #000;
border-radius: 50%;
width: 1em;
height: 1em;
display: flex;
justify-content: center;
align-items: center;
color: #000;
transition: transform 0.3s ease;
}
.nav-dropdown-link:hover i {
border: 2px solid #1a25ab;
color: #1a25ab;
transform: rotate(180deg);
}
/* .dropdown-content {
position: fixed;
top: 8.5rem;
left: -50vw;
right: -50vw;
display: grid;
grid-template-columns: 15.5rem repeat(3, minmax(22rem, 28rem));
grid-gap: 5rem;
width: 100vw;
margin-left: auto;
margin-right: auto;
padding: 100px 180px;
padding-top: 4rem;
padding-bottom: 8rem;
color: #000;
list-style: none;
background-color: #F2F5F7;
display: none;
} */
.dropdown-content {
position: fixed;
top: 8.5rem;
left: 0;
right: 0;
display: grid;
grid-template-columns: 15.5rem repeat(3, minmax(22rem, 28rem));
grid-gap: 5rem;
width: 65%;
margin-left: auto;
margin-right: auto;
padding: 50px 50px;
color: #000;
list-style: none;
background-color: #F2F5F7;
display: none;
}
.dropdown-content ul {
list-style: none;
padding: 0;
margin: 0;
line-height: 50px;
}
.dropdown-content.open {
display: block;
animation: fadeIn 0.5s ease-in-out;
}
/* dropdown style new */
.navbar.navactive .dropMenu {
top:58px;
}
.dropMenu {
margin: 0 auto;
position: absolute;
/* left: 40%;
transform: translate(-60%, 0%); */
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
width: auto;
/* min-height: 482px; */
display: none;
/* border-bottom: 14px solid #0f4c86; */
border-left: 0px solid #fff;
border-right: 0px solid #fff;
top:100%;
padding: 15px;
box-shadow: 0 20px 50px -10px #fff;
}
/* .dropMenu {
margin: 0 auto;
position: absolute;
left: 40%;
transform: translate(-60%, 0%);
} */
.dropMenu {
min-height: 50vh;
z-index: 123;
}
.dropMenu ul li a {
margin: 0;
}
.dropMenu p {
font-size: 16px;
line-height: 1.5;
}
.sameera-header ul li .dropMenu#solSubMenuShow .dropMenuList li .panelLeft {
/*width: 50%;*/
padding: 10px;
}
.sameera-header ul.menu > li:hover > div.dropMenu {
display: block;
}
.sameera-header ul.menu > li:hover > div.dropMenu.active {
opacity: 1;
display: block;
}
.sameera-header ul li .dropMenu .dropMenuList {
display: flex;
flex-direction: column;
width: 100%;
margin: 0;
float: unset;
padding: 0;
right: 0;
}
.sameera-header ul li .dropMenu .dropMenuList li {
margin: 0;
padding: 0;
list-style: none;
}
.sameera-header ul li .dropMenu .dropMenuList li a.active {
color: #0f4c86;
background: #fff;
}
.sameera-header ul li .dropMenu .dropMenuList li a {
color: #fff;
cursor: pointer;
position: relative;
display: block;
padding: 10px 30px 6px 15px;
width: 27%;
left: 0px;
top: 10px;
}
.panelLeft a.newbutton{
position: relative!important;
display: inline-flex!important;
justify-content: center!important;
align-items: center!important;
width: auto!important;
padding: 10px 30px!important;
}
.panelLeft a.newbutton i {
margin-left:10px;
}
.sameera-header ul li .dropMenu .dropMenuList li a::first-letter {
text-transform: none;
}
.sameera-header ul.menu li:hover .dropMenu .dropMenuList li:hover .panelLeft,
.sameera-header ul li .dropMenu .dropMenuList li:hover {
background: none;
}
.sameera-header ul.menu li:hover .dropMenu .dropMenuList li a:hover {
color: #0f4c86;
background: #fff;
}
.sameera-header ul ul .dropMenuPanel {
background-color: #fff;
width: 73%;
vertical-align: top;
border-radius: 0;
position: absolute;
right: 0;
top: 0px;
margin: 0;
display: none;
float: unset;
padding: 0;
height: 100%;
padding: 30px 30px;
/* min-height: 450px; */
}
.sameera-header ul ul .dropMenuPanel.active {
display: block;
}
.sameera-header ul li .dropMenu .dropMenuList li .panelLeft {
/*width: 50%;*/
padding: 30px;
}
.sameera-header ul li .dropMenu .dropMenuList li .panelRight {
float: left;
width: 50%;
padding: 10px;
/* min-height: 450px; */
background-color: #f9f9f9;
}
.sameera-header ul li .dropMenu .dropMenuList li .panelRight li a {
color: #333333;
width: 100%;
padding: 5px;
}
.sameera-header ul li .dropMenu#solSubMenuShow .dropMenuList li a.aboutButton {
width: 58%;
color: #0f4c86;
}
.dropMenuLink.active {
background: #fff;
}
.sameera-header ul li .dropMenu .dropMenuList li a.aboutButton {
width: 50%;
padding: 7px;
margin: 0;
}
.greenBG {
background: #ffffff;
}
.dropMenuLink:hover {
/* background: transparent; */
color: #fff;
background: #FA4D09;
}
.dropMenuLink:hover a {
color: #fff;
background: #FA4D09;
}
.dropdown-content-col h3{
font-size: 20px;
color: #302B2B;
font-weight: bold;
text-transform: capitalize;
font-family: 'montserrat-semibold';
src: url('./fonts/Montserrat/Montserrat-SemiBold.otf');
margin-bottom: 15px;
}
.dropdown-content-col p {
font-size: 15px;
color: #302B2B;
text-transform: capitalize;
font-family: 'montserrat-medium';
src: url('./fonts/Montserrat/Montserrat-Medium.otf');
margin-bottom: 15px;
}
.dropMenuLink {
cursor: pointer;
background-color: transparent;
padding: 0px 30px;
}
.dropMenuLink a {
color: #302B2B;
text-decoration: none;
}
.dropMenuLink a:hover {
color: #fff;
background: #FA4D09;
text-decoration: none;
}
.sameera-header .dropdown:hover > div.dropMenu {
/* opacity: 1; */
/*display: block;*/
}
/* Keyframes for the animation */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.blur {
filter: blur(5px);
}
#whatsappbutton {
position: fixed;
bottom: 10px;
right: 10px;
z-index: 9999;
width: 60px;
height: 60px;
}
button#fixedformButton {
position: fixed;
top: 50%;
right: -3%;
padding: 10px 20px;
background-color: #FA4D09;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
transform: rotate(90deg);
z-index: 999;
transition: right 0.5s ease;
font-size: 16px;
}
.side-form-container.show {
right: 0%;
}
button#fixedformButton:hover {
background-color: #FA4D09;
}
.side-form-container {
position: fixed;
top: 27%;
right: 0%;
width: 20%;
height: auto;
background-color: #F2F5F7;
transition: right 0.5s ease;
padding: 20px 10px 0px;
border-radius: 20px 0px 0px 20px;
z-index: 999;
display: none;
}
.side-form-container .form {
padding: 20px;
text-align: center;
}
.side-form-container .form input,
.side-form-container .form textarea {
display: block;
margin-bottom: 10px;
width: 100%;
}
.side-form-btn {
padding: 10px 20px;
background-color: #FA4D09;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
.side-form-header {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.side-form-header img {
width: 50%;
}
.side-form-header p {
width: 90%;
margin: auto 0;
text-align: center;
}
#goToTopBtn {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99;
font-size: 30px;
background-color: #1a25ab;
color: #fff;
border: none;
border-radius: 50%;
width: 50px;
height: 50px;
cursor: pointer;
text-align: center;
z-index: 999;
}
#goToTopBtn:hover {
background-color: #1a25ab;
}
#goToTopBtn:focus,
#goToTopBtn:active {
border: none;
}
/* Banner Section design - Divya */
.sameera-banner-sec {
position: relative;
margin-top: 60px;
overflow: hidden;
/* height: 600px; */
}
.sameera-banner-sec .container-fluid {
padding: 0;
}
.sameera-banner-sec .container-fluid .col-md-12 {
padding: 0;
}
.sameera-navigation {
position: absolute;
bottom: 80px;
right: 80px;
z-index: 1;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sameera-content .rb-object-frame .sameera-obj-1 {
width: 100%;
height: 100%;
padding-bottom: 0;
/* height: calc(var(--vh, 1vh) * 100); */
}
.sameera-content .sameera-slide-caption {
position: absolute;
width: 100%;
height: 100%;
padding: 200px 80px 80px;
z-index: 1;
top: 0;
left: 0;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sameera-content .sameera-slide-caption .sameera-main-title .sameera-suptitle {
height: 40px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
font-size: 10px;
line-height: 12px;
letter-spacing: 0.3em;
margin-bottom: 40px;
color: #000000;
}
.sameera-content .sameera-slide-caption .sameera-main-title .sameera-suptitle span {
position: relative;
}
.sameera-content .sameera-slide-caption .sameera-main-title .sameera-suptitle:before {
content: '';
position: absolute;
top: 0;
left: -60%;
height: 100%;
width: 100%;
background-color: #C57642;
}
.sameera-content .sameera-slide-caption .sameera-main-title .h1,
.sameera-content .sameera-slide-caption .sameera-main-title h1 {
margin-left: 30px;
font-size: 40px;
color: #1E4012;
text-transform: uppercase;
width: 30%;
font-family: 'OpenSans-Bold';
}
.sameera-content .sameera-slide-caption .sameera-main-title h1 span {
font-size:20px;
}
.sameera-content .sameera-slide-caption .sameera-button-and-descr {
display: flex;
justify-content: space-between;
align-items: center;
}
.sameera-content .sameera-slide-caption .sameera-button-and-descr .sameera-description {
width: 50%;
font-size: 15px;
display: flex;
justify-content: end;
align-items: center;
right: 0;
position: absolute;
left: auto;
float: right;
bottom: 150px;
}
.sameera-content .sameera-slide-caption .sameera-button-and-descr .sameera-description span {
padding-right: 0px;
width: 250px;
color: #302B2B;
text-transform: capitalize;
font-size: 15px;
}
.sameera-content .sameera-slide-caption .sameera-button-and-descr .sameera-description .sameera-line {
height: 1px;
background-color: #000000;
width: calc(100% - 500px);
}
.sameera-navigation {
position: absolute;
bottom: 80px;
right: 80px;
z-index: 99;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sameera-navigation .sameera-pagination {
margin-right: 40px;
}
.sameera-navigation .sameera-pagination .swiper-pagination-bullet {
margin-left: 30px;
background-color: #000000;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.sameera-navigation .sameera-pagination .swiper-pagination-bullet:first-child {
margin-left: 0;
}
.sameera-navigation .sameera-nav {
display: flex;
}
.sameera-navigation .sameera-nav .sameera-next,
.sameera-navigation .sameera-nav .sameera-prev {
border-radius: 50%;
cursor: pointer;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 40px;
}
.sameera-navigation .sameera-nav .sameera-next img,
.sameera-navigation .sameera-nav .sameera-prev img {
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.sameera-navigation .sameera-nav .sameera-next:first-child,
.sameera-navigation .sameera-nav .sameera-prev:first-child {
margin-left: 0;
}
.sameera-navigation .sameera-nav .sameera-next.swiper-button-disabled,
.sameera-navigation .sameera-nav .sameera-prev.swiper-button-disabled {
opacity: 0.2;
cursor: not-allowed;
}
.sameera-navigation .sameera-nav .sameera-prev img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.sameera-content {
position: relative;
width: 100%;
}
.sameera-photo-frame img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sameera-grid {
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
}
.sameera-grid .sameera-g-100 {
width: 100%;
}
/* Button
==================================== */
.sameera-button {
z-index: 2;
border-radius: 50%;
border: 1px solid #000000;
color: #442A24;
width: 180px;
height: 180px;
font-weight: bold;
color: #000000;
font-size: 11px;
letter-spacing: 0.1em;
padding: 0 50px;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.sameera-button .sameera-arrow {
margin-bottom: 20px;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
}
.sameera-button:hover {
-webkit-box-shadow: 0 0 0 1px #000000;
box-shadow: 0 0 0 1px #000000;
text-decoration: none;
color: #000000;
}
.sameera-button:hover .sameera-arrow {
-webkit-transform: translateX(10px);
transform: translateX(10px);
text-decoration: none;
}
.sameera-content .rb-object-frame .sameera-obj-1 {
width: 100%;
padding-bottom: 0;
/* height: 100vh; */
height: 100%;
}
.sameera-photo-frame {
display: block;
position: relative;
overflow: hidden !important;
}
/* About Us Section Style */
.about-sec {
position: relative;
padding: 100px 100px;
}
.about-sec h1 {
padding-bottom: 2rem;
}
.about-sec p {
width: 70%;
margin: 0 auto 2rem;
}
/* ongoing project section - Divya */
.ongoing-project-sec {
position: relative;
padding: 100px 0px;
background-color: #ffffff;
}
.ongoing-project-row {
display: flex;
justify-content: center;
align-items: center;
}
.ongoing-project-img-div {
padding: 3.25em 3.25em 3.25em 0;
position: relative;
}
.cover-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.ongoing-project-img-div::after {
content: '';
display: block;
position: absolute;
background-color: rgba(15, 54, 91, 0.4);
right: 0;
top: 0;
height: 100%;
z-index: -1;
width: calc(100% - 4.5em);
}
.ongoing-project-content-div {
position: relative;
padding: 100px 100px;
}
.ongoing-project-content-div h4 {
font-size: 40px;
}
.ongoing-project-swiper .swiper-pagination {
display: flex;
flex-wrap: wrap;
flex-direction: row;
position: relative;
justify-content: flex-start;
align-items: center;
bottom: 0px;
right: 0;
width: 100%;
margin-bottom: 30px;
left: 100px;
}
.ongoing-project-swiper .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 50%;
background: #000;
opacity: 1;
}
.ongoing-project-swiper .swiper-pagination .swiper-pagination-bullet {
display: flex;
justify-content: center;
align-items: center;
}
.ongoing-project-swiper .swiper-pagination .swiper-pagination-bullet .circle-pagination {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.ongoing-project-swiper .swiper-pagination .swiper-pagination-bullet .circle-pagination .number-text {
display: none;
}
.ongoing-project-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: transparent;
margin: 0px 20px;
}
.ongoing-project-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.ongoing-project-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 20px;
}
.ongoing-project-swiper .swiper-wrapper {
/*margin-bottom: 50px;*/
padding: 50px 0px;
}
.ongoing-project-swiper .swiper-button-next,
.ongoing-project-swiper .swiper-button-prev {
position: absolute;
top: auto;
bottom: 10px;
}
.ongoing-project-swiper .swiper-button-next,
.ongoing-project-swiper .swiper-rtl .swiper-button-prev {
right: 100px;
left: auto;
}
.ongoing-project-swiper .swiper-button-prev,
.ongoing-project-swiper .swiper-rtl .swiper-button-next {
left: auto;
right: 150px;
}
.ongoing-project-swiper .swiper-button-prev img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.ongoing-project-swiper .swiper-button-next:after,
.ongoing-project-swiper .swiper-rtl .swiper-button-prev:after {
display: none;
}
.ongoing-project-swiper .swiper-button-prev:after,
.ongoing-project-swiper .swiper-rtl .swiper-button-next:after {
display: none;
}
.ongoing-project-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-pagination {
position: relative;
width: 42px;
height: 42px;
border: 1.5px solid rgba(86, 128, 141, .2);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.ongoing-project-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-pagination .number-text {
position: absolute;
z-index: 10;
display: block;
}
.circ2 {
display: none;
}
.circ {
transform: rotate(-90deg);
}
.circ circle {
stroke-dasharray: 440px;
}
.circ1 {
stroke-dashoffset: 440px;
}
.swiper-pagination-bullet-active .circ1 {
stroke-dashoffset: 220px;
transition: linear 2s stroke-dashoffset;
transform: scale(1);
}
.swiper-pagination-bullet:first-child .circ1 {
animation-name: circ1;
animation-duration: 1.4s;
}
.discover-more-link {
display: inline-flex;
position: relative;
align-items: center;
font-weight: bold;
text-decoration: none;
color: #FA4D09;
}
.discover-more-link::before {
content: '';
display: block;
width: 90px;
max-width: 30px;
height: 2px;
background-color: currentColor;
margin-right: 30px;
transition: max-width 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.discover-more-link::after {
content: '';
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
border: 2px solid;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 30px;
transition: left 250ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.discover-more-link:hover {
text-decoration: none;
color: #FA4D09;
}
.discover-more-link:hover::before {
max-width: 60px;
}
.discover-more-link:hover::after {
left: 60px;
}
/* ongoing project section end - Divya */
/* Sameera New design style - 25-4-24 Divya */
.sameera-new-banner-sec {
position: relative;
margin-top: 100px;
overflow: hidden;
background-image: url('./../img/banner-image.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
}
/* common styles new */
.common-uppercase-head {
font-size: 38px;
margin-bottom: 20px;
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
text-transform: uppercase;
}
.common-uppercase-para {
font-size: 18px;
line-height: 30px;
margin-bottom: 20px;
text-transform: capitalize;
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
}
.sameera-new-button {
color: #ffffff;
text-decoration: none;
background-color: #1A25AB;
border: none;
padding: 10px 30px;
border-radius: 50px;
display: inline-block;
}
.sameera-new-button:hover,
.sameera-new-button:focus {
color: #ffffff;
text-decoration: none;
background-color: #1A25AB;
border: none;
}
/* About Us New section */
.about-us-new-sec {
position: relative;
padding: 100px 15px;
z-index: 10;
background-image: url('./../img/welcome-bg.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
/*background-image: url('./../img/aboutbanner-new-bg-img.jpg');*/
/*background-position: center;*/
/*background-size: 100%;*/
/*-webkit-animation: 10s linear 0s normal none infinite animate;*/
/*-moz-animation: 10s linear 0s normal none infinite animate;*/
/*-ms-animation: 10s linear 0s normal none infinite animate;*/
/*-o-animation: 10s linear 0s normal none infinite animate;*/
/*animation: 10s linear 0s normal none infinite animate;*/
/* background-position: 0px 0px;
animation: animatedBackground 10s linear infinite;
-moz-animation: animatedBackground 10s linear infinite;
-webkit-animation: animatedBackground 10s linear infinite;
-ms-animation: animatedBackground 10s linear infinite;
-o-animation: animatedBackground 10s linear infinite;
background-repeat: no-repeat;
background-size: 100%; */
}
.about-new-head-row {
position: relative;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
/* .about-us-new-sec::after {
content: '';
position: absolute;
background: url('./../img/aboutbanner-new-bg-img.jpg') no-repeat;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
background-position: 0px 0px;
animation: animatedBackground 10s linear infinite;
-moz-animation: animatedBackground 10s linear infinite;
-webkit-animation: animatedBackground 10s linear infinite;
-ms-animation: animatedBackground 10s linear infinite;
-o-animation: animatedBackground 10s linear infinite;
background-repeat: no-repeat;
background-size: 100%;
} */
/*.about-us-new-sec::after {*/
/* background-image: url('./../img/about-left-img.png');*/
/* background-position: bottom;*/
/* background-repeat: no-repeat;*/
/* background-size: cover;*/
/* bottom: 0;*/
/* content: "";*/
/* height: 350px;*/
/* position: absolute;*/
/* width: 350px;*/
/* left: 0;*/
/* z-index: 0;*/
/*}*/
/*.about-us-new-sec::before {*/
/* background-image: url('./../img/about-right-img.png');*/
/* background-position: bottom;*/
/* background-repeat: no-repeat;*/
/* background-size: cover;*/
/* bottom: 0;*/
/* content: "";*/
/* height: 350px;*/
/* position: absolute;*/
/* width: 350px;*/
/* right: 0;*/
/* z-index: 0;*/
/*}*/
.about-new-head-div {
width: 100%;
margin-bottom:30px;
}
.about-new-img-container {
position: relative;
padding-top: 50px;
}
.about-new-img-row {
display: flex;
justify-content: center;
padding: 0px 50px;
}
.about-star-div {
text-align: center;
}
.star-img1 {
width: 100px;
margin: 0 auto 10px auto;
}
.star-img2 {
width: 70px;
margin: 0 auto 10px auto;
}
.about-star-div h4 {
color: #FF7742;
font-weight: bold;
font-size: 50px;
}
.about-star-div p {
font-size: 18px;
color: #000;
}
@keyframes mymove {
50% {
background-position: right;
}
}
@-webkit-keyframes animate {
from {
background-position: 0 0;
}
to {
background-position: 500px 0;
}
}
@-moz-keyframes animate {
from {
background-position: 0 0;
}
to {
background-position: 500px 0;
}
}
@-ms-keyframes animate {
from {
background-position: 0 0;
}
to {
background-position: 500px 0;
}
}
@-o-keyframes animate {
from {
background-position: 0 0;
}
to {
background-position: 500px 0;
}
}
@keyframes animate {
from {
background-position: 0 0;
}
to {
background-position: 500px 0;
}
}
@keyframes wave {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-25%);
}
100% {
transform: translateY(-50%);
}
}
/* .about-new-img-col img {
animation: wave 10s -3s linear infinite;
} */
/* Banner center image */
.banner-new-center-img {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.banner-new-center-image {
width: 300px !important;
height: 300px !important;
object-fit: contain !important;
}
.banner-new-left-img {
position: absolute;
right: 100px;
left: auto;
top: 100px;
}
.banner-new-left-img img {
width: 150px !important;
height: 150px !important;
object-fit: contain !important;
}
.banner-new-right-img {
position: absolute;
right: auto;
left: 100px;
bottom: 100px;
}
.banner-new-right-img img {
width: 150px !important;
height: 150px !important;
object-fit: contain !important;
}
/* Button Animation */
.yellowColorBtn {
background-color: #666766 !important;
border: 1px solid transparent !important;
border-radius: 50px !important;
color: #fff !important;
cursor: pointer;
display: inline-block !important;
font-size: 15px !important;
line-height: 2rem !important;
outline: none !important;
overflow: hidden;
padding: 5px 30px !important;
position: relative;
text-align: center !important;
transition: all .6s;
z-index: 99;
text-decoration: none;
}
.yellowColorBtn:hover {
background-color: #cb3634 !important;
border: 1px solid #cb3634 !important;
border-radius: 50px !important;
color: #fff !important;
cursor: pointer;
display: inline-block !important;
font-size: 15px !important;
line-height: 2rem !important;
outline: none !important;
overflow: hidden;
padding: 5px 30px !important;
position: relative;
text-align: center !important;
transition: all .6s;
z-index: 99;
left: 0;
right: 0;
text-decoration: none;
}
.yellowColorBtn:hover {
color: #000;
}
.yellowColorBtn:hover:before {
bottom: -100%;
}
.yellowColorBtn:before {
background-color: #cb3634 !important;
border: 1px solid #cb3634 !important;
border-radius: 50px !important;
color: #fff !important;
content: "";
cursor: pointer;
display: inline-block !important;
font-size: 15px !important;
height: 100%;
bottom: 100%;
line-height: 2rem !important;
outline: none !important;
overflow: hidden;
padding: 5px 30px !important;
position: relative;
position: absolute;
text-align: center !important;
top: auto;
transition: all .6s;
width: 100%;
z-index: 99;
z-index: -1;
left: 0;
right: 0;
}
.whiteColorBtn {
background-color: #ffff !important;
border-radius: 50px !important;
color: #cb3634 !important;
cursor: pointer;
display: inline-block !important;
font-size: 15px !important;
line-height: 2rem !important;
outline: none !important;
overflow: hidden;
padding: 5px 30px !important;
position: relative;
text-align: center !important;
transition: all .6s;
z-index: 99;
text-decoration: none;
border: 1px solid #cb3634;
}
.whiteColorBtn:hover {
background-color: #cb3634 !important;
border: 1px solid #cb3634 !important;
border-radius: 50px !important;
color: #fff !important;
cursor: pointer;
display: inline-block !important;
font-size: 15px !important;
line-height: 2rem !important;
outline: none !important;
overflow: hidden;
padding: 5px 30px !important;
position: relative;
text-align: center !important;
transition: all .6s;
z-index: 99;
left: 0;
right: 0;
text-decoration: none;
}
.whiteColorBtn:hover {
color: #000;
}
.whiteColorBtn:hover:before {
bottom: -100%;
}
.whiteColorBtn:before {
background-color: #cb3634 !important;
border: 1px solid #cb3634 !important;
border-radius: 50px !important;
color: #fff !important;
content: "";
cursor: pointer;
display: inline-block !important;
font-size: 15px !important;
height: 100%;
bottom: 100%;
line-height: 2rem !important;
outline: none !important;
overflow: hidden;
padding: 5px 30px !important;
position: relative;
position: absolute;
text-align: center !important;
top: auto;
transition: all .6s;
width: 100%;
z-index: 99;
z-index: -1;
left: 0;
right: 0;
}
@-webkit-keyframes slow-move-clockwise {
0% {
-webkit-transform: rotate(0deg) translateY(5px) rotate(0deg);
transform: rotate(0) translate(5px) rotate(0)
}
50% {
-webkit-transform: rotate(360deg) translateY(10px) rotate(-354deg);
transform: rotate(360deg) translate(5px) rotate(-360deg)
}
to {
-webkit-transform: rotate(720deg) translateY(5px) rotate(-720deg);
transform: rotate(720deg) translate(5px) rotate(-720deg)
}
}
@keyframes slow-move-clockwise {
0% {
-webkit-transform: rotate(0deg) translateY(5px) rotate(0deg);
transform: rotate(0) translate(5px) rotate(0)
}
50% {
-webkit-transform: rotate(360deg) translateY(10px) rotate(-354deg);
transform: rotate(360deg) translate(5px) rotate(-360deg)
}
to {
-webkit-transform: rotate(720deg) translateY(5px) rotate(-720deg);
transform: rotate(720deg) translate(5px) rotate(-720deg)
}
}
.slow-move-clockwise {
-webkit-animation: slow-move-clockwise 10s cubic-bezier(.41, .17, .57, .79) infinite both;
animation: slow-move-clockwise 10s cubic-bezier(.41, .17, .57, .79) infinite both
}
@-webkit-keyframes slow-move-anticlockwise {
0% {
-webkit-transform: rotate(0deg) translateY(-5px) rotate(0deg);
transform: rotate(0) translate(-5px) rotate(0)
}
50% {
-webkit-transform: rotate(-360deg) translateY(-10px) rotate(357deg);
transform: rotate(-360deg) translate(-5px) rotate(360deg)
}
to {
-webkit-transform: rotate(-720deg) translateY(-5px) rotate(720deg);
transform: rotate(-720deg) translate(-5px) rotate(720deg)
}
}
@keyframes slow-move-anticlockwise {
0% {
-webkit-transform: rotate(0deg) translateY(-5px) rotate(0deg);
transform: rotate(0) translate(-5px) rotate(0)
}
50% {
-webkit-transform: rotate(-360deg) translateY(-10px) rotate(357deg);
transform: rotate(-360deg) translate(-5px) rotate(360deg)
}
to {
-webkit-transform: rotate(-720deg) translateY(-5px) rotate(720deg);
transform: rotate(-720deg) translate(-5px) rotate(720deg)
}
}
.slow-move-anticlockwise {
-webkit-animation: slow-move-anticlockwise 10s cubic-bezier(.41, .17, .57, .79) infinite both;
animation: slow-move-anticlockwise 10s cubic-bezier(.41, .17, .57, .79) infinite both
}
.sameera-banner-sec {
position: relative;
}
.cloud-image1 {
position: absolute;
top: 100px;
right: 0%;
width: 300px;
height: 300px;
z-index: 10;
animation: bannercloud1 30s infinite;
animation-direction: alternate;
z-index: 9;
}
@keyframes bannercloud1 {
0% {
right: 0%;
top: 50px;
}
100% {
right: 90%;
top: 50px;
}
}
.cloud-image2 {
position: absolute;
z-index: 10;
left: 0%;
width: 300px;
height: 300px;
animation: bannercloud2 30s infinite;
animation-direction: alternate;
}
@keyframes bannercloud2 {
100% {
left: 90%;
bottom: 0px;
}
0% {
left: 0%;
bottom: 0px;
}
}
/* ongoing project new section design */
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
.marquee{
display: flex;
align-items: center;
justify-content: flex-start;
overflow: hidden;
position: absolute;
top: auto;
bottom: 150px;
/*z-index: 9;*/
}
.marquee span{
text-transform: uppercase;
will-change: transform;
transform: translateX(0);
white-space: nowrap;
animation: marquee 60s linear infinite;
font-size: 150px;
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
font-weight: bold;
color: #cb3634;
font-style: italic;
opacity: 0.50;
}
.ongoing-project-new-sec {
position: relative;
padding: 100px 0px;
/* background-image: url(./../img/bg-image3.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center; */
width: 100%;
background-color: #FFECE8;
overflow: hidden;
}
.ongoing-project-new-sec::after {
background-image: url('./../img/ongoing-pro-bottom-img.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
bottom: 0;
content: "";
height: 30%;
position: absolute;
width: 100%;
z-index: 0;
}
.ongoing-project-new-head h2 {
color: #cb3634;
font-size: 38px;
margin-bottom: 50px;
}
.ongoing-project-new-container {
padding: 0px;
position: relative;
margin-bottom: 250px;
z-index: 99;
}
.ongoing-project-top-head-desc {
position: relative;
padding: 30px 165px 30px 165px;
}
.ongoing-project-top-head h4 {
font-size: 27px;
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
text-transform: capitalize;
}
.ongoing-project-top-head p {
color: #302B2B;
text-transform: capitalize;
font-size: 15px;
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
}
.ongoing-project-new-text.col-md-5 {
margin: 0px 15px;
-ms-flex: 0 0 38.666667%;
flex: 0 0 38.666667%;
max-width: 38.666667%;
}
.ongoing-project-new-text {
/* background:rgba(191, 209, 209, 20%); */
/*background: #bfd1d473;*/
background: #FFECE8;
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
border-radius: 16px;
padding: 40px 30px;
}
.ongoing-project-new-text .text_n {
white-space: nowrap;
text-align: center;
background: #cb3634;
width: 60px;
line-height: 3.5rem;
border-radius: 8px;
margin-bottom: 1.4rem;
color: #fff;
}
.ongoing-project-new-text .tt3 {
margin-top: auto;
margin-bottom: 10px;
font-size: 26px;
line-height: 40px;
width: 80%;
font-family: 'montserrat-semibold';
src: url('./fonts/Montserrat/Montserrat-SemiBold.otf');
text-transform: uppercase;
color: #302B2B;
}
.ongoing-project-new-text .tx {
color: #302B2B;
text-transform: capitalize;
font-size: 15px;
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
}
.ongoing-project-new-img {
margin-left: 10px;
position: relative;
}
.ongoing-project-new-img img {
position: relative;
left: 0;
top: 0;
border-radius: 16px;
width: 100%;
height: 100%;
object-fit: cover;
}
.home_process_bg {
height: 100%;
position: absolute;
left: 100px;
right: 100px;
background: #ffffff;
border-radius: 24px;
}
.ongoing-project-new-swiper .swiper-wrapper {
margin-bottom: 100px;
}
.ongoing-project-new-swiper .swiper-horizontal>.swiper-pagination-progressbar,
.ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal,
.ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.ongoing-project-new-swiper .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 83%;
height: 2px;
background-image: linear-gradient(to right, #fff .4rem, transparent .4rem);
background-size: 10px 1px;
left: 160px;
top: auto;
bottom: 50px;
z-index: -1;
}
.ongoing-project-new-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #5A6771 !important;
}
.ongoing-project-new-swiper .swiper-slide {
position: relative;
}
.ongoing-project-new-swiper .swiper-slide::after {
position: absolute;
content: '';
display: inline-flex;
height: 15px;
width: 15px;
background: #5A6771;
border-radius: 100%;
bottom: -56px;
}
.ongoing-project-new-card .col-md-7 {
display:flex;
}
.ongoing-project-new-swiper .swiper-slide.swiper-slide-active::after {
position: absolute;
content: '';
display: inline-flex;
width: 40px;
height: 40px;
border: 13px solid #5A6771;
background: #fff;
border-radius: 100%;
bottom: -70px;
}
/* News and media new section design */
.news-media-new-sec {
position: relative;
padding: 100px 100px;
background-color: #96C8D2;
/* overflow: hidden; */
}
.news-media-swiper {
width: 100%;
height: 525px !important;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
/* .news-media-swiper .swiper-slide.swiper-slide-active {
opacity: 1!important;
}
.news-media-swiper .swiper-slide {
opacity: 0!important;
} */
.news-media-swiper .swiper-wrapper {
transition-duration: 1.2s !important;
}
.news-media-swiper .swiper-slide.swiper-slide-prev .news-media-content-div,
.news-media-swiper .swiper-slide.swiper-slide-next .news-media-content-div,
.news-media-swiper .swiper-slide .news-media-content-div {
opacity: 0;
}
.news-media-swiper .swiper-slide.swiper-slide-active .news-media-content-div {
opacity: 1;
}
.news-media-swiper .swiper-slide .news-media-img img {
border-radius: 40px;
padding: 0px;
/*border-radius: 26.3rem;*/
}
.news-media-swiper-row {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
/* Our Value Proposition section */
.our-value-proposition {
position: relative;
padding: 100px 100px;
z-index: 10;
background-image: url('./../img/aboutbanner-new-bg-img.jpg');
background-position: center;
background-size: 100%;
-webkit-animation: 10s linear 0s normal none infinite animate;
-moz-animation: 10s linear 0s normal none infinite animate;
-ms-animation: 10s linear 0s normal none infinite animate;
-o-animation: 10s linear 0s normal none infinite animate;
animation: 10s linear 0s normal none infinite animate;
}
.our-value-proposition::after {
background-image: url('./../img/proposition-side-img.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
bottom: 0;
content: "";
height: 500px;
position: absolute;
width: 500px;
right: 0;
z-index: 0;
}
.our-value-content-div h2 {
font-size: 38px;
color: #FF7742;
margin-bottom: 30px;
text-transform: capitalize;
}
.our-value-content-div p {
color: #302B2B;
text-transform: capitalize;
font-size: 18px;
line-height: 30px;
margin-bottom: 20px;
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
width: 83%;
}
.accordion-content-div #accordion {
position: relative;
width: 85%;
}
.accordion-content-div {
height: 350px;
overflow-y: scroll !important;
scroll-behavior: smooth;
width: 100%;
scrollbar-width: none;
}
.accordion-content-div .container {
padding: 0;
}
.card-header {
padding: 1.6rem 0rem!important;
}
.card-header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 3.5rem 1fr auto;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
display: grid;
cursor: pointer;
}
.card {
background-color: transparent;
border: none;
border-radius: 0;
}
.card-header {
padding: .75rem 0rem;
margin-bottom: 0;
background-color: transparent;
border-bottom: 1px solid #4A737B;
}
.card-header a {
margin-bottom: 0;
font-size: 22px;
color: #302B2B;
text-decoration: none;
}
.card-body {
color: #302B2B;
text-transform: capitalize;
font-size: 15px;
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
}
.card-header a:hover, .card-header a:focus {
text-decoration: none;
}
.clip {
flex-direction: column;
margin-top: auto;
margin-bottom: auto;
padding-right: 2px;
display: flex;
position: relative;
overflow: hidden;
}
.card-close-img {
justify-content: center;
align-items: center;
display: flex;
width: 20px;
height: 20px;
background-color: #cb3634;
border-radius: 50%;
}
.card-header .card-close-img img{
transform: rotate(135deg);
width: 13px;
height: 13px;
transition: transform 0.3s ease;
}
.card-header.collapsed .card-close-img img {
transform: rotate(0deg);
width: 13px;
height: 13px;
transition: transform 0.3s ease;
}
.clip p {
margin-bottom: 0;
color: #cb3634;
font-weight: 400;
font-size: 18px;
}
.common-uppercase-head span{
font-size:30px;
}
#carousel:hover {
animation-play-state: paused;
}
#carousel {
width: 90%;
height: 100%;
margin-top: 100px;
position: absolute;
transform-style: preserve-3d;
animation: rotation 40s infinite linear;
}
#carousel figure:nth-child(1) {
transform: rotateY(0deg) translateZ(300px);
}
#carousel figure {
display: block;
position: absolute;
width: 300px;
height: 300px;
left: 100px;
top: 0px;
background: #fff;
overflow: hidden;
padding: 4px;
border: 4px solid #000;
box-shadow: 2px 0px 10px rgba(0, 0, 0, .2);
transition: all ease .3s;
}
#carousel figure img {
/*-webkit-filter: grayscale(1);*/
cursor: pointer;
transition: all .5s ease;
max-width: 100%;
width: 100%;
object-fit: cover;
height: 100%;
position: relative;
z-index: 1;
}
#carousel figure h3 {
position: absolute;
width: 100%;
height: 100%;
z-index: 3;
top: 0;
left: 0;
text-align: center;
transition: all ease .3s;
}
#carousel figure h3 span {
display: inline-block;
background-color: #000;
color: #fff;
font-family: 'Khand', sans-serif;
font-weight: 400;
padding: .2em .4em;
transform: scale(.1, .1);
opacity: 0;
transition: all ease .3s;
}
#carousel figure:nth-child(1) {
transform: rotateY(0deg) translateZ(300px);
}
#carousel figure:nth-child(2) {
transform: rotateY(60deg) translateZ(300px);
}
#carousel figure:nth-child(3) {
transform: rotateY(120deg) translateZ(300px);
}
#carousel figure:nth-child(4) {
transform: rotateY(180deg) translateZ(300px);
}
#carousel figure:nth-child(5) {
transform: rotateY(240deg) translateZ(300px);
}
#carousel figure:nth-child(6) {
transform: rotateY(300deg) translateZ(300px);
}
#carousel figure:hover img {
/*-webkit-filter: grayscale(0);*/
transform: scale(1.2, 1.2);
}
#carousel figure h3:hover span {
transform: scale(1, 1);
opacity: 1;
transition: all ease .3s;
}
#carousel figure:hover {
border: 8px solid #fff;
}
@keyframes rotation {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
}
}
/* new testimonials section design */
.new-testimonials-sec {
position: relative;
padding: 100px 100px;
background-color: #96C8D2;
overflow: hidden;
}
.testimonials-swiper .swiper-slide {
opacity: 0!important;
}
.testimonials-swiper .swiper-slide.swiper-slide-active {
opacity: 1!important;
}
.testimonials-swiper-content-row {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.testimonials-swiper-content-div {
padding: 50px;
background-color: #fff;
border-radius: 50%;
width: 700px;
height: 700px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
}
.testimonials-swiper-content-div h3 {
font-size: 38px;
color: #333333;
margin-bottom: 30px;
text-transform: capitalize;
}
.testimonials-swiper-content-div p{
color: #302B2B;
text-transform: capitalize;
font-size: 18px;
line-height: 30px;
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
margin: 0 auto 20px auto;
padding: 0px 30px;
}
.testimonials-swiper .swiper-wrapper {
/*margin-bottom: 50px;*/
padding: 50px 0px;
}
.testimonials-swiper .swiper-button-next,
.testimonials-swiper .swiper-button-prev {
position: absolute;
top: auto;
bottom: 80px;
z-index: 99;
width: 60px;
height: 60px;
background-color: #FF7742;
border-radius: 50%;
}
.testimonials-swiper .swiper-button-next,
.testimonials-swiper .swiper-rtl .swiper-button-prev {
right: auto;
left: 51%;
}
.testimonials-swiper .swiper-button-prev,
.testimonials-swiper .swiper-rtl .swiper-button-next {
left: auto;
right: 51%;
}
.testimonials-swiper .swiper-button-prev img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.testimonials-swiper .swiper-button-next:after,
.testimonials-swiper .swiper-rtl .swiper-button-prev:after {
display: none;
}
.testimonials-swiper .swiper-button-prev:after,
.testimonials-swiper .swiper-rtl .swiper-button-next:after {
display: none;
}
.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
}
/* .about-new-img-col {
position: relative;
background-image: url('https://prohostgroup.ca/wp-content/themes/prohost/assets/build/img/about-us/about-us-main-mask.svg');
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
} */
.about-new-img-col img {
animation: swell 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
transform: translate3d(0, 0, 0);
}
@keyframes swell {
0%, 100% {
transform: translate3d(0,-25px,0);
}
50% {
transform: translate3d(0,5px,0);
}
}
/* .testi-prof-img {
position: absolute;
} */
.testi-prof-img .prof-img1 {
width: 135px;
height: 135px;
border-radius: 16px;
position: absolute;
filter: blur(0px);
left: 70%;
top: 82%;
object-fit: cover;
}
.testi-prof-img .prof-img2 {
width: 85px;
height: 85px;
border-radius: 16px;
position: absolute;
filter: blur(2px);
left: -25px;
top: 35%;
object-fit: cover;
}
.testi-prof-img .prof-img3 {
width: 60px;
height: 60px;
border-radius: 16px;
position: absolute;
filter: blur(1px);
left: 83%;
top: 15%;
object-fit: cover;
}
/* Footer design */
.sameera-footer-sec {
position: relative;
z-index: 10;
background-color:#fff;
/*background-image: url('./../img/footer-bg-img.png');*/
background-position: center;
background-size: cover;
background-repeat: no-repeat;
/*-webkit-animation: 10s linear 0s normal none infinite animate;*/
/*-moz-animation: 10s linear 0s normal none infinite animate;*/
/*-ms-animation: 10s linear 0s normal none infinite animate;*/
/*-o-animation: 10s linear 0s normal none infinite animate;*/
/*animation: 10s linear 0s normal none infinite animate;*/
}
.footer-top-container {
position: relative;
padding: 100px 75px;
}
.footer-top-row {
justify-content: space-between;
}
.footer-widget {
position: relative;
z-index: 9;
}
.link-footer {
margin: 0;
padding: 0;
list-style: none;
gap: 1.25rem ;
display: grid;
}
.footer-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 1.5rem;
color: #302B2B;
position: relative;
font-family: 'montserrat-bold';
src: url('./fonts/Montserrat/Montserrat-Bold.otf');
/* border-bottom: 2px solid #FF7742; */
display: inline-block;
}
.link-footer a{
color: #302B2B;
text-decoration: none;
font-size: 15px;
text-transform: capitalize;
}
.flink-items:hover {
color: #cb3634;
text-decoration: none;
}
.flink-items:hover i{
transform: rotate(180deg);
}
.flink-items:hover i {
color: #FF7742;
}
.flink-items i {
transition: all 0.6s;
font-size: 20px;
margin-right: 10px;
}
span {
margin: 0px;
transition: all 0.4s ease-in-out;
}
.footer-widget__newsletter {
position: relative;
display: block;
}
.footer-widget__newsletter .footer-widget__title-box {
margin-bottom: 21px;
}
.footer-widget__newsletter-text {
font-size: 16px;
color: #595959;
margin-bottom: 10px;
}
.footer-widget__email-box {
position: relative;
display: block;
}
.footer-widget__email-input-box {
position: relative;
display: block;
}
.footer-widget__email-input-box input[type="email"] {
width: 100%;
height: 53px;
border: none;
border-bottom: 2px solid rgb(0 0 0 / 35%);
outline: none;
background-color: transparent;
font-size: 14px;
color: #000000;
padding-right: 38px;
font-weight: 500;
}
.footer-widget__btn {
position: absolute;
right: -6px;
bottom: 11px;
border: none;
background-color: transparent;
font-size: 16px;
color: #FF7742;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.footer-widget__btn:hover {
color: #000000;
}
.site-footer__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/* margin-top: 30px; */
}
.site-footer__social a {
position: relative;
height: 42px;
width: 42px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
color: #ffffff;
background-color: #cb3634;
font-size: 15px;
border-radius: 50%;
overflow: hidden;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 1;
text-decoration: none;
}
.site-footer__social a:hover {
color: #ffffff;
background-color: #1A25AB;
text-decoration: none;
}
.site-footer__social a:after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
height: 100%;
background-color: #1A25AB;
-webkit-transition-delay: .1s;
transition-delay: .1s;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: .4s;
transition-duration: .4s;
-webkit-transition-property: all;
transition-property: all;
opacity: 1;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scaleY(0);
transform: scaleY(0);
z-index: -1;
}
.site-footer__social a:hover:after {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.site-footer__social a+a {
margin-left: 10px;
}
.widget-contact .widget-content p {
color: #000000;
margin-bottom: 15px;
}
.widget-content ul {
list-style: none;
margin: 0;
padding: 0;
}
.widget-content ul a i {
margin-right: 15px;
}
.widget-contact .widget-content .phone {
margin-bottom: 20px;
}
.widget-contact .widget-content .phone a{
color: #FF7742;
font-size: 22px;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.footer-logo {
margin-bottom: 10px;
margin-left: -1rem;
}
.footer-logo img{
width: 60%;
}
.widget-contact .widget-content .phone a i {
color: #FF7742;
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
display: inline-block;
font-size: 18px;
margin-right: 9px;
}
.widget-content p {
color: #302B2B;
font-size: 14px;
}
.widget-content li {
margin-bottom: 10px;
}
.widget-content a {
color: #302B2B;
text-decoration: none;
font-size: 15px;
}
.widget-content a:hover {
color: #cb3634;
text-decoration: none;
}
.copy-right-container .copy-right-row {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0px 70px;
}
.copy-right-container .copy-right-row .left-col {
text-align: left;
}
.copy-right-container .copy-right-row .right-col {
display: flex;
justify-content: flex-end;
position: relative;
text-align: right;
}
.copy-right-container p {
margin-bottom: 0;
}
.copy-right-container .copy-right-row .right-col .leftborder-links {
position: relative;
z-index: 1;
}
.copy-right-container .copy-right-row .right-col .links {
margin: 0 20px;
text-transform: capitalize;
}
.copy-right-container .copy-right-row .right-col .links:last-child {
margin: 0 0px 0px 20px;
}
.copy-right-container a {
color: #ffffff;
text-decoration: none;
}
.copy-right-container a:hover {
color: #ffff;
text-decoration: none;
}
.copy-right-container {
padding: 30px 0px;
color: #ffffff;
background-color: #666766;
}
.common-para-larger {
font-size: 18px;
color: #302B2B;
text-transform: capitalize;
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
}
.common-para-smaller {
font-size: 15px;
color: #302B2B;
text-transform: capitalize;
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
}
/* Footer Top new section */
.flex-start {
display: flex;
justify-content: start;
}
.flex-end {
display: flex;
justify-content: end;
}
.footer-top-heading-row {
margin-bottom: 50px;
}
.purple-double-section.is-no-radius {
border-radius: 0;
}
.purple-double-section {
border-radius: 1.125rem;
position: relative;
overflow: hidden;
}
.purple-double-section_bg {
/* background: linear-gradient(90deg, #662D91, #BD238F, #FF7C44);
background-size: 130% 130%; */
background: linear-gradient(91deg, #1A25AB, #1a25abad, #FF7742);
background-size: 100% 100%;
}
.pointer-events-off {
pointer-events: none;
}
.purple-double-section_bg {
/* background: linear-gradient(90deg, #662D91, #BD238F, #FF7C44);
background-size: 130% 130%; */
background: linear-gradient(91deg, #1A25AB, #1a25abad, #FF7742);
background-size: 100% 100%;
}
.pointer-events-off {
pointer-events: none;
}
.purple-double-section_bg {
animation: gradient-animation 6s ease infinite;
}
.purple-double-section_bg {
z-index: 0;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
@keyframes gradient-animation {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.section_footer-cta {
position: relative;
padding: 0px 0px 0px 0px;
z-index: 10;
background-color: #ffffff;
/* background-image: url('./../img/aboutbanner-new-bg-img.jpg');
background-position: center;
background-size: 100%;
-webkit-animation: 10s linear 0s normal none infinite animate;
-moz-animation: 10s linear 0s normal none infinite animate;
-ms-animation: 10s linear 0s normal none infinite animate;
-o-animation: 10s linear 0s normal none infinite animate;
animation: 10s linear 0s normal none infinite animate; */
}
.purple-double-section_svg.is-top {
top: -1px;
bottom: auto;
left: 0%;
right: 0%;
transform: rotate(180deg);
}
.purple-double-section_svg {
background-image: url('https://assets-global.website-files.com/6441197fe3f8a1d4e860fc00/64541924f39ffe5b54743e5e_purple-double-section_svg.svg');
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 4rem;
height: 2rem;
margin-left: auto;
margin-right: auto;
position: absolute;
top: auto;
bottom: -1px;
left: 0%;
right: 0%;
}
.figure-sticks-wrapper {
max-width: 87.5rem;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.figure-sticks.is-left {
position: absolute;
top: 3.9rem;
bottom: auto;
left: -5.6rem;
right: auto;
}
.figure-sticks.is-right {
position: absolute;
top: -19.5rem;
bottom: auto;
left: auto;
right: -3.6rem;
}
.figure-sticks {
color: #ffffff;
width: 18.1875rem;
height: 33.8125rem;
}
.purple-double-section_relative.is-footer-cta {
grid-row-gap: 2rem;
text-align: center;
flex-direction: column;
align-items: center;
padding-top: 7rem;
padding-bottom: 7rem;
display: flex;
}
.purple-double-section_relative {
z-index: 1;
color: #ffffff;
position: relative;
}
.heading-style-h3.is-aeonik {
font-size: 60px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 30px;
font-family: 'montserrat-semibold';
src: url('./fonts/Montserrat/Montserrat-SemiBold.otf');
}
.is-footer-cta p {
color: #ffffff;
text-transform: capitalize;
font-size: 15px;
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
}
.footer-top-heading h1 {
font-size: 35px;
color: #302B2B;
text-transform: capitalize;
font-family: 'montserrat-semibold';
src: url('./fonts/Montserrat/Montserrat-SemiBold.otf');
}
.footer-form-element.form-div {
overflow: visible;
justify-content: flex-start;
row-gap: 0;
column-gap: 8px;
border-radius: 0;
-moz-border-radius: 0;
padding: 0 42px 0 0;
opacity: 1;
flex-direction: row;
flex-wrap: wrap;
align-self: flex-start;
min-width: 100%;
order: 3;
min-height: 0;
width: 100%;
flex-grow: 1;
height: max-content;
margin-left: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
z-index: 5;
position: relative;
}
.p-color-lightgreen svg path, .p-color-lightgreen svg rect, .p-color-lightgreen svg circle, .hover-p-color-lightgreen:hover svg path, .hover-p-color-lightgreen:hover svg rect, .hover-p-color-lightgreen:hover svg circle, *:hover>.hover-direct-parent-p-color-lightgreen svg path, *:hover>.hover-direct-parent-p-color-lightgreen svg rect, *:hover>.hover-direct-parent-p-color-lightgreen svg circle, .spe-parent:hover .spe-parent-hover-p-color-lightgreen svg path, .spe-parent:hover .spe-parent-hover-p-color-lightgreen svg rect, .spe-parent:hover .spe-parent-hover-p-color-lightgreen svg circle {
fill: #fff;
}
#new-bg-color {
background-color:#fff!important;
}
.footer-form-element.input-form-div {
border-radius: 12px;
-moz-border-radius: 12px;
font-size: 16px;
font-weight: 400;
/*background-color: rgb(255, 255, 255);*/
background-color: #efefef;
box-shadow: none;
color: #233151;
padding: 0 20px;
opacity: 1;
align-self: flex-start;
min-width: 0;
max-width: 428px;
order: 1;
min-height: 54px;
max-height: 54px;
width: 0;
flex-grow: 1;
height: 54px;
margin-left: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0rem;
z-index: 3;
border: none;
}
.footer-form-element {
position: relative;
}
.footer-form-element.input:focus, .footer-form-element.input:focus-visible, .footer-form-element.input:hover{
border: none;
box-shadow: none;
outline: none;
}
.bubble-r-container.relative {
display: grid;
grid-template-areas: "stack";
grid-template-rows: 100%;
grid-template-columns: 100%;
}
.footer-form-element.form-button-div {
overflow: visible;
border-radius: 12px;
-moz-border-radius: 12px;
opacity: 1;
cursor: pointer;
align-self: flex-start;
min-width: 54px;
max-width: 54px;
order: 2;
min-height: 54px;
max-height: 54px;
width: 54px;
flex-grow: 1;
height: 54px;
margin-left: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
z-index: 4;
background: #cb3634;
}
.footer-form-element.form-button {
border-radius: 0;
-moz-border-radius: 0;
opacity: 1;
align-self: center;
justify-self: center;
min-width: 24px;
max-width: 24px;
min-height: 24px;
max-height: 24px;
width: 24px;
height: 24px;
margin-left: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
z-index: 3;
}
.footer-news-letter p {
color: #302B2B;
font-size: 15px;
text-transform: capitalize;
}
.about-new-img-col {
margin: 0 auto;
text-align: center;
}
.closeButton {
font-size: 25px;
position: absolute;
top: 10px;
bottom: 0;
left: auto;
right: 10px;
z-index: 9999;
cursor: pointer;
width: 30px;
height: 30px;
}
/* News and events New design section */
.news-media-new-sec {
position: relative;
padding: 100px 100px;
background-color: #fff;
/*margin: 0 30px 50px;*/
/* box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center */
}
.news-media-new-sec:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(https://www.brain.space/wp-content/themes/brain.space/assets/bg/home/space-mission_bg.jpg) no-repeat center;
-webkit-mask-image: url(https://www.brain.space/wp-content/themes/brain.space/assets/bg/home/space-mission-box_bg.jpg.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
object-fit: cover;
background-size: cover;
}
@media(max-width: 1024px) {
.news-media-new-sec {
padding: 100px 0;
height: auto
}
}
@media(min-width: 2000px) {
.news-media-new-sec {
padding: 300px 0
}
}
.news-media-new-sec__container {
display: grid;
grid-template-columns: 42% 49%;
grid-gap: 90px;
max-width: 1200px;
width: 100%
}
@media(max-width: 1280px) {
.news-media-new-sec__container {
grid-template-columns: 1fr 450px;
grid-gap: 50px
}
}
@media(max-width: 1024px) {
.news-media-new-sec__container {
grid-template-columns: 100%;
grid-gap: 50px
}
}
@media(min-width: 1281px) {
.news-media-new-sec__container {
max-width: 84vw
}
}
.news-media-new-sec__col {
position: relative
}
.news-media-new-sec__col h2 {
/* color: #fafafa; */
max-width: 460px;
width: 100%
}
@media(max-width: 1024px) {
.news-media-new-sec__col h2 {
max-width: 800px
}
}
@media(min-width: 2000px) {
.news-media-new-sec__col h2 {
max-width: 100%
}
}
@media(min-width: 1025px) {
.news-media-new-sec__col.first-col {
height: 70vh;
height: calc(var(--vh, 1vh)*70);
position: sticky;
top: 100px
}
}
.news-media-new-sec__col__top-frame {
z-index: 1;
height: 100px;
margin-top: -100px;
width: 100%;
position: sticky;
top: 0;
background-color: #96C8D2;
}
@media(max-width: 1024px) {
.news-media-new-sec__col__top-frame {
display: none
}
}
.news-media-new-sec__col__bottom-frame {
height: 100px;
margin-bottom: -100px;
width: 100%;
position: sticky;
bottom: 0;
background-color: #96C8D2;
}
@media(max-width: 1024px) {
.news-media-new-sec__col__bottom-frame {
display: none
}
}
.news-media-new-sec .scrolled-images__item {
width: 100%;
margin-top: 40px
}
@media(min-width: 1025px) {
.news-media-new-sec .scrolled-images__item {
max-width: 100%;
margin: 90px auto 0;
height: 70vh
}
}
.news-media-new-sec .scrolled-images__item:first-child {
margin-top: 0
}
.news-media-new-sec .scrolled-images__item:first-child div {
background-size: cover
}
.news-media-new-sec .scrolled-images__item:last-child div {
background-size: cover
}
.news-media-new-sec .scrolled-images__item__image {
width: 100%;
height: 100%;
will-change: transform;
object-fit: cover;
border-radius: 8px;
background-size: cover;
background-position: center;
background-repeat: no-repeat
}
@media(max-width: 1024px) {
.news-media-new-sec .scrolled-images__item__image {
display: none
}
}
.news-media-new-sec .scrolled-images__item .item-text {
display: none
}
@media(max-width: 1024px) {
.news-media-new-sec .scrolled-images__item .item-text {
display: block;
margin-top: 40px
}
}
.news-media-new-sec .scrolled-images__item__mobile-img {
display: none;
border-radius: 8px;
clip-path: inset(0)
}
@media(max-width: 1024px) {
.news-media-new-sec .scrolled-images__item__mobile-img {
display: block
}
.news-media-new-sec .scrolled-images__item__mobile-img img {
max-width: 570px;
width: 100%;
margin: 0 auto;
height: auto;
border-radius: 8px
}
}
.news-media-new-sec .scrolled-text__item h3,
.news-media-new-sec .scrolled-images__item h3 {
/* color: #fafafa */
}
.news-media-new-sec .scrolled-text__item h3 span,
.news-media-new-sec .scrolled-images__item h3 span {
/* color: #ff7c22 */
}
.news-media-new-sec .scrolled-text__item p,
.news-media-new-sec .scrolled-images__item p {
/* margin-top: 20px;
color: rgba(250, 250, 250, .5) */
}
@media(min-width: 1025px) {
.news-media-new-sec .scrolled-text__item {
/* max-width: 372px; */
width: 100%;
position: absolute;
bottom: -70px;
left: 0;
clip-path: inset(0 0 100% 0);
transition: all 250ms ease
}
.news-media-new-sec .scrolled-text__item.active {
clip-path: inset(0 0 0 0);
transition-delay: 250ms;
bottom: 0
}
}
@media(min-width: 2000px) {
.news-media-new-sec .scrolled-text__item {
max-width: 645px
}
}
@media(max-width: 1024px) {
.news-media-new-sec .scrolled-text {
display: none
}
}
.news-media-mobile-view-div {
display: none;
}
@media only screen and (max-width: 319.5px) {
.news-media-mobile-view-div {
display: block;
}
.news-media-new-sec__container {
display: none;
}
}
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
.news-media-mobile-view-div {
display: block;
}
.news-media-new-sec__container {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
.news-media-mobile-view-div {
display: block;
}
.news-media-new-sec__container {
display: none;
}
}
/*news events new sec end*/
/* About us page style start */
.common-page-banner-sec {
position: relative;
background-image: url('./../img/about-page-banner.jpg');
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
width: 100%;
height: 100vh;
margin-top: 100px;
}
.common-linear-gradiant-bg {
position: relative;
background: linear-gradient(180deg, #96C8D2, #daf2f7, #ffffff);
background-size: 100% 100%;
padding: 100px 100px;
}
.common-linear-gradiant-head {
background: linear-gradient(180deg, #ffffff 1.41%, #ffffff 16.36%, #ffffff40 65.87%, #ffffff00 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: #cb363459;
background-clip: text;
text-fill-color: transparent;
font-size: 150px;
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
text-transform: uppercase;
}
.center-div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.about-desc-img {
position: relative;
margin-top: -150px;
}
.common-text-head {
font-size: 40px;
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
}
.commnon-text-para {
font-size: 17px;
line-height: 30px;
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
}
.orange-color-text {
color: #cb3634;
}
.blue-color-text {
color: #cb3634;
}
.grey-color-text {
color: #302B2B;
}
.flex-center {
display: flex;
justify-content: center;
align-items: center;
}
.about-desc-div {
max-width: 75%;
width: 75%;
}
.our-value-proposition-sec {
position: relative;
padding: 100px 100px;
z-index: 10;
background:#F8F5F1;
/*background-image: url('./../img/aboutbanner-new-bg-img.jpg');*/
/*background-position: center;*/
/*background-size: 100%;*/
/*-webkit-animation: 10s linear 0s normal none infinite animate;*/
/*-moz-animation: 10s linear 0s normal none infinite animate;*/
/*-ms-animation: 10s linear 0s normal none infinite animate;*/
/*-o-animation: 10s linear 0s normal none infinite animate;*/
/*animation: 10s linear 0s normal none infinite animate;*/
}
.about-page-value-propostion {
padding-top: 40px;
}
.about-page-accordion-div {
padding-top: 35px;
}
.accordion-content-div.about-page-accordion-div {
height: auto;
}
.about-page-value-propostion .row {
display: flex;
align-items: center;
}
/* leadership section */
.leadership-section {
position: relative;
padding: 100px 100px 210px 100px;
z-index: 10;
background: #FFECE8;
/*background-image: url('./../img/aboutbanner-new-bg-img.jpg');*/
/*background-position: center;*/
/*background-size: 100%;*/
/*-webkit-animation: 10s linear 0s normal none infinite animate;*/
/*-moz-animation: 10s linear 0s normal none infinite animate;*/
/*-ms-animation: 10s linear 0s normal none infinite animate;*/
/*-o-animation: 10s linear 0s normal none infinite animate;*/
/*animation: 10s linear 0s normal none infinite animate;*/
}
.leadership-section::after {
background-image: url(./../img/founder-bottom-bg.png);
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
bottom: 0;
content: "";
height: 100%;
position: absolute;
width: 100%;
z-index: 0;
left: 0;
right: 0;
}
.leadership-section .swiper-container {
width: 100%;
height: 100%;
overflow: hidden;
margin-top: 50px;
margin-bottom: 50px;
/* background-color: #efefef;*/
/*padding: 40px;*/
/*border: 15px solid #fff;*/
/*border-radius: 10px;*/
/*border: 15px solid #fff;*/
border-radius: 10px;
}
.leadership-section .swiper-wrapper{
transition: transform 0.5s ease;
}
.leadership-section .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
opacity: 1;
transition: opacity 0.5s ease;
background-color: #ffffff;
padding: 0px 40px;
}
.leadership-section .swiper-slide .row{
justify-content: center;
align-items: center;
margin-bottom: 50px;
}
.leadership-swiper-img{
/*box-shadow: 0 0 transparent, 0 0 transparent, 0 0 0 50px #efefef; */
z-index: 2;
position: relative;
margin-right: 0px;
margin: 0 auto;
border-radius: 50%;
width: 90%;
height: 100%;
outline-offset: 0px;
}
.leadership-swiper-img img{
border-radius:50%;
width: 100%;
height: 100%;
margin-right: 0;
z-index: 2;
position: relative;
}
.leadership-section .swiper-slide .leadership-swiper-content{
background-color: #fff;
display: flex;
width: 100%;
height: auto;
justify-content: center;
align-items: center;
flex-direction: column;
margin-right: -50px;
position: relative;
}
/* .leadership-section .swiper-slide .leadership-swiper-content::after {
position: absolute;
content: '';
background-color: transparent;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 500px;
height: 500px;
border-radius: 50%;
} */
.leadership-swiper-inner-content{
position: relative;
padding: 25px 100px 25px 25px;
}
.leadership-section .swiper-slide .row{
/* display: none; */
/* flex-direction: row-reverse; */
}
.leadership-section .swiper-slide.swiper-slide-active .row{
/* display: block; */
/* flex-direction: initial; */
}
/* .leadership-section .swiper-slide.swiper-slide-prev .leadership-swiper-img{
margin-right: -310px;
} */
.leadership-section .pagination-fraction{
color: #FF7742;
position: absolute;
font-size: 20px;
bottom: -12px;
right: 165px;
left: auto;
width: auto;
background-color: transparent;
}
.leadership-section .swiper-button-next:after,
.leadership-section .swiper-button-prev:after{
display: none;
}
.leadership-section .swiper-button-next,
.leadership-section .swiper-button-prev{
position: absolute;
top: auto;
bottom: -20px;
width: 25px;
height: 50px;
}
.leadership-section .swiper-button-next{
left: auto;
right: 5%;
}
.leadership-section .swiper-button-prev{
left: auto;
right: 9%;
}
.leadership-section .swiper-button-prev svg{
rotate: 180deg;
}
.leadership-section .swiper-button-prev svg path,
.leadership-section .swiper-button-next svg path
{
fill: #FF7742;
transition: fill 0.3s ease;
}
.leadership-section .swiper-button-prev svg:hover path{
fill: #1A25AB;
}
.leadership-section .swiper-button-next svg:hover path{
fill: #1A25AB;
}
.leadership-quotes {
color: #4A737B;
font-size: 22px;
width: 75%;
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
margin-bottom: 10px;
}
.leadership-headings {
color: #FF7742;
font-size: 22px;
text-transform: uppercase;
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
margin-bottom: 20px;
}
/* our journey section */
.ourjourney {
position: relative;
/* padding: 100px 0px; */
background: #f1efeb;
}
.ourjourney-wrap {
position: sticky;
top: 0;
bottom: 0;
right: 0;
left: 0;
height: 100%;
width: 100%;
}
.ourjourney-head{
height: 100%;
left: 0;
padding-left: 16rem;
pointer-events: none;
position: relative;
top: 200px;
width: 100%;
z-index: 10;
}
.ourjourneyItem-innerSticky {
align-items: flex-start;
justify-content: flex-start;
padding-left: 16rem;
padding-top: 200px;
}
.ourjourneyItem-innerSticky {
/* gap: 13rem; */
height: 100%;
left: 0;
/* padding: 15vh 16rem 16rem 16rem; */
padding: 20rem 2rem 16rem 16rem;
position: relative;
top: 0;
width: 100%;
display: flex;
}
.ourjourneyItem-index {
font-size: 20px;
margin-bottom: 20px;
font-weight: bold;
}
.about-journey-swiper .swiper-slide:nth-child(1) .ourjourneyItem-inner{
background-color: rgb(191, 204, 216);
}
.about-journey-swiper .swiper-slide:nth-child(2) .ourjourneyItem-inner{
background-color: #B692A1;
}
.about-journey-swiper .swiper-slide:nth-child(3) .ourjourneyItem-inner{
background-color: #ddd;
}
.about-journey-swiper .swiper-slide:nth-child(4) .ourjourneyItem-inner{
background-color: #E49366;
}
.about-journey-swiper .swiper-slide:nth-child(5) .ourjourneyItem-inner{
background-color: #798E7B;
}
/* .index-first {
background-color: rgb(191, 204, 216);
} */
/* .second-slide {
background-color: #B692A1;
} */
.ourjourneyItem-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.about-journey-swiper .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .about-journey-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .about-journey-swiper .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
bottom: 100px;
top: auto;
width: 100%;
left: 16rem;
}
.about-journey-swiper .about-journey-swiper .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal .swiper-pagination-progressbar-fill, .about-journey-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite .swiper-pagination-progressbar-fill, .about-journey-swiper .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite .swiper-pagination-progressbar-fill{
background: #ffffff;
}
/* Awards Section */
.about-awards-sec {
position: relative;
padding: 100px 0px;
z-index: 10;
background-color: #1A25AB;
}
.about-awards-sec .boxes {
z-index: 2;
position: relative;
top: 0%;
left: 0;
height: 100%;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.box {
position: relative;
padding: 20px;
background-color: #ffffff;
border-radius: 20px;
}
.box h4 {
color: #1A25AB;
font-size: 27px;
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
margin-bottom: 15px;
}
.box p{
color: #302B2B;
text-transform: capitalize;
font-size: 15px;
margin-bottom: 70px;
}
.about-awards-swiper {
padding-top: 50px;
}
.about-awards-swiper .swiper-slide {
padding: 40px;
}
.about-awards-swiper .swiper-slide:nth-child(even) {
margin-top: 70px;
}
/* our vision section */
.about-vision-sec {
background-image: url('./../img/about-vision-bg-img.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
}
.about-vision-container {
position: relative;
}
.about-vision-swiper-div {
position: relative;
}
.about-vision-content.swiper-container{
height: 100vh;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
}
.about-vision-swiper-img {
position: relative;
padding: 5px;
z-index: 10;
}
/* .about-vision-img .swiper-slide.swiper-slide-active .about-vision-swiper-img {
display: block;
transform: scale3d(1.05, 1.05, 1.05);
backface-visibility: hidden;
will-change: transform;
transition: transform 1400ms
} */
.about-vision-img .swiper-slide-container {
text-align: center;
font-size: 18px;
height: 100%;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
/* position: relative;
top: 0;
left: 0;
width: 600px;
height: 600px; */
}
.swiper-fade .swiper-slide.swiper-slide-active {
opacity: 1 !important;
}
.about-vision-img .swiper-slide, .about-vision-img .swiper-slide.swiper-slide-active {
opacity: 1 !important;
transition: all .5s ease-in-out;
}
.swiper-fade .swiper-slide {
opacity: 0 !important;
}
.about-vision-img {
height: 100%;
width: 100%;
position: relative;
z-index: 1;
}
.content-row {
position: absolute;
right: 0px;
width: auto;
justify-content: flex-end;
text-align: left;
padding: 100px;
}
/* .about-vision-img .swiper-slide.swiper-slide-active .about-vision-swiper-img::before {
content: '';
position: absolute;
top: auto;
bottom: 0px;
height: 175px;
background: #002776;
right: 0;
width: 175px;
border-radius: 50%;
z-index: -6;
} */
/*.about-vision-swiper-img::after {*/
/* content: "";*/
/* position: absolute;*/
/* left: 50%;*/
/* top: 50%;*/
/* z-index: 999;*/
/* width: 100%;*/
/* height: 100%;*/
/* border-radius: 50%;*/
/* border: 1.0763888889vw solid #FFC228;*/
/* -webkit-box-sizing: border-box;*/
/* -moz-box-sizing: border-box;*/
/* box-sizing: border-box;*/
/* -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(0deg) scale(1, 1);*/
/* -moz-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(0deg) scale(1, 1);*/
/* -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(0deg) scale(1, 1);*/
/* -o-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(0deg) scale(1, 1);*/
/* transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(0deg) scale(1, 1);*/
/*}*/
.about-vision-swiper-div {
text-align: left;
position: relative;
padding: 60px 0px;
}
.about-vision-swiper-img img {
border-radius: 50%;
width: 525px;
height: 525px;
position: relative;
margin: 0 auto;
object-fit: cover;
background: linear-gradient(white, white) padding-box, linear-gradient(to right, #FF7742, #1A25AB) border-box;
border-radius: 50em;
border: 7px solid transparent;
}
.about-vision-swiper-title {
font-size: 75px;
font-weight: bold;
color: #ffffff;
background: linear-gradient(77.09deg, #D35510 1.41%, #B55B9A 16.36%, #cb3634 65.87%, #cb3634 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
padding-left: 100px;
width: 30%;
}
.about-vision-content .swiper-slide.swiper-slide-active {
opacity: 1 !important;
}
.about-vision-content .swiper-slide {
opacity: 0!important;
}
.circles {
/* position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; */
position: absolute;
left: 0px;
top: 50px;
width: 100%;
height: 100%;
width: 550px;
height: 550px;
margin: 0 auto;
text-align: center;
right: 0;
}
.circles .ring {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.circles .ring span {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
animation: rotate 4000ms linear infinite;
}
.circles .ring span:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1.0416666667vw solid rgba(255, 194, 40, .28);
border-radius: 50%;
-webkit-transform: translateX(-5px) translateY(0.305560vw) translateZ(0) rotate(0deg) scale(1, 1);
-moz-transform: translateX(-5px) translateY(0.305560vw) translateZ(0) rotate(0deg) scale(1, 1);
-ms-transform: translateX(-5px) translateY(0.305560vw) translateZ(0) rotate(0deg) scale(1, 1);
-o-transform: translateX(-5px) translateY(0.305560vw) translateZ(0) rotate(0deg) scale(1, 1);
transform: translateX(-5px) translateY(0.305560vw) translateZ(0) rotate(0deg) scale(1, 1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@keyframes rotate {
0% {
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1, 1);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1, 1);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1, 1);
-o-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1, 1);
transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1, 1)
}
100% {
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(360deg) scale(1, 1);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotate(360deg) scale(1, 1);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotate(360deg) scale(1, 1);
-o-transform: translateX(0) translateY(0) translateZ(0) rotate(360deg) scale(1, 1);
transform: translateX(0) translateY(0) translateZ(0) rotate(360deg) scale(1, 1)
}
}
@keyframes rotatecenter {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(0deg) scale(1, 1);
-moz-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(0deg) scale(1, 1);
-ms-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(0deg) scale(1, 1);
-o-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(0deg) scale(1, 1);
transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(0deg) scale(1, 1)
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(360deg) scale(1, 1);
-moz-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(360deg) scale(1, 1);
-ms-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(360deg) scale(1, 1);
-o-transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(360deg) scale(1, 1);
transform: translateX(-50%) translateY(-50%) translateZ(0) rotate(360deg) scale(1, 1)
}
}
@keyframes rotate1 {
0% {
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(-360deg) scale(1, 1);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotate(-360deg) scale(1, 1);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotate(-360deg) scale(1, 1);
-o-transform: translateX(0) translateY(0) translateZ(0) rotate(-360deg) scale(1, 1);
transform: translateX(0) translateY(0) translateZ(0) rotate(-360deg) scale(1, 1)
}
100% {
-webkit-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1, 1);
-moz-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1, 1);
-ms-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1, 1);
-o-transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1, 1);
transform: translateX(0) translateY(0) translateZ(0) rotate(0deg) scale(1, 1)
}
}
/* ongoing project page styles */
.ongoing-project-first-sec .benefits-header {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
margin: 0 0 17%;
}
.ongoing-project-first-sec .benefits-header .benefits-header-text {
text-align: center;
position: absolute;
top: 0;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: 0;
width: 100%;
left: 0;
right: 0;
}
.ongoing-project-first-sec .benefits-header .benefits-header-text-vis {
opacity: 1
}
.ongoing-project-first-sec .benefits-header .title {
color: #898685;
text-transform: uppercase;
font-size: 15px;
line-height: 1.34;
letter-spacing: .2em;
}
.ongoing-project-first-sec .benefits-header .large-text {
max-width: 1270px;
margin: 0 auto;
color: #ffffff;
}
.ongoing-project-first-sec .benefits-list {
padding-top: 140px;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.ongoing-project-first-sec .benefits-list .large-text {
display: none;
text-align: center;
padding: 60px 0 125px;
}
.ongoing-project-first-sec .benefits-list .large-text:last-of-type {
padding-bottom: 0;
}
.ongoing-project-first-sec .benefits-list .item {
text-align: center;
position: relative;
cursor: pointer;
}
.ongoing-project-first-sec .benefits-list .item.active .title {
color: #ede8e5;
}
.ongoing-project-first-sec .benefits-list .item.active .image-bg {
opacity: 1;
}
.ongoing-project-first-sec .benefits-list .item.active:before {
height: 100px;
}
.ongoing-project-first-sec .benefits-list .item:hover .icon svg * {
stroke: #fff !important;
}
.ongoing-project-first-sec .benefits-list .item:hover:before {
height: 100px;
}
.ongoing-project-first-sec .benefits-list .item:hover .title {
color: #ede8e5;
}
.ongoing-project-first-sec .benefits-list .item:hover .image-bg {
opacity: 1;
}
.ongoing-project-first-sec .benefits-list .item:before {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
width: 1px;
height: 0;
background: #cb3634;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.ongoing-project-first-sec .benefits-list .item .icon {
line-height: 0;
margin-bottom: 15px;
position: relative;
z-index: 2;
}
.ongoing-project-first-sec .benefits-list .item .icon svg {
width: 61px;
height: auto;
}
.ongoing-project-first-sec .benefits-list .item .icon svg * {
stroke: #cb3634 !important;
}
.ongoing-project-first-sec .benefits-list .item .title {
font-size: 12px;
line-height: 1.55;
color: #000000;
text-transform: uppercase;
letter-spacing: .03em;
position: relative;
z-index: 2;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.ongoing-project-first-sec .benefits-list .item .image-bg {
width: 180px;
height: 180px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
border-radius: 100%;
overflow: hidden;
z-index: 1;
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.ongoing-project-first-sec .benefits-list .item .image-bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
z-index: 1;
}
.ongoing-project-first-sec .benefits-list .line {
background: #515151;
width: 72px;
height: 1px;
-ms-flex-item-align: start;
align-self: flex-start;
margin: 30px 10px 0;
}
.ongoing-project-first-sec .benefits-header {
margin: 0 0 25%;
}
.ongoing-project-overview-sec{
background-color: #F8F5F1;
padding: 100px 100px;
position: relative;
}
.ongoing-project-first-sec.ongoing-project-first-bgsec{
background-image: url('./../img/township-bg-img.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.margin-bottom-minus-200 {
margin-bottom: -200px;
z-index: 10;
}
.margin-top-minus-200 {
margin-top: -200px;
z-index: 10;
}
.location-advantage-sec.ongoing-inner-loc-sec {
background-image: url('./../img/ongo-inner-location-bg.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 250px 0px 250px 0px;
}
.ongoing-project-first-sec.ongoing-project-first-bgsec {
background-image: url('./../img/township-bg-img.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.ongoing-project-first-sec{
background-color: #F8F5F1;
padding: 100px 100px;
position: relative;
}
.ongoing-project-page-banner {
background-image: url('./../img/ongoing-new-bg-img.jpg');
}
.ongoing-project-card {
position: relative;
/*background: linear-gradient(180deg, #96C8D2, #daf2f7, #ffffff);*/
background-color: #efefef;
background-size: 100% 100%;
padding: 100px 100px;
border-radius: 50px;
position: relative;
border:10px solid #fff;
margin-top: 30px;
}
.ongoing-project-card-center-img {
margin-bottom: 50px;
}
.ongoing-project-card-center-img img {
width: 100%;
height: 100%;
border-radius: 30px;
}
.benefits-header-text p {
font-size: 35px;
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
color: #302B2B;
}
.benefits-header-text p span {
color: #cb3634;
}
.benefits-header-text h6 {
font-size: 17px;
color: #302B2B;
text-transform: uppercase;
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
}
/* sameera project items swiper card */
.project-list-sec {
position: relative;
padding: 100px 100px;
background-color: #F8F5F1;
}
.projects-item {
/* margin: 10px 10px; */
background-color: #ffffff;
border-radius: 10px;
}
.viewallprojects {
width: 200px;
margin: 0px auto;
border: solid 2px #f14e23;
text-align: center;
color: #f14e23;
font-family: 'Montserrat';
font-weight: 800;
border-radius: 10px;
padding: 15px 20px 15px 20px;
margin-top: 50px;
font-size: 17px;
}
.project-title {
padding: 218px 0px 0px 15px;
}
.project-title p {
margin-bottom: 0px;
padding-bottom: 0px;
}
.img-hol {
height: auto;
width: 100%;
}
.projectshortdetails {
padding: 0px 10px;
}
.projectshortdetails ul {
list-style: none;
padding: 0px;
}
.projectshortdetails li {
padding: 15px 0px 10px 60px;
width: 50%;
height: auto;
margin-bottom: 10px;
float: left;
color: #333333;
font-weight: bold;
font-size: 14px;
display: flex;
flex-direction: column;
}
.projectshortdetails li span {
color: #9D9D9D;
font-size: 11px;
}
.app {
background: url('./../img/project-size-icon.svg') no-repeat center left;
background-size: 25%;
}
.Possession {
background: url('./../img/project-status-icon.svg') no-repeat center left;
background-size: 25%;
}
.price {
background: url('./../img/project-price-icon.svg') no-repeat center left;
background-size: 25%;
}
.status {
background: url('./../img/project-range-icon.svg') no-repeat center left;
background-size: 25%;
}
.doc {
background: url('./../img/doc-list.svg') no-repeat center left;
/*background-size: 25%;*/
}
.projectshortdetails li.doc.large-card {
/*background-size: 10%;*/
width: 100%;
}
.img-hol img {
width: 100%;
border-radius: 10px;
}
.project-list-swiper .swiper-slide.projects-card {
position: relative;
background-color: #ffffff;
padding: 0px 0px 20px 0px;
border-radius: 10px;
margin-bottom: 40px;
/*height: auto;*/
height:100%;
}
.project-list-swiper .projectshortdetails li.doc {
/*margin-bottom:40px;*/
width: 100%;
/*background-size: 10%;*/
}
.project-btn-div {
position: absolute;
left: 0;
right: 0;
/*bottom:0px;*/
bottom: -25px;
top: auto;
text-align: center;
}
/* project list larger swiper section */
.projectshortdetails li {
background-size: 40px;
}
.project-list-swiper .projectshortdetails li.doc {
background-size: 40px;
}
.projectshortdetails li.doc.large-card {
background-size: 40px;
}
.project-lists-large-swiper-sec {
position: relative;
background-color: #F8F5F1;
padding: 0px 100px;
}
.projects-lists-swiper {
position: relative;
}
.projects-lists-swiper.swiper {
width: 100%;
height: 100% !important;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.projects-lists-swiper.swiper .swiper-slide {
position: relative;
}
.projects-lists-swiper.swiper .swiper-slide {
position: relative;
display: flex;
flex-direction:column;
width: 100%;
}
.project-lists-large-swiper-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.project-lists-large-swiper-img {
position: relative;
border-radius: 20px;
padding: 60px 40px;
}
.project-lists-large-swiper-img img {
position: relative;
border-radius: 20px;
}
.project-numbers {
position: absolute;
top: -30px;
left: 0;
}
.project-numbers h6 {
font-size: 150px;
color: #ffffff;
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
}
.project-details-div {
position: relative;
left: 0;
right: 0;
bottom: 50px;
width: 400px;
margin: 0 auto 0 auto;
padding: 0px 10px 20px 10px;
background-color: #ffffff;
border-radius: 10px;
height: auto;
margin-top: -100px;
}
.projects-lists-swiper.swiper .swiper-slide .project-btn-div {
position: absolute;
left: 0;
right: 0;
bottom: 25px;
top: auto;
text-align: center;
}
.projects-lists-swiper .swiper-pagination-vertical.swiper-pagination-bullets, .projects-lists-swiper .swiper-vertical>.swiper-pagination-bullets {
right: 0;
left: auto;
top: 50%;
transform: translate3d(0px, -50%, 0);
position: absolute;
}
.projects-lists-swiper .swiper-pagination-bullet {
width: 15px;
height: 2px;
border-radius: 0px !important;
background: transparent;
border: 1px solid #000000;
}
.projects-lists-swiper .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.projects-lists-swiper .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 10px 0px;
}
.projects-lists-swiper .swiper-pagination-bullet-active {
background: transparent;
border: 1px solid #000000;
width: 15px;
height: 15px;
}
/* salient feature section */
.salient-features-sec {
position: relative;
padding: 100px 0px;
z-index: 10;
background-image: url('./../img/aboutbanner-new-bg-img.jpg');
background-position: center;
background-size: 100%;
-webkit-animation: 10s linear 0s normal none infinite animate;
-moz-animation: 10s linear 0s normal none infinite animate;
-ms-animation: 10s linear 0s normal none infinite animate;
-o-animation: 10s linear 0s normal none infinite animate;
animation: 10s linear 0s normal none infinite animate;
}
.salient-features-top {
display: flex;
align-items: flex-start;
}
.salient-features-center {
display: flex;
align-items: center;
}
.salient-features-large {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.salient-features-image {
position: relative;
padding: 30px;
}
.salient-features-image img {
border-radius: 20px;
}
.salient-features-slide {
position: relative;
}
.salient-features-slider-row {
position: relative;
}
.salient-features-swiper-div .swiper-slide .salient-features-content-div{
opacity: 0;
}
.salient-features-swiper-div .swiper-slide.swiper-slide-active .salient-features-content-div{
opacity: 1;
}
.salient-features-content-div {
position: absolute;
bottom: 0;
left: 0;
width: 30%;
height: auto;
}
.salient-features-content-div h6 {
font-size: 30px;
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
margin-bottom: 20px;
color: #333333;
position: relative;
}
.salient-features-content-div h6:after {
content: "";
position: absolute;
top: 22px;
right: 0px;
width: 80px;
border-top: 2px solid #FF7742;
}
.salient-features-content-div h6 span{
color: #FF7742;
}
.salient-features-swiper-div .swiper-horizontal>.swiper-pagination-progressbar, .salient-features-swiper-div .swiper-pagination-progressbar.swiper-pagination-horizontal, .salient-features-swiper-div .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .salient-features-swiper-div .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
bottom: 23px;
top: auto;
left: 50px;
right: auto;
width: 335px;
}
.salient-features-swiper-div .swiper-button-prev, .salient-features-swiper-div .swiper-rtl .swiper-button-next {
right: 60px;
left: auto;
}
.salient-features-swiper-div .swiper-button-next, .salient-features-swiper-div .swiper-rtl .swiper-button-prev {
right: 15px;
left: auto;
}
.salient-features-swiper-div .swiper-button-next, .salient-features-swiper-div .swiper-button-prev {
top: auto;
bottom: 5px;
width: 40px;
height: 40px;
background-color: #ffffff;
border: 1px solid #000;
border-radius: 50%;
}
.salient-features-swiper-div .swiper-horizontal>.swiper-pagination-progressbar, .salient-features-swiper-div .swiper-pagination-progressbar.swiper-pagination-horizontal .swiper-pagination-progressbar-fill, .salient-features-swiper-div.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite .swiper-pagination-progressbar-fill, .salient-features-swiper-div.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite .swiper-pagination-progressbar-fill {
background: #FF7742;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
content: 'prev';
font-size: 15px;
font-weight: bold;
color: #000;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: 'next';
font-size: 15px;
font-weight: bold;
color: #000;
}
.swiper-counter {
padding: 0;
position: absolute;
width: auto;
display: flex;
align-items: center;
justify-content: center;
left: auto;
right: auto;
bottom: 0px;
width: 50px;
height: 50px;
background-color: #fff;
}
.sample-class-div {
position: relative;
bottom: 0px;
top: auto;
z-index: 1;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 500px;
height: 50px;
background-color: #fff;
float: right;
right: 100px;
}
/* our communities page style */
.communities-content-col{
display: flex;
align-items: center;
padding: 0px 40px;
}
.communities-swiper-row {
display: flex;
justify-content: center;
align-items: center;
}
.communities-swiper-sec {
position: relative;
background-color: #F8F5F1;
background-image: url('./../img/communities-swiper-bg.png');
background-repeat: no-repeat;
background-size: 100%;
background-position: bottom;
width: 100%;
height: 100%;
}
.communities-swiper-container {
position: relative;
margin-top: -100px;
padding-bottom: 500px;
z-index: 99;
}
.communities-swiper .swiper-wrapper {
margin-bottom: 350px;
}
.communities-swiper-card {
position: relative;
}
.communities-swiper .swiper-wrapper .swiper-slide .communities-swiper-card-content {
display: none;
transition: transform 0.3s ease;
}
.communities-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .communities-swiper-card-content {
display: block;
transition: transform 0.3s ease;
}
.communities-swiper-card-content {
position: absolute;
width: 120%;
/* margin-top: 30px; */
padding: 100px 40px 80px 40px;
bottom: -85%;
left: -10%;
right: 0;
background-color: #ffffffc2;
z-index: 1;
border-radius: 15px;
text-align: center;
}
.communities-swiper-card-content h5 {
color: #cb3634;
margin-bottom: 10px;
font-size: 28px;
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
text-transform: capitalize;
}
.communities-swiper-card-img {
position: relative;
z-index: 99;
}
.communities-swiper-card-img img{
position: relative;
z-index: 99;
}
.communities-swiper .swiper-slide.swiper-slide-prev {
z-index: 999;
}
.communities-swiper .swiper-button-next,
.communities-swiper .swiper-button-prev {
position: absolute;
top: auto;
bottom: 60px;
z-index: 99;
width: 60px;
height: 60px;
background-color: #FF7742;
border-radius: 50%;
}
.communities-swiper .swiper-button-next,
.communities-swiper .swiper-rtl .swiper-button-prev {
right: auto;
left: 51%;
}
.communities-swiper .swiper-button-prev,
.communities-swiper .swiper-rtl .swiper-button-next {
left: auto;
right: 51%;
}
.communities-swiper .swiper-button-prev img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.communities-swiper .swiper-button-next:after,
.communities-swiper .swiper-rtl .swiper-button-prev:after {
display: none;
}
.communities-swiper .swiper-button-prev:after,
.communities-swiper .swiper-rtl .swiper-button-next:after {
display: none;
}
/* option2 style */
.about-new-img-container {
padding-top: 0px;
/*height: 600px;*/
}
/* our value proposition new section */
.proposition-new-sec {
position: relative;
padding: 100px 0px 300px 0px;
z-index: 10;
background-color: #FFECE8;
/*background-image: url('./../img/aboutbanner-new-bg-img.jpg');*/
/*background-position: center;*/
/*background-size: 100%;*/
/*-webkit-animation: 10s linear 0s normal none infinite animate;*/
/*-moz-animation: 10s linear 0s normal none infinite animate;*/
/*-ms-animation: 10s linear 0s normal none infinite animate;*/
/*-o-animation: 10s linear 0s normal none infinite animate;*/
/*animation: 10s linear 0s normal none infinite animate;*/
}
/*.proposition-new-sec::after {*/
/* background-image: url('./../img/opt1-ongoing-proj-bg-bottom.png');*/
/* background-position: bottom;*/
/* background-repeat: no-repeat;*/
/* background-size: 100%;*/
/* bottom: 0;*/
/* content: "";*/
/* height: 100%;*/
/* position: absolute;*/
/* width: 100%;*/
/* z-index: -3;*/
/* left: 0;*/
/* right: 0;*/
/* opacity: 0.5;*/
/*}*/
.proposition-new-sec h4 {
color: #1A25AB;
}
.proposition-new-swiper {
padding-top: 5rem;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
margin: auto 20px;
}
.proposition-new-swiper .swiper-slide.swiper-slide-active{
left:0!important;
}
.proposition-new-swiper .swiper-button-next,
.proposition-new-swiper .swiper-button-prev {
z-index: 99;
width: 60px;
height: 60px;
background-color: #cb3634;
border-radius: 50%;
}
.proposition-new-swiper .swiper-button-next,
.proposition-new-swiper .swiper-rtl .swiper-button-prev {
right: 25%;
left: auto;
}
.proposition-new-swiper .swiper-button-prev,
.proposition-new-swiper .swiper-rtl .swiper-button-next {
left: 25%;
right: auto;
}
.proposition-new-swiper .swiper-button-prev img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.proposition-new-swiper .swiper-button-next:after,
.proposition-new-swiper .swiper-rtl .swiper-button-prev:after {
display: none;
}
.proposition-new-swiper .swiper-button-prev:after,
.proposition-new-swiper .swiper-rtl .swiper-button-next:after {
display: none;
}
.swiper-card {
background-color: #fff;
padding: 25px 25px;
text-align: center;
width: 100%;
height: auto;
border-radius: 10px;
position: relative;
}
.swiper-card h5 {
background-color: #666766;
width: 100%;
margin: 0 auto 20px;
color: #ffff;
border-radius: 10px;
padding: 10px 25px;
font-size: 20px;
}
.swiper-card img {
width: 100%;
margin-top: 2rem;
}
.proposition-new-swiper .swiper-slide {
opacity: 0;
/* animation: slide1Animation 1s ease infinite alternate; */
}
@keyframes slide1Animation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(10deg);
}
}
.proposition-new-swiper .swiper-slide.swiper-slide-prev {
transform: rotate(335deg);
top: 9rem;
left: -12rem;
opacity: 1;
}
.proposition-new-swiper .swiper-slide.swiper-slide-next {
transform: rotate(25deg);
top: 9rem;
left: 14rem;
opacity: 1;
}
.proposition-new-swiper .swiper-slide.swiper-slide-active {
opacity: 1;
}
.proposition-new-swiper .swiper-slide .swiper-card p {
width: 75%;
margin: 0 auto;
}
.proposition-new-swiper .swiper-slide.swiper-slide-active .swiper-card h5 {
background-color: #cb3634;
}
/* middle section style */
.use-case__container {
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
height: 500vh;
display: flex;
position: relative;
}
.use-case__photo-quiet--large {
background-image: url("./../img/samera-season-bg3.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 85%;
position: absolute;
}
.use-case__structure {
z-index: 50;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.use-case__structure-image {
transform-origin: 50% 100%;
justify-content: center;
align-items: center;
width: 60%;
display: flex;
}
.use-case__container-inner {
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.use-case__sticky {
justify-content: center;
align-self: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
overflow: hidden;
}
.use-case__photo-container {
align-items: flex-end;
width: 100%;
height: 100vh;
position: absolute;
}
.use-case__photo-quiet--medium, .use-case__photo-quiet--small {
z-index: 10;
transform-origin: 50% 100%;
background-image: url("./../img/samera-season-bg3.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 85%;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.text__white {
color: #fff;
font-weight: 400;
}
.use-case__type--quiet {
z-index: 49;
color: #cb3634;
text-align: center;
margin-top: -10%;
position: absolute;
}
.use-case--description {
margin-top: 30px;
}
.use-case__photo-creative--large {
opacity: 0;
background-image: url("./../img/samera-season-bg2.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 85%;
position: absolute;
}
.use-case__photo-creative--medium {
z-index: 10;
opacity: 0;
transform-origin: 50% 100%;
background-image: url("./../img/samera-season-bg2.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 85%;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
transform: scale(.85);
}
.use-case__photo-rental--small {
z-index: 10;
opacity: 0;
transform-origin: 50% 100%;
background-image: url("./../img/samera-season-bg1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 85%;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
transform: scale(.65);
}
.use-case__type--creative {
z-index: 49;
color: #fff;
text-align: center;
margin-top: -10%;
position: absolute;
}
.use-case__photo-rental--large {
opacity: 0;
background-image: url("./../img/samera-season-bg1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 85%;
position: absolute;
}
.use-case__type--rental {
z-index: 49;
color: #fff;
text-align: center;
margin-top: -10%;
position: absolute;
}
.use-case__photo-creative--small {
z-index: 10;
opacity: 0;
transform-origin: 50% 100%;
background-image: url("./../img/samera-season-bg2.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 85%;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
transform: scale(.65);
}
.use-case__photo-rental--medium {
z-index: 10;
opacity: 0;
transform-origin: 50% 100%;
background-image: url("./../img/samera-season-bg1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 85%;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.section-name-use-case__container {
z-index: 500;
position: absolute;
top: 0%;
bottom: 0%;
left: auto;
right: 0%;
}
.section-name--white {
color: #fff;
text-align: center;
letter-spacing: 2px;
width: 200px;
font-size: 10px;
font-weight: 700;
position: absolute;
transform: rotate(90deg);
}
.section-name__inner--80 {
justify-content: center;
align-items: center;
height: 80vh;
padding-right: 35px;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.div-block {
z-index: 500;
width: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.section-name--coral {
color: #fff;
text-align: center;
letter-spacing: 2px;
width: 200px;
font-size: 10px;
font-weight: 700;
position: absolute;
transform: rotate(90deg);
}
.design__wrapper {
position: relative;
}
.section-name--mobile {
color: #fff;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 10px;
font-weight: 700;
display: none;
position: static;
}
.ongoing-project-new-swiper .swiper-slide:nth-child(1) .ongoing-project-new-text{
background-color: #dfeed7;
}
.ongoing-project-new-swiper .swiper-slide:nth-child(2) .ongoing-project-new-text{
background-color: #f9e8d6;
}
.ongoing-project-new-swiper .swiper-slide:nth-child(3) .ongoing-project-new-text{
background-color: #e6deeb;
}
.ongoing-project-new-swiper .swiper-slide:nth-child(4) .ongoing-project-new-text{
background-color: #dfeed7;
}
.ongoing-project-new-swiper .swiper-slide:nth-child(5) .ongoing-project-new-text{
background-color: #f9e8d6;
}
.ongoing-project-new-swiper .swiper-slide:nth-child(1) .ongoing-project-new-text .text_n{
background: #b7ccac;
}
.ongoing-project-new-swiper .swiper-slide:nth-child(2) .ongoing-project-new-text .text_n{
background: #dac0a4;
}
.ongoing-project-new-swiper .swiper-slide:nth-child(3) .ongoing-project-new-text .text_n{
background: #d7c4e2;
}
.ongoing-project-new-swiper .swiper-slide:nth-child(4) .ongoing-project-new-text .text_n{
background: #b7ccac;
}
.ongoing-project-new-swiper .swiper-slide:nth-child(5) .ongoing-project-new-text .text_n{
background: #dac0a4;
}
/* new testimonials reviews section */
.new-testimonials-reviews-sec {
position: relative;
/*padding: 100px 100px;*/
background-color: #fff;
/*background-image: url("./../img/bg.jpg");*/
width:100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/*overflow: hidden;*/
}
.new-testimonials-reviews-swiper {
position: relative;
}
.new-testimonials-reviews-swiper.swiper {
overflow: visible !important
}
.new-testimonials-reviews-swiper {
height: 600px;
}
.new-testimonials-reviews-swiper .swiper-slide {
background: #fff;
border-radius: 64px;
overflow: hidden;
padding: 40px 20px 56px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
.new-testimonials-reviews-swiper .swiper-slide+.swiper-slide-prev>*,
.new-testimonials-reviews-swiper .swiper-slide-active>*,
.new-testimonials-reviews-swiper .swiper-slide-next+.swiper-slide>*,
.new-testimonials-reviews-swiper .swiper-slide-next>*,
.new-testimonials-reviews-swiper .swiper-slide-visible>* {
opacity: 1
}
.new-testimonials-reviews-swiper .swiper-slide,
.new-testimonials-reviews-swiper .swiper-slide-active,
.new-testimonials-reviews-swiper .swiper-slide-prev {
z-index: 3 !important;
position: relative
}
.new-testimonials-reviews-swiper .swiper-slide-next,
.new-testimonials-reviews-swiper .swiper-slide-next+.swiper-slide {
z-index: 8 !important;
position: relative
}
.new-testimonials-reviews-swiper .swiper-pagination {
display: flex;
justify-content: center;
margin-top: 26px;
flex-direction: column;
gap: 8px
}
.new-testimonials-reviews-swiper .swiper-pagination .swiper-pagination-bullet {
width: 24px;
height: 24px;
border-radius: 50%;
background: transparent;
position: relative;
cursor: pointer
}
.new-testimonials-reviews-swiper .swiper-pagination .swiper-pagination-bullet:after,
.new-testimonials-reviews-swiper .swiper-pagination .swiper-pagination-bullet:before {
content: "";
border-radius: 50%;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
position: absolute
}
.new-testimonials-reviews-swiper .swiper-pagination .swiper-pagination-bullet:before {
width: 11px;
height: 11px;
border: 1px solid #cb3634;
}
.new-testimonials-reviews-swiper .swiper-pagination .swiper-pagination-bullet:after {
width: 12px;
height: 12px;
background: #cb3634;
opacity: 0;
transition: opacity .3s ease
}
.new-testimonials-reviews-swiper .swiper-pagination .swiper-pagination-bullet-active:after {
opacity: 1
}
.new-testimonials-reviews-swiper .swiper-button-next,
.new-testimonials-reviews-swiper .swiper-button-prev {
position: absolute;
top: auto;
bottom: 60px;
z-index: 99;
width: 60px;
height: 60px;
background-color: #cb3634;
border-radius: 50%;
}
.new-testimonials-reviews-swiper .swiper-slide:nth-child(1) {
background: #FCF5FF;
background: linear-gradient(90deg, #FFF7F4 0%, #FFF7F4 35%);
}
.new-testimonials-reviews-swiper .swiper-slide:nth-child(2) {
background: #FFF7F4;
background: linear-gradient(90deg, #FFF7F4 0%, #FFF7F4 35%);
}
.new-testimonials-reviews-swiper .swiper-slide:nth-child(3) {
background: #F3FFE9;
background: linear-gradient(90deg, #FFF7F4 0%, #FFF7F4 35%);
}
.new-testimonials-reviews-swiper .swiper-button-next,
.new-testimonials-reviews-swiper .swiper-rtl .swiper-button-prev {
right: auto;
left: 51%;
}
.new-testimonials-reviews-swiper .swiper-button-prev,
.new-testimonials-reviews-swiper .swiper-rtl .swiper-button-next {
left: auto;
right: 51%;
}
.new-testimonials-reviews-swiper .swiper-button-prev img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.new-testimonials-reviews-swiper .swiper-button-next:after,
.new-testimonials-reviews-swiper .swiper-rtl .swiper-button-prev:after {
display: none;
}
.new-testimonials-reviews-swiper .swiper-button-prev:after,
.new-testimonials-reviews-swiper .swiper-rtl .swiper-button-next:after {
display: none;
}
.new-testimonials-reviews-swiper .swiper-pagination-bullet {
opacity: 1;
}
.new-testimonials-reviews-swiper .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .new-testimonials-reviews-swiper .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0;
display: block;
}
.new-testimonials-reviews-container {
/*padding-top: 50px;*/
padding: 50px 100px 100px 100px;
}
.testi-full-div {
overflow: hidden;
}
.new-testimonials-reviews-head {
padding-top: 50px;
}
.new-testimonials-reviews-row {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 80px;
}
.new-testimonials-reviews-img {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
}
.new-testimonials-reviews-img .testi-active-img {
width: 400px;
height: 400px;
border-radius: 50%;
object-fit: cover;
}
.new-testimonials-reviews-content {
padding: 0px 100px 0px 10px;
}
.new-testimonials-reviews-content h3 {
font-size: 38px;
color: #333333;
margin-bottom: 20px;
text-transform: capitalize;
}
/*.new-testimonials-reviews-content p{*/
/* color: #302B2B;*/
/* text-transform: capitalize;*/
/* font-size: 18px;*/
/* line-height: 30px; */
/* font-family: 'montserrat-regular';*/
/* src: url('./fonts/Montserrat/Montserrat-Regular.otf'); */
/*}*/
.new-testimonials-reviews-swiper .swiper-pagination-vertical.swiper-pagination-bullets, .new-testimonials-reviews-swiper .swiper-vertical>.swiper-pagination-bullets {
right: 40px;
}
.bottom-img-div {
position: absolute;
left: auto;
right: 10%;
top: auto;
bottom: 0;
width: 400px;
height: auto;
}
.bottom-img-div img {
width:100%;
}
/* map location section */
.map-location-section {
position: relative;
overflow: hidden;
width: 100%;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
background-color: #121414;
height: auto;
padding: 100px 0px;
background-image: url('./../img/form-bg.jpg');
}
.map-location-section .video-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.map-location-section .overlay {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(18, 20, 20, .6);
z-index: 1;
}
.video-container::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(18, 20, 20, .6);
z-index: 1;
}
.video-container .video {
position: absolute;
top: 50%;
width: 100%;
height: 150%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
z-index: 0;
}
.location-row {
background-color: #ffffff;
border-radius: 20px;
padding: 30px 20px;
display: flex;
align-items: center;
justify-content: center;
}
.background_img {
background-color: #fff !important;
}
.background_img-2 {
/* background-color: #ecf9fb; */
padding: 30px !important;
}
.form-container {
position: relative;
z-index: 99;
}
.location_background {
background-color: #ffffff75;
padding: 0px;
height: 650px;
border-radius: 10px;
}
.home-form {
/*padding: 20px;*/
height: auto;
border-radius: 10px;
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
align-items: center;
}
.home-form form {
width: 100%;
margin: 0 auto;
text-align: center;
}
.home-form form .form-group {
width: 100%;
max-width: 100%;
}
.home-form h3 {
font-size: 20px;
color: #302B2B !important;
padding-bottom: 15px;
text-align: center;
}
.sameera-map {
/* background: url('https://www.sameeragroups.com/images/map-2.jpg') no-repeat top left;
padding-top: 100px;
padding-bottom: 100px; */
}
.sameera-map iframe {
width: 100%;
height: 650px;
border-radius: 10px;
}
.redbotton {
background: #e95125 !important;
width: 100%;
font-weight: bold;
margin-top: 25px;
border: solid 1px #e95125;
text-transform: uppercase;
}
.btn_button {
color: white;
background-color: orangered;
box-shadow: none;
text-decoration: none;
}
.contact-add {
background: white;
width: 300px;
margin: 0px auto;
color: #302B2B;
}
.map-0 {
border-bottom: 1px solid black;
padding: 20px 20px 0px 20px;
color: #302B2B;
}
.form-control {
height: calc(2em + 0.75rem + 10px);
}
select {
word-wrap: normal;
width: 100%;
height: calc(2em + 0.75rem + 10px);
color: #495057 !important;
border-radius: 0.25rem;
}
.map-1 {
padding: 10px 0px 10px 20px;
}
.location-row .col-lg-8.col-sm-12 {
padding: 0 10px 0px 0px;
}
.location-row .col-lg-4 {
padding: 0 0 0px 10px;
}
.bird-img-div {
position: absolute;
top: 100px;
left: 0;
right: 0;
width: 100%;
}
.bird-img-div img {
width: 100%;
}
.elem-img1 {
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
}
.elem-img1 img {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
width:350px;
}
.testi-location {
font-size:17px;
}
.testi-location i {
margin-right: 5px;
font-size: 25px;
color: #5A6771;
}
.testi-prev-img {
position: absolute;
width: 50px;
height: 50px;
right: 30px;
bottom: 0;
border-radius: 50%;
object-fit: cover;
}
.testi-next-img {
position: absolute;
width: 50px;
height: 50px;
left: 30px;
top: 0;
border-radius: 50%;
object-fit: cover;
}
.bottom-vector-img1 {
position: absolute;
display: inline-block;
bottom: 0;
left: 200px;
}
.bottom-vector-img1 img {
width: 225px;
}
.bottom-vector-img2 {
position: absolute;
display: inline-block;
bottom: 200px;
right: 500px;
}
.footer-girl-img {
position: absolute;
display: inline-block;
bottom: 0;
right: 20%;
}
.bottom-vector-img2 img {
width: 100px;
}
.bottom-vector-img3 {
position: absolute;
display: inline-block;
bottom: 0;
right: 60px;
}
.bottom-vector-img3 img {
width: 140px;
}
.new-testimonials-reviews-swiper .swiper-slide.swiper-slide-active {
opacity: 1 !important;
}
.new-testimonials-reviews-swiper .swiper-slide {
opacity: 0 !important;
}
/* menu new design */
#menu-btn.height-30em {
height: auto;
top: 17vh;
}
/*#menu-btn img{*/
/* width:22.5%;*/
/*}*/
#menu-btn .menu-icon{
width: 70px;
}
.transition-opacity {
transition: opacity 0.25s;
-webkit-transition: opacity 0.25s;
}
.opacity-0,
.active .active-parent-opacity-0,
.spe-parent.active .active-spe-parent-opacity-0,
.active-opacity-0.active {
opacity: 0;
}
.opacity-20 {
opacity: 0.2;
}
.opacity-30 {
opacity: 0.3;
}
.opacity-40 {
opacity: 0.4;
}
.opacity-50 {
opacity: 0.5;
}
.spe-parent:hover .hover-spe-parent-opacity-60,
.spe-parent.active .active-spe-parent-opacity-60,
.opacity-60 {
opacity: 0.6;
}
.opacity-65 {
opacity: 0.65;
}
.opacity-70 {
opacity: 0.7;
}
.spe-parent.active .active-spe-parent-opacity-80,
.opacity-80 {
opacity: 0.8;
}
.opacity-90,
.active-opacity-90.active {
opacity: 0.9;
}
.active-opacity-85.active {
opacity: 0.85;
}
.active-opacity-100.active,
.loaded-opacity-100.loaded,
.loaded .parent-loaded-opacity-100,
.persistant .persistant-opacity-100,
.persistant-opacity-100.persistant,
.hover-parent:hover .parent-hover-opacity-100,
.current .current-opacity-100 {
opacity: 1.0;
}
.persistant-fade-from-bot {
opacity: 0;
transform: translateY(100%);
-webkit-transform: translateY(100%);
transition: opacity 1s, transform 1s, -webkit-transform 1s;
-webkit-transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
.persistant .persistant-fade-from-bot,
.persistant.persistant-fade-from-bot {
opacity: 1.0;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.active .active-parent-opacity-100,
.active>.active-direct-parent-opacity-100,
.spe-parent.active .active-spe-parent-opacity-100,
.spe-parent:hover .hover-spe-parent-opacity-100,
.active+.active-prev-opacity-100 {
opacity: 1.0;
}
.fixed {
position: fixed;
top: 0;
left: 0;
}
.abs.top-50,
.fixed.top-50 {
top: 50%;
bottom: auto;
}
.fixed.top-50vh,
.abs.top-50vh {
top: 50vh;
bottom: auto;
}
.abs.top-75,
.fixed.top-75 {
top: 75%;
bottom: auto;
}
.fixed.top-75vh,
.abs.top-75vh {
top: 75vh;
bottom: auto;
}
.height-20em {
height: 20em;
}
.height-100,
.active>.active-direct-parent-height-100 {
height: 100%;
}
.height-100-10em {
height: -webkit-calc(100% + 10em);
height: calc(100% + 10em);
}
.width-100,
.active>.active-direct-parent-width-100 {
width: 100%;
}
.width-100--1em {
width: 95%;
width: -webkit-calc(100% - 1em);
width: calc(100% - 1em);
}
.width-100vh,
.width-screen {
width: 100vw;
}
.svg-fit-height,
.img-fit-height {
display: inline-block;
}
.svg-centered {
text-align: center;
}
.svg-centered svg {
display: inline-block;
}
.svg-fit-height svg,
.img-fit-height img {
height: 100%;
}
.svg-fit-height svg,
.img-fit-height img {
height: 100%;
}
.img-fit-height img {
max-width: 100%;
object-fit: contain;
object-position: center center;
}
.svg-fit-width svg,
.img-fit-width img {
width: 100%;
}
.cursor-pointer {
cursor: pointer;
}
.z-index-0 {
z-index: 0;
}
.z-index-1 {
z-index: 1;
}
.z-index-2,
.active-z-index-2.active {
z-index: 2;
}
.z-index-3 {
z-index: 3;
}
.z-index-4 {
z-index: 4;
}
.z-index-5 {
z-index: 5;
}
.abs {
position: absolute;
top: 0;
left: 0;
}
.abs img {
opacity: 1;
}
.fixed.top-50vh,
.abs.top-50vh {
top: 50vh;
bottom: auto;
}
.abs.right,
.fixed.right {
left: auto;
right: 0;
}
.margin-0-5 {
margin: 0.5em;
}
.margin-0-75 {
margin: 0.75em;
}
.right-margin-2-5 {
margin-right: 2.5em;
}
.right-margin--2-5 {
margin-right: -2.5em;
}
.right-margin--2px {
margin-right: -2px;
}
.right-margin-1-75 {
margin-right: 1.75em;
}
/* Flexibles */
.flexbox {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-direction: row;
flex-wrap: wrap;
}
.flexbox-no-wrap {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-direction: row;
flex-wrap: nowrap;
}
.flexbox-center {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.flexbox-top {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
}
.flexbox-top-center {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-direction: row;
align-items: flex-start;
justify-content: space-around;
}
.flexbox-column-left {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.flexbox-center-wrap {
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.flexbox.middle,
.flexbox-mobile.middle {
align-items: center;
justify-content: space-between;
}
.flexbox.stretch,
.flexbox-mobile.stretch {
align-items: stretch;
justify-content: space-between;
}
.flexbox.justify-center {
justify-content: center;
}
.flexbox .flex-0 {
flex: 0;
}
.flexbox .flex {
flex: 1;
}
.flexbox .flex-25 {
flex: 25%;
}
.flexbox .flex-75 {
flex: 75%;
}
.align-bottom {
align-items: flex-end;
}
.flexbox .active.active-order-0 {
order: 0;
}
.flexbox .order-1 {
order: 1;
}
.flexbox.align-end {
align-items: flex-end;
}
.flexbox.align-center {
align-items: center;
}
.flexbox.reverse {
flex-direction: row-reverse;
}
.flexbox.column {
flex-direction: column;
}
.flexbox.column.reverse {
flex-direction: column-reverse;
}
.flexbox.gap-1 {
gap: 1em;
}
.flexbox.gap-1-5 {
gap: 1.5em;
}
.flexbox.gap-2 {
gap: 2em;
}
.flexbox.gap-3 {
gap: 3em;
}
.flexbox.gap-5 {
gap: 5em;
}
.justify-center-center {
justify-content: center;
}
.grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
/*gap:2.5em 1.5em; grid-gap:2.5em 1.5em;*/
}
.grid.jury {
grid-template-columns: repeat(3, 1fr);
gap: 3.5em 1em;
grid-gap: 3.5em 1em;
grid-auto-rows: 1fr;
}
.grid.rse {
grid-template-columns: repeat(2, 1fr);
gap: 2em 1.25em;
grid-gap: 2em 1.25em;
grid-auto-rows: 1fr;
}
.active>.active-direct-parent-color-inherit,
.spe-parent.active .active-spe-parent-color-inherit,
.color-inherit {
color: inherit !important;
}
.color-white,
.spe-parent.active .active-spe-parent-color-white,
.spe-parent:hover .hover-spe-parent-color-white {
color: white;
}
.color-grey {
color: #f6f6f6;
}
.color-black,
*:hover>.hover-direct-parent-color-black,
.spe-parent:hover .hover-spe-parent-color-black {
color: black;
}
.color-darkblue,
.active>.active-direct-parent-color-darkblue {
color: #045E7C;
}
.color-darkblue-2 {
color: #284D98;
}
.color-darkerblue {
color: #06052D;
}
.color-blue,
*:hover>.hover-direct-parent-color-blue {
color: #0080AB;
}
.color-blue-2 {
color: #209DC7;
}
.color-lightblue {
color: #32ADD6;
}
.color-grey {
color: #F8F8F8;
}
.color-purple {
color: #7507f8;
}
.color-purple-2 {
color: #B287F2;
}
.color-purple-3 {
color: #632AB7;
}
.color-red {
color: #E50050;
}
.color-orange {
color: #EB5B26;
}
.color-orange-2 {
color: #FB4949;
}
.color-orange-3,
*:hover>.hover-direct-parent-color-orange-3 {
color: #E14230;
}
.color-lightgreen,
*:hover>.hover-direct-parent-color-lightgreen,
.spe-parent:hover .hover-spe-parent-color-lightgreen,
.hover-color-lightgreen:hover {
color: #9DD659;
}
.color-green,
*:hover>.hover-direct-parent-color-green {
color: #76B72A;
}
.color-green-2 {
color: #3CA684;
}
.color-green-3 {
color: #64BA87;
}
.p-color-white svg path,
.p-color-white svg rect,
.p-color-white svg circle {
fill: white;
}
.p-color-darkblue svg path,
.p-color-darkblue svg rect,
.p-color-darkblue svg circle {
fill: #045E7C;
}
.p-color-black svg path,
.p-color-black svg rect,
.p-color-black svg circle {
fill: black;
}
.p-color-black-2 svg path,
.p-color-black-2 svg rect,
.p-color-black-2 svg circle {
fill: black;
}
#menu-btn:hover .p-color-black-2 svg path,
#menu-btn:hover .p-color-black-2 svg rect,
#menu-btn:hover .p-color-black-2svg circle {
fill: #632AB7;
}
.p-color-blue svg path,
.p-color-blue svg rect,
.p-color-blue svg circle {
fill: #0080AB;
}
.p-color-blue-2 svg path,
.p-color-blue-2 svg rect,
.p-color-blue-2 svg circle,
.spe-parent:hover .spe-parent-hover-p-color-blue-2 svg path,
.spe-parent:hover .spe-parent-hover-p-color-blue-2 svg rect,
.spe-parent:hover .spe-parent-hover-p-color-blue-2 svg circle {
fill: #284d98;
}
.p-color-lightblue svg path,
.p-color-lightblue svg rect,
.p-color-lightblue svg circle {
fill: #32ADD6;
}
.p-color-white svg path,
.p-color-white svg rect,
.p-color-white svg circle,
.hover-p-color-white:hover svg path,
.hover-p-color-white:hover svg rect,
.hover-p-color-white:hover svg circle {
fill: #fff;
}
.p-color-lightgreen svg path,
.p-color-lightgreen svg rect,
.p-color-lightgreen svg circle,
.hover-p-color-lightgreen:hover svg path,
.hover-p-color-lightgreen:hover svg rect,
.hover-p-color-lightgreen:hover svg circle,
*:hover>.hover-direct-parent-p-color-lightgreen svg path,
*:hover>.hover-direct-parent-p-color-lightgreen svg rect,
*:hover>.hover-direct-parent-p-color-lightgreen svg circle,
.spe-parent:hover .spe-parent-hover-p-color-lightgreen svg path,
.spe-parent:hover .spe-parent-hover-p-color-lightgreen svg rect,
.spe-parent:hover .spe-parent-hover-p-color-lightgreen svg circle {
fill: #9DD659;
}
.p-color-green svg path,
.p-color-green svg rect,
.p-color-green svg circle {
fill: #3CA684;
}
.p-color-green-2 svg path,
.p-color-green-2 svg rect,
.p-color-green-2 svg circle {
fill: #64BA87;
}
.p-color-green-3 svg path,
.p-color-green-3 svg rect,
.p-color-green-3 svg circle {
fill: #76b72a;
}
.p-color-green-4 svg path,
.p-color-green-4 svg rect,
.p-color-green-4 svg circle {
fill: #71B44B;
}
.p-color-red svg path,
.p-color-red svg rect,
.p-color-red svg circle {
fill: #E50050;
}
.p-color-orange svg path,
.p-color-orange svg rect,
.p-color-orange svg circle,
.spe-parent:hover .spe-parent-hover-p-color-orange svg path,
.spe-parent:hover .spe-parent-hover-p-color-orange svg rect,
.spe-parent:hover .spe-parent-hover-p-color-orange svg circle {
fill: #EE7034;
}
.p-color-orange-2 svg path,
.p-color-orange-2 svg rect,
.p-color-orange-2 svg circle {
fill: #FB4949;
}
.p-color-orange-3 svg path,
.p-color-orange-3 svg rect,
.p-color-orange-3 svg circle,
.spe-parent:hover .spe-parent-hover-p-color-orange-3 svg path,
.spe-parent:hover .spe-parent-hover-p-color-orange-3 svg rect,
.spe-parent:hover .spe-parent-hover-p-color-orange-3 svg circle {
fill: #E14230;
}
.p-color-purple svg path,
.p-color-purple svg rect,
.p-color-purple svg circle,
.spe-parent:hover .spe-parent-hover-p-color-purple svg path,
.spe-parent:hover .spe-parent-hover-p-color-purple svg rect,
.spe-parent:hover .spe-parent-hover-p-color-purple svg circle {
fill: #7507f8;
}
.spe-parent:hover .spe-parent-hover-p-color-green svg path,
.spe-parent:hover .spe-parent-hover-p-color-green svg rect,
.spe-parent:hover .spe-parent-hover-p-color-green svg circle,
*:hover>.hover-direct-parent-p-color-green svg path,
*:hover>.hover-direct-parent-p-color-green svg rect,
*:hover>.hover-direct-parent-p-color-green svg circle {
fill: #76B72A;
}
.active .active-parent-p-color-white-alpha-40 svg path,
.active .active-parent-p-color-white-alpha-40 svg rect,
.active .active-parent-p-color-white-alpha-40 svg circle {
fill: rgba(255, 255, 255, 0.4);
}
.p-stroke-color-black svg path,
.p-stroke-color-black svg rect,
.p-stroke-color-black svg circle {
stroke: black;
}
.p-stroke-color-blue svg path,
.p-stroke-color-blue svg rect,
.p-stroke-color-blue svg circle {
stroke: #0080AB;
}
.p-stroke-color-darkblue svg path,
.p-stroke-color-darkblue svg rect,
.p-stroke-color-darkblue svg circle {
stroke: #045e7c;
}
.p-stroke-color-white svg path,
.p-stroke-color-white svg rect,
.p-stroke-color-white svg circle {
stroke: white;
}
.p-stroke-color-orange svg path,
.p-stroke-color-orange svg rect,
.p-stroke-color-orange svg circle {
stroke: #EE7034;
}
.p-stroke-color-orange-2 svg path,
.p-stroke-color-orange-2 svg rect,
.p-stroke-color-orange-2 svg circle {
stroke: #FB4949;
}
.p-stroke-color-orange-3 svg path,
.p-stroke-color-orange-3 svg rect,
.p-stroke-color-orange-3 svg circle {
stroke: #E14230;
}
.p-stroke-color-orange-4 svg path,
.p-stroke-color-orange-4 svg rect,
.p-stroke-color-orange-4 svg circle {
stroke: #EB5B26;
}
.p-stroke-color-orange-5 svg path,
.p-stroke-color-orange-5 svg rect,
.p-stroke-color-orange-5 svg circle {
stroke: #ED9C44;
}
.p-stroke-color-red svg path,
.p-stroke-color-red svg rect,
.p-stroke-color-red svg circle {
stroke: #E50050;
}
.p-stroke-color-red-2 svg path,
.p-stroke-color-red-2 svg rect,
.p-stroke-color-red-2 svg circle {
stroke: #D52E2F;
}
*:hover>.hover-direct-parent-p-stroke-color-lightgreen svg path,
*:hover>.hover-direct-parent-p-stroke-color-lightgreen svg rect,
*:hover>.hover-direct-parent-p-stroke-color-lightgreen svg circle {
stroke: #9DD659;
}
.p-stroke-color-green svg path,
.p-stroke-color-green svg rect,
.p-stroke-color-green svg circle {
stroke: #3CA684;
}
.p-stroke-color-green-2 svg path,
.p-stroke-color-green-2 svg rect,
.p-stroke-color-green-2 svg circle {
stroke: #64BA87;
}
.p-stroke-width-leaf svg path,
.p-stroke-width-leaf svg rect,
.p-stroke-width-leaf svg circle {
stroke-width: 2px;
}
.p-stroke-width-focus svg path,
.p-stroke-width-focus svg rect,
.p-stroke-width-focus svg circle {
stroke-width: 5px;
}
.p-stroke-width-number svg path,
.p-stroke-width-number svg rect,
.p-stroke-width-number svg circle {
stroke-width: 8px;
}
.p-stroke-width-number-light svg path,
.p-stroke-width-number-light svg rect,
.p-stroke-width-number-light svg circle {
stroke-width: 2px;
}
.p-stroke-width-title-std svg path,
.p-stroke-width-title-std svg rect,
.p-stroke-width-title-std svg circle,
.p-stroke-width-title-activity svg path,
.p-stroke-width-title-activity svg rect,
.p-stroke-width-title-activity svg circle,
.p-stroke-width-menu svg path,
.p-stroke-width-menu svg rect,
.p-stroke-width-menu svg circle {
stroke-width: 3px;
}
.anim.draw svg path {
opacity: 0;
}
.seen .anim.draw:not(.onload) svg path,
.seen.anim.draw:not(.onload) svg path,
.loaded .anim.draw.onload svg path,
.anim.draw.onload.loaded svg path {
opacity: 1;
transition: stroke-dashoffset 2s ease-in-out 0s, stroke-dasharray 2s ease-in-out 0s;
-webkit-transition: stroke-dashoffset 2s ease-in-out 0, stroke-dasharray 2s ease-in-out 0s;
stroke-dashoffset: 0 !important;
}
/* Sketch */
@keyframes stroke-dashoffset {
0% {
opacity: 1;
}
100% {
opacity: 1;
stroke-dashoffset: 0 !important;
}
}
@-webkit-keyframes stroke-dashoffset {
0% {
opacity: 1;
}
100% {
opacity: 1;
stroke-dashoffset: 0 !important;
}
}
.top-margin--0-75 {
margin-top: -0.75em;
}
.height-1-5em {
height: 1.5em;
}
.middle-holder {
display: table;
height: 100%;
width: 100%;
}
.middle-holder .middle {
vertical-align: middle;
width: 100%;
display: table-cell;
}
.transition-slow {
transition-duration: 0.5s !important;
-webkit-transition-duration: 0.5s !important;
}
.transition-t-color {
transition: color 0.25s;
-webkit-transition: color 0.25s;
}
.t-menu {
font-size: 25px;
line-height: 40px;
letter-spacing: 0.06em;
color: #cc3937;
font-weight: bold;
}
.t-menu:hover {
}
.t-menu-big {
font-size: 400%;
line-height: 1.22em;
letter-spacing: 0.1em;
font-weight: 600;
}
.spe-parent.active .active-spe-parent-t-menu-big {
font-size: 400%;
line-height: 1.22em;
letter-spacing: 0.1em;
font-weight: 600;
text-shadow: white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em, white 0px 0px 0.0250em;
-webkit-font-smoothing: antialiased;
}
.t-submenu {
font-size: 17px;
line-height: 35px;
color: #000000;
padding: 5px 10px;
}
.t-submenu:hover {
background-color: #cb3634;
color:#fff;
}
#menu-btn:hover .p-color-black-2 svg path,
#menu-btn:hover .p-color-black-2 svg rect,
#menu-btn:hover .p-color-black-2svg circle {
fill: #632AB7;
}
.clear {
display: block;
clear: both !important;
}
.clear-900 {
display: none;
clear: both !important;
}
.clear-after:after {
content: "";
display: block;
clear: both;
}
.no-select {
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.no-events {
pointer-events: none !important;
}
.no-outline {
outline: none;
}
.no-highlight {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.active.active-events,
.active>.active-direct-parent-events,
.active+.active-prev-events,
.persistant .persistant-events,
.persistant-events.persistant {
pointer-events: initial !important;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.float {
float: left;
}
.float.right {
float: right;
}
.uppercase {
text-transform: uppercase;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.float {
float: left;
}
.float.right {
float: right;
}
.centered {
margin: 0 auto;
}
.left-pad-8 {
padding-left: 8em;
}
.right-pad-8 {
padding-right: 8em;
}
.centered-container {
display: block;
width: calc(100% - 6em);
width: -webkit-calc(100% - 6em);
box-sizing: border-box;
margin: 0 auto;
height: 100%;
}
.centered-wide {
display: block;
/*width: calc(100% - 12.5em);*/
/*width: -webkit-calc(100% - 12.5em);*/
box-sizing: border-box;
margin: 0 auto;
height: 100%;
position: relative;
}
.centered-small {
display: block;
width: calc(100% - 28em);
width: -webkit-calc(100% - 28em);
box-sizing: border-box;
margin: 0 auto;
height: 100%;
}
.lowercase {
text-transform: lowercase;
}
.abs.top-50.right {
right: -15px;
}
.nav-main {
z-index: 9;
}
#menu {
z-index: 11;
}
#menu-btn {
z-index: 12;
}
/* Centrage */
.bg-cover {
object-fit: cover;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
object-position: center;
}
.bg-cover-height {
background-size: auto 93%;
}
.bg-contain {
object-fit: contain;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
object-position: center;
}
.middle-holder {
display: table;
height: 100%;
width: 100%;
}
.middle-holder .middle {
vertical-align: middle;
width: 100%;
display: table-cell;
}
.center-holder {
text-align: center;
}
.left-holder {
text-align: left;
}
.right-holder {
text-align: right;
}
.justify-center {
justify-content: center;
}
.image-col-div {
position: relative;
width: 50%;
/*display:none;*/
}
.image-div {
position: relative;
}
/*.abs.top-100 {*/
/* top: 70%;*/
/* bottom: auto;*/
/*}*/
a:hover {
text-decoration: none;
}
.top-margin-5 {
margin-top: 5em;
}
/* menu design changes */
.padding-left-100 {
padding-left: 100px;
}
.padding-100 {
padding: 100px;
}
.new-bg-color-div {
position: relative;
}
.bg-image-before {
position: relative;
}
.bg-image-before::after {
background-image: url('./../img/bgimg-after.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
bottom: 0;
content: "";
height: 100%;
position: absolute;
width: 100%;
z-index: -5;
}
.about-cont-div {
position: relative;
display: flex;
/*justify-content: center;*/
align-items: center;
/*text-align: center;*/
/*margin-bottom:30px;*/
width: 90%;
}
.testi-review-obj{
position: absolute;
bottom: 0%;
left: 48%;
right: 0;
top: auto;
z-index: -1;
}
.testi-review-obj-1{
position: absolute;
bottom: 0%;
left: 0;
right: 0;
top: auto;
z-index: 0;
}
.founder-name {
color: #cb3634;
font-size: 27px;
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
margin-bottom: 5px;
}
.founder-post {
color: #302B2B;
text-transform: capitalize;
font-size: 15px;
margin-bottom: 70px;
}
.nav-main {
transition: all .5s ease;
}
.nav-main.navactive {
background-color: #fff !important;
box-shadow: 0 3px 24px rgba(0, 0, 0, .102);
height: 4em;
min-height: 4em;
transition: all .5s ease;
}
.banner-new-left-img img {
width: 200px !important;
height: 200px !important;
object-fit: contain !important;
}
.banner-new-right-img img {
width: 200px !important;
height: 200px !important;
object-fit: contain !important;
}
@media only screen and (min-width: 1440px) and (max-width: 1600px) {
.sameera-content .rb-object-frame .sameera-obj-1 {
height:650px;
}
.banner-new-center-image {
width: 400px !important;
height: 400px !important;
}
.banner-new-left-img {
top: 60px;
}
.banner-new-right-img {
bottom: 20px;
}
}
@media only screen and (min-width: 1440px) and (max-width: 1600px) {
.sameera-content .sameera-slide-caption {
padding: 90px 80px 40px 80px;
}
}
/* ongoing project inner page design */
.ongo-inner-first-img img {
width: 100%;
}
.ongoing-project-first-bgsec .ongo-inner-first-container {
margin-bottom: 200px;
}
.ongoing-project-page-inner-banner {
background-image: url('./../img/ongoing-inner-new-bg-img.jpg');
}
.inner-cen-logo {
margin-bottom: 20px;
}
.ongo-inner-first-container {
margin-top: 30px;
margin-bottom: 0px;
/*margin-bottom: 200px;*/
}
.ongo-inner-first-row {
position: relative;
padding: 50px;
background: #fff;
background-size: 100% 100%;
border-radius: 20px;
border: 15px solid #fff;
}
.ongo-inner-first-img {
position: relative;
}
.ongo-inner-first-map iframe {
width: 100%;
height: 360px;
border: none;
}
.center-bottom-strip {
display: flex;
justify-content: center;
align-items: center;
/*background-color: #fff;*/
color: #000000;
padding: 5px 10px;
width: fit-content;
margin: 20px auto 0px auto;
border-radius: 5px;
}
.center-bottom-strip:hover {
text-decoration: none;
color: #000000;
}
.center-bottom-strip p {
margin-bottom: 0px;
}
.center-bottom-strip img {
margin-right: 10px;
}
.project-overview-swiper-container {
position: relative;
padding-top: 50px;
}
.project-overview-swiper-head {
padding-bottom: 50px;
}
.projects-overview-item {
position: relative;
background-color: #ffffff;
padding: 10px;
border-radius: 15px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.overview-content-card {
position: relative;
padding: 20px 0px 10px;
}
.overview-content-card img {
/*width: 30%;*/
width:50px;
margin: 0 auto;
}
.overview-content-card p {
text-transform: uppercase;
padding: 10px 0px 10px 0px;
margin-bottom: 0;
}
.overview-content-card span {
padding: 5px 40px;
background-color: #cb3634;
color: #ffff;
border-radius: 100px;
}
.location-advantage-sec {
position: relative;
padding: 100px 0px 100px 0px;
background-color: #F8F5F1;
}
.full-div-card {
position: relative;
background-color: #ffffff;
padding: 15px;
border-radius: 20px;
height: 585px;
/* height: 650px; */
}
.location-advantage-swiper-row {
display: flex;
align-items: center;
justify-content: center;
}
.location-advantage-swiper .swiper-slide.swiper-slide-active .location-advantage-row {
justify-content: flex-end;
}
.location-advantage-swiper .swiper-slide.swiper-slide-next .location-advantage-row {
justify-content: flex-start;
}
.location-advantage-row {
display: flex;
align-items: center;
/* justify-content: center; */
/* text-align: center; */
}
.location-advantage-text {
position: relative;
padding-top: 20px;
padding-bottom: 20px;
}
.location-advantage-text h4{
text-align: center;
color: #cb3634;
margin-bottom: 20px;
font-size: 23px;
}
.location-advantage-text ul li{
list-style: none;
}
.location-advantage-swiper .swiper-button-prev, .location-advantage-swiper .swiper-rtl .swiper-button-next {
left: 10%;
right: auto;
}
.location-advantage-swiper .swiper-button-next, .location-advantage-swiper .swiper-rtl .swiper-button-prev {
right: 10%;
left: auto;
}
.location-advantage-swiper .swiper-button-next, .location-advantage-swiper .swiper-button-prev {
position: absolute;
top: auto;
bottom: 50%;
z-index: 99;
width: auto;
height: auto;
/* background-color: #FF7742; */
border-radius: 50%;
}
.location-advantage-swiper .swiper-button-next img, .location-advantage-swiper .swiper-button-prev img {
width: 60px;
height: 60px;
z-index: 99;
}
.location-advantage-swiper .swiper-button-prev:after, .location-advantage-swiper .swiper-rtl .swiper-button-next:after {
display: none;
}
.location-advantage-swiper .swiper-button-next:after, .location-advantage-swiper .swiper-rtl .swiper-button-prev:after {
display: none;
}
/* .location-advantage-card {
position: relative;
width: 70%;
margin: 0 auto;
} */
.location-advantage-swiper .swiper-wrapper {
margin-bottom: 100px;
}
.location-advantage-swiper .swiper-horizontal>.swiper-pagination-bullets, .location-advantage-swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .location-advantage-swiper .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 0;
top: auto;
left: 0;
width: fit-content;
display: flex;
background-color: #fff;
margin: 0 auto;
text-align: center;
justify-content: center;
align-items: center;
right: 0;
padding: 5px;
border-radius: 30px;
}
.location-advantage-swiper .swiper-pagination-bullet {
width: 13px;
height: 13px;
background: #cb3634;
border: 2px solid #cb3634;
padding: 5px;
border-radius: 50%;
position: relative;
transition: .5s all ease-in-out;
}
.location-advantage-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: transparent;
width: 20px;
height: 20px;
padding: 5px;
}
.location-advantage-swiper .swiper-pagination-bullet::after{
transition: .5s all ease-in-out;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #cb3634;
}
/* .location-advantage-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 20px;
height: 20px;
background: #FF7742;
border: 3px solid #FF7742;
} */
.salient-features-new-sec {
position: relative;
padding: 100px 100px 300px 100px;
background-color: #f8f5f1;
}
.salient-features-new-sec::after {
background-image: url('./../img/salient-feature-bottom-new-img.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
bottom: 0;
content: "";
height: 100%;
position: absolute;
width: 100%;
z-index: 0;
left: 0;
right: 0;
}
.salient-features-new-swiper .swiper-slide {
position: relative;
transform: scale(.60);
transition: all .3s ease-in-out;
}
.salient-features-new-swiper .swiper-slide {
transform: scale(.60) translateZ(0);
}
.salient-features-new-swiper .swiper-slide.swiper-slide-active {
transform: scale(1) !important;
opacity: 1 !important;
}
.salient-features-new-swiper .swiper-slide.swiper-slide-active .salient-feat-content-div{
display: block;
}
.salient-features-new-swiper .swiper-slide .salient-feat-content-div{
display: none;
}
.salient-features-new-swiper .swiper-wrapper {
margin-bottom: 100px;
display: flex;
align-items: center;
}
.salient-features-new-swiper .swiper-button-next,
.salient-features-new-swiper .swiper-button-prev {
position: absolute;
top: auto;
bottom: 120px;
z-index: 99;
width: 60px;
height: 60px;
background-color: #cb3634;
border-radius: 50%;
}
.salient-features-new-swiper .swiper-button-next,
.salient-features-new-swiper .swiper-rtl .swiper-button-prev {
right: auto;
left: 51%;
}
.salient-features-new-swiper .swiper-button-prev,
.salient-features-new-swiper .swiper-rtl .swiper-button-next {
left: auto;
right: 51%;
}
.salient-features-new-swiper .swiper-button-prev img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.salient-features-new-swiper .swiper-button-next:after,
.salient-features-new-swiper .swiper-rtl .swiper-button-prev:after {
display: none;
}
.salient-features-new-swiper .swiper-button-prev:after,
.salient-features-new-swiper .swiper-rtl .swiper-button-next:after {
display: none;
}
.salient-feat-content-div {
text-align: center;
position: relative;
z-index: 10;
}
.salient-feat-img-div {
position: relative;
z-index: 10;
}
.salient-feat-content-div h5 {
color: #333333;
margin-bottom: 10px;
font-size: 28px;
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
text-transform: capitalize;
}
.salient-feat-full-card {
position: relative;
z-index: 10;
margin-bottom: 70px;
}
.salient-features-new-swiper .swiper-slide .salient-feat-full-card::after {
display: none;
}
.salient-features-new-swiper .swiper-slide.swiper-slide-active .salient-feat-full-card::after {
content: '';
position: absolute;
width: 550px;
height: 550px;
z-index: 1;
background-color: #fff;
margin: 0;
position: absolute;
top: 63%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
display: block;
/* content: '';*/
/*position: absolute;*/
/*width: 100%;*/
/*height: 100%;*/
/*z-index: 9;*/
/*background-color: #fff;*/
/*margin: 0;*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0; */
/*border-radius: 50%;*/
/*display: block;*/
}
.salient-feat-content-div {
padding: 30px 30px 0px 30px;
}
.salient-feat-full-card {
padding: 30px 40px;
}
.swiper.salient-features-new-swiper {
padding: 0px 0px 20px 0px;
}
/* gallery thumbs swiper */
.ongoing-gallery-sec {
position: relative;
padding: 100px 0px 0px 0px;
background-color: #F8F5F1;
}
.ongoing-gallery-swiper-row {
display: flex;
justify-content: center;
align-items: center;
}
.ongoing-gallery-swiper-div {
position: relative;
padding: 100px 120px;
background-color: #ffffff;
border: 5px solid #fff;
border-radius: 30px;
}
.mySwiper {
margin-top: 30px;
}
.ongoing-gallery-swiper-top-img {
position: relative;
}
.ongoing-gallery-swiper-top-img img {
border-radius: 10px;
}
/* .mySwiper.swiper {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
.mySwiper2 {
height: 80%;
width: 100%;
}
.mySwiper {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.mySwiper .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}
.mySwiper .swiper-slide-thumb-active {
opacity: 1;
}
.mySwiper .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} */
/*Divya 1-7-24 ongoing project inner page style*/
.mySwiper .swiper-slide{
cursor: pointer;
}
.mySwiper .swiper-slide .ongoing-gallery-swiper-top-img img{
border: 3px solid transparent;
}
.mySwiper .swiper-slide.swiper-slide-thumb-active .ongoing-gallery-swiper-top-img img{
border: 3px solid #cb3634!important;
}
.mySwiper2 .swiper-button-prev, .mySwiper2 .swiper-rtl .swiper-button-next {
left: 20%;
right: auto;
}
.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-rtl .swiper-button-prev {
right: 20%;
left: auto;
}
.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev {
position: absolute;
top: auto;
bottom: 20px;
z-index: 99;
width: 60px;
height: 60px;
background-color: #cb3634;
border-radius: 50%;
}
.mySwiper2 .swiper-button-next img, .mySwiper2 .swiper-button-prev img {
/* width: 60px;
height: 60px; */
z-index: 99;
}
.mySwiper2 .swiper-button-prev img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.mySwiper2 .swiper-button-prev:after, .mySwiper2 .swiper-rtl .swiper-button-next:after {
display: none;
}
.mySwiper2 .swiper-button-next:after, .mySwiper2 .swiper-rtl .swiper-button-prev:after {
display: none;
}
.mySwiper2 .swiper-wrapper {
margin-bottom: 45px;
}
.mySwiper2 .swiper-horizontal>.swiper-pagination-bullets, .mySwiper2 .swiper-pagination-bullets.swiper-pagination-horizontal, .mySwiper2 .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 30px;
top: auto;
left: 0;
width: 45%;
height: 35px;
display: flex;
background-color: #f8f5f1;
margin: 0 auto;
text-align: center;
justify-content: center;
align-items: center;
right: 0;
padding: 5px;
border-radius: 30px;
}
.mySwiper2 .swiper-pagination-bullet {
width: 13px;
height: 13px;
background: #cb3634;
border: 2px solid #cb3634;
padding: 5px;
border-radius: 50%;
position: relative;
transition: .5s all ease-in-out;
}
.mySwiper2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: transparent;
width: 20px;
height: 20px;
padding: 5px;
}
.mySwiper2 .swiper-pagination-bullet::after{
transition: .5s all ease-in-out;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #cb3634;
}
.partners-sec {
position: relative;
padding-bottom: 100px;
background-color: #F8F5F1;
}
.partners-card-div {
position: relative;
padding: 100px 20px;
background-color: #ffffff;
border: 5px solid #fff;
border-radius: 30px;
}
/* Jerold Sytle on 01/07/2024 */
.about-us-desc-sec{
background: linear-gradient(180deg, #f8f5f1, #f8f5f1, #f8f5f1);
}
.about-us-desc-sec h5{
position: absolute;
top: 10%;
}
.about-us-desc-sec p{
margin-top: 2rem;
color: #333333;
}
.about-leadership-sec.leadership-section{
background: #f8f5f1;
padding: 0px 100px 400px 100px;
}
.about-leadership-sec.leadership-section::after {
background-image: url('./../img/about-leadership-bottom-img.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
bottom: 0;
content: "";
height: 400px;
position: absolute;
width: 60%;
z-index: 0;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
}
/* about page new styles */
.about-vision-mission-swiper-div {
position: relative;
padding: 100px 0px;
}
.about-vision-mission-swiper .swiper-wrapper {
margin-bottom: 150px;
}
.about-vision-mission-swiper-row {
display: flex;
justify-content: center;
align-items: center;
}
.about-vision-mission-swiper-content-div {
position: relative;
/* padding: 0px 50px; */
}
.about-vision-mission-swiper-img-div {
position: relative;
margin: 0 auto;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
/* .about-vision-mission-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .about-vision-mission-swiper-content-div {
display: block;
}
.about-vision-mission-swiper .swiper-wrapper .swiper-slide .about-vision-mission-swiper-content-div {
display: none;
} */
.about-vision-mission-swiper .swiper-button-prev, .about-vision-mission-swiper .swiper-rtl .swiper-button-next {
left: 10%;
right: auto;
}
.about-vision-mission-swiper .swiper-button-next, .about-vision-mission-swiper .swiper-rtl .swiper-button-prev {
right: 10%;
left: auto;
}
.about-vision-mission-swiper .swiper-button-next, .about-vision-mission-swiper .swiper-button-prev {
position: absolute;
top: auto;
bottom: 50%;
z-index: 99;
width: 60px;
height: 60px;
background-color: #FF7742;
border-radius: 50%;
}
.about-vision-mission-swiper .swiper-button-next img, .about-vision-mission-swiper .swiper-button-prev img {
/* width: 60px;
height: 60px; */
z-index: 99;
}
.about-vision-mission-swiper .swiper-button-prev img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.about-vision-mission-swiper .swiper-button-prev:after, .about-vision-mission-swiper .swiper-rtl .swiper-button-next:after {
display: none;
}
.about-vision-mission-swiper .swiper-button-next:after, .about-vision-mission-swiper .swiper-rtl .swiper-button-prev:after {
display: none;
}
.about-vision-mission-swiper .swiper-horizontal>.swiper-pagination-bullets, .about-vision-mission-swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .about-vision-mission-swiper .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 150px;
top: auto;
left: 0;
width: fit-content;
display: flex;
background-color: #fff;
margin: 0 auto;
text-align: center;
justify-content: center;
align-items: center;
right: 0;
padding: 5px;
border-radius: 30px;
}
.about-vision-mission-swiper .swiper-pagination-bullet {
width: 13px;
height: 13px;
background: #cb3634;
border: 2px solid #cb3634;
padding: 5px;
border-radius: 50%;
position: relative;
transition: .5s all ease-in-out;
}
.about-vision-mission-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: transparent;
width: 20px;
height: 20px;
padding: 5px;
}
.about-vision-mission-swiper .swiper-pagination-bullet::after{
transition: .5s all ease-in-out;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #cb3634;
}
.about-vision-container {
position: relative;
padding: 0 60px;
}
.about-vision-sec-new {
background-image: url('./../img/about-vision-bg-img.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
}
.about-vision-sec-new .about-vision-mission-swiper-content-div {
position: relative;
padding: 0px 50px;
}
.about-vision-mission-swiper-row {
/*width: 95%;*/
/*margin: 0 auto;*/
}
.about-vision-second-row {
margin-bottom: 350px;
}
.about-page-value-propostion-full-card {
position: relative;
padding: 50px;
background: #ffffff;
background-size: 100% 100%;
border-radius: 20px;
border: 15px solid #fff;
}
/* Jerold Sytle on 03/07/2024 Starts*/
/* our communities page style */
.communities-first-sec {
position: relative;
/*padding: 100px 100px 300px 100px;*/
padding: 100px 0px 30px 0px;
z-index: 10;
background-color: #F8F5F1;
/*background-image: url('./../img/aboutbanner-new-bg-img.jpg');*/
/*background-position: center;*/
/*background-size: 100%;*/
/*-webkit-animation: 10s linear 0s normal none infinite animate;*/
/*-moz-animation: 10s linear 0s normal none infinite animate;*/
/*-ms-animation: 10s linear 0s normal none infinite animate;*/
/*-o-animation: 10s linear 0s normal none infinite animate;*/
/*animation: 10s linear 0s normal none infinite animate;*/
}
.communities-first-sec-div{
/* overflow: hidden;
background-color: #efefef; */
/* padding: 40px; */
/* border: 15px solid #fff;
border-radius: 10px; */
position: relative;
}
.communities-head{
position: absolute;
top: 12rem;
left: auto;
right: 24rem;
bottom: 0;
/* text-align: center; */
z-index: 9;
}
/* First Communities swiper style */
.communities-first-swiper.swiper-container {
width: 100%;
height: 130vh;
position: relative;
overflow: hidden;
/*background-color: #efefef;*/
/*border: 15px solid #fff;*/
/*border-radius: 10px;*/
margin-top: 3rem;
}
.communities-first-swiper .swiper-wrapper {
/*display: flex;*/
/*flex-direction: column;*/
}
.communities-first-swiper.swiper-container .swiper-slide {
width: 100% !important;
display: flex;
justify-content: center;
align-items: center;
}
.typewriter {
display: inline-block;
overflow: hidden;
margin: 0 auto;
}
.communities-first-swiper.swiper-container .swiper-slide .typewriter-text {
display: inline-block;
visibility: hidden;
}
.communities-first-swiper .swiper-pagination {
position: absolute;
top: 50%;
/*left: 43%;*/
left:auto;
right: 50%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
z-index:1;
}
.communities-first-swiper .swiper-pagination .swiper-pagination-bullet {
width: 100px;
height: 100px;
background-size: cover;
background-position: center;
border-radius: 0;
background-repeat: no-repeat;
opacity: 0.5;
}
.communities-first-swiper .swiper-pagination .swiper-pagination-bullet-active {
border: 2px solid #cb3634;
}
.communities-first-sec-div .communities-content-row {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.communities-first-sec-div .communities-content-col {
/*padding: 0px 10rem;*/
padding: 0 100px 0px 200px;
}
.communities-first-sec-div .communities-img-div img {
width: 100%;
height: auto;
}
/* Second Communities swiper style */
.communities-second-sec {
position: relative;
/*padding: 100px;*/
padding-bottom:100px;
/* z-index: 10; */
background-color: #F8F5F1;
/*background-image: url('./../img/aboutbanner-new-bg-img.jpg');*/
/*background-position: center;*/
/*background-size: 100%;*/
/*-webkit-animation: 10s linear 0s normal none infinite animate;*/
/*-moz-animation: 10s linear 0s normal none infinite animate;*/
/*-ms-animation: 10s linear 0s normal none infinite animate;*/
/*-o-animation: 10s linear 0s normal none infinite animate;*/
/*animation: 10s linear 0s normal none infinite animate;*/
}
.communities-second-swiper.swiper-container {
width: 100%;
height: 120vh;
position: relative;
overflow: hidden;
/*background-color: #efefef;*/
/*border: 15px solid #fff;*/
/*border-radius: 10px;*/
}
.communities-second-swiper .swiper-wrapper {
/*display: flex;*/
/*flex-direction: column;*/
}
.communities-second-swiper.swiper-container .swiper-slide {
width: 100% !important;
display: flex;
justify-content: center;
align-items: center;
}
.communities-second-swiper .typewriter {
display: inline-block;
overflow: hidden;
margin: 0 auto;
}
.communities-second-swiper.swiper-container .swiper-slide .typewriter-text {
display: inline-block;
visibility: hidden;
}
.communities-second-swiper .swiper-pagination {
position: absolute;
top: 50%;
/*left: 45%;*/
left:48%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
}
.communities-second-swiper .swiper-pagination .swiper-pagination-bullet {
width: 100px;
height: 100px;
background-size: cover;
background-position: center;
border-radius: 0;
background-repeat: no-repeat;
opacity: 0.5;
}
.communities-second-swiper .swiper-pagination .swiper-pagination-bullet-active {
border: 2px solid #cb3634;
}
.communities-second-swiper .communities-first-sec-div .communities-content-row {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.communities-second-swiper .communities-first-sec-div .communities-content-col {
padding: 0px 15rem 0rem 5rem;
}
.communities-second-swiper .communities-first-sec-div .communities-img-div img {
width: 100%;
height: auto;
}
/* Jerold 03-07-2024 End*/
.about-page-value-proposition-img {
display: none;
}
.about-page-value-proposition-img.active {
display: block;
}
.mask1 {
width: 100%;
height: 100%;
mask-image: url('./../img/mask-bg-img.svg');
mask-size: 100%;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-image: url('./../img/mask-bg-img.svg');
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
.mask1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* about page awards new section */
.ovp-new-sec {
position: relative;
background-color: #F8F5F1;
z-index: 10;
}
.ovp-video-div {
position: relative;
overflow: hidden;
width: 100%;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
background-color: #121414;
height: auto;
padding: 100px 0px;
background-image: url(./../img/form-bg.jpg);
}
.ovp-video-div .video-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.ovp-video-div .video-container::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(18, 20, 20, .6);
z-index: 1;
}
.ovp-video-div .video-container .video {
position: absolute;
top: 50%;
width: 100%;
height: 150%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
z-index: 0;
}
.ovp-new-container {
position: relative;
padding: 0px;
}
.ovp-new-row {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
position: relative;
}
.ovp-new-col {
position: relative;
background-color: #EDF1F2;
padding: 0;
margin: 0;
z-index: 10;
}
.ovp-new-swiper {
position: relative;
height: 1000px;
}
.ovp-new-swiper .swiper-slide.swiper-slide-active .ovp-new-swiper-content {
/* opacity: 1; */
}
.ovp-new-swiper-content {
background-color: #cb3634;
color: #ffffff;
padding: 20px;
/* opacity: 0; */
}
.ovp-new-swiper-content h5 {
margin-top: auto;
margin-bottom: 20px;
font-size: 22px;
line-height: 30px;
width: 100%;
font-family: 'montserrat-semibold';
src: url('./fonts/Montserrat/Montserrat-SemiBold.otf');
text-transform: uppercase;
}
.ovp-new-swiper-content p{
text-transform: capitalize;
font-size: 15px;
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
}
.ovp-new-swiper-img {
position: relative;
}
.ovp-new-swiper-img img {
position: relative;
width: 75%;
}
.ovp-head-div {
position: absolute;
z-index: 20;
width: 100%;
text-align: center;
top: 10px;
}
/* journey accordion section */
.ourjourney-accordion-section {
position: relative;
background-color: #F8F5F1;
padding: 100px 100px;
}
.ourjourney-accordion-container {
margin-top: 50px;
}
.ourjourney-accordion-section>.box>.inner-box>.head {
display: flex;
margin-bottom: 40px;
flex-direction: column;
max-width: 770px
}
.ourjourney-accordion-section>.box>.inner-box>.head>.title h2 {
font-style: normal;
font-weight: 600;
line-height: 100%;
text-transform: capitalize;
font-size: 40px
}
.ourjourney-accordion-section>.box>.inner-box>.head>.intro {
margin-top: 38px;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 425px
}
.ourjourney-accordion-section>.box>.inner-box>.head>.intro p {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%
}
.ourjourney-accordion-section>.box>.inner-box>.head>.intro p:not(:last-child) {
margin-bottom: 20px
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box {
height: 100%;
padding-top: 40px;
display: flex;
flex-direction: column
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item {
position: relative;
display: flex;
width: 100%;
border-top: 1px solid #cfb691;
border-bottom: 1px solid #e6d9c6;
margin-top: -1px;
flex-direction: column
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.title {
display: flex;
overflow: hidden;
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
height: 88px;
padding-top: 25px;
cursor: pointer;
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.title>.title-wrap {
width: 100vh;
flex-shrink: 0
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.title>.title-wrap span {
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: -.68px;
display: block;
width: 100%;
font-size: 24px;
text-transform: capitalize
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.title>.title-wrap span b {
color: #edab20;
display: none
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item .folding-status {
position: absolute;
transition: transform .5s ease;
bottom: 30px;
right: 0
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item .folding-status svg path:first-child {
opacity: 0
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.content {
display: flex;
transition: all 1s cubic-bezier(.65, .05, .36, 1);
overflow: hidden;
flex-shrink: 10;
max-width: auto
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.content>.box {
display: flex;
flex-shrink: 0;
flex-direction: column;
width: 100%;
justify-content: flex-end
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.content>.box>.image {
flex-shrink: 0;
height: 250px;
box-sizing: border-box
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.content>.box>.image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.content>.box>.text {
margin-top: 50px;
padding-top: 55px;
padding-bottom: 30px;
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 100%;
box-sizing: border-box
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.content>.box>.text p {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.content>.box>.text .btn {
margin-top: 45px
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item.deactivate {
border-top: 1px solid #e6d9c6
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item.deactivate>.content {
height: 0 !important
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item.deactivate .folding-status {
transform: rotate(90deg);
transition: transform .5s ease
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item.deactivate .folding-status svg path:first-child {
opacity: 1
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item .folding-status {
bottom: unset;
top: 0;
right: 30px;
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item .folding-status {
bottom: unset;
top: 0;
right: 30px
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item .folding-status svg {
z-index: 999;
position: relative;
}
@media(min-width:768px) {
.ourjourney-accordion-section>.box>.inner-box>.head>.title h2 {
font-size: 55px
}
}
@media(min-width:810px) {
.ourjourney-accordion-section>.box>.inner-box>.head {
margin-bottom: 20px
}
.ourjourney-accordion-section>.box>.inner-box>.head>.title h2 {
font-size: 65px
}
}
@media(min-width:1024px) {
.ourjourney-accordion-section>.box>.inner-box>.head {
margin-bottom: 40px
}
.ourjourney-accordion-section>.box>.inner-box>.head>.title h2 {
font-size: 75px
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box {
padding-top: 100px;
padding-bottom: 40px;
flex-direction: row
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item {
flex-direction: row;
margin-top: unset;
margin-left: -1px;
border-top: unset;
border-bottom: unset;
height: 685px;
width: unset
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item:not(:first-child) {
border-left: 1px solid #cfb691
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item:not(:last-child) {
border-right: 1px solid #e6d9c6
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.title {
padding-top: unset;
padding-left: 25px;
align-items: flex-end;
width: 88px;
height: 100%
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.title>.title-wrap span {
margin-left: 20px;
transform: rotate(-90deg);
transform-origin: left bottom
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.content>.box {
flex-direction: column;
width: unset
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.content>.box>.image {
margin-right: 50px
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.content>.box>.text {
padding-right: 150px;
padding-top: unset;
padding-bottom: unset
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item.deactivate {
border-top: unset
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item.deactivate:not(:first-child) {
border-left: 1px solid #e6d9c6
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item.deactivate>.content {
height: unset !important;
transition: all 1s cubic-bezier(.65, .05, .36, 1);
width: 0 !important
}
}
@media(min-width:1280px) {
.ourjourney-accordion-section>.box>.inner-box>.head {
margin-bottom: 100px
}
.ourjourney-accordion-section>.box>.inner-box>.head>.title h2 {
font-size: 85px
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.title {
width: 108px
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.title>.title-wrap span {
margin-left: 30px;
font-size: 28px
}
}
@media(min-width:1440px) {
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.title {
width: 148px
}
.ourjourney-accordion-section>.box>.inner-box>.content>.box>.item>.title>.title-wrap span {
margin-left: 40px;
font-size: 34px
}
}
/* upcoming-project styles */
.ongoing-project-first-sec .benefits-header .benefits-header-text.opacity1 {
opacity: 1!important;
}
.ongoing-project-card.upcoming-project-div {
padding: 100px 100px 30px 100px;
background-color: #ffffff;
/*background: linear-gradient(360deg, #B5D4EC, #B5D4EC, #DDF0FF, #DDF0FF);*/
}
.upcoming-project-list-sec {
position: relative;
background-color: #F8F5F1;
}
.upcoming-project-list-container {
position: relative;
padding: 0;
}
.upcoming-project-list-row {
display: flex;
align-items: center;
}
.padding-zero-col {
padding: 0;
}
.margin-top-50px{
margin-top: 100px;
}
.padding-right-100px {
padding-right: 100px;
}
.padding-left-100px {
padding-left: 100px;
}
.upcoming-project-list-content-col {
position: relative;
background-color: #ffffff;
height: 450px;
display: flex;
align-items: center;
padding: 30px;
}
.upcoming-project-new-text span {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: #D6EAF8;
width: 50px;
height: 50px;
border-radius: 3px;
margin-bottom: 1.4rem;
}
.upcoming-project-new-text p {
color: #302B2B;
text-transform: capitalize;
font-size: 15px;
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
}
.upcoming-project-new-text h3 {
margin-top: auto;
margin-bottom: 10px;
font-size: 27px;
line-height: 40px;
width: 80%;
font-family: 'montserrat-semibold';
src: url('./fonts/Montserrat/Montserrat-SemiBold.otf');
text-transform: capitalize;
color: #302B2B;
}
.ongoing-project-new-sec.future-proj-sec .ongoing-project-new-swiper .swiper-wrapper {
margin-top: 100px;
}
.ongoing-project-new-sec.future-proj-sec .ongoing-project-new-swiper .swiper-wrapper {
margin-top: 100px;
}
.ongoing-project-new-sec.future-proj-sec::after {
display: none;
}
.ongoing-project-new-sec.future-proj-sec .ongoing-project-new-container {
padding: 0px;
position: relative;
margin-bottom: 0px;
}
/* upcoming-project styles end */
/* Jerold style 04-07-2024 */
/* Warehousing Page style */
.common-page-banner-sec.warehousing-banner{
background-image: url('./../img/warehousing-new-bg-img.jpg');
}
.warehousing-about-sec{
position: relative;
padding: 100px 0px 0px;
background-color: #cb3634;
}
.warehousing-about-sec-bg{
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
}
.sticky_circle_wrap {
height: 300dvh;
position: relative;
}
.sticky_circle {
justify-content: center;
align-items: center;
width: 100%;
height: 100dvh;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
overflow: hidden;
}
.sticky_circle_element {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
clip-path: circle(25.0% at 50% 50%);
transition: clip-path 0.4s;
}
.absolute_img {
object-fit: cover;
width: 100%;
height: 100%;
transition: transform .4s;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
/* Warehousing Swiper Section Style */
.warehousing-swiper-sec{
position: relative;
background-color: #F8F5F1;
padding: 100px 75px;
}
.warehousing-swiper-div{
position: relative;
padding: 50px;
background: #ffffff;
background-size: 100% 100%;
border-radius: 20px;
border: 15px solid #fff;
}
.warehousing-swiper-head-content{
position: relative;
text-align: left;
padding: 0 4rem 5rem 0;
}
.swiper.warehousing-swiper-section{
position: static!important;
}
.warehousing-swiper-part{
background-color: #fff;
border-radius: 25px;
margin-bottom: 3rem;
}
.warehousing-swiper-part .swiper-slide-div{
padding: 30px;
display: flex;
flex-direction: column;
gap: 30px;
}
.warehousing-swiper-content-div{
background-color: #EDF1F2;
border-radius: 25px;
padding: 40px 90px 40px 40px;
text-align: left;
}
.warehousing-swiper-img-div{
display: flex;
justify-content: space-evenly;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.warehousing-swiper-img-div .number-div{
background-color: #EDF1F2;
padding: 10px 20px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.warehousing-swiper-img-div h4{
font-weight: bold;
color: #cb3634;
}
.warehousing-swiper-part .swiper-slide-div img{
width: 100%;
}
.warehousing-swiper-img-div .number-div h5{
font-weight: bold;
}
.warehousing-swiper-section .swiper-horizontal>.swiper-pagination-bullets,
.warehousing-swiper-section .swiper-pagination-bullets.swiper-pagination-horizontal,
.warehousing-swiper-section .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: -20px;
top: auto;
left: 0;
width: fit-content;
display: flex;
background-color: #fff;
margin: 0 auto;
text-align: center;
justify-content: center;
align-items: center;
right: 0;
padding: 5px;
border-radius: 30px;
z-index: 99!important;
}
.warehousing-swiper-section .swiper-pagination-bullet {
width: 13px;
height: 13px;
background: #cb3634;
border: 2px solid #cb3634;
padding: 5px;
border-radius: 50%;
position: relative;
transition: .5s all ease-in-out;
}
.warehousing-swiper-section .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: transparent;
width: 20px;
height: 20px;
padding: 5px;
}
.warehousing-swiper-section .swiper-pagination-bullet::after{
transition: .5s all ease-in-out;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #cb3634;
}
.warehousing-swiper-img-section .swiper-slide,
.warehousing-swiper-img-section img{
border-radius: 25px;
}
.warehousing-third-section{
position: relative;
background-color: #F8F5F1;
padding: 0px 75px 100px;
}
.warehousing-card{
position: relative;
padding: 20px;
}
.warehousing-card-img img{
position: relative;
}
.warehousing-card-content{
position: absolute;
top: 140px;
right: -150px;
left: auto;
background-color: #FFEDE7;
width: 425px;
height: 425px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
padding: 40px;
border-top-left-radius: 0px;
border-top-right-radius: 100%;
border-bottom-left-radius: 100%;
border-bottom-right-radius: 100%;
}
.warehousing-card-content .number-div{
background-color: #FFE1D6;
padding: 10px 20px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.warehousing-card-content .number-div h5{
font-weight: bold;
}
.warehousing-card-content p{
text-align: center;
width: 90%;
margin: auto 0;
}
/* warehousing-card second-card */
.warehousing-card.second-card {
padding-top: 5rem;
}
.warehousing-card.second-card .warehousing-card-img img{
position: relative;
left: auto;
right: -30%;
}
.warehousing-card.second-card .warehousing-card-content{
top: 170px;
left: -15px;
right: auto;
background-color: #fff;
border-top-left-radius: 100%;
border-top-right-radius: 0;
z-index: 9;
}
.warehousing-card.second-card .warehousing-card-content .number-div{
background-color: #F0F0F0;
}
/* warehousing-card second-card */
.warehousing-card.third-card {
padding-top: 5rem;
}
.warehousing-card.third-card .warehousing-card-content{
background-color: #F5FFFF;
}
.warehousing-card.third-card .warehousing-card-content .number-div{
background-color: #DAF6F6;
}
/* hospitality page style */
.hospitality-page-banner {
background-image: url('./../img/hospitality-bg-img.jpg');
}
.hospitality-first-sec {
position: relative;
background-color: #F8F5F1;
padding: 100px 100px;
}
.hospitality-first-container {
position: relative;
padding: 50px;
background: #ffffff;
/*background: linear-gradient(360deg, #EDF1F2, #EDF1F2, #E4F0F9, #E4F0F9);*/
background-size: 100% 100%;
border-radius: 20px;
border: 15px solid #fff;
}
.hospitality-first-row {
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0px 40px 0px;
}
.hospitality-list-sec .upcoming-project-list-content-col {
height: 545px;
padding: 100px 50px;
}
.hospitality-list-sec .upcoming-project-new-text h3 {
font-size: 25px;
line-height: 30px;
}
.gallery-marquee-sec {
position: relative;
background-color: #F8F5F1;
}
.lotus-gal-sec {
padding-top: 100px;
}
.marquee-container {
overflow-x: hidden !important;
display: flex !important;
flex-direction: row !important;
position: relative;
width: 100%;
align-items: center;
padding: 100px 0px 0px 0px;
}
.marquee-container:hover div {
animation-play-state: paused;
}
.marquee-container:active div {
animation-play-state: running;
}
.marquee-container .overlay {
position: absolute;
width: 100%;
height: 100%;
}
.marquee-container .overlay::before, .overlay::after {
background: linear-gradient(to right, var(--gradient-color));
content: "";
height: 100%;
position: absolute;
width: var(--gradient-width);
z-index: 2;
}
.marquee-container .overlay::after {
right: 0;
top: 0;
transform: rotateZ(180deg);
}
.marquee-container .overlay::before {
left: 0;
top: 0;
}
.marquee-container .marquee {
flex: 0 0 auto;
min-width: 100%;
z-index: 1;
display: flex;
flex-direction: row;
align-items: center;
animation: scroll 153.72s linear 0s infinite;
animation-play-state: running;
animation-delay: 0s;
animation-direction: normal;
position: relative;
}
.marquee-container .marquee .col-md-2 {
display: flex;
justify-content: center;
align-items: center;
}
.marquee-container .marquee .row {
display: flex;
justify-content: center;
align-items: center;
}
.marquee-container .marquee .col-md-2 img {
width: 100%;
height: 100%;
}
.marquee-container .marquee .gKzTMO {
outline: none;
height: 320px;
width: auto;
max-width: 320px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
overflow: hidden;
margin: 0px 10px;
cursor: pointer;
position: relative;
}
.bordered-box-card-img {
position: absolute;
inset: 0px;
box-sizing: border-box;
padding: 0px;
border: none;
margin: auto;
display: block;
width: 0px;
height: 0px;
min-width: 100%;
max-width: 100%;
min-height: 100%;
max-height: 100%;
object-fit: cover;
}
/* .marquee-container .marquee .gKzTMO img {
position: absolute;
inset: 0px;
box-sizing: border-box;
padding: 0px;
border: none;
margin: auto;
display: block;
width: 0px;
height: 0px;
min-width: 100%;
max-width: 100%;
min-height: 100%;
max-height: 100%;
object-fit: cover;
} */
.marquee-container .marquee .gKzTMO:nth-child(odd) {
height: 500px;
}
.marquee-container .marquee .gKzTMO:nth-child(even) {
height: 320px;
}
.gKzTMO img {
/* max-width: 100%; */
width: auto !important;
/* max-height: 100% !important; */
}
.bordered-box-card {
display: inline-block;
max-width: 100%;
overflow: hidden;
position: relative;
box-sizing: border-box;
margin: 0px;
}
@keyframes scroll {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
.hos-center-img {
position: relative;
/* background-image: url('./../img/hospitality-bg-img.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 1080px;
width: 100%; */
}
/* Finance Page Style */
.finance-page-banner {
background-image: url('./../img/finance-new-bg-img.jpg');
}
.figure-clip{
clip-path: inset(0%);
}
.figure-clip img {
width: 100%;
height: 100%;
}
.finance-img-animation-sec {
position: relative;
background-color: #F8F5F1;
}
.finance-img-animation-sec .image_full_vision,.finance-img-animation-sec .sticky__element {
align-items: center;
display: flex;
justify-content: center;
overflow: hidden;
}
.finance-img-animation-sec .sticky__element {
height: 100%;
width: 100%;
position: sticky;
top: 0;
z-index: 2;
margin: 0 auto;
}
.finance-img-animation-sec .image_full_vision {
position: relative;
}
/* finance card list */
.directors {
width: 100%;
padding: 11.46em 3em 4.5em;
position: relative
}
.directors-title {
flex-direction: row;
justify-content: center;
align-items: center;
padding-bottom: 1.5em;
display: flex
}
.directors-wrapper {
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 0;
display: flex
}
.vid-directors-1 {
z-index: 5;
width: 15em;
height: 20em;
position: absolute;
top: auto;
bottom: 0%;
left: auto;
right: 6%
}
.vid-directors-1._3 {
top: -160px;
right: 3%
}
.vid-directors-1._10 {
object-fit: cover;
top: auto;
bottom: -25%;
left: 1%;
right: auto
}
.vid-directors-1._5 {
top: -40px;
right: 1%
}
.vid-directors-1._1 {
top: -78px;
bottom: 0%;
right: 6%
}
.vid-directors-1._11 {
top: -86px;
right: 6%
}
.vid-directors-1._2 {
object-fit: cover;
top: auto;
bottom: 20%;
left: 5%;
right: auto
}
.vid-directors-1._4 {
object-fit: cover;
top: auto;
bottom: -46%;
left: 8%;
right: auto
}
.vid-directors-1._7 {
top: -58px;
right: 10%
}
.vid-directors-1._9 {
top: 13px;
right: 1%
}
.vid-directors-1._8 {
object-fit: cover;
top: auto;
bottom: 20%;
left: 8%;
right: auto
}
.vid-directors-1._12 {
object-fit: cover;
top: auto;
bottom: -46%;
left: 4%;
right: auto
}
.vid-directors-1._6 {
object-fit: cover;
top: auto;
bottom: 0%;
left: 1%;
right: auto
}
.image-2 {
object-fit: cover;
width: 100%;
height: 11em
}
.div-block-22 {
justify-content: center;
align-items: center;
width: 100%;
height: 8em;
display: flex;
position: relative;
overflow: hidden
}
.image-copy {
object-fit: cover;
background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
width: 100%;
height: 11em;
display: none
}
.director-abs {
z-index: 2;
border-top: 1px solid #A7A9AC;
border-bottom: 1px #A7A9AC;
justify-content: center;
align-items: center;
width: 100%;
height: 11em;
text-decoration: none;
display: flex;
position: absolute;
overflow: hidden
}
.div-block-23-copy-copy {
justify-content: center;
align-items: flex-end;
width: 100%;
display: flex;
position: relative;
overflow: hidden
}
.director {
z-index: 2;
border-top: 1px solid #A7A9AC;
border-bottom: 1px #f1bb61;
justify-content: center;
align-items: center;
width: 100%;
height: 11em;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
transform: rotate(0)
}
.finance-card-list-sec {
position: relative;
background-color: #F8F5F1;
}
.text-block-4-copy {
color: #cb3634;
text-align: center;
white-space: nowrap;
mix-blend-mode: normal;
justify-content: center;
align-items: center;
font-size: 6.67em;
display: flex;
position: relative;
overflow: hidden
}
.div-block-20 {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: absolute;
overflow: hidden
}
.text-block-4 {
color: #ffffff;
text-align: center;
/*mix-blend-mode: difference;*/
font-size: 6.67em;
/*text-decoration: line-through;*/
position: relative
}
.div-block-23-copy {
cursor: pointer;
border-bottom: 1px solid #A7A9AC;
justify-content: center;
align-items: flex-end;
width: 100%;
max-width: 100%;
text-decoration: none;
display: flex;
position: relative
}
.directors-content {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 8em;
padding-bottom: 8em;
display: flex
}
/* Events Page style */
.events-page-banner {
background-image: url('./../img/event-new-bg-img.jpg');
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.events-inner-page-banner {
background-image: url('./../img/event-inner-new-bg-img.jpg');
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.common-page-banner-sec.events-inner-page-banner .banner-content h1 {
color: #386319;
font-weight: bold;
width: 20%;
text-transform: uppercase;
}
.common-page-banner-sec.events-page-banner .banner-content h1 {
color: #386319;
font-weight: bold;
width: 20%;
text-transform: uppercase;
}
.events-cards-sec {
position: relative;
padding: 100px 100px;
background-color: #F8F5F1;
}
.event-gal-sec {
padding-bottom: 100px;
}
.event-orange-bg {
background-color: #cb3634;
}
.event-white-bg {
background-color: #ffffff;
}
.event-card-padding {
padding: 3rem;
}
.event-card-radius {
border-radius: 20px;
}
.events-card-list-content-div h5 {
font-size: 30px;
line-height: 30px;
margin-bottom: 20px;
font-family: 'montserrat-semibold';
src: url('./fonts/Montserrat/Montserrat-SemiBold.otf');
text-transform: capitalize;
}
.events-card-list-content-div p {
font-size: 17px;
line-height: 30px;
font-family: 'montserrat-regular';
src: url('./fonts/Montserrat/Montserrat-Regular.otf');
}
.event-btn-row {
display: flex;
align-items: center;
padding-top: 30px;
}
.event-btn-row span {
margin-left: 30px;
color: #ffffff;
}
.events-card-list-row{
margin-top: 50px;
position: relative;
}
/* light orange to dark orange */
.lightorangeColorBtn {
background-color: #fff !important;
border: 1px solid transparent !important;
border-radius: 50px !important;
color: #000 !important;
cursor: pointer;
display: inline-block !important;
font-size: 15px !important;
line-height: 2rem !important;
outline: none !important;
overflow: hidden;
padding: 5px 30px !important;
position: relative;
text-align: center !important;
transition: all .6s;
z-index: 99;
text-decoration: none;
}
/*.lightorangeColorBtn:hover {*/
/* background-color: #ffffff !important;*/
/* border: 1px solid #FF7742 !important;*/
/* border-radius: 50px !important;*/
/* color: #000 !important;*/
/* cursor: pointer;*/
/* display: inline-block !important;*/
/* font-size: 15px !important;*/
/* line-height: 2rem !important;*/
/* outline: none !important;*/
/* overflow: hidden;*/
/* padding: 5px 30px !important;*/
/* position: relative;*/
/* text-align: center !important;*/
/* transition: all .6s;*/
/* z-index: 99;*/
/* left: 0;*/
/* right: 0;*/
/* text-decoration: none;*/
/*}*/
/*.lightorangeColorBtn:hover {*/
/* color: #fff;*/
/*}*/
/*.lightorangeColorBtn:hover:before {*/
/* bottom: -100%;*/
/*}*/
/*.lightorangeColorBtn:before {*/
/* background-color: #fff !important;*/
/* border: 1px solid #FF7742 !important;*/
/* border-radius: 50px !important;*/
/* color: #000 !important;*/
/* content: "";*/
/* cursor: pointer;*/
/* display: inline-block !important;*/
/* font-size: 15px !important;*/
/* height: 100%;*/
/* bottom: 100%;*/
/* line-height: 2rem !important;*/
/* outline: none !important;*/
/* overflow: hidden;*/
/* padding: 5px 30px !important;*/
/* position: relative;*/
/* position: absolute;*/
/* text-align: center !important;*/
/* top: auto;*/
/* transition: all .6s;*/
/* width: 100%;*/
/* z-index: 99;*/
/* z-index: -1;*/
/* left: 0;*/
/* right: 0;*/
/*}*/
/* orange color button*/
.orangeColorBtn {
background-color: #FF7742 !important;
border: 1px solid transparent !important;
border-radius: 50px !important;
color: #fff !important;
cursor: pointer;
display: inline-block !important;
font-size: 15px !important;
line-height: 2rem !important;
outline: none !important;
overflow: hidden;
padding: 5px 30px !important;
position: relative;
text-align: center !important;
transition: all .6s;
z-index: 99;
text-decoration: none;
}
.orangeColorBtn:hover {
background-color: #cb3634 !important;
border: 1px solid #cb3634 !important;
border-radius: 50px !important;
color: #fff !important;
cursor: pointer;
display: inline-block !important;
font-size: 15px !important;
line-height: 2rem !important;
outline: none !important;
overflow: hidden;
padding: 5px 30px !important;
position: relative;
text-align: center !important;
transition: all .6s;
z-index: 99;
left: 0;
right: 0;
text-decoration: none;
}
.orangeColorBtn:hover {
color: #fff;
}
.orangeColorBtn:hover:before {
bottom: -100%;
}
.orangeColorBtn:before {
background-color: #cb3634 !important;
border: 1px solid #cb3634 !important;
border-radius: 50px !important;
color: #fff !important;
content: "";
cursor: pointer;
display: inline-block !important;
font-size: 15px !important;
height: 100%;
bottom: 100%;
line-height: 2rem !important;
outline: none !important;
overflow: hidden;
padding: 5px 30px !important;
position: relative;
position: absolute;
text-align: center !important;
top: auto;
transition: all .6s;
width: 100%;
z-index: 99;
z-index: -1;
left: 0;
right: 0;
}
/* Education Page Style */
.common-page-banner-sec.education-banner {
background-image: url('./../img/education/education-new-banner.jpg');
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.common-page-banner-sec.education-banner .banner-content h1{
color: #386319;
font-weight: bold;
width: 20%;
text-transform: uppercase;
}
.education-about-sec {
position: relative;
padding: 100px 70px;
background-color: #F8F5F1;
}
.education-about-sec h2 {
width: 60%;
margin: auto;
}
.education-about-sec-swiper-div {
position: relative;
padding: 70px 50px 30px;
background: #EDF1F2;
background-size: 100% 100%;
border-radius: 20px;
border: 15px solid #fff;
margin-top: 4rem;
z-index: 1;
}
.education-about-swiper {
padding-bottom: 5rem;
}
.education-about-swiper .swiper-slide img {
width: 75%;
padding: 2rem 0;
}
.education-about-swiper .swiper-button-next,
.education-about-swiper .swiper-button-prev {
position: absolute;
top: 45%;
bottom: auto;
z-index: 99;
width: 50px;
height: 50px;
background-color: #cb3634;
border-radius: 50%;
}
.education-about-swiper .swiper-button-next,
.education-about-swiper .swiper-rtl .swiper-button-prev {
right: 3%;
left: auto;
}
.education-about-swiper .swiper-button-prev,
.education-about-swiper .swiper-rtl .swiper-button-next {
left: 3%;
right: auto;
}
.education-about-swiper .swiper-button-prev img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.education-about-swiper .swiper-button-next:after,
.education-about-swiper .swiper-rtl .swiper-button-prev:after {
display: none;
}
.education-about-swiper .swiper-button-prev:after,
.education-about-swiper .swiper-rtl .swiper-button-next:after {
display: none;
}
.education-about-swiper .swiper-horizontal>.swiper-pagination-bullets,
.education-about-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.education-about-swiper .swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
top: auto;
left: 0;
width: fit-content;
display: flex;
background-color: #fff;
margin: 0 auto;
text-align: center;
justify-content: center;
align-items: center;
right: 0;
padding: 5px;
border-radius: 30px;
z-index: 99 !important;
}
.education-about-swiper .swiper-pagination-bullet {
width: 13px;
height: 13px;
background: #cb3634;
border: 2px solid #cb3634;
padding: 5px;
border-radius: 50%;
position: relative;
transition: .5s all ease-in-out;
}
.education-about-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: transparent;
width: 20px;
height: 20px;
padding: 5px;
}
.education-about-swiper .swiper-pagination-bullet::after {
transition: .5s all ease-in-out;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
content: "";
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #cb3634;
}
/* Education details swiper style - 08-07-2024 */
.education-details-sec {
position: relative;
height: 300vh;
overflow: hidden;
cursor: grab;
}
.swiper-image-right.swiper-image-one {
background-image: url('../img/education/karambakkam-small-img.png');
}
.swiper-image-right.swiper-image-two {
background-image: url('../img/education/mangadu-small-img.png');
}
.swiper-image-right.swiper-image-three {
background-image: url('../img/education/academy-small-img.png');
}
.swiper-image {
width: 100%;
height: 100%;
position: absolute;
transition: transform 0.5s ease-in-out;
display: flex;
}
.swiper-image-inner {
background-size: cover;
background-position: center center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background-blend-mode: overlay;
padding: 4rem;
position: relative;
top: 0;
z-index: 2;
transition: transform 0.5s ease-in-out;
}
.swiper-image-left {
filter: sepia(100%);
transition: all 1s linear;
transition-delay: 1s;
top: 5rem;
}
.swiper-slide.swiper-slide-active .swiper-image-left {
filter: sepia(0%);
}
.swiper-image-inner.swiper-image-right {
transition: all 1s linear;
transition-delay: 1s;
background-color: hsla(0, 0%, 0%, 0.2);
width: 400px;
height: 400px;
left: 10rem;
top: 10rem;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
}
.featured-projects .sticky .info h1.common-text-head {
color: #fff;
margin: 0 0 auto 0;
line-height: 50px;
transition: all .8s cubic-bezier(0.215, 0.61, 0.355, 1) 1.1s;
transform: translate3d(-20%, 0, 0);
opacity: 1;
width: 10%;
text-transform: uppercase;
}
.featured-projects .sticky .info p.paragraph {
margin: 0;
color: #fff;
opacity:1;
transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1) 1.4s;
transform: translate3d(-20%, 0, 0);
padding-bottom: 10px;
}
#slides-holder, .slide {
position: relative;
width: 100%;
}
.slide, .slide.fixed {
top: 0;
left: 0;
width: 100%;
}
.slide {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
background-blend-mode: overlay;
background-color: hsla(0, 0%, 0%, 0.3);
}
.slide.fixed {
position: fixed;
}
.slide-fake-height {
position: relative;
display: none;
}
.slide-fake-height.visible {
display: block;
}
.fade-text {
display: inline-block;
position: absolute;
font-family: HelveticaNeue, helvetica, arial;
font-size: 60px;
opacity: .2;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}
.fixed .fade-text {
opacity: 1;
}
#slide-1 {
background-image: url('../img/education/karambakkam-cbse-home-banner.jpg');
}
#slide-1 .fade-text {
left: 5%;
top: 40%;
}
#slide-2 {
background-image: url('../img/education/mangadu-cbse-home-banner.jpg');
}
#slide-2 .fade-text {
left: 5%;
top: 40%;
}
#slide-3 {
background-image: url('../img/education/nolambur-acadmy-home-banner.jpg');
}
#slide-3 .fade-text {
left: 5%;
top: 20%;
}
.education-second-section{
background-color: #cb3634;
position: relative;
padding: 100px 0px;
}
.education-second-section-div{
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
margin: auto;
padding-top: 3rem;
}
.education-second-section-content-div{
padding: 40px;
width: 500px;
height: 475px;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
margin-left: 10rem;
flex-direction: column;
}
.ongoing-gallery-sec.education-page-sec{
padding: 100px 0px;
}
.education-page-last-sec-bg{
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-image: url('../img/education/education-last-sec-bg.png');
width: 100%;
height: 700px;
}
/* Transportation Page Style */
.common-page-banner-sec.transportation-banner {
background-image: url('./../img/transportation/transportation-banner.png');
}
.transportation-about-sec{
position: relative;
padding: 100px 0px;
background-color: #F8F5F1;
}
.transportation-about-sec p{
font-style: italic;
width: 36%;
text-transform: capitalize;
padding-top: 1rem;
}
.transportation-about-sec .marquee{
position: relative;
bottom: 0;
}
.transportation-about-sec .marquee span{
font-size: 80px;
}
.bus-img{
position: relative;
top: -3rem;
z-index: 9;
}
.bus-img img{
width: 70%;
animation: moveBus 5s linear infinite;
}
@keyframes moveBus {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(10%);
}
}
.transportation-bg-color{
position: relative;
background-color: #cb3634;
height: 750px;
width: auto;
z-index: 1;
margin-top: -10rem;
}
.transportation-about-sec-div{
/* background-color: #FF7742; */
padding: 9rem 7rem 0rem;
position: relative;
margin-top: -50rem;
z-index: 99;
}
.transport-content-div{
background-color: #ffffff;
padding: 5rem 5rem 5rem;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
gap: 3rem;
border-radius: 20px;
}
.transport-content-div img{
width: 90%;
}
.transport-content p{
width: 85%;
font-style: normal;
margin: auto;
}
.transportation-sec-first-div{
padding: 8rem 0rem;
position: relative;
}
.transportation-section-first-div{
display: flex;
justify-content: center;
flex-direction: row;
align-items: center;
gap: 50px;
}
.transportation-section-first-content-div{
width: 550px;
height: 550px;
background-color: #fff;
text-align: right;
border-radius: 100%;
border-top-right-radius: 0;
padding: 6rem 5rem;
}
.transportation-section-first-content-div p{
width: 100%;
font-style: normal;
text-transform: none;
padding: 0;
}
.transportation-section-first-img-div img{
width: 550px;
height: 550px;
border-radius: 100%;
border-bottom-left-radius: 0;
}
.transportation-last-section{
position: relative;
background-color: #f8f5f1;
padding-bottom: 6rem;
}
.transportation-last-section-img-div{
background-image: url('../img/transportation/transportation-last-sec-bg.png');
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
height: 700px;
margin: 0px 5rem;
}
.transportation-last-section .marquee{
top: 40%;
bottom: auto;
}
.transportation-last-section .marquee span{
font-size: 100px;
color: #fff;
}
/* News & Media Page Style */
.common-page-banner-sec.news-media-banner{
background-image: url('./../img/news-media/news-media-banner.png');
}
.news-media-about-sec{
position: relative;
padding: 100px 50px;
background-color: #fff;
}
.news-and-media-about-div{
background-image: url('./../img/news-media/news-1.png');
height: 600px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
display: flex;
flex-direction: row;
align-items: self-start;
justify-content: flex-start;
}
.news-and-media-about-content{
width: 50%;
padding: 12rem 0rem 10rem 10rem;
}
.news-and-media-about-content h2{
padding-bottom: 1rem;
text-transform: capitalize;
}
.news-and-media-about-content p{
width: 60%;
padding-bottom: 1rem;
}
.press-coverage-sec{
padding: 100px 50px;
background-color: #f8f5f1;
}
.press-coverage-sec .location-advantage-swiper-div{
padding-top: 3rem;
}
.press-coverage-sec .location-advantage-swiper .full-div-card{
height: auto;
}
.press-coverage-sec .location-advantage-swiper .full-div-card .location-advantage-text {
padding-bottom: 0px;
}
.press-coverage-sec .location-advantage-swiper .full-div-card .location-advantage-text h4{
width: 70%;
margin: auto;
color: #000;
text-transform: uppercase;
}
.press-coverage-sec .location-advantage-swiper .swiper-wrapper{
margin-bottom: 0px;
}
.news-media-awards-sec{
position: relative;
padding: 0px 50px;
background-color: #f8f5f1;
}
.news-media-awards-swiper{
padding: 2rem 2rem;
}
.news-media-awards-swiper .swiper-wrapper{
height: 600px;
cursor: pointer;
}
.news-media-awards-swiper .left-side,
.news-media-awards-swiper .right-side {
transition: transform 0.6s ease;
padding: 5rem;
}
.news-media-awards-swiper .swiper-slide{
opacity: 0;
}
.news-media-awards-swiper .swiper-slide.swiper-slide-active{
opacity: 1;
}
.news-media-awards-swiper .left-side.slide-bg-1{
background-color: #DDF0FF;
}
.news-media-awards-swiper .left-side.slide-bg-2{
background-color: #FFECE8;
}
.news-media-awards-swiper .left-side.slide-bg-3{
background-color: #DDF0FF;
}
.news-media-awards-swiper .right-side.slide-bg-1{
background-image: url('../img/news-media/award-1.png');
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;
}
.news-media-awards-swiper .right-side.slide-bg-2{
background-image: url('../img/news-media/award-2.png');
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;
}
.news-media-awards-swiper .right-side.slide-bg-3{
background-image: url('../img/news-media/award-1.png');
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;
}
.news-media-awards-gallery-sec{
background-color: #f8f5f1;
}
.gallery {
padding: 35px 80px;
}
.gallery img {
width: 100%;
height: 500px;
display: block;
object-fit: cover;
padding: 10px 0px;
}
.news-media-videos-sec{
position: relative;
background-color: #f8f5f1;
padding: 100px 80px;
}
.news-media-videos-div{
position: relative;
padding: 70px 150px;
background-color: #ffffff;
border: 5px solid #fff;
border-radius: 30px;
}
.news-media-videos-div h2{
padding-bottom: 3rem;
}
.media-video-img img{
width: 95%;
margin: auto;
display: flex;
}
.media-video-content{
padding: 30px 15px;
}
.media-video-content p{
text-align: center;
font-size: 24px;
}
/* News & Media Inner Page Style */
.news-media-inner-page-section{
position: relative;
background-color: #f8f5f1;
padding: 100px 70px;
margin-bottom: 13.4rem;
}
.news-media-inner-page-section h2{
width: 60%;
}
.news-media-inner-page-section-head{
border-bottom: 1px solid #6D6E71;
padding-bottom: 1rem;
}
.news-media-details{
position: relative;
padding: 50px 45px 50px 0px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 40px;
}
.news-media-inner-page-details-img img{
border: 10px solid #fff;
border-radius: 15px;
}
.news-media-inner-page-details-content{
text-align: justify;
}
.news-media-details-cards{
position: relative;
padding: 50px 0px 50px 30px;
display: flex;
flex-direction: column;
gap: 30px;
}
.news-media-details-card{
text-align: center;
background-color: #fff;
padding: 15px 15px 40px;
border-radius: 15px;
display: flex;
flex-direction: column;
gap: 20px;
justify-content: center;
align-items: center;
}
.card-content h5{
font-size: 30px;
text-transform: uppercase;
}
.news-inner-award-img-div{
position: relative;
padding: 50px;
}
.news-inner-award-img-div img{
width: 80%;
margin: auto;
}
.news-media-inner-page-section::after{
position: absolute;
content: '';
bottom: -13.5rem;
left: 0;
right: 0;
top: auto;
background-image: url('../img/news-media/news-media-inner-bg.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
height: 300px;
width: auto;
}
/* Contact Page Style */
.common-page-banner-sec.contact-banner {
background-image: url('./../img/contact/contact-banner.jpg');
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.banner-content {
padding-left: 100px
}
.banner-content h1 {
color: #fff;
line-height: 60px;
}
.banner-content span {
font-weight: 600;
font-size: 3rem;
}
.contact-form-sec {
position: relative;
background-color: #f8f5f1;
padding: 100px 60px;
}
.contact-form-div {
position: relative;
padding: 60px;
background-color: #ffffff;
border: 5px solid #fff;
border-radius: 30px;
}
.contact-form {
position: relative;
padding: 50px 65px 50px 0px;
}
.contact-form-img img {
border-radius: 15px;
}
.form-btn {
background: #cb3634;
border: 2px solid #fff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
color: #fff;
cursor: pointer;
display: flex;
justify-content: center;
font-size: 15px;
font-weight: 700;
height: auto;
letter-spacing: 1px;
line-height: 48px;
text-align: center;
text-transform: uppercase;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
-webkit-transition: all .3s ease;
padding: 0px 15px;
border-radius: 15px;
transition:all .2s;
}
.form-btn:hover, .form-btn:focus {
background:#666766;
color: #fff;
outline:none;
box-shadow:none;
}
/* events inner page style */
/*.events-inner-page-banner {*/
/* background-image: url('./../img/event-gal-image1.jfif');*/
/*}*/
.news-media-inner-page-section.event-inner-page-div {
position: relative;
background-color: #f8f5f1;
padding: 100px 70px;
margin-bottom: 0rem;
}
.news-media-inner-page-section.event-inner-page-div::after {
display:none;
}
.event-inner-marquee-sec {
position: relative;
background-color: #f8f5f1;
}
.event-inner-marquee-sec .news-inner-award-img-div img {
width: 100%;
}
.event-inner-marquee-sec .news-inner-award-img-div {
padding:0px;
}
.event-inner-marquee-sec .container-fluid {
padding:0px;
}
.event-inner-marquee-sec .marquee {
z-index: 99;
top: 50px;
bottom: auto;
}
.event-inner-marquee-sec .marquee span {
/*text-transform: capitalize;*/
color: #fff;
}
.blog-page-banner {
background-image: url('./../img/blog-page-new-bg-img.jpg');
}
.blog-inner-page-banner {
background-image: url('./../img/bloginner-page-new-bg-img.jpg');
}
.brown-gradiant-color {
color:#964F1A;
}
.blog-inner-first-sec {
position: relative;
background-color: #F8F5F1;
}
.stickyPosition {
position: sticky;
top: 100px;
}
.blog-inner-first-sec .container-fluid {
padding: 0;
}
.blog-inner-first-sec .container-fluid .row {
display: flex;
align-items: center;
justify-content: center;
}
.blog-inner-first-sec .container-fluid .col-md-6{
padding: 0;
margin: 0;
}
.blog-inner-second-content-div {
position: relative;
padding: 50px;
margin: 100px;
border: 1px solid #cb3634;
text-align: center;
}
.frontPageHero__colPadding {
height: calc(100vh - 120px);
margin-top: 120px;
position: relative;
}
.frontPageHero__topContent {
position: relative;
z-index: 2;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 78vh;
overflow: hidden;
}
.frontPageHero__topContent__inner {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding-top: 80px;
text-align: center;
width: max-content;
height: 100%;
padding-left: 30px;
padding-right: 30px;
}
.frontPageHero__topContent__inner h4 {
margin-bottom: 14px;
font-size: 32px;
line-height: 140%;
}
.frontPageHero__topContent__inner h1 {
margin-bottom: 24px;
font-size: 50px;
line-height: 100%;
font-family: 'montserrat-bold';
src: url('./fonts/Montserrat/Montserrat-Bold.otf');
}
.frontPageHero__topContent__inner__line {
margin-bottom: 24px;
height: 31%;
overflow: hidden;
}
.btn--circle {
width: 144px;
min-width: 144px;
height: 144px;
min-height: 144px;
padding: 16px 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #2C2C2C;
text-align: center;
border-radius: 180px;
border: 1px solid #ED996E;
outline: 1px solid transparent;
}
.frontPageHero__topContent__inner__arch {
width: 100%;
position: absolute;
z-index: -1;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
/* orange button */
.orangeColorBtn {
background-color: #cb3634 !important;
border: 1px solid transparent !important;
border-radius: 50px !important;
color: #fff !important;
cursor: pointer;
display: inline-block !important;
font-size: 15px !important;
line-height: 2rem !important;
outline: none !important;
overflow: hidden;
padding: 5px 30px !important;
position: relative;
text-align: center !important;
transition: all .6s;
z-index: 99;
text-decoration: none;
}
.orangeColorBtn:hover {
background-color: #ffffff!important;
border: 1px solid #cb3634!important;
border-radius: 50px !important;
color: #cb3634 !important;
cursor: pointer;
display: inline-block !important;
font-size: 15px !important;
line-height: 2rem !important;
outline: none !important;
overflow: hidden;
padding: 5px 30px !important;
position: relative;
text-align: center !important;
transition: all .6s;
z-index: 99;
left: 0;
right: 0;
text-decoration: none;
}
.orangeColorBtn:hover {
color: #cb3634;
}
.orangeColorBtn:hover:before {
bottom: -100%;
}
.orangeColorBtn:before {
background-color: #ffffff!important;
border: 1px solid #ffffff!important;
border-radius: 50px !important;
color: #cb3634 !important;
content: "";
cursor: pointer;
display: inline-block !important;
font-size: 15px !important;
height: 100%;
bottom: 100%;
line-height: 2rem !important;
outline: none !important;
overflow: hidden;
padding: 5px 30px !important;
position: relative;
position: absolute;
text-align: center !important;
top: auto;
transition: all .6s;
width: 100%;
z-index: 99;
z-index: -1;
left: 0;
right: 0;
}
.bloginnercenter-banner-sec {
position: relative;
background-image: url('./../img/blog-inner-center-bg.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 1080px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.bloginnercenter-banner-sec .overlay {
position: absolute;
top: 0;
left: 0;
clear: float;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 30%);
}
.bloginnercenter-banner-sec .common-text-head{
font-size: 100px;
margin-bottom: 34px;
}
/* Blog page card design */
.header-actu__infos {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color:#ffffff;
text-align: left;
border-radius: 18px;
flex-direction: column;
align-items: flex-start;
margin-top: -3.75rem;
margin-left: 1.5rem;
margin-right: 1.5rem;
padding: 1rem 1.5rem;
display: flex;
position: relative;
top: 0;
}
.blog-page-card-sec.news-media-awards-gallery-sec {
position: relative;
background-color: #F8F5F1;
padding: 0px 100px 50px 100px;
}
.header-actu__infos h3 {
color: #302B2B;
margin-top: 20px;
margin-bottom: 10px;
font-size: 24px;
/*font-weight: 600;*/
line-height: 34px;
margin-top: 0;
}
.blog-page-card-sec.news-media-awards-gallery-sec img {
width: 100%;
height: auto;
border-radius: 18px;
padding-bottom: 0;
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
.blog-page-card-row .col-md-4 {
margin-bottom: 40px;
}
.actu__date.miseenavant {
color: #989898;
letter-spacing: .5px;
text-transform: none;
border-bottom: 1px solid #989898;
font-size: 12px;
font-weight: 400;
text-decoration: none;
}
.project-lists-large-swiper-sec .header-actu__infos {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
background-color: #ffffff;
text-align: left;
border-radius: 18px;
flex-direction: column;
margin-top: -7.75rem;
margin-left: auto;
margin-right: auto;
padding: 1rem 1.5rem;
display: flex;
justify-content: center;
position: relative;
top: 0;
width: 60%;
align-items: center;
}
.blog-page-card-sec.news-media-awards-gallery-sec .gallery {
padding: 35px 0px;
}
/* Sell Your Property Page Style */
.common-page-banner-sec.sell-your-property-banner{
background-image: url('../img/sell-your-property/sell-your-property-banner.jpg');
}
.common-page-banner-sec.faq-banner {
background-image: url('../img/sell-your-property/sell-your-property-banner.jpg');
}
.sell-your-property-about-sec{
position: relative;
background-color: #F8F5F1;
padding: 100px 90px 0px;
}
.sell-property-details-sec{
position: relative;
background-color: #F8F5F1;
padding: 100px 75px;
}
.sell-property-details-div{
position: relative;
padding: 50px;
background-color: #ffffff;
border-radius: 20px;
border: 15px solid #fff;
margin-bottom: 5rem;
}
.property-details-content p{
width: 85%;
}
.property-content-img{
display: flex;
justify-content: flex-end;
align-items: center;
}
.property-content-img img{
width: 45%;
}
.property-details-img{
display: flex;
justify-content: flex-end;
align-items: center;
}
.property-details-img img{
width: 85%;
}
.sell-property-last-sec-bg{
background-image: url('../img/sell-your-property/sell-property-last-sec-bg.png');
height: 700px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
/* background-attachment: fixed; */
}
.sell-property-video-sec{
background-color: #F8F5F1;
position: relative;
}
.sell-property-video-div{
display: flex;
margin: auto;
justify-content: center;
align-items: center;
}
.sell-property-video-div video{
width: 90%;
}
.sell-property-experience-sec {
background-color: #f8f5f1;
display: flex;
flex-direction: row;
overflow: hidden;
height: 50vh;
align-items: center;
justify-content: center;
cursor: pointer;
padding-left: 10rem;
}
.experience-card {
flex: none;
min-width: 35%;
border-radius: 200px;
padding: 60px 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: transform 0.5s ease;
position: relative;
width: 35%;
}
.experience-content {
position: relative;
transition: transform 0.5s ease-out, opacity 0.5s ease-out;
opacity: 0;
transform: translateX(-100%);
}
.experience-content h1 {
font-weight: bold;
font-size: 50px;
}
.experience-content h3 {
font-weight: 100;
}
.experience-card.light-orange {
background-color: #F9E8D6;
}
.experience-card.light-green {
background-color: #DFEED7;
}
.experience-card.light-violet {
background-color: #E6DEEB;
}
/* EMI Calculator Page Style */
.common-page-banner-sec.emi-calculator-banner{
background-image: url('../img/emi-banner-img.jpg');
}
.emi-calculator-section{
position: relative;
background-color: #F8F5F1;
padding: 100px 100px;
}
.emi-calculator-div{
position: relative;
padding: 0px 15px;
background-color: #ffffff;
border-radius: 20px;
border: 15px solid #fff;
margin-top: 3rem;
}
.emi-calculator-form{
padding: 50px;
/*background-color: #DDF0FF;*/
background-color: #efefef;
}
.emi-calculator-result{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 30px;
border-right: 1px solid #000;
}
.emi-calculator-result .result{
padding: 10px 10px;
width: 100%;
text-align: center;
}
.emi-calculator-chart{
display: flex;
justify-content: center;
align-items: center;
}
.emi-text{
font-size: 20px;
font-weight: 600;
}
.switch-wrapper {
position: relative;
display: inline-flex;
padding: 4px;
border: 1px solid lightgrey;
border-radius: 30px;
background: #fff;
justify-content: center;
align-items: center;
}
.switch-wrapper [type="radio"] {
display: none;
}
.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"],
.switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"] {
color: #fff;
}
.switch-wrapper [type="radio"]:checked#monthly ~ label[for="monthly"]:hover,
.switch-wrapper [type="radio"]:checked#yearly ~ label[for="yearly"]:hover {
background: transparent;
}
.switch-wrapper
[type="radio"]:checked#monthly
+ label[for="yearly"]
~ .highlighter {
transform: none;
}
.switch-wrapper
[type="radio"]:checked#yearly
+ label[for="monthly"]
~ .highlighter {
transform: translateX(100%);
}
.switch-wrapper label {
font-size: 16px;
z-index: 1;
min-width: 100px;
line-height: 32px;
cursor: pointer;
margin-bottom: 0;
border-radius: 30px;
text-align: center;
transition: color 0.25s ease-in-out;
}
.switch-wrapper label:hover {
background: whitesmoke;
}
.switch-wrapper .highlighter {
position: absolute;
top: 4px;
left: 4px;
width: calc(50% - 4px);
height: calc(100% - 8px);
border-radius: 30px;
background: #2a9d8f;
transition: transform 0.25s ease-in-out;
}
.loan-details{
position: relative;
padding: 90px 0px 0px;
}
.bank-details-card{
background-color: #fff;
padding: 4rem;
border-radius: 200px;
text-align: center;
margin-bottom: 3rem;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
width: 600px;
height: 300px;
}
.bank-details-card img{
width: 35%;
padding-bottom: 2rem;
}
.bank-details-card p{
width: 100%;
}
.bank-detail-element{
position: absolute;
bottom: 0px;
left: auto;
right: 10%;
}
.bank-detail-element img{
width: 75%;
}
.banks-logo{
padding-top: 4rem;
}
.emi-page-last-sec-bg{
background-image: url('../img/banks/emi-page-img.png');
height: 700px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
/* Area Calculator style */
.common-page-banner-sec.area-calculator-banner{
background-image: url('../img/area-banner-img.jpg');
}
.emi-calculator-form.area-calc-form .form-control{
text-align: center;
}
.area-calc-form .yellowColorBtn{
margin: auto;
display: flex !important;
}
.area-calc-desc-col {
display: flex;
align-items: center;
justify-content: center;
padding: 0px 100px;
}
.area-calc-desc h4{
color: #cb3634;
font-size: 32px;
margin-bottom: 20px;
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
}
.conversions-div {
margin-top: 50px;
}
.conversions-div .row {
display: flex;
align-items: center;
justify-content: center;
}
.area-calc-conversion-sec {
position: relative;
background-color: #F8F5F1;
padding: 0px 0px 100px 0px;
}
.conversions-content-div {
position: relative;
padding: 0px 50px;
height: 550px;
overflow-y: scroll;
scroll-behavior: smooth;
scrollbar-width: none;
cursor: grab;
}
.conversion-unit-table-card {
position: relative;
padding: 50px;
background-color: #ffffff;
border-radius: 20px;
margin-top: 50px;
}
.conversion-unit-sec {
position: relative;
background-image: url('./../img/unit-area-cal-bg-img.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
padding: 100px 100px;
}
.conversion-unit-table-row {
display: flex;
align-items: center;
justify-content: center;
}
.area-conversion-faq-sec {
position: relative;
/*background-color: #DDF0FF;*/
background-color: #efefef;
padding: 100px 100px;
}
/* Faq accordion style */
.faq-container {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 8px 0;
gap: 128px
}
.faq-container .AccordionItem:last-child div {
border-bottom: 0
}
@media screen and (max-width:1920px) {
.faq-container {
gap: 96px
}
}
@media screen and (max-width:1440px) {
.faq-container {
gap: 80px
}
}
@media screen and (max-width:1280px) {
.faq-container {
gap: 64px
}
}
@media screen and (max-width:1024px) {
.faq-container {
flex-direction: column;
gap: 48px
}
}
@media screen and (max-width:425px) {
.faq-container {
gap: 32px
}
}
.faq-container button {
padding: 20px 30px;
border: 0;
border-radius: 10px;
margin: 0;
margin-bottom: 20px;
background: 0 0;
cursor: pointer;
background-color: #fff;
}
.faq-container button:focus {
outline: none;
border: none;
}
.faq-container button:focus-visible {
outline: none;
border: none;
}
.faq-container button:hover {
outline: none;
border: none;
}
.faq-container.faq-container--imageless .faq-list {
max-width: 100%
}
.faq-container.faq-container--imageless .faq-list-item__title {
font-size: 2.5rem
}
@media screen and (max-width:1280px) {
.faq-container.faq-container--imageless .faq-list-item__title {
font-size: 2.25rem
}
}
@media screen and (max-width:1024px) {
.faq-container.faq-container--imageless .faq-list-item__title {
font-size: 2rem
}
.faq-list {
order: 2
}
}
@media screen and (max-width:768px) {
.faq-container.faq-container--imageless .faq-list-item__title {
font-size: 1.5rem
}
}
@media screen and (max-width:320px) {
.faq-container {
gap: 24px
}
.faq-container.faq-container--imageless .faq-list-item__title {
font-size: 1.375rem
}
}
.faq-list {
width: 100%;
max-width: 1000px
}
.faq-list-item {
width: 100%;
}
.faq-list-item__title {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 32px 0;
font-size: 1.75rem;
font-weight: 400;
line-height: 112%;
color: inherit
}
.faq-list-item__title p {
padding-right: 10px;
margin-bottom: 0px;
font-size: 20px;
}
@media screen and (max-width:1280px) {
.faq-list-item__title {
font-size: 1.5rem
}
}
@media screen and (max-width:768px) {
.faq-list-item__title {
font-size: 1.375rem
}
}
@media screen and (max-width:390px) {
.faq-list-item__title {
font-size: 1.25rem
}
}
.faq-list-item__title:focus .faq-list-item__arrow,
.faq-list-item__title:hover .faq-list-item__arrow {
transform: rotate(180deg)
}
.faq-list-item__title:focus .faq-list-item__arrow ._mask-rect,
.faq-list-item__title:hover .faq-list-item__arrow ._mask-rect {
fill: #fff
}
.faq-list-item__title:focus .faq-list-item__arrow ._mask-path,
.faq-list-item__title:hover .faq-list-item__arrow ._mask-path {
stroke: #000
}
.faq-list-item__title:focus .faq-list-item__arrow ._outer-circle,
.faq-list-item__title:hover .faq-list-item__arrow ._outer-circle {
stroke: #000
}
.faq-list-item__title:focus .faq-list-item__arrow ._masked-circle,
.faq-list-item__title:hover .faq-list-item__arrow ._masked-circle {
fill: #000;
stroke: transparent
}
.faq-list-item__content {
max-width: 80%;
padding: 24px 0 32px;
font-size: 1.3125rem;
line-height: 125%;
letter-spacing: .4px
}
@media screen and (max-width:425px) {
.faq-list-item__content {
font-size: 1.125rem
}
}
@media screen and (max-width:390px) {
.faq-list-item__content {
font-size: 1.0625rem
}
}
.faq-list-item__arrow {
transition: all .35s ease-in-out;
flex-shrink: 0
}
.faq-list-item__arrow ._mask-rect {
fill: #000;
transition: fill .3s
}
.faq-list-item__arrow ._mask-path {
transition: stroke .3s;
stroke: #fff
}
.faq-list-item__arrow ._outer-circle {
stroke: #000
}
.faq-list-item__arrow ._masked-circle {
fill: #000;
stroke: #000
}
.collapsed .faq-list-item__arrow {
transform: rotate(180deg);
transform-origin: center center
}
/*.ember-view .faq-list-item__arrow {*/
/* transform: rotate(180deg);*/
/*}*/
.ember-view[aria-expanded="true"] .faq-list-item__arrow {
transform: rotate(180deg);
}
.ember-view[aria-expanded="true"] .faq-list-item__arrow ._masked-circle {
fill: #000;
stroke: transparent;
}
.ember-view[aria-expanded="true"] .faq-list-item__title .faq-list-item__arrow ._masked-circle {
fill: #000;
stroke: transparent;
}
.ember-view[aria-expanded="false"] .faq-list-item__arrow {
transform: rotate(0deg);
}
.collapsed .faq-list-item__title:focus .faq-list-item__arrow,
.collapsed .faq-list-item__title:hover .faq-list-item__arrow {
transform: rotate(0)
}
._image-container {
display: flex;
order: 2;
justify-content: right;
flex-shrink: 0
}
@media screen and (max-width:1024px) {
._image-container {
order: 1;
justify-content: center;
width: 100%
}
}
._image-container .liquid-container {
width: 100%
}
._image-container__image {
width: 40vw;
height: 40vw;
border-radius: 32px;
/* object-fit: cover */
display: none;
}
._image-container__image.first-acc-img-div {
display: block;
}
@media screen and (max-width:1440px) {
._image-container__image {
width: 32vw;
height: 32vw
}
}
@media screen and (max-width:1024px) {
._image-container__image {
width: 100%;
height: 100%;
border-radius: 24px;
object-fit: cover;
}
}
.area-conversion-faq-accordion-div {
padding-top: 50px;
}
/* faq page container */
.faq-container.faq-page-container {
gap: 0px;
width: 100%;
}
.faq-container.faq-page-container .faq-list {
width: 100%;
max-width: 100%;
}
.area-conversion-faq-sec.faq-page-section {
background-color: #F8F5F1;
}
.area-conversion-faq-sec.faq-page-section .acc-full-card {
position: relative;
background-color: #fff;
margin-bottom: 20px;
border-radius: 10px;
padding:20px 30px;
}
.area-conversion-faq-sec.faq-page-section .faq-container button {
padding:0px;
border: 0;
border-radius: 0;
margin: 0;
margin-bottom: 5px;
background: 0 0;
cursor: pointer;
background-color: transparent;
}
.area-conversion-faq-sec.faq-page-section .ember-view.collapse.show {
/*padding-top: 15px;*/
}
/* Completed Project */
.completed-project-first-div {
position: relative;
}
.completed-project-first-div p {
width: 75%;
margin: 0 auto;
padding: 10px 0px 40px 0px;
}
.completed-project-first-div img {
width: 100%;
height: 100%;
}
.completed-project-second-div img{
width: 100%;
height: 100%;
padding: 30px 0px;
}
.completed-project-third-div {
position: relative;
padding-top: 50px;
}
.completed-project-third-div .row {
display: flex;
align-items: center;
justify-content: center;
}
.completed-project-third-div .upcoming-project-list-content-col {
height: auto!important;
}
.sell-property-details-sec.completed-project-second-sec {
padding: 15px 75px;
}
.layout-img {
width: 100%;
height: 100%;
}
/* Terms and privacy page */
.terms-content-sec {
position: relative;
padding: 100px 100px;
background-color: #F8F5F1;
}
.terms-content-container {
position: relative;
padding-top: 20px;
}
.terms-content-container .row{
display: flex;
align-items: center;
justify-content: center;
}
.terms-content-container h4 {
font-family: 'OpenSans-Bold';
src: url('./fonts/Open_Sans/static/OpenSans-Bold.ttf');
font-size: 22px;
margin-bottom: 15px;
}
/* Upcoming page New Styel */
.upcoming-project-list-sec {
padding: 0px 50px 100px;
}
.upcoming-images-sec{
display: flex;
position: relative;
margin-top: 3rem !important;
align-items: center;
}
.upcoming-images-div{
position: relative;
height: 484px;
display: flex;
align-items: center !important;
width: 100% !important;
}
.upcoming-images-div img{
border-radius: 20px;
max-width: 560px;
position: absolute;
}
.upcoming-images-div img.left-image{
left: 0;
top: 0;
transform: matrix(1, -.02, .02, 1, 0, 0);
}
.upcoming-images-div img.right-image{
left: 39%;
top: 4rem;
transform: matrix(1, .02, -.02, 1, 0, 0);
}
.upcoming-images-div img.bottom-image{
left: 15%;
top: 18rem;
transform: matrix(1, .02, -.02, 1, 0, 0);
}
.upcoming-images-div .arrow-wrap{
position: absolute !important;
left: 75%;
top: 65%;
}
.upcoming-images-div .arrow-wrap svg{
height: 150px;
opacity: 1 !important;
}
.upcoming-images-div .arrow-wrap svg .draw-arrow {
fill: transparent;
animation-delay: .7s;
stroke-dasharray: 400;
stroke-dashoffset: 400;
animation-duration: 1.5s;
animation-fill-mode: forwards;
animation-name: draw;
}
@keyframes draw {
to {
stroke-dashoffset: 0;
}
}
.lower-content{
padding-top: 1rem;
}
.image-multi__text-wrap {
display: flex;
justify-content: flex-end;
}
.image-multi__text-wrap .body__paragraph{
padding: 10px 0px 10px 90px;
}
.upcoming-project-list-sec.second{
padding: 0;
padding-bottom: 30rem;
}
.upcoming-second-bg-img{
position: relative;
background: url('./../img/upcoming-projects/hosr-img-larger-bg.jpg') fixed no-repeat center center;
background-size: cover;
height: 600px;
}
.upcoming-project-two-div{
position: relative;
bottom: -25rem;
margin: 0px 6rem;
background-color: #fff;
}
.upcoming-project-two-content{
display: flex;
flex-direction: column;
align-items: self-start;
justify-content: center;
padding: 5rem 5rem 5rem;
}
.upcoming-project-list-sec.third .image-multi__text-wrap {
display: flex;
justify-content: flex-start;
}
.upcoming-project-list-sec.third .upcoming-images-div img.left-image{
right: 0;
left: auto;
top: 0;
transform: matrix(1, -.02, .02, 1, 0, 0);
}
.upcoming-project-list-sec.third .upcoming-images-div img.right-image{
right: 39%;
left: auto;
top: 4rem;
transform: matrix(1, .02, -.02, 1, 0, 0);
}
.upcoming-project-list-sec.third .upcoming-images-div img.bottom-image{
right: 15%;
left: auto;
top: 18rem;
transform: matrix(1, .02, -.02, 1, 0, 0);
}
.upcoming-project-list-sec.third .upcoming-images-div .arrow-wrap{
left: 10%;
rotate: 180deg;
transform: rotateY(180deg);
}
.upcoming-project-list-sec.third .upcoming-images-div .arrow-wrap svg{
rotate: 180deg;
}
.upcoming-project-list-sec.third .image-multi__text-wrap .body__paragraph {
padding: 20px 90px 20px 90px;
}
/* Career Page */
.career-page-banner {
background-image: url('./../img/career-bg-img.jpg');
}
.career-list-content-col {
background-color: #ffffff;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.career-new-text {
position: relative;
padding: 100px 50px;
}
.pickup_wrap {
background-color: #F8F5F1;
position: relative;
padding-right: 0px;
padding-bottom: 0px;
z-index: 2;
}
.pickup_wrap .pickup_in {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding-right: max(56px, 2.917vw);
background-color: #F8F5F1;
position: relative;
}
.pickup_wrap .pickup_in::before {
top: 0;
background-image: linear-gradient(180deg, rgba(226, 220, 221, 0.47) 0%, rgba(243, 243, 243, 0) 75%);
}
.pickup_wrap .pickup_in::before, .pickup_wrap .pickup_in::after {
content: '';
display: block;
width: 100%;
position: absolute;
height: 31px;
left: 0;
mix-blend-mode: multiply;
}
.pickup_wrap .pickup_in .pick_box_wrap {
width: 200px;
background: #cb3634;
height: 100vh;
position: sticky;
left: 0;
top: 0;
z-index: 3;
display: flex;
justify-content: center;
align-items: center;
}
.pickup_wrap .pickup_in .pick_box_wrap .pick_box {
width: 100%;
}
.pickup_wrap .pickup_in .pick_box_wrap .pick_box .box_in {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #FFF;
}
.pickup_wrap .pickup_in .pick_box_wrap .pick_box .box_in .box_ttl {
margin: auto;
font-size: 30px;
line-height: 1.1;
margin-bottom: 30px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-text-orientation: sideways;
text-orientation: sideways;
rotate: 180deg;
}
.en.light {
font-weight: 300;
}
.pickup_wrap .pickup_in .pick_box_wrap .pick_box .box_in .box_read {
font-size: 14px;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.bold {
font-weight: bold;
}
.pickup_wrap .pickup_in .pickup {
/* width: calc(100% - 260px); */
width: calc(100% - 200px);
padding-left: 20px;
position: relative;
z-index: 2;
overflow: hidden;
}
.mousepointer02 {
width: 450px;
height: auto;
}
.mousepointer, .mousepointer02, .mousepointer03, .mousepointer04 {
position: fixed;
top: 0;
left: 0;
transform: scale(0);
pointer-events: none;
text-align: center;
line-height: 1em;
width: 450px;
height: auto;
transition: transform 0.7s cubic-bezier(0, 0.29, 0.52, 1.04) 0s;
will-change: transform, opacity;
}
.pointers, .pointers02 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.mousepointer p, .mousepointer02 p, .mousepointer03 p, .mousepointer04 p {
position: absolute;
left: 0;
right: 0;
top: 0;
transform: translateY(-50%);
display: block;
overflow: hidden;
transition: opacity 0.15s ease-in-out 0s;
opacity: 0;
display: block;
line-height: 1.5;
}
.hover_cap.white {
color: #FFF;
}
.hover_cap {
position: absolute;
right: 5px;
bottom: 5px;
font-size: 10px;
}
.pickup_wrap .pickup_in .pickup .low_contents {
position: relative;
counter-reset: step-counter;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item {
display: block;
position: relative;
width: 100%;
transition: 0.3s all ease-in-out 0s;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a {
display: flex;
justify-content: flex-start;
align-items: flex-start;
position: relative;
color: #2D2C37;
transition: 0.3s color ease-in-out 0s;
padding: 40px 100px;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: -3;
background: #666766;
transform-origin: bottom;
transform: scale(1, 0);
transition: 0.3s transform cubic-bezier(0.05, 0, 0.13, 0.84) 0s;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a p.low_text {
position: relative;
padding-left: 100px;
line-height: 1;
margin-bottom: 10px;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a p {
position: relative;
z-index: 2;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a p.low_text span.en {
font-size: 16px;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a p.low_text span {
display: block;
}
.en.medium {
font-weight: 500;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a p.low_text span.en:before {
position: absolute;
left: 0;
top: 0;
display: block;
content: "0" counter(step-counter);
font-size: 16px;
line-height: 1;
font-family: 'Inter', sans-serif;
font-weight: 400;
counter-increment: step-counter;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a p.low_text span.low_sub {
margin-top: 15px;
display: block;
font-size: 36px;
line-height: 1;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a p.low_text span {
display: block;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a .low_img_wrap .low_img {
display: none;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a p {
position: relative;
z-index: 2;
}
.img_cap {
position: relative;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a .low_img_wrap .more_detail {
position: absolute;
right: 2.87%;
top: 50%;
margin-top: -22px;
overflow: hidden;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a p {
position: relative;
z-index: 2;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a .low_img_wrap .more_detail .more_bg span.black {
position: relative;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a .low_img_wrap .more_detail .more_bg span {
transition: 0.3s opacity ease-in-out 0s;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a .low_img_wrap .more_detail .more_bg span.white {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a .low_img_wrap .more_detail .more_bg span {
transition: 0.3s opacity ease-in-out 0s;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a .low_img_wrap .more_detail .more_arrow span.black {
position: absolute;
inset: 0;
margin: auto;
display: flex;
opacity: 0;
justify-content: center;
align-items: center;
transform: translateX(-100%);
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a .low_img_wrap .more_detail .more_arrow span {
display: inline-block;
transition: 0.3s opacity ease-in-out 0s, 0.3s transform ease-in-out 0s;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a:hover .more_detail .more_arrow span.black {
opacity: 1;
transform: translateX(0);
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a:hover .more_detail .more_arrow span.white {
opacity: 0;
transform: translateX(180%);
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a:hover {
color: #FFF;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a:hover:before {
transform: scale(1, 1);
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a:hover .more_detail .more_bg span.black {
opacity: 0;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a:hover .more_detail .more_bg span.white {
opacity: 1;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a:hover .more_detail .more_bg span.black {
opacity: 0;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a:hover .more_detail .more_bg span.white {
opacity: 1;
}
.pickup_wrap .pickup_in .pickup .low_contents .low_item a .low_img_wrap .more_detail .more_arrow {
position: absolute;
inset: 0;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
width: 43px;
height: 43px;
}
.mousepointer02 p.active, .mousepointer03 p.active, .mousepointer04 p.active {
opacity: 1;
}
.mouse_hover img {
width: 450px;
height: auto;
}
/* career page style end */
/* career inner page style */
.career-innerpage-banner {
background-image: url('./../img/career-inner-bg-img.jpg');
}
.career-inner-banner-content {
position: relative;
padding-top: 100px;
}
.career-inner-banner-content h5 {
font-size: 65px;
}
.career-inner-content-sec {
position: relative;
padding: 100px 100px;
background-color: #F8F5F1;
}
.career-inner-form {
background-color: #fff;
padding: 40px 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 auto;
text-align: center;
position: sticky;
top:100px;
}
.career-inner-form h2 {
font-size: 30px;
font-weight: 700;
margin-bottom: 30px;
}
/* Testimonials Inner page style */
.testimonials-page-banner {
background-image: url('./../img/testimonials-inner-bg.jpg');
}
.testimonials-page-first-sec {
position: relative;
padding: 100px 100px;
background-color: #F8F5F1;
}
.c-testimonial {
width: 100%;
display: inline-block;
}
.c-testimonial__thumbnail {
display: block;
z-index: -1;
max-width: 589px;
max-height: 350px;
min-height: 350px;
margin-left: auto;
-webkit-clip-path: polygon(100% 0, 133.33333px 0px, 131.41333px 0.10667px, 129.49333px 0.37333px, 127.62667px 0.85333px, 125.76px 1.54667px, 123.94667px 2.34667px, 122.29333px 3.41333px, 120.64px 4.58667px, 4.58667px 120.64px, 3.41333px 122.29333px, 2.34667px 123.94667px, 1.54667px 125.76px, 0.85333px 127.62667px, 0.37333px 129.49333px, 0.10667px 131.41333px, 0px 133.33333px, 0 100%, 100% 100%);
clip-path: polygon(100% 0, 133.33333px 0px, 131.41333px 0.10667px, 129.49333px 0.37333px, 127.62667px 0.85333px, 125.76px 1.54667px, 123.94667px 2.34667px, 122.29333px 3.41333px, 120.64px 4.58667px, 4.58667px 120.64px, 3.41333px 122.29333px, 2.34667px 123.94667px, 1.54667px 125.76px, 0.85333px 127.62667px, 0.37333px 129.49333px, 0.10667px 131.41333px, 0px 133.33333px, 0 100%, 100% 100%);
}
.c-testimonial__thumbnail:hover img {
transform: scale(1.1);
}
.c-testimonial__thumbnail img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
transition: .3s all;
}
.c-testimonial__container {
position: relative;
top: 0;
left: 0;
max-width: 793px;
-webkit-clip-path: polygon(0 100%, calc(100% - 83.33333px) calc(100% - 0px), calc(100% - 82.13333px) calc(100% - 0.06667px), calc(100% - 80.93333px) calc(100% - 0.23333px), calc(100% - 79.76667px) calc(100% - 0.53333px), calc(100% - 78.6px) calc(100% - 0.96667px), calc(100% - 77.46667px) calc(100% - 1.46667px), calc(100% - 76.43333px) calc(100% - 2.13333px), calc(100% - 75.4px) calc(100% - 2.86667px), calc(100% - 2.86667px) calc(100% - 75.4px), calc(100% - 2.13333px) calc(100% - 76.43333px), calc(100% - 1.46667px) calc(100% - 77.46667px), calc(100% - 0.96667px) calc(100% - 78.6px), calc(100% - 0.53333px) calc(100% - 79.76667px), calc(100% - 0.23333px) calc(100% - 80.93333px), calc(100% - 0.06667px) calc(100% - 82.13333px), calc(100% - 0px) calc(100% - 83.33333px), 100% 0, 0 0);
clip-path: polygon(0 100%, calc(100% - 83.33333px) calc(100% - 0px), calc(100% - 82.13333px) calc(100% - 0.06667px), calc(100% - 80.93333px) calc(100% - 0.23333px), calc(100% - 79.76667px) calc(100% - 0.53333px), calc(100% - 78.6px) calc(100% - 0.96667px), calc(100% - 77.46667px) calc(100% - 1.46667px), calc(100% - 76.43333px) calc(100% - 2.13333px), calc(100% - 75.4px) calc(100% - 2.86667px), calc(100% - 2.86667px) calc(100% - 75.4px), calc(100% - 2.13333px) calc(100% - 76.43333px), calc(100% - 1.46667px) calc(100% - 77.46667px), calc(100% - 0.96667px) calc(100% - 78.6px), calc(100% - 0.53333px) calc(100% - 79.76667px), calc(100% - 0.23333px) calc(100% - 80.93333px), calc(100% - 0.06667px) calc(100% - 82.13333px), calc(100% - 0px) calc(100% - 83.33333px), 100% 0, 0 0);
background-color: #ffffff;
padding: 50px 80px;
margin-top: -150px;
border-top-right-radius: 10px;
}
.c-testimonial1 {
width: 100%;
display: inline-block;
padding: 100px 0px;
}
.c-testimonial__thumbnail1 {
display: block;
z-index: -1;
max-width: 589px;
max-height: 350px;
min-height: 350px;
margin-right: auto;
-webkit-clip-path: polygon(0 0, calc(100% - 166.66667px) 0px, calc(100% - 164.26667px) 0.13333px, calc(100% - 161.86667px) 0.46667px, calc(100% - 159.53333px) 1.06667px, calc(100% - 157.2px) 1.93333px, calc(100% - 154.93333px) 2.93333px, calc(100% - 152.86667px) 4.26667px, calc(100% - 150.8px) 5.73333px, calc(100% - 5.73333px) 150.8px, calc(100% - 4.26667px) 152.86667px, calc(100% - 2.93333px) 154.93333px, calc(100% - 1.93333px) 157.2px, calc(100% - 1.06667px) 159.53333px, calc(100% - 0.46667px) 161.86667px, calc(100% - 0.13333px) 164.26667px, calc(100% - 0px) 166.66667px, 100% 100%, 0% 100%);
clip-path: polygon(0 0, calc(100% - 166.66667px) 0px, calc(100% - 164.26667px) 0.13333px, calc(100% - 161.86667px) 0.46667px, calc(100% - 159.53333px) 1.06667px, calc(100% - 157.2px) 1.93333px, calc(100% - 154.93333px) 2.93333px, calc(100% - 152.86667px) 4.26667px, calc(100% - 150.8px) 5.73333px, calc(100% - 5.73333px) 150.8px, calc(100% - 4.26667px) 152.86667px, calc(100% - 2.93333px) 154.93333px, calc(100% - 1.93333px) 157.2px, calc(100% - 1.06667px) 159.53333px, calc(100% - 0.46667px) 161.86667px, calc(100% - 0.13333px) 164.26667px, calc(100% - 0px) 166.66667px, 100% 100%, 0% 100%);
}
.c-testimonial__thumbnail1 img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
transition: .3s all;
}
.c-testimonial__thumbnail1:hover img {
transform: scale(1.1);
}
.c-testimonial__container1 {
position: relative;
top: 0;
right: 0;
max-width: 793px;
-webkit-clip-path: polygon(0 0, 0px calc(100% - 100px), 0.08px calc(100% - 98.56px), 0.28px calc(100% - 97.12px), 0.64px calc(100% - 95.72px), 1.16px calc(100% - 94.32px), 1.76px calc(100% - 92.96px), 2.56px calc(100% - 91.72px), 3.44px calc(100% - 90.48px), 90.48px calc(100% - 3.44px), 91.72px calc(100% - 2.56px), 92.96px calc(100% - 1.76px), 94.32px calc(100% - 1.16px), 95.72px calc(100% - 0.64px), 97.12px calc(100% - 0.28px), 98.56px calc(100% - 0.08px), 100px calc(100% - 0px), 100% 100%, 100% 0);
clip-path: polygon(0 0, 0px calc(100% - 100px), 0.08px calc(100% - 98.56px), 0.28px calc(100% - 97.12px), 0.64px calc(100% - 95.72px), 1.16px calc(100% - 94.32px), 1.76px calc(100% - 92.96px), 2.56px calc(100% - 91.72px), 3.44px calc(100% - 90.48px), 90.48px calc(100% - 3.44px), 91.72px calc(100% - 2.56px), 92.96px calc(100% - 1.76px), 94.32px calc(100% - 1.16px), 95.72px calc(100% - 0.64px), 97.12px calc(100% - 0.28px), 98.56px calc(100% - 0.08px), 100px calc(100% - 0px), 100% 100%, 100% 0);
background-color: #ffffff;
padding: 50px 80px;
margin-top: -150px;
border-top-right-radius: 10px;
float: right;
}
.press-video-sec {
position: relative;
padding: 100px 100px;
background-color: #cb3634;
}
.center-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
/* hospitality center text*/
.hos-larger-center-text {
/*margin: 0;*/
/* position: absolute;*/
/* top: 50%;*/
/* left: 50%;*/
/* transform: translate(-50%, -50%);*/
/* z-index: 9;*/
/* width: 90%;*/
margin: 0;
position: absolute;
top: 200px;
left: 0;
/* transform: translate(-50%, -50%); */
z-index: 9;
width: 100%;
right: 0;
}
.hos-larger-center-text h2 {
font-size: 100px;
color: #fff;
}
.hos-larger-center-text h2:nth-child(1) {
text-align: center;
}
.hos-larger-center-text h2:nth-child(2) {
margin-left: 100px;
}
.hos-larger-center-text h2:nth-child(3) {
text-align: center;
}
/* Testimonials Inner page style end*/
.community-page-banner {
background-image: url('./../img/community-new-bg-img.jpg');
}
.upcoming-project-list-sec.hospitality-list-sec {
padding: 100px 0px 100px 0px;
}
.obj-cover {
width: 100%;
object-fit: cover;
}
.upcoming-project-banner{
background-image: url('./../img/upcoming-projects/upcoming-project-banner.jpg');
}
.upcoming-project-page-inner-banner {
background-image: url('./../img/upcoming-projects/upcoming-project-inner-banner.jpg');
}
.our-commu-container-div {
padding: 0;
position: sticky;
top: 0;
}
.community-last-sec-bg {
background-image: url(../img/community-last-bg.jpg);
height: 700px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
/* Communities Inner page style */
.community-inner-banner {
background-image: url('./../img/community-inner-bg-img.jpg');
}
.community-inner-first-sec {
position: relative;
padding: 100px 100px 0px 100px;
background-color: #F8F5F1;
}
.community-inner-second-sec {
position: relative;
padding: 100px 100px;
background-color: #F8F5F1;
}
.community-inner-last-sec-bg {
background-image: url('./../img/community-inner-last-bg.jpg');
height: 700px;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.community-inner-second-content {
position: relative;
padding: 0px 50px;
}
.community-inner-second-content h5{
font-weight: bold;
font-size: 22px;
margin-bottom: 20px;
}
.location-advantage-sec.upcoming-page-location-sec .full-div-card {
height: auto;
}
.location-advantage-sec.upcoming-page-location-sec .location-advantage-text h4 {
margin-bottom: 0;
}
/* education animation section feature */
.featured-project[data-v-6cd6e85a] {
background: #fff;
background: #ffffff;
height: 177.6vw;
padding: 27.4666666667vw 0;
position: relative
}
@media(min-width:601px) {
.featured-project[data-v-6cd6e85a] {
contain: paint;
cursor: pointer;
height: 100vh;
height: calc(var(7.03px, 1vh)*100);
padding: 0
}
.featured-project:first-child .content[data-v-6cd6e85a] {
top: 0
}
.featured-project:first-child .content[data-v-6cd6e85a],
.featured-project:last-child .content[data-v-6cd6e85a] {
height: 200vh;
height: calc(var(7.03px, 1vh)*200)
}
.content[data-v-6cd6e85a] {
height: 300vh;
height: calc(var(7.03px, 1vh)*300);
left: 0;
position: absolute;
right: 0;
top: -100vh;
top: calc(var(7.03px, 1vh)*-100);
z-index: 2
}
.sticky[data-v-6cd6e85a] {
align-items: center;
display: flex;
height: 100vh;
height: calc(var(7.03px, 1vh)*100);
position: sticky;
top: 0
}
}
.info[data-v-6cd6e85a] {
position: absolute
}
@media(max-width:600px) {
.info[data-v-6cd6e85a] {
left: 5.3333333333vw;
right: 13.3333333333vw;
top: 22.6666666667vw
}
}
@media(min-width:601px) {
.info[data-v-6cd6e85a] {
right: 8.1944444444vw;
width: 41.6666666667vw
}
}
.info[data-v-6cd6e85a] p{
left: 115px;
position: relative;
}
@media(max-width:600px) {
.category[data-v-6cd6e85a] {
font-family: "NeueHaasGroteskText Pro";
font-size: 3.7333333333vw;
font-weight: 400;
letter-spacing: 0;
line-height: 5.3333333333vw;
margin-bottom: 1.3333333333vw
}
}
@media(min-width:601px) {
.category[data-v-6cd6e85a] {
font-family: "NeueHaasGroteskText Pro";
font-size: 4.2666666667vw;
font-weight: 400;
letter-spacing: 0;
line-height: 6.4vw;
margin-bottom: 1.875vw
}
}
@media(max-width:600px) {
.title[data-v-6cd6e85a] {
font-family: "PolySans Slim";
font-size: 10.6666666667vw;
font-weight: 300;
letter-spacing: -.1866666667vw;
line-height: 11.7333333333vw;
}
}
@media(min-width:601px) {
.title[data-v-6cd6e85a] {
font-family: "PolySans Slim";
font-size: 12.8vw;
font-weight: 300;
letter-spacing: -.32vw;
line-height: 13.8666666667vw;
}
}
.cover[data-v-6cd6e85a] {
will-change: transform
}
.cover[data-v-6cd6e85a],
.cover[data-v-6cd6e85a]:before {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.cover[data-v-6cd6e85a]:before {
background: linear-gradient(1turn, rgba(0, 0, 0, .4) 25%, rgba(0, 0, 0, .1) 65%);
content: "";
z-index: 1
}
.cover .picture[data-v-6cd6e85a] {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.cover .picture[data-v-6cd6e85a] img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: bottom;
object-position: bottom;
width: 100%;
height: 100%;
}
.video[data-v-6cd6e85a] {
bottom: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
right: 0;
top: 0;
width: 100%;
height: 100%;
}
.thumbnail[data-v-6cd6e85a],
.video[data-v-6cd6e85a] {
position: absolute;
}
@media(max-width:600px) {
.thumbnail[data-v-6cd6e85a] {
height: 92vw;
left: 5.3333333333vw;
right: 5.3333333333vw;
top: 61.3333333333vw;
width: 89.3333333333vw
}
}
@media(min-width:601px) {
.thumbnail[data-v-6cd6e85a] {
height: 30.0694444444vw;
right: 56.7361111111vw;
width: 29.0277777778vw
}
}
/* .thumbnail[data-v-6cd6e85a] img {
height: 100px;
width: 100px;
} */
.thumbnail[data-v-6cd6e85a] img{
height: 30.0694444444vw;
right: 56.7361111111vw;
width: 29.0277777778vw;
}
/* sell your property animation section */
.sticky-section {
justify-content: center;
align-items: center;
width: 100%;
height: auto;
margin-top: auto;
margin-left: auto;
margin-right: auto;
/* display: flex; */
position: -webkit-sticky;
position: sticky;
top: 120px;
overflow: hidden;
padding: 100px 0px;
}
.sticky-section .circle-card-text-wrapper {
z-index: 2;
grid-column-gap: 1.11em;
grid-row-gap: 1.11em;
color: #000000;
flex-direction: column;
display: flex;
position: relative;
}
.section-5 {
width: 100%;
padding-top: 11.11em;
position: relative;
}
.section-5.horizontal-scroll {
height: 300vh;
padding-top: 0;
overflow: visible;
background-color: #F8F5F1;
}
.sticky-section .circle-card {
/* perspective: 40em; */
background-color: #bbb;
border-radius: 15em;
flex: none;
align-items: center;
width: 66.67em;
max-height: 24.31em;
padding: 6.67em 8.33em;
display: flex;
position: relative;
overflow: hidden;
}
.sticky-section .circle-card.green {
background-color: #DFEED7;
}
.sticky-section .circle-card.red {
background-color: #F9E8D6;
}
.sticky-section .circle-card.purple {
background-color: #E6DEEB;
}
.sticky-section .track-flex {
align-items: center;
display: flex;
}
.sticky-section .circle-card-content.purple {
grid-column-gap: 7.5em;
grid-row-gap: 7.5em;
}
.sticky-section .circle-card-content {
grid-column-gap: 10em;
grid-row-gap: 10em;
align-items: center;
display: flex;
}
.ongoing-project-top-head-desc-row {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
/* Sell your propery form style */
.common-page-banner-sec.sell-your-property-banner {
display: flex;
align-items: center;
justify-content: center;
}
.common-page-banner-sec.sell-your-property-banner .form-div {
position: relative;
width: 100%;
}
.common-page-banner-sec.sell-your-property-banner .form-div .form-div-container {
position: relative;
}
.common-page-banner-sec.sell-your-property-banner .form-div .form-div-container .form-div-row {
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 0px 100px;
}
.common-page-banner-sec.sell-your-property-banner .form-div .form-div-container .form-div-row .form-div-content h4 {
width: 80%;
z-index: 10;
}
.common-page-banner-sec.sell-your-property-banner .form-div .form-div-container .form-div-row .banner-form-col {
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0;
}
.common-page-banner-sec.sell-your-property-banner .form-div .form-div-container .form-div-row .banner-form-div {
background-color: #ffffff;
padding: 50px;
display: flex;
width: auto;
max-width: max-content;
align-items: center;
justify-content: center;
}
.common-page-banner-sec.sell-your-property-banner .form-div .form-div-container .form-div-row .banner-form-div .form-control {
margin-bottom: 10px;
background-color: transparent !important;
width: 100% !important;
border-width: 1px !important;
border-style: solid !important;
border-color: rgb(221, 221, 221) !important;
border-image: initial !important;
border-radius: 0px !important;
padding: 20px !important;
}
.common-page-banner-sec.sell-your-property-banner .banner-form-div .form-control {
color: rgb(0 0 0);
}
.common-page-banner-sec.sell-your-property-banner .form-error {
display: flex;
font-size: 12px;
margin-bottom: 10px;
margin-top: 10px;
text-align: left;
width: 100%;
color: #FA4D09!important;
}
.common-page-banner-sec.sell-your-property-banner .banner-content {
padding: 0px;
}
/* menu dropdown arrow style*/
.dropdown-menu-header {
position: relative;
}
.dropdown-menu-header::after {
content: '';
position: absolute;
background: url('./../img/menu-arrow.svg') no-repeat;
width: 10px;
height: auto;
top: 0px;
bottom: 0;
right: 0;
background-size: 100%;
right: -25px;
transition: all .35s ease-in-out;
background-position: center;
opacity: 0.4;
}
.dropdown-menu-header.sub-menu-header::after {
right: 80px;
}
.dropdown-menu-header:hover::after{
/*transform: rotate(90deg);*/
opacity:1;
}
.dropdown-menu-header.active {
opacity:1;
}
.dropdown-menu-header.active::after{
/*transform: rotate(90deg);*/
opacity:1;
}
.sameera-submenu {
position: absolute;
left: 34rem;
top: -100px;
width: 100%;
line-height: 45px;
}
#submenu-14-0.sameera-submenu {
top:200px;
}
/*.menu-min-height {*/
/* height: 200px;*/
/* overflow-y: scroll;*/
/*}*/
.margin-top-minus100 {
margin-top:-150px;
}
body.modal-open {
padding-right: 0px !important;
}
.modal-close-btn {
position: absolute;
top: 10px;
right: -30px;
font-size: 35px;
color: #000;
}
button.modal-close-btn:focus {
outline: none;
}
.low_contents li a {
cursor:pointer;
}
/* About Us page Our team section style */
.aboutus-ourteam-sec {
position: relative;
background-attachment: fixed;
background-image: url('https://i0.wp.com/www.luxclusivehomes.com/wp-content/uploads/2023/02/4c8cb3_856cc39e134a4ce2bf05558015da22c9.jpg_srz_1903_1269_85_22_0.50_1.20_0-1.jpg?fit=1903%2C1269&ssl=1');
background-position: top center;
background-size: cover;
padding: 100px 50px;
}
.aboutus-ourteam-container {
display: flex;
margin-right: auto;
margin-left: auto;
position: relative;
}
.aboutus-ourteam-card {
background-color: #ECECEC;
}
.aboutus-ourteam-card {
border-radius: 8px 8px 8px 8px;
}
.aboutus-ourteam-card {
border-style: solid;
border-width: 5px 5px 0px 0px;
border-color: #cb3634;
margin: 0px 10px 0px 10px;
padding: 60px 60px 60px 60px;
text-align: center;
}
.aboutus-ourteam-content {
position: relative;
margin-top: 30px;
}
.aboutus-ourteam-content h3 {
font-size: 23px;
margin-bottom: 15px;
}
.aboutus-ourteam-content h6 {
font-size: 17px;
margin-bottom: 15px;
}
.aboutus-ourteam-img img {
width: 300px;
height: 300px;
margin: 0 auto;
border-radius: 50%;
object-fit: cover;
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out;
}
.aboutus-ourteam-img img:hover {
transform: translateY(-8px);
}
/* careers-new gallery section style */
.career-gallery-section {
background-color: #F8F5F1;
padding: 100px 100px;
position: relative;
background-image: url(./../img/ongo-inner-location-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.new-career-gallery-swiper .swiper-slide.swiper-slide-active .gallery-card, .new-career-gallery-swiper .swiper-slide.swiper-slide-active .gallery-card, #swiper-facilities-wellness .swiper-slide.swiper-slide-active .gallery-card {
box-shadow: none;
zoom: 100%;
}
.new-career-gallery-swiper .swiper-slide .gallery-card, .new-career-gallery-swiper .swiper-slide .gallery-card, #swiper-facilities-wellness .swiper-slide .gallery-card {
height: 450px;
}
.new-career-gallery-swiper .swiper-slide .gallery-card, .new-career-gallery-swiper .swiper-slide .gallery-card, #swiper-facilities-wellness .swiper-slide .gallery-card {
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 5px;
border: none;
box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, .4);
}
.w-100 {
width:100%;
}
.career-page-first-sec {
background-color: #F8F5F1;
}
.car-container-one {
background-color: #F8F5F1;
padding: 100px 100px 0px 100px;
position: relative;
}
.car-imgs-col {
display: flex;
align-items: center;
justify-content: center;
}
.car-imgs-col .static-images-row{
width: 100%;
margin: 0 auto;
}
.car-imgs-col img {
margin-bottom: 10px;
border-radius: 10px;
}
/* careers-new gallery section style end */
.blog-banner-content-row {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.blog-banner-content {
position: relative;
margin-top: 100px;
}
.blog-banner-content h1 {
font-size: 40px;
text-transform: uppercase;
font-family: 'OpenSans-Bold';
}
.hospitality-img-parallax-sec {
background-image: url('../img/hospitality-bg-img.jpg');
height: 900px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
position: relative;
}
.terms-page-banner {
background-image: url('../img/terms-bg-img.jpg');
}
.privacy-page-banner {
background-image: url('../img/privacy-bg-img.jpg');
}
/* Responsiveness Style Start - 31-7-24 */
/* Responsiveness Style Start - 31-7-24 */
/* Nav Bar Menu Reponsiveness */
@media only screen and (max-width: 992px) {
.dropMenuPanel {
display: none!important;
}
.dropdown-content.open {
display: block;
animation: fadeIn 0.5s ease-in-out;
left: 0;
right: 0;
top: 100px;
z-index: 999;
width: auto;
padding: 30px 0px;
text-align: center;
box-shadow: none;
}
.fs-burger-icon-line {
transition: all 300ms linear;
}
.navbar-toggler .fs-burger-icon-line:first-child {
transform: translateY(8px) rotate(-45deg);
background-color: #fff;
}
.navbar-toggler .fs-burger-icon-line:last-child {
transform: translateY(-2px) rotate(45deg);
background-color: #fff;
}
.navbar-toggler.collapsed .fs-burger-icon-line:first-child {
transform: translateY(0px) rotate(0deg);
background-color: #000;
}
.navbar-toggler.collapsed .fs-burger-icon-line:last-child {
transform: rotate(0deg);
background-color: #000;
}
.nav-main {
/* z-index: 200; */
width: 100%;
height: auto;
min-height: auto;
background-color: #fff;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
padding: 0 15px;
}
.nav-brand {
justify-content: flex-start;
align-self: flex-start;
align-items: flex-start;
display: flex;
}
.nav-main-links {
justify-content: space-between;
align-self: center;
align-items: center;
display: flex;
position: relative;
width: 100%;
}
/* .nav-buttons {
display: none;
} */
.nav-brand img {
width: 100px;
}
.nav-main.navactive {
height: auto;
min-height: auto;
}
.nav-buttons {
position: absolute;
right: 10px;
}
.nav-contact-text {
font-size: 15px;
}
.nav-contact-link {
grid-column-gap: 10px;
margin-right: 0em;
}
.nav-contact-icon {
font-size: 15px;
padding: 10px;
}
.sameera-header .navbar .navbar-brand:focus-visible {
outline: none;
}
.sameera-header .navbar-brand img {
width: 100px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.sameera-header .navbar-toggler {
float: right;
border: none;
padding: 0;
z-index: 99;
display: none;
}
.sameera-header .navbar-toggler:active,
.sameera-header .navbar-toggler:focus {
outline: none;
}
.sameera-header .navbar-toggler-icon {
width: 24px;
height: 17px;
background-image: none;
position: relative;
border-bottom: 1px solid #ffffff;
transition: all 300ms linear;
}
.sameera-header .navbar-toggler-icon:after,
.sameera-header .navbar-toggler-icon:before {
width: 24px;
position: absolute;
height: 1px;
background-color: #ffffff;
top: 0;
left: 0;
content: '';
z-index: 2;
transition: all 300ms linear;
}
.sameera-header .navbar-toggler-icon:after {
top: 8px;
}
.sameera-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
transform: rotate(45deg);
}
.sameera-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
transform: translateY(8px) rotate(-45deg);
}
.sameera-header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
border-color: transparent;
}
.navbar-collapse {
position: fixed;
width: 100% !important;
height: 100% !important;
top: 0px;
background-color: #1A25AB !important;
z-index: 98;
display: flex;
flex-direction: column !important;
justify-content: center !important;
text-align: center !important;
margin: 0;
transition: all 500ms ease-in;
}
.nav-link {
color: #fff;
}
.nav-dropdown-link i {
border: 2px solid #fff;
color: #fff;
}
.navbar-collapse.collapsing {
position: fixed !important;
}
.navbar-collapse.collapsing {
right: -100%;
}
.navbar-collapse.show {
right: 0px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.sameera-header .navbar-dark .navbar-nav .nav-link {
padding: 10px 0px;
width: 100%;
margin: 0;
}
.sameera-header .navbar__menu {
margin-left: auto;
margin-right: auto;
}
.navbar-toggler.collapsed~.navbar-collapse {
transition: right 400ms ease-out;
}
.navbar-collapse .navbar-brand {
display: none;
}
.sameera-header .bg-dark {
padding: 0 15px;
height: auto;
}
.sameera-header .navbar-brand img {
width: 50px;
height: auto;
top: 0;
}
.sameera-header-div::after {
display: none;
}
.banner-section {
margin-top: 45px;
}
.common-banner-sec {
margin-top: 45px;
}
}
@media only screen and (max-width: 992px) {
.dropdown-content.open {
display: block;
animation: fadeIn 0.5s ease-in-out;
left: 0;
right: 0;
width: auto;
padding: 30px 0px;
text-align: center;
}
}
@media only screen and (max-width: 319.5px) {
.new-testimonials-reviews-row {
margin-bottom: 35px;
}
.new-testimonials-reviews-swiper {
height: auto;
}
.new-testimonials-reviews-img .testi-active-img {
width: auto;
height: auto;
border-radius: 0%;
object-fit: contain;
margin-bottom: 20px;
width: 100%;
height: 100%;
}
.testi-prev-img , .testi-next-img{
display: none;
}
.new-testimonials-reviews-swiper .swiper-pagination {
flex-direction: row;
}
.new-testimonials-reviews-swiper .swiper-button-lock {
display: flex;
bottom: auto;
top: 50%;
}
.new-testimonials-reviews-swiper .swiper-button-next, .new-testimonials-reviews-swiper .swiper-rtl .swiper-button-prev {
right: 20px;
left: auto;
}
.new-testimonials-reviews-swiper .swiper-button-prev, .new-testimonials-reviews-swiper .swiper-rtl .swiper-button-next {
left: 20px;
right: auto;
}
.proposition-new-swiper .swiper-button-next, .proposition-new-swiper .swiper-rtl .swiper-button-prev {
right: auto;
left: 51%;
}
.proposition-new-swiper .swiper-button-prev, .proposition-new-swiper .swiper-rtl .swiper-button-next {
left: auto;
right: 51%;
}
.proposition-new-swiper .swiper-button-lock {
display: flex;
}
.proposition-new-swiper .swiper-button-next, .proposition-new-swiper .swiper-button-prev {
bottom: 100px;
top: auto;
}
.proposition-new-sec {
padding: 20px 0px 200px 0px;
}
.padding-100 {
padding: 20px;
}
.padding-left-100 {
padding-left: 20px;
}
.nav-buttons {
position: absolute;
right: 10px;
}
.nav-contact-text {
font-size: 15px;
}
.nav-contact-link {
grid-column-gap: 10px;
margin-right: 0em;
}
.nav-contact-icon {
font-size: 15px;
padding: 10px;
}
.new-testimonials-reviews-container {
padding: 10px 10px;
}
.marquee {
display: none;
}
.ongoing-project-new-container {
margin-bottom: 30px;
}
.ongoing-project-new-text.col-md-5 {
margin: 0px 15px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.leadership-section .swiper-container {
margin-top: 20px;
margin-bottom: 50px;
}
.leadership-swiper-inner-content {
padding: 10px;
text-align: center;
}
.leadership-swiper-inner-content .leadership-quotes {
width: 100%;
}
.leadership-swiper-img {
box-shadow: none;
z-index: 2;
position: relative;
margin-right: 0;
border-radius: 50%;
width: 200px;
height: 185px;
margin: 0 auto;
}
.leadership-swiper-img img {
border-radius: 50%;
width: 200px;
height: 200px;
margin-right: 0;
margin: 0 auto;
text-align: center;
}
.leadership-section .swiper-slide .row {
margin-bottom: 0;
}
.leadership-section .container-fluid {
padding: 0;
}
#home-leadership-sec.leadership-section .swiper-slide {
display: block;
background-color: #fff;
padding: 0px 0px;
margin: 0 !important;
}
.leadership-section .swiper-slide .leadership-swiper-content {
margin-right: 0;
}
.common-text-head {
font-size: 20px;
}
.leadership-section {
padding: 20px 20px 100px 20px;
}
.about-new-head-div {
margin-bottom: 10px;
}
.about-cont-div {
width: auto;
}
.common-uppercase-head span {
font-size: 20px;
}
.copy-right-container .copy-right-row .right-col .links:last-child {
margin: 0 0px 0px 0px;
}
.copy-right-container .copy-right-row .right-col .links {
margin: 0 0px;
}
.side-form-container {
width: 95%;
right: 0;
left: 0;
margin: 0 auto;
border-radius: 20px;
}
#whatsappbutton {
right: 0;
width: 40px;
height: 40px;
}
#goToTopBtn {
font-size: 20px;
width: 40px;
height: 40px;
right: 0;
}
.dropdown-content.open {
display: block;
animation: fadeIn 0.5s ease-in-out;
left: 0;
right: 0;
top: 100px;
z-index: 999;
width: auto;
padding: 30px 0px;
text-align: center;
box-shadow: none;
}
.footer-form-element.form-div {
justify-content: center;
}
.sameera-content .sameera-slide-caption .sameera-button-and-descr .sameera-description .sameera-line {
display: none;
}
.dropdown-content.open {
display: block;
animation: fadeIn 0.5s ease-in-out;
left: 0;
right: 0;
width: auto;
padding: 30px 0px;
text-align: center;
}
.footer-top-container {
position: relative;
padding: 10px 10px;
text-align: center;
}
.copy-right-container .copy-right-row .right-col {
display: flex;
justify-content: center;
position: relative;
text-align: center;
flex-direction: column;
}
.footer-title {
margin-top: 20px;
margin-bottom: 20px;
}
.sameera-content .rb-object-frame .sameera-obj-1 {
width: 100%;
padding-bottom: 0;
height: 450px;
}
.banner-new-left-img {
display: none;
}
.banner-new-right-img {
display: none;
}
.sameera-content .sameera-slide-caption {
position: absolute;
width: 100%;
height: 100%;
padding: 20px 20px;
text-align: center;
}
.sameera-content .sameera-slide-caption .sameera-main-title .h1, .sameera-content .sameera-slide-caption .sameera-main-title h1 {
margin-left: 0;
font-size: 20px;
width: auto;
}
.sameera-content .sameera-slide-caption .sameera-button-and-descr .sameera-description {
width: 100%;
font-size: 15px;
display: flex;
justify-content: center;
align-items: center;
right: 0;
position: absolute;
left: auto;
float: right;
bottom: 60px;
}
.sameera-banner-sec {
margin-top: 60px;
}
.about-us-new-sec {
position: relative;
padding: 20px 15px;
text-align: center;
background-size: cover;
}
.common-uppercase-head {
font-size: 20px;
margin-bottom: 10px;
}
.common-uppercase-para {
font-size: 15px;
line-height: 25px;
}
.about-new-img-container {
padding-top: 20px;
}
.about-new-img-row {
padding: 0px 10px;
}
.about-us-new-sec::after , .about-us-new-sec::before{
height: 100px;
width: 100px;
}
.about-star-div p {
font-size: 15px;
}
.about-star-div h4 {
font-size: 20px;
}
.ongoing-project-new-sec {
padding: 20px 0px;
}
.ongoing-project-new-head h2 {
font-size: 20px;
margin-bottom: 20px;
}
.ongoing-project-top-head-desc {
position: relative;
padding: 0px;
}
.home_process_bg {
display: none;
}
.our-value-proposition {
padding: 20px 5px;
background-size: cover;
}
.ongoing-project-new-text {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding: 40px;
}
.ongoing-project-new-img {
margin-left: 0;
}
.ongoing-project-new-text .tt3 {
font-size: 20px;
line-height: 25px;
}
.ongoing-project-top-head h4 {
font-size: 22px;
}
.footer-top-heading h1 {
font-size: 22px;
margin-bottom: 15px;
}
.footer-top-heading-row {
margin-bottom: 20px;
}
.accordion-content-div #accordion {
width: 100%;
}
.card-header {
padding: 1rem 0rem !important;
}
.our-value-proposition::after {
height: 100px;
width: 100px;
}
.ongoing-project-new-swiper .swiper-horizontal>.swiper-pagination-progressbar, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .ongoing-project-new-swiper .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 2px;
left: 0;
top: auto;
bottom: 62px;
z-index: -1;
}
.ongoing-project-new-swiper .swiper-slide.swiper-slide-active::after {
width: 20px;
height: 20px;
border: 5px solid #5A6771;
bottom: -40px;
}
.ongoing-project-new-swiper .swiper-wrapper {
margin-bottom: 50px;
}
.ongoing-project-new-swiper .swiper-slide::after {
display: none;
}
.sameera-navigation {
position: absolute;
bottom: 20px;
right: 0;
left: 0;
z-index: 999;
display: flex;
justify-content: center;
align-items: center;
}
.sameera-navigation .sameera-pagination {
margin-right: 20px;
width: auto;
}
.accordion-content-div {
height: auto;
}
.our-value-content-div h2 {
font-size: 22px;
margin-bottom: 15px;
text-align: center;
}
.our-value-content-div p {
font-size: 15px;
margin-bottom: 20px;
width: 100%;
text-align: center;
}
.clip p {
margin-bottom: 0;
font-size: 15px;
}
.card-header {
grid-template-columns: 1.5rem 1fr auto;
}
.card-header a {
margin-bottom: 0;
font-size: 15px;
}
button#fixedformButton {
right: -50px;
}
.flex-end {
display: flex;
justify-content: center;
}
.flex-start {
display: flex;
justify-content: center;
}
.heading-style-h3.is-aeonik {
font-size: 25px;
margin-bottom: 10px;
}
.news-media-new-sec {
padding: 20px 0px;
}
.new-testimonials-sec {
padding: 20px 15px;
}
#carousel {
display: none;
}
.testimonials-swiper .swiper-wrapper {
margin-bottom: 50px;
padding: 10px 0px;
}
.testimonials-swiper-content-div {
padding: 10px;
background-color: #fff;
border-radius: 0;
width: auto;
height: auto;
}
.testimonials-swiper-content-div h3 {
font-size: 20px;
margin-bottom: 15px;
}
.testimonials-swiper-content-div p {
font-size: 15px;
line-height: 22px;
padding: 0px 0px;
}
.testi-prof-img .prof-img1 {
width: 120px;
height: 120px;
position: relative;
left: 0;
}
.testi-prof-img .prof-img2 {
display: none;
}
.testi-prof-img .prof-img3 {
display: none;
}
.testimonials-swiper .swiper-button-next, .testimonials-swiper .swiper-button-prev {
top: auto;
bottom: 0;
z-index: 99;
width: 50px;
height: 50px;
}
.testimonials-swiper .swiper-button-next img , .testimonials-swiper .swiper-button-prev img {
width: 70%;
}
.news-media-swiper {
width: 100%;
height: auto !important;
}
.figure-sticks.is-left {
position: absolute;
top: 0;
bottom: auto;
left: auto;
right: 0px;
}
.figure-sticks {
color: #ffffff;
width: 100px;
height: 200px;
}
.figure-sticks.is-right {
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: auto;
}
.dropdown-content.open {
display: block;
animation: fadeIn 0.5s ease-in-out;
left: 0;
right: 0;
width: auto;
padding: 30px 0px;
text-align: center;
}
.footer-top-container {
position: relative;
padding: 10px 10px;
text-align: center;
}
.footer-form-element.form-div {
padding: 0px 0px 0px 0px;
}
.copy-right-container {
padding: 10px 0px;
}
.copy-right-container .copy-right-row {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0px 10px;
}
.copy-right-container .copy-right-row .left-col {
text-align: center;
}
.copy-right-container .copy-right-row .right-col {
display: flex;
justify-content: center;
position: relative;
text-align: center;
flex-direction: column;
}
.footer-title {
margin-top: 20px;
margin-bottom: 20px;
}
.sameera-footer-sec {
background-size: cover;
}
.nav-topbar {
z-index: 10;
width: 100%;
background-color: #1A25AB;
color: #000000;
padding-left: 0;
padding-right: 0;
position: relative;
}
.nav-topbar-flex {
width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.nav-topbar-block-1 {
grid-column-gap: initial;
grid-row-gap: initial;
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.nav-topbar-block-2 {
grid-column-gap: initial;
text-align: center;
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.nav-topbar-link {
text-transform: uppercase;
align-self: center;
padding: 10px 5px;
font-size: 8px;
line-height: normal;
}
.nav-main {
/* z-index: 200; */
width: 100%;
height: auto;
min-height: auto;
background-color: #fff;
flex-wrap: nowrap;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
position: relative;
padding: 0 15px;
}
.image-col-div {
display: none;
}
}
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
.new-testimonials-reviews-row {
margin-bottom: 35px;
}
.new-testimonials-reviews-swiper .swiper-button-lock {
display: flex;
bottom: auto;
top: 50%;
}
.new-testimonials-reviews-swiper .swiper-button-next, .new-testimonials-reviews-swiper .swiper-rtl .swiper-button-prev {
right: 20px;
left: auto;
}
.new-testimonials-reviews-swiper .swiper-button-prev, .new-testimonials-reviews-swiper .swiper-rtl .swiper-button-next {
left: 20px;
right: auto;
}
.new-testimonials-reviews-swiper {
height: auto;
}
.new-testimonials-reviews-img .testi-active-img {
width: auto;
height: auto;
border-radius: 0%;
object-fit: contain;
margin-bottom: 20px;
width: 100%;
height: 100%;
}
.testi-prev-img , .testi-next-img{
display: none;
}
.new-testimonials-reviews-swiper .swiper-pagination {
flex-direction: row;
}
.proposition-new-swiper .swiper-button-next, .proposition-new-swiper .swiper-rtl .swiper-button-prev {
right: auto;
left: 51%;
}
.proposition-new-swiper .swiper-button-prev, .proposition-new-swiper .swiper-rtl .swiper-button-next {
left: auto;
right: 51%;
}
.proposition-new-sec {
padding: 20px 0px 200px 0px;
}
.proposition-new-swiper .swiper-button-next, .proposition-new-swiper .swiper-button-prev {
bottom: 100px;
top: auto;
}
.proposition-new-swiper .swiper-button-lock {
display: flex;
}
.padding-100 {
padding: 20px;
}
.padding-left-100 {
padding-left: 20px;
}
.new-testimonials-reviews-container {
padding: 10px 10px;
}
.marquee {
display: none;
}
.ongoing-project-new-container {
margin-bottom: 30px;
}
.ongoing-project-new-text.col-md-5 {
margin: 0px 15px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.leadership-section .swiper-container {
margin-top: 20px;
margin-bottom: 50px;
}
.leadership-section .swiper-slide .row {
margin-bottom: 0;
}
.leadership-swiper-inner-content {
padding: 15px;
text-align: center;
}
.leadership-swiper-inner-content .leadership-quotes {
width: 100%;
}
.leadership-swiper-img {
box-shadow: none;
z-index: 2;
position: relative;
margin-right: 0;
border-radius: 50%;
width: 200px;
height: 185px;
margin: 0 auto;
}
.leadership-swiper-img img {
border-radius: 50%;
width: 200px;
height: 200px;
margin-right: 0;
margin: 0 auto;
text-align: center;
}
.common-text-head {
font-size: 20px;
}
.leadership-section {
padding: 20px 20px 100px 20px;
}
.common-uppercase-head span {
font-size: 20px;
}
.about-new-head-div {
margin-bottom: 10px;
}
.about-cont-div {
width: auto;
}
.leadership-section .container-fluid {
padding: 0;
}
#home-leadership-sec.leadership-section .swiper-slide {
display: block;
background-color: #fff;
padding: 0px 0px;
margin: 0 !important;
}
.leadership-section .swiper-slide .leadership-swiper-content {
margin-right: 0;
}
.copy-right-container .copy-right-row .right-col .links:last-child {
margin: 0 0px 0px 0px;
}
.copy-right-container .copy-right-row .right-col .links {
margin: 0 0px;
}
.side-form-container {
width: 95%;
right: 0;
left: 0;
margin: 0 auto;
border-radius: 20px;
}
#whatsappbutton {
right: 0;
width: 40px;
height: 40px;
}
#goToTopBtn {
font-size: 20px;
width: 40px;
height: 40px;
right: 0;
}
.footer-form-element.form-div {
justify-content: center;
}
.sameera-content .sameera-slide-caption .sameera-button-and-descr .sameera-description .sameera-line {
display: none;
}
.sameera-content .rb-object-frame .sameera-obj-1 {
width: 100%;
padding-bottom: 0;
height: 450px;
}
.banner-new-left-img {
display: none;
}
.banner-new-right-img {
display: none;
}
.sameera-content .sameera-slide-caption {
position: absolute;
width: 100%;
height: 100%;
padding: 20px 20px;
text-align: center;
}
.sameera-content .sameera-slide-caption .sameera-main-title .h1, .sameera-content .sameera-slide-caption .sameera-main-title h1 {
margin-left: 0;
font-size: 20px;
width: auto;
}
.sameera-content .sameera-slide-caption .sameera-button-and-descr .sameera-description {
width: 100%;
font-size: 15px;
display: flex;
justify-content: center;
align-items: center;
right: 0;
position: absolute;
left: auto;
float: right;
bottom: 60px;
}
.sameera-banner-sec {
margin-top: 60px;
}
.about-us-new-sec {
position: relative;
padding: 20px 15px;
text-align: center;
background-size: cover;
}
.common-uppercase-head {
font-size: 20px;
margin-bottom: 10px;
}
.common-uppercase-para {
font-size: 15px;
line-height: 25px;
}
.about-new-img-container {
padding-top: 20px;
}
.about-new-img-row {
padding: 0px 10px;
}
.about-us-new-sec::after , .about-us-new-sec::before{
height: 100px;
width: 100px;
}
.about-star-div p {
font-size: 15px;
}
.about-star-div h4 {
font-size: 20px;
}
.ongoing-project-new-sec {
padding: 20px 0px;
}
.ongoing-project-new-head h2 {
font-size: 20px;
margin-bottom: 20px;
}
.ongoing-project-top-head-desc {
position: relative;
padding: 0px;
}
.home_process_bg {
display: none;
}
.our-value-proposition {
padding: 20px 5px;
background-size: cover;
}
.ongoing-project-new-text {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding: 40px;
border-radius: 0;
}
.ongoing-project-new-img {
margin-left: 0;
}
.ongoing-project-new-text .tt3 {
font-size: 20px;
line-height: 25px;
}
.ongoing-project-top-head h4 {
font-size: 22px;
}
.footer-top-heading h1 {
font-size: 22px;
margin-bottom: 15px;
}
.footer-top-heading-row {
margin-bottom: 20px;
}
.accordion-content-div #accordion {
width: 100%;
}
.card-header {
padding: 1rem 0rem !important;
}
.our-value-proposition::after {
height: 100px;
width: 100px;
}
.ongoing-project-new-swiper .swiper-horizontal>.swiper-pagination-progressbar, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .ongoing-project-new-swiper .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 2px;
left: 0;
top: auto;
bottom: 62px;
z-index: -1;
}
.ongoing-project-new-swiper .swiper-slide.swiper-slide-active::after {
width: 20px;
height: 20px;
border: 5px solid #5A6771;
bottom: -40px;
}
.ongoing-project-new-swiper .swiper-wrapper {
margin-bottom: 50px;
}
.ongoing-project-new-swiper .swiper-slide::after {
display: none;
}
.sameera-navigation {
position: absolute;
bottom: 20px;
right: 0;
left: 0;
z-index: 999;
display: flex;
justify-content: center;
align-items: center;
}
.sameera-navigation .sameera-pagination {
margin-right: 20px;
width: auto;
}
.accordion-content-div {
height: auto;
}
.our-value-content-div h2 {
font-size: 22px;
margin-bottom: 15px;
text-align: center;
}
.our-value-content-div p {
font-size: 15px;
margin-bottom: 20px;
width: 100%;
text-align: center;
}
.clip p {
margin-bottom: 0;
font-size: 15px;
}
.card-header {
grid-template-columns: 1.5rem 1fr auto;
}
.card-header a {
margin-bottom: 0;
font-size: 15px;
}
button#fixedformButton {
right: -50px!important;
}
/* button#fixedformButton {
right: 75% !important;
} */
/* .side-form-container {
right: 0;
width: 70%;
} */
.side-form-container.show {
right: 0%;
width: 85%;
}
/* .side-form-container {
right: 0;
width: 85%;
} */
.flex-end {
display: flex;
justify-content: center;
}
.flex-start {
display: flex;
justify-content: center;
}
.heading-style-h3.is-aeonik {
font-size: 25px;
margin-bottom: 10px;
}
.news-media-new-sec {
padding: 20px 0px;
}
.new-testimonials-sec {
padding: 20px 15px;
}
#carousel {
display: none;
}
.testimonials-swiper .swiper-wrapper {
margin-bottom: 50px;
padding: 10px 0px;
}
.testimonials-swiper-content-div {
padding: 10px;
background-color: #fff;
border-radius: 0;
width: auto;
height: auto;
}
.testimonials-swiper-content-div h3 {
font-size: 20px;
margin-bottom: 15px;
}
.testimonials-swiper-content-div p {
font-size: 15px;
line-height: 22px;
padding: 0px 0px;
}
.testi-prof-img .prof-img1 {
width: 120px;
height: 120px;
position: relative;
left: 0;
}
.testi-prof-img .prof-img2 {
display: none;
}
.testi-prof-img .prof-img3 {
display: none;
}
.testimonials-swiper .swiper-button-next, .testimonials-swiper .swiper-button-prev {
top: auto;
bottom: 0;
z-index: 99;
width: 50px;
height: 50px;
}
.testimonials-swiper .swiper-button-next img , .testimonials-swiper .swiper-button-prev img {
width: 70%;
}
.news-media-swiper {
width: 100%;
height: auto !important;
}
.figure-sticks.is-left {
position: absolute;
top: 0;
bottom: auto;
left: auto;
right: 0px;
}
.figure-sticks {
color: #ffffff;
width: 100px;
height: 200px;
}
.figure-sticks.is-right {
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: auto;
}
.dropdown-content.open {
display: block;
animation: fadeIn 0.5s ease-in-out;
left: 0;
right: 0;
width: auto;
padding: 30px 0px;
text-align: center;
}
.footer-top-container {
position: relative;
padding: 10px 10px;
text-align: center;
}
.footer-form-element.form-div {
padding: 0px 0px 0px 0px;
}
.copy-right-container {
padding: 10px 0px;
}
.copy-right-container .copy-right-row {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 0px 10px;
}
.copy-right-container .copy-right-row .left-col {
text-align: center;
}
.copy-right-container .copy-right-row .right-col {
display: flex;
justify-content: center;
position: relative;
text-align: center;
flex-direction: column;
}
.footer-title {
margin-top: 20px;
margin-bottom: 20px;
}
.sameera-footer-sec {
background-size: cover;
}
.nav-topbar {
z-index: 10;
width: 100%;
background-color: #cb3634;
color: #000000;
padding-left: 0;
padding-right: 0;
position: relative;
}
.nav-topbar-flex {
width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.nav-topbar-block-1 {
grid-column-gap: initial;
grid-row-gap: initial;
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.nav-topbar-block-2 {
grid-column-gap: initial;
text-align: center;
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.nav-topbar-link {
text-transform: uppercase;
align-self: center;
padding: 10px 7px;
font-size: 10px;
font-weight: 800;
line-height: normal;
}
.nav-main {
/* z-index: 200; */
width: 100%;
height: auto;
min-height: auto;
background-color: #fff;
flex-wrap: nowrap;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
position: relative;
padding: 0 15px;
}
}
@media only screen and (min-width: 320px) and (max-width: 992px) {
.dropdown-content.open {
display: block;
animation: fadeIn 0.5s ease-in-out;
left: 0;
right: 0;
top: 100px;
z-index: 999;
width: auto;
padding: 30px 0px;
text-align: center;
box-shadow: none;
}
/* Header Style */
.sameera-header .navbar__menu .hs-menu-depth-1>.hs-menu-children-wrapper {
position: fixed;
top: 50%!important;
left: 0!important;
background: #fff;
grid-template-columns: none;
width: 50%;
display: none!important;
}
.sameera-header .navbar__menu .hs-menu-depth-1>.hs-menu-children-wrapper.show {
display: grid!important;
left: 0%!important;
border-radius: 0;
padding-bottom: 20px;
}
.sameera-header .dropdown-menu {
min-width: auto!important;
}
.sameera-header ul ul .dropMenuPanel{
display: none!important;
}
.dropMenu{
border: none;
/*min-height: 350px !important;*/
transform: none!important;
}
.sameera-header ul li .dropMenu .dropMenuList li a {
padding: 0px;
width: 100%;
}
.sameera-header ul li .dropMenu .dropMenuList li a {
color: #0f4c86!important;
}
.sameera-header ul li .dropMenu .dropMenuList li {
margin: 5px;
}
.image-col-div {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
.nav-main {
padding: 0 15px;
}
.nav-links {
padding-left: 10px;
}
.nav-contact-icon {
font-size: 15px;
padding: 10px;
}
/* .nav-buttons-flex {
display: none;
} */
.sameera-header ul ul .dropMenuPanel {
padding: 20px 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
.new-testimonials-reviews-container {
/* padding-top: 50px; */
padding: 20px 20px;
}
.new-testimonials-reviews-swiper {
height: auto;
}
.new-testimonials-reviews-swiper .swiper-pagination {
flex-direction: row;
}
.t-menu {
font-size: 20px;
line-height: 35px;
}
.dropdown-menu-header::after {
width: 8px;
}
.sameera-submenu {
left: 28rem;
line-height: 35px;
}
.sub-submenu.sameera-submenu {
left: 25rem;
}
/*.dropdown-menu-header.active-menu::after {*/
/* top: -3.5rem !important;*/
/*}*/
.left-pad-8 {
padding-left: 150px;
}
.image-col-div {
width: 65%;
display: none;
}
.padding-100 {
padding: 60px;
}
.padding-left-100 {
padding-left: 20px;
}
.accordion-content-div {
height: 380px;
}
.side-form-container {
width: 45%;
}
.nav-main {
padding: 0 15px;
}
.nav-links {
padding-left: 10px;
}
.sameera-content .sameera-slide-caption {
padding: 0px 20px;
}
.sameera-content .sameera-slide-caption .sameera-main-title .h1, .sameera-content .sameera-slide-caption .sameera-main-title h1 {
margin-left: 30px;
font-size: 30px;
margin-top: 50px;
}
.banner-new-center-image {
width: 300px !important;
height: 300px !important;
object-fit: contain !important;
}
.banner-new-left-img {
right: 100px;
left: auto;
top: 30px;
}
.banner-new-right-img {
right: auto;
left: 100px;
bottom: 30px;
}
.banner-new-right-img img {
width: 100px !important;
height: 100px !important;
}
.banner-new-left-img img {
width: 100px !important;
height: 100px !important;
}
.sameera-content .sameera-slide-caption .sameera-button-and-descr .sameera-description {
justify-content: center;
}
.about-us-new-sec {
padding: 40px 15px;
}
.about-us-new-sec .col-md-8.about-new-head-col {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.common-uppercase-head {
font-size: 30px;
}
.common-uppercase-para {
font-size: 15px;
line-height: 25px;
margin-bottom: 20px;
}
.about-new-img-row {
padding: 0px 0px;
}
.about-us-new-sec::before, .about-us-new-sec::after {
height: 200px;
width: 200px;
}
.about-star-div h4 {
font-size: 25px;
}
.about-star-div p {
font-size: 15px;
}
.ongoing-project-new-sec {
padding: 40px 0px;
}
.home_process_bg {
left: 30px;
right: 30px;
}
.ongoing-project-top-head-desc {
padding: 30px 50px;
}
.ongoing-project-new-text .tt3 {
font-size: 15px;
line-height: 20px;
width: 100%;
}
.ongoing-project-new-text {
padding: 10px 30px;
}
.ongoing-project-new-text .text_n {
width: 40px;
line-height: 2rem;
border-radius: 8px;
margin-bottom: 1.4rem;
font-size: 12px;
}
.ongoing-project-new-text .tx {
font-size: 13px;
}
.ongoing-project-new-swiper .swiper-horizontal>.swiper-pagination-progressbar, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .ongoing-project-new-swiper .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
left: 100px;
}
.copy-right-container .copy-right-row {
padding: 0px 30px;
}
.copy-right-container p {
font-size: 13px;
}
.copy-right-container .copy-right-row .right-col {
display: flex;
justify-content: flex-end;
position: relative;
text-align: right;
padding: 0;
-ms-flex: 0 0 50%;
flex: 0 0 60%;
max-width: 60%;
}
.copy-right-container .copy-right-row .right-col .links {
margin: 0 10px;
}
.copy-right-container .copy-right-row .left-col {
text-align: left;
padding: 0;
}
.footer-top-container {
padding: 40px 20px;
}
.link-footer {
gap: 1rem;
}
.link-footer a {
font-size: 14px;
}
.footer-top-row {
justify-content: start;
margin-bottom: 25px;
}
button#fixedformButton {
right: -50px;
}
#whatsappbutton {
bottom: 70px;
right: 10px;
width: 40px;
height: 40px;
}
#goToTopBtn {
bottom: 20px;
right: 10px;
font-size: 25px;
width: 40px;
height: 40px;
}
.footer-top-row .col-md-3 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.footer-top-row .col-md-2 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.our-value-proposition {
padding: 40px 15px;
}
.our-value-content-div h2 {
font-size: 25px;
margin-bottom: 20px;
}
.our-value-content-div p {
font-size: 13px;
line-height: 23px;
margin-bottom: 20px;
width: 80%;
}
.our-value-proposition::after {
height: 350px;
width: 350px;
}
.card-header {
grid-template-columns: 2rem 1fr auto;
}
.clip p {
margin-bottom: 0px;
}
.card-header a {
font-size: 17px;
}
#carousel figure {
width: 200px;
height: 200px;
left: 0;
top: 0px;
}
#carousel figure:nth-child(1) {
transform: rotateY(0deg) translateZ(200px);
}
#carousel figure:nth-child(2) {
transform: rotateY(60deg) translateZ(200px);
}
#carousel figure:nth-child(3) {
transform: rotateY(120deg) translateZ(200px);
}
#carousel figure:nth-child(4) {
transform: rotateY(180deg) translateZ(200px);
}
#carousel figure:nth-child(5) {
transform: rotateY(240deg) translateZ(200px);
}
#carousel figure:nth-child(6) {
transform: rotateY(300deg) translateZ(200px);
}
.card-body {
font-size: 13px;
}
.card-header {
padding: 1rem 0rem !important;
}
.new-testimonials-sec {
padding: 40px 20px;
}
.testimonials-swiper-content-row .col-md-8 {
-ms-flex: 0 0 95%;
flex: 0 0 95%;
max-width: 95%;
}
.testimonials-swiper-content-div p {
font-size: 15px;
line-height: 25px;
}
.testi-prof-img .prof-img3 {
left: auto;
right: 70px;
}
.testi-prof-img .prof-img2 {
left: 0;
}
.testimonials-swiper-content-div {
padding: 50px;
border-radius: 50%;
width: 650px;
height: 650px;
}
.testimonials-swiper .swiper-wrapper {
padding: 10px 0px;
}
.news-media-new-sec {
padding: 20px 15px;
}
.ongoing-project-new-head h2 {
font-size: 30px;
margin-bottom: 35px;
}
.news-media-swiper {
height: 345px !important;
}
.news-media-swiper .swiper-slide .news-media-img img {
border-radius: 15px;
padding: 0;
}
.heading-style-h3.is-aeonik {
font-size: 45px;
margin-bottom: 15px;
}
.footer-top-heading h1 {
font-size: 30px;
}
.footer-title {
font-size: 15px;
margin-bottom: 1rem;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.sameera-submenu {
left: 29rem;
line-height: 35px;
}
/*.dropdown-menu-header.active-menu::after {*/
/* top: -4.5rem !important;*/
/* }*/
.left-pad-8 {
padding-left: 150px;
}
.image-col-div {
width: 65%;
}
.padding-100 {
padding: 60px;
}
.padding-left-100 {
padding-left: 60px;
}
.side-form-container {
width: 35%;
}
.nav-main {
padding: 0 15px;
}
.nav-links {
padding-left: 10px;
}
.nav-contact-text {
font-size: 15px;
}
.nav-contact-icon {
font-size: 15px;
padding: 10px;
}
/* .nav-buttons-flex {
display: none;
} */
.sameera-header ul ul .dropMenuPanel {
padding: 20px 20px;
}
.sameera-content .sameera-slide-caption {
padding: 100px 20px 20px 20px;
}
.sameera-content .sameera-slide-caption .sameera-main-title .h1, .sameera-content .sameera-slide-caption .sameera-main-title h1 {
font-size: 35px;
}
.banner-new-center-image {
width: 350px !important;
height: 350px !important;
}
.banner-new-left-img img {
width: 150px !important;
height: 150px !important;
}
.banner-new-right-img img {
width: 150px !important;
height: 150px !important;
}
.sameera-content .sameera-slide-caption .sameera-button-and-descr .sameera-description {
width: 40%;
justify-content: center;
}
.about-us-new-sec {
padding: 60px 15px;
}
.about-new-head-row .col-md-8 {
-ms-flex: 0 0 85%;
flex: 0 0 85%;
max-width: 85%;
}
.common-uppercase-head {
font-size: 35px;
}
.common-uppercase-para {
font-size: 16px;
line-height: 30px;
}
.about-new-img-container {
padding-top: 30px;
}
.about-new-img-row {
padding: 0px 40px;
}
.about-us-new-sec::before, .about-us-new-sec::after {
height: 250px;
width: 250px;
}
.about-star-div h4 {
font-size: 32px;
}
.about-star-div p {
font-size: 15px;
}
.ongoing-project-new-sec {
padding: 60px 0px;
}
.home_process_bg {
left: 40px;
right: 40px;
}
.ongoing-project-top-head-desc {
padding: 30px 100px 30px 100px;
}
.ongoing-project-new-text .tt3 {
font-size: 17px;
line-height: 25px;
width: 100%;
}
.ongoing-project-new-text .tx {
font-size: 14px;
}
.ongoing-project-new-swiper .swiper-horizontal>.swiper-pagination-progressbar, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .ongoing-project-new-swiper .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
left: 120px;
}
.ongoing-project-new-text .text_n {
width: 50px;
line-height: 2.5rem;
border-radius: 8px;
margin-bottom: 1rem;
}
.ongoing-project-new-text {
padding: 20px;
}
.ongoing-project-top-head h4 {
font-size: 25px;
}
.our-value-proposition {
padding: 60px 20px;
}
.our-value-content-div h2 {
font-size: 35px;
}
.our-value-content-div p {
font-size: 15px;
line-height: 26px;
}
.card-header {
padding: 1rem 0rem !important;
}
#carousel figure {
width: 200px;
height: 200px;
left: 0;
top: 0px;
}
#carousel figure:nth-child(1) {
transform: rotateY(0deg) translateZ(200px);
}
#carousel figure:nth-child(2) {
transform: rotateY(60deg) translateZ(200px);
}
#carousel figure:nth-child(3) {
transform: rotateY(120deg) translateZ(200px);
}
#carousel figure:nth-child(4) {
transform: rotateY(180deg) translateZ(200px);
}
#carousel figure:nth-child(5) {
transform: rotateY(240deg) translateZ(200px);
}
#carousel figure:nth-child(6) {
transform: rotateY(300deg) translateZ(200px);
}
.card-header a {
font-size: 17px;
}
.new-testimonials-sec {
padding: 60px 20px;
}
.ongoing-project-new-head h2 {
font-size: 35px;
}
.testimonials-swiper-content-div p {
font-size: 16px;
line-height: 27px;
}
.testimonials-swiper-content-div h3 {
font-size: 32px;
margin-bottom: 20px;
}
.testi-prof-img .prof-img2 {
left: -25px;
}
.testi-prof-img .prof-img3 {
left: 85%;
}
.testimonials-swiper-content-div {
padding: 50px;
background-color: #fff;
border-radius: 50%;
width: 620px;
height: 620px;
}
.testi-prof-img .prof-img1 {
top: 80%;
}
.testimonials-swiper .swiper-wrapper {
padding: 10px 0px;
}
.news-media-new-sec {
padding: 60px 20px;
}
.news-media-swiper {
height: 400px !important;
}
.heading-style-h3.is-aeonik {
font-size: 50px;
}
.footer-top-container {
padding: 60px 20px;
}
.copy-right-container .copy-right-row {
padding: 0px 20px;
}
.footer-top-row {
/* justify-content: start; */
}
/* .footer-top-row .col-md-3 {
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
}
.footer-top-row .col-md-2 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
} */
.footer-form-element.form-div {
padding: 0 0px 0 0;
}
}
@media only screen and (min-width: 1281px) and (max-width:1440px) {
.sameera-submenu {
/*left: 25rem;*/
line-height: 35px;
}
#submenu-14-0.sameera-submenu {
top: 300px;
}
/*.dropdown-menu-header.active-menu::after {*/
/* top: -5rem !important;*/
/*}*/
.side-form-container {
width: 30%;
}
.nav-main {
padding: 0 20px;
}
.nav-links {
padding-left: 10px;
}
.nav-contact-text {
font-size: 15px;
}
.nav-contact-icon {
font-size: 15px;
padding: 12px;
}
.sameera-header ul ul .dropMenuPanel {
padding: 20px 20px;
}
.copy-right-container .copy-right-row {
padding: 0px 80px;
}
.footer-top-container {
padding: 80px 80px;
}
.news-media-swiper {
height: 500px !important;
}
.sameera-content .sameera-slide-caption {
padding: 150px 60px 60px;
}
.about-us-new-sec {
padding: 80px 15px;
}
.about-new-img-row {
padding: 0px 50px;
}
.about-star-div h4 {
font-size: 40px;
}
.ongoing-project-new-sec {
padding: 80px 0px;
}
.ongoing-project-new-text .text_n {
width: 50px;
line-height: 2.5rem;
margin-bottom: 0.4rem;
}
.ongoing-project-new-text .tt3 {
margin-top: auto;
margin-bottom: 10px;
font-size: 25px;
line-height: 35px;
}
.our-value-proposition {
padding: 80px 80px;
}
.new-testimonials-sec {
padding: 80px 80px;
}
.testi-prof-img .prof-img2 {
left: -25px;
}
.testi-prof-img .prof-img3 {
left: 83%;
}
.news-media-new-sec {
padding: 80px 80px;
}
.footer-form-element.form-div {
padding: 0 0px 0 0;
}
}
@media only screen and (min-width: 1440px) and (max-width: 1600px) {
.nav-main {
padding: 0 70px;
}
.nav-links {
padding-left: 10px;
}
.footer-form-element.form-div {
padding: 0 0px 0 0;
}
}
@media only screen and (min-width: 1600px) and (max-width: 1823px) {}
@media only screen and (min-width: 1824px) and (max-width: 1920px) {
.sameera-content .sameera-slide-caption .sameera-main-title .h1, .sameera-content .sameera-slide-caption .sameera-main-title h1 {
margin-left: 30px;
font-size: 50px;
}
#submenu-14-0.sameera-submenu {
top: 400px;
}
.banner-new-center-image {
width: 600px !important;
height: 600px !important;
}
.banner-new-left-img img {
width: 300px !important;
height: 300px !important;
}
.banner-new-right-img img {
width: 300px !important;
height: 300px !important;
}
.sameera-content .sameera-slide-caption .sameera-button-and-descr .sameera-description span {
width: 300px;
font-size: 18px;
}
.common-uppercase-head {
font-size: 45px;
}
.common-uppercase-para {
font-size: 20px;
line-height: 35px;
}
.ongoing-project-new-head h2 {
font-size: 45px;
}
.ongoing-project-top-head h4 {
font-size: 35px;
}
.ongoing-project-top-desc p {
font-size: 17px;
}
.ongoing-project-new-text .tx {
font-size: 20px;
line-height: 35px;
}
.ongoing-project-new-text .tt3 {
font-size: 30px;
}
.ongoing-project-new-text .text_n {
width: 90px;
line-height: 5.5rem;
font-size: 20px;
}
/*.yellowColorBtn { */
/* font-size: 17px !important;*/
/* line-height: 3rem !important;*/
/*}*/
.ongoing-project-new-swiper .swiper-horizontal>.swiper-pagination-progressbar, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .ongoing-project-new-swiper .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
left: 200px;
}
.our-value-content-div h2 {
font-size: 40px;
}
.our-value-content-div p {
font-size: 20px;
line-height: 35px;
}
.card-body {
font-size: 20px;
}
.card-header a {
font-size: 25px;
}
.clip p {
font-size: 22px;
}
.accordion-content-div {
height: 400px;
}
.testimonials-swiper-content-div h3 {
font-size: 40px;
}
.news-media-swiper {
height: 650px !important;
}
.heading-style-h3.is-aeonik {
font-size: 70px;
}
.is-footer-cta p {
font-size: 20px;
}
.footer-top-heading h1 {
font-size: 40px;
}
.site-footer__social a {
height: 45px;
width: 45px;
}
.footer-title {
font-size: 22px;
}
.link-footer a {
font-size: 18px;
}
.footer-news-letter p {
font-size: 18px;
}
.widget-content a {
font-size: 18px;
}
.copy-right-container p {
font-size: 18px;
}
}
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
.nav-link-text {
font-size: 17px;
}
.dropMenu ul li a {
margin: 0;
font-size: 22px;
}
.dropdown-content-col p {
font-size: 22px;
}
.dropdown-content-col h3 {
font-size: 30px;
}
.nav-topbar-link {
font-size: 17px;
}
.sameera-content .sameera-slide-caption .sameera-main-title .h1, .sameera-content .sameera-slide-caption .sameera-main-title h1 {
font-size: 65px;
width: 550px;
}
.banner-new-center-image {
width: 700px !important;
height: 700px !important;
}
.banner-new-left-img img {
width: 350px !important;
height: 350px !important;
}
.testimonials-swiper-content-div {
width: 900px;
height: 900px;
}
.banner-new-right-img img {
width: 350px !important;
height: 350px !important;
}
.sameera-content .sameera-slide-caption .sameera-button-and-descr .sameera-description span {
padding-right: 0px;
width: 400px;
font-size: 22px;
}
.common-uppercase-head {
font-size: 55px;
}
.common-uppercase-para {
font-size: 22px;
line-height: 35px;
}
/*.yellowColorBtn { */
/* font-size: 22px !important;*/
/* line-height: 3rem !important;*/
/*}*/
.about-star-div p {
font-size: 25px;
}
.about-star-div h4 {
font-size: 75px;
}
.ongoing-project-new-head h2 {
font-size: 55px;
}
.ongoing-project-top-head h4 {
font-size: 40px;
}
.ongoing-project-top-desc p {
font-size: 22px;
}
.ongoing-project-new-text .tt3 {
font-size: 35px;
}
.ongoing-project-new-text .text_n {
width: 90px;
line-height: 4.5rem;
border-radius: 8px;
margin-bottom: 1.4rem;
font-size: 25px;
}
.ongoing-project-new-text .tx {
font-size: 23px;
}
.ongoing-project-new-swiper .swiper-horizontal>.swiper-pagination-progressbar, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .ongoing-project-new-swiper .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
left: 200px;
}
.our-value-content-div h2 {
font-size: 45px;
}
.our-value-content-div p {
font-size: 22px;
line-height: 32px;
}
.card-body {
font-size: 22px;
}
.clip p {
font-size: 23px;
}
.testimonials-swiper-content-div h3 {
font-size: 48px;
}
.testimonials-swiper-content-div p {
font-size: 23px;
line-height: 35px;
}
button#fixedformButton {
right: -60px;
padding: 10px 20px;
font-size: 22px;
}
#whatsappbutton {
bottom: 100px;
}
.news-media-swiper {
height: 635px !important;
}
.purple-double-section_relative.is-footer-cta {
padding-top: 10rem;
padding-bottom: 10rem;
}
.heading-style-h3.is-aeonik {
font-size: 95px;
}
.is-footer-cta p {
font-size: 25px;
}
.figure-sticks {
width: 700px;
height: 700px;
}
.figure-sticks.is-right {
right: -600px;
}
.figure-sticks.is-left {
left: -300px;
}
.footer-top-heading h1 {
font-size: 55px;
}
.footer-title {
font-size: 28px;
}
.footer-news-letter p {
font-size: 23px;
}
.link-footer a, .widget-content a {
font-size: 23px;
}
.footer-form-element.input-form-div {
font-size: 23px;
}
.copy-right-container p {
font-size: 23px;
}
.site-footer__social a {
height: 70px;
width: 70px;
font-size: 25px;
}
#goToTopBtn {
width: 60px;
height: 60px;
}
}
/* 4k Resolution */
@media only screen and (min-width: 2561px) and (max-width: 3840px) {
.upcoming-project-list-sec.second {
padding-bottom: 400px;
}
.upcoming-project-two-div {
position: absolute;
bottom: -200px;
}
.upcoming-second-bg-img {
height: 100vh;
}
.upcoming-project-two-img {
display: flex;
width: 100%;
}
.nav-main {
height: auto!important;
}
.nav-brand img {
width: 500px;
}
.nav-link-text {
font-size: 25px;
}
.nav-dropdown-link i {
width: 30px;
height: 30px;
}
.dropMenu ul li a {
margin: 0;
font-size: 22px;
}
.dropdown-content-col p {
font-size: 22px;
}
.dropdown-content-col h3 {
font-size: 30px;
}
.nav-topbar-link {
font-size: 22px;
}
.sameera-content .sameera-slide-caption .sameera-main-title .h1, .sameera-content .sameera-slide-caption .sameera-main-title h1 {
font-size: 65px;
width: 550px;
}
.banner-new-center-image {
width: 1200px !important;
height: 1200px !important;
}
.banner-new-left-img img {
width: 650px !important;
height: 650px !important;
}
.testimonials-swiper-content-div {
width: 1300px;
height: 1300px;
}
.testi-prof-img .prof-img1 {
width: 175px;
height: 175px;
}
.testi-prof-img .prof-img2 {
width: 100px;
height: 100px;
}
.testi-prof-img .prof-img3 {
width: 90px;
height: 90px;
}
.banner-new-right-img img {
width: 650px !important;
height: 650px !important;
}
.sameera-content .sameera-slide-caption .sameera-button-and-descr .sameera-description span {
padding-right: 0px;
width: 500px;
font-size: 30px;
}
.common-uppercase-head {
font-size: 85px;
}
.common-uppercase-para {
font-size: 25px;
line-height: 50px;
}
/*.yellowColorBtn { */
/* font-size: 40px !important;*/
/* line-height: 5rem !important;*/
/* padding: 15px 60px !important;*/
/*}*/
.about-star-div p {
font-size: 30px;
}
.about-star-div h4 {
font-size: 100px;
}
.ongoing-project-new-head h2 {
font-size: 85px;
}
.ongoing-project-top-head h4 {
font-size: 60px;
}
.ongoing-project-top-head-desc {
padding: 90px 400px 90px 400px;
}
.ongoing-project-top-desc p {
font-size: 30px;
width: 80%;
}
.ongoing-project-new-text {
padding: 60px;
}
.ongoing-project-new-text .tt3 {
font-size: 60px;
line-height: 75px;
}
.ongoing-project-new-text .text_n {
width: 130px;
line-height: 6.5rem;
border-radius: 15px;
margin-bottom: 2.4rem;
font-size: 40px;
}
.ongoing-project-new-text .tx {
font-size: 40px;
line-height: 70px;
}
.ongoing-project-new-swiper .swiper-horizontal>.swiper-pagination-progressbar, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .ongoing-project-new-swiper .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
left: 390px;
bottom: 100px;
height: 6px;
}
.ongoing-project-new-swiper .swiper-wrapper {
margin-bottom: 200px;
}
.our-value-content-div h2 {
font-size: 65px;
}
.our-value-content-div p {
font-size: 30px;
line-height: 50px;
}
.card-header a {
font-size: 32px;
}
.ongoing-project-new-swiper .swiper-slide.swiper-slide-active::after {
width: 100px;
height: 100px;
border: 25px solid #5A6771;
bottom: -140px;
}
.accordion-content-div .container {
padding: 0;
margin: auto auto;
width: 100%;
max-width: 100%;
}
.ongoing-project-new-swiper .swiper-slide::after {
height: 45px;
width: 45px;
bottom: -125px;
}
.card-body {
font-size: 30px;
}
.accordion-content-div {
height: 500px;
}
.clip p {
font-size: 30px;
}
.testimonials-swiper-content-div h3 {
font-size: 53px;
}
.testimonials-swiper-content-div p {
font-size: 30px;
line-height: 45px;
}
button#fixedformButton {
right: -100px;
padding: 20px 30px;
font-size: 33px;
}
#whatsappbutton {
bottom: 100px;
}
.news-media-swiper {
height: 1375px !important;
}
.purple-double-section_relative.is-footer-cta {
padding-top: 20rem;
padding-bottom: 20rem;
}
.heading-style-h3.is-aeonik {
font-size: 135px;
}
.is-footer-cta p {
font-size: 35px;
}
.figure-sticks {
width: 700px;
height: 700px;
}
.figure-sticks.is-right {
right: -600px;
}
.figure-sticks.is-left {
left: -300px;
bottom: -20.9rem;
top: auto;
}
.figure-sticks-wrapper {
max-width: 80%;
}
.footer-top-heading h1 {
font-size: 70px;
}
.footer-title {
font-size: 38px;
}
.link-footer {
gap: 2.25rem;
}
.footer-news-letter p {
font-size: 32px;
}
.link-footer a, .widget-content a {
font-size: 32px;
}
.footer-form-element.input-form-div {
font-size: 30px;
}
.footer-logo img{
width: 75%;
}
.copy-right-container p {
font-size: 32px;
}
.site-footer__social a {
height: 100px;
width: 100px;
font-size: 35px;
}
#goToTopBtn {
width: 60px;
height: 60px;
}
#carousel figure {
width: 600px;
height: 600px;
}
#carousel figure:nth-child(1) {
transform: rotateY(0deg) translateZ(600px);
}
#carousel figure:nth-child(2) {
transform: rotateY(60deg) translateZ(600px);
}
#carousel figure:nth-child(3) {
transform: rotateY(120deg) translateZ(600px);
}
#carousel figure:nth-child(4) {
transform: rotateY(180deg) translateZ(600px);
}
#carousel figure:nth-child(5) {
transform: rotateY(240deg) translateZ(600px);
}
#carousel figure:nth-child(6) {
transform: rotateY(300deg) translateZ(600px);
}
.about-us-new-sec {
padding: 200px 50px;
}
.ongoing-project-new-sec {
padding: 200px 0px;
}
.our-value-proposition, .new-testimonials-sec,.news-media-new-sec {
padding: 200px 200px;
}
.news-media-swiper .swiper-slide .news-media-img img {
border-radius: 75px;
padding: 30px;
width: 100%;
height: 100%;
}
}
/* 6k Resolution */
@media only screen and (min-width: 3841px) and (max-width: 6144px) {
.upcoming-project-list-sec.second {
padding-bottom: 400px;
}
.upcoming-project-two-div {
position: absolute;
bottom: -200px;
}
.upcoming-second-bg-img {
height: 100vh;
}
.upcoming-project-two-img {
display: flex;
width: 100%;
}
.nav-main {
height: auto;
}
.nav-brand img {
width: 500px;
}
.nav-link-text {
font-size: 25px;
}
.nav-dropdown-link i {
width: 30px;
height: 30px;
}
.dropMenu ul li a {
margin: 0;
font-size: 22px;
}
.dropdown-content-col p {
font-size: 22px;
}
.dropdown-content-col h3 {
font-size: 30px;
}
.nav-topbar-link {
font-size: 22px;
}
.sameera-content .sameera-slide-caption .sameera-main-title .h1, .sameera-content .sameera-slide-caption .sameera-main-title h1 {
font-size: 65px;
width: 550px;
}
.banner-new-center-image {
width: 1200px !important;
height: 1200px !important;
}
.banner-new-left-img img {
width: 650px !important;
height: 650px !important;
}
.testimonials-swiper-content-div {
width: 1300px;
height: 1300px;
}
.testi-prof-img .prof-img1 {
width: 175px;
height: 175px;
}
.testi-prof-img .prof-img2 {
width: 100px;
height: 100px;
}
.testi-prof-img .prof-img3 {
width: 90px;
height: 90px;
}
.banner-new-right-img img {
width: 650px !important;
height: 650px !important;
}
.sameera-content .sameera-slide-caption .sameera-button-and-descr .sameera-description span {
padding-right: 0px;
width: 500px;
font-size: 30px;
}
.common-uppercase-head {
font-size: 85px;
}
.common-uppercase-para {
font-size: 25px;
line-height: 50px;
}
/*.yellowColorBtn { */
/* font-size: 40px !important;*/
/* line-height: 5rem !important;*/
/* padding: 15px 60px !important;*/
/*}*/
.about-star-div p {
font-size: 30px;
}
.about-star-div h4 {
font-size: 100px;
}
.ongoing-project-new-head h2 {
font-size: 85px;
}
.ongoing-project-top-head h4 {
font-size: 60px;
}
.ongoing-project-top-head-desc {
padding: 90px 400px 90px 400px;
}
.ongoing-project-top-desc p {
font-size: 30px;
width: 80%;
}
.ongoing-project-new-text {
padding: 60px;
}
.ongoing-project-new-text .tt3 {
font-size: 60px;
line-height: 75px;
}
.ongoing-project-new-text .text_n {
width: 130px;
line-height: 6.5rem;
border-radius: 15px;
margin-bottom: 2.4rem;
font-size: 40px;
}
.ongoing-project-new-text .tx {
font-size: 40px;
line-height: 70px;
}
.ongoing-project-new-swiper .swiper-horizontal>.swiper-pagination-progressbar, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .ongoing-project-new-swiper .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
left: 390px;
bottom: 100px;
height: 6px;
}
.ongoing-project-new-swiper .swiper-wrapper {
margin-bottom: 200px;
}
.our-value-content-div h2 {
font-size: 65px;
}
.our-value-content-div p {
font-size: 30px;
line-height: 50px;
}
.card-header a {
font-size: 32px;
}
.ongoing-project-new-swiper .swiper-slide.swiper-slide-active::after {
width: 100px;
height: 100px;
border: 25px solid #5A6771;
bottom: -140px;
}
.accordion-content-div .container {
padding: 0;
margin: auto auto;
width: 100%;
max-width: 100%;
}
.ongoing-project-new-swiper .swiper-slide::after {
height: 45px;
width: 45px;
bottom: -125px;
}
.card-body {
font-size: 30px;
}
.accordion-content-div {
height: 500px;
}
.clip p {
font-size: 30px;
}
.testimonials-swiper-content-div h3 {
font-size: 53px;
}
.testimonials-swiper-content-div p {
font-size: 30px;
line-height: 45px;
}
button#fixedformButton {
right: -100px;
padding: 20px 30px;
font-size: 33px;
}
#whatsappbutton {
bottom: 100px;
}
.news-media-swiper {
height: 1375px !important;
}
.purple-double-section_relative.is-footer-cta {
padding-top: 20rem;
padding-bottom: 20rem;
}
.heading-style-h3.is-aeonik {
font-size: 135px;
}
.is-footer-cta p {
font-size: 35px;
}
.figure-sticks {
width: 700px;
height: 700px;
}
.figure-sticks.is-right {
right: -600px;
}
.figure-sticks.is-left {
left: -300px;
bottom: -20.9rem;
top: auto;
}
.figure-sticks-wrapper {
max-width: 80%;
}
.footer-top-heading h1 {
font-size: 70px;
}
.footer-title {
font-size: 38px;
}
.link-footer {
gap: 2.25rem;
}
.footer-news-letter p {
font-size: 32px;
}
.link-footer a, .widget-content a {
font-size: 32px;
}
.footer-form-element.input-form-div {
font-size: 30px;
}
.footer-logo img{
width: 75%;
}
.copy-right-container p {
font-size: 32px;
}
.site-footer__social a {
height: 100px;
width: 100px;
font-size: 35px;
}
#goToTopBtn {
width: 60px;
height: 60px;
}
#carousel figure {
width: 600px;
height: 600px;
}
#carousel figure:nth-child(1) {
transform: rotateY(0deg) translateZ(600px);
}
#carousel figure:nth-child(2) {
transform: rotateY(60deg) translateZ(600px);
}
#carousel figure:nth-child(3) {
transform: rotateY(120deg) translateZ(600px);
}
#carousel figure:nth-child(4) {
transform: rotateY(180deg) translateZ(600px);
}
#carousel figure:nth-child(5) {
transform: rotateY(240deg) translateZ(600px);
}
#carousel figure:nth-child(6) {
transform: rotateY(300deg) translateZ(600px);
}
.about-us-new-sec {
padding: 200px 50px;
}
.ongoing-project-new-sec {
padding: 200px 0px;
}
.our-value-proposition, .new-testimonials-sec,.news-media-new-sec {
padding: 200px 200px;
}
.news-media-swiper .swiper-slide .news-media-img img {
border-radius: 75px;
padding: 30px;
width: 100%;
height: 100%;
}
.about-new-img-col img {
width: 100%;
}
}
/* 8k Resoltion */
@media only screen and (min-width: 6145px) and (max-width: 7680px) {
.upcoming-project-list-sec.second {
padding-bottom: 400px;
}
.upcoming-project-two-div {
position: absolute;
bottom: -200px;
}
.upcoming-second-bg-img {
height: 100vh;
}
.upcoming-project-two-img {
display: flex;
width: 100%;
}
.nav-main {
height: auto;
min-height: auto;
}
.nav-brand img {
width: 100%;
}
.nav-link-text {
padding-top: 2rem;
font-size: 45px;
line-height: 10rem;
}
.nav-contact-text {
font-size: 45px;
}
.nav-links {
grid-column-gap: 1.5vw;
}
.nav-dropdown-link i {
padding: 1rem;
width: 80px;
height: 80px;
}
.nav-contact-icon {
font-size: 30px;
}
.nav-topbar-link {
font-size: 35px;
}
.sameera-content .sameera-slide-caption {
padding: 400px 180px 180px
}
.sameera-content .sameera-slide-caption .sameera-main-title .h1, .sameera-content .sameera-slide-caption .sameera-main-title h1 {
font-size: 100px;
width: 600px;
}
.banner-new-center-image {
width: 2000px !important;
height: 2000px !important;
}
.banner-new-left-img {
top: 400px;
}
.banner-new-left-img img {
width: 1000px !important;
height: 1000px !important;
}
.banner-new-right-img img {
width: 1000px !important;
height: 1000px !important;
}
.sameera-content .sameera-slide-caption .sameera-button-and-descr .sameera-description span {
padding-right: 0px;
width: 650px;
font-size: 45px;
}
.swiper-pagination-bullet {
width: 45px;
height: 45px;
}
.sameera-navigation .sameera-nav .sameera-next img, .sameera-navigation .sameera-nav .sameera-prev img {
width: 70px;
}
.about-us-new-sec {
padding: 300px 75px;
}
.common-uppercase-head {
font-size: 85px;
margin-bottom: 40px;
}
.common-uppercase-para {
font-size: 45px;
line-height: 65px;
width: 75%;
margin: 0 auto 40px auto;
}
/*.yellowColorBtn { */
/* font-size:60px !important;*/
/* line-height: 4rem !important; */
/* padding: 25px 60px !important;*/
/*}*/
.about-new-img-col img {
width: 100%;
}
.star-img2 {
width: 50%;
}
.star-img1 {
width: 50%;
}
.about-star-div p {
font-size: 60px;
}
.about-star-div h4 {
font-size: 100px;
}
.about-us-new-sec::before, .about-us-new-sec::after {
height: 1000px;
width: 1000px;
}
.ongoing-project-new-sec {
padding: 300px 0px;
}
.ongoing-project-new-head h2 {
font-size: 10rem;
margin-bottom: 15rem;
}
.ongoing-project-top-head-desc {
padding: 230px 765px 230px 765px;
}
.ongoing-project-top-head h4 {
font-size: 120px;
}
.ongoing-project-top-desc p {
font-size: 75px;
}
.ongoing-project-new-text .text_n {
width: 360px;
line-height: 10.5rem;
border-radius: 8px;
margin-bottom: 2.4rem;
font-size: 75px;
}
.ongoing-project-new-text {
border-radius: 76px;
padding: 130px;
}
.ongoing-project-new-text .tt3 {
margin-top: auto;
margin-bottom: 75px;
font-size: 100px;
line-height: 125px;
}
.ongoing-project-new-text .tx {
font-size: 75px;
}
.ongoing-project-new-swiper .swiper-wrapper {
margin-bottom: 300px;
}
.ongoing-project-new-swiper .swiper-horizontal>.swiper-pagination-progressbar, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-horizontal, .ongoing-project-new-swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .ongoing-project-new-swiper .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 83%;
left: 800px;
top: auto;
bottom: 150px;
height: 10px;
}
.ongoing-project-new-swiper .swiper-slide.swiper-slide-active::after {
width: 140px;
height: 140px;
border: 50px solid #5A6771;
border-radius: 100%;
bottom: -200px;
}
.ongoing-project-new-swiper .swiper-slide::after {
height: 95px;
width: 95px;
bottom: -190px;
}
.footer-logo img {
width: 60%;
}
.footer-top-heading h1 {
font-size: 135px;
}
.footer-top-container {
padding: 300px 300px;
}
.copy-right-container .copy-right-row {
padding: 0px 300px;
}
.copy-right-container p {
font-size: 75px;
}
.widget-content a {
font-size: 65px;
}
.footer-title {
font-size: 100px;
margin-bottom: 3.5rem;
}
.link-footer {
gap: 6.25rem;
}
.link-footer a {
font-size: 65px;
}
.site-footer__social a {
height: 140px;
width: 140px;
font-size: 50px;
}
.our-value-proposition {
padding: 300px 300px;
}
.our-value-content-div h2 {
font-size: 100px;
margin-bottom: 70px;
}
.our-value-content-div p {
font-size: 65px;
line-height: 90px;
}
.accordion-content-div .container {
max-width: 100%;
}
.accordion-content-div {
height: 1000px;
}
.card-header {
grid-template-columns: 7.5rem 1fr auto;
}
.card-header a {
font-size: 65px;
}
.card-body {
font-size: 55px;
}
.card-header .card-close-img img {
width: 78%;
height: 78%;
}
.card-close-img {
width: 100px;
height: 100px;
}
.card-header {
padding: 3.6rem 0rem !important;
}
.our-value-proposition::after {
height: 100%;
width: 30%;
}
#carousel figure {
width: 1000px;
height: 1000px;
}
#carousel figure:nth-child(1) {
transform: rotateY(0deg) translateZ(1000px);
}
#carousel figure:nth-child(2) {
transform: rotateY(60deg) translateZ(1000px);
}
#carousel figure:nth-child(3) {
transform: rotateY(120deg) translateZ(1000px);
}
#carousel figure:nth-child(4) {
transform: rotateY(180deg) translateZ(1000px);
}
#carousel figure:nth-child(5) {
transform: rotateY(240deg) translateZ(1000px);
}
#carousel figure:nth-child(6) {
transform: rotateY(300deg) translateZ(1000px);
}
#whatsappbutton {
width: 200px;
height: 200px;
bottom: 250px;
right: 50px;
}
#whatsappbutton img {
width: 100%;
}
#goToTopBtn {
bottom: 70px;
right: 70px;
font-size: 80px;
width: 150px;
height: 150px;
}
button#fixedformButton {
right: -100px;
padding: 40px 70px;
font-size: 65px;
}
.new-testimonials-sec {
padding: 300px 300px;
}
.testimonials-swiper-content-div {
width: 2500px;
height: 2500px;
padding: 200px;
}
.testimonials-swiper-content-div p {
font-size: 65px;
line-height: 90px;
}
.testimonials-swiper-content-div h3 {
font-size: 100px;
margin-bottom: 70px;
}
.testi-prof-img .prof-img1 {
width: 300px;
height: 300px;
}
.testi-prof-img .prof-img2 {
width: 185px;
height: 185px;
}
.testi-prof-img .prof-img3 {
width: 160px;
height: 160px;
}
.testimonials-swiper .swiper-button-next, .testimonials-swiper .swiper-button-prev {
width: 160px;
height: 160px;
}
.testimonials-swiper .swiper-button-next img, .testimonials-swiper .swiper-button-prev img{
width: 75%;
}
.news-media-new-sec {
padding: 300px 300px;
}
.news-media-swiper {
height: 3000px !important;
}
.news-media-swiper .swiper-slide .news-media-img img {
border-radius: 150px;
padding: 15px;
width: 100%;
}
.purple-double-section_relative.is-footer-cta {
padding-top: 30rem;
padding-bottom: 30rem;
}
.heading-style-h3.is-aeonik {
font-size: 200px;
margin-bottom: 100px;
}
.is-footer-cta p {
font-size: 65px;
margin-bottom: 50px;
}
.figure-sticks-wrapper {
max-width: 85%;
}
.figure-sticks {
width: 1000px;
height: 1000px;
}
.figure-sticks.is-left {
top: 70%;
}
.footer-form-element.input-form-div {
font-size: 65px;
padding: 0 40px;
max-width: 85%;
min-height: 190px;
max-height: 190px;
}
.footer-form-element.form-button-div {
min-height: 190px;
max-height: 190px;
min-width: 154px;
max-width: 154px;
}
.footer-news-letter p {
font-size: 65px;
}
}
/*Jerold Style 02-08-2024*/
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
/* Ongoing Project Inner Page Style */
.common-page-banner-sec{
background-size: 100%;
height: 210px;
margin-top: 95px;
}
}
/* Responsive media style structure */
@media only screen and (max-width: 319.5px) {}
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
.common-page-banner-sec {
background-size: 100%;
height: 210px;
margin-top: 95px;
}
.ongoing-project-first-sec {
padding: 30px 15px;
}
.common-text-head {
font-size: 20px;
}
.commnon-text-para {
font-size: 15px;
line-height: 25px;
}
.ongoing-project-first-sec {
padding: 5px 5px;
padding-top: 50px;
}
.completed-project-first-div p {
padding: 2px 2px;
width: 92%;
}
/*.commnon-text-para {*/
/* text-align: left !important;*/
/*}*/
.sell-property-details-div {
padding: 5px 5px;
text-align: left !important;
}
.sell-property-details-sec.completed-project-second-sec {
padding: 5px 5px;
padding-top: 50px;
text-align: left !important;
}
.sell-property-details-sec {
padding: 5px 5px;
padding-top: 50px;
text-align: left !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
.upcoming-project-list-content-col {
flex: 0 0 50%;
max-width: 50%;
}
.upcoming-project-list-image {
flex: 0 0 100%;
max-width: 100%;
padding-left: 10px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.upcoming-project-list-content-col {
flex: 0 0 50%;
max-width: 50%;
}
.upcoming-project-list-image {
flex: 0 0 100%;
max-width: 100%;
padding-left: 10px;
}
}
@media only screen and (min-width: 1281px) and (max-width:1355.99px) {}
@media only screen and (min-width: 1281px) and (max-width:1439.5px) {}
@media only screen and (min-width: 1440px) and (max-width:1599.5px) {}
@media only screen and (min-width: 1600px) and (max-width: 1823px) {}
@media only screen and (min-width: 1824px) and (max-width: 1920px) {}
@media only screen and (min-width: 1921px) and (max-width: 2560px) {}
/* 4K Resolution */
@media only screen and (min-width: 2561px) and (max-width: 3840px) {}
/* 6k resolution */
@media only screen and (min-width: 3841px) and (max-width: 6144px) {}
/* 8k resolution */
@media only screen and (min-width: 6145px) and (max-width: 7680px) {}
/* Responsive media style structure */
.project-lists-large-swiper-img img {
width: 100%;
height: 100%;
}
/* New Warehousing page design */
.data-scroll-spy-sec{
position: relative;
padding: 70px 70px;
background-color: #F8F5F1;
}
.section-nav--alt.fixed .section__inner {
padding: 0;
}
.section-nav--alt .section__inner {
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.section-nav ul {
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
list-style-type: none;
position: relative;
left: 0px;
right: 0px;
width: 100%;
background-color: #F8F5F1;
}
.section-nav li:before {
}
.warehouse-nav.nav.navactive {
position: fixed;
top: 95px;
left: auto;
right: auto;
width: 100%;
z-index: 9999;
background-color: #F8F5F1;
}
.section-nav li {
padding: 0 1.7rem;
font-size: 1.6rem;
font-weight: 500;
letter-spacing: 0;
position: relative;
}
.section-nav li a {
text-decoration: none;
position: relative;
display: inline-block;
color: #302B2B;
text-decoration: none;
padding: 10px;
}
.section-nav li a:hover, .section-nav li a:focus {
color: #302B2B;
text-decoration: none;
outline: none;
}
.section-nav--alt.fixed li a:after {
height: 3.6rem;
}
.section-nav--alt li a:after {
height: 3.6rem;
height: 1.3rem;
}
.section-nav li a:after {
content: "";
width: 100%;
height: auto;
border-bottom: 0.4rem solid #f60;
position: absolute;
top: 100%;
left: 0;
transition: .4s;
opacity: 0;
}
.section-nav li:before {
content: "";
width: .1rem;
height: 1.5rem;
background-color: #000;
position: absolute;
top: 50%;
left: 0;
transform: translate(-50%, -50%);
margin-top: -.2rem;
}
.section-nav li a.w--current:after {
opacity: 1;
transition: .4s;
}
.section-nav li:first-child::before {
display: none;
}
.new-warehousing-content{
position: relative;
padding: 50px 40px 0px 40px;
}
.stats {
padding-bottom: 1rem;
}
.stats li:after {
content: "";
width: .1rem;
position: absolute;
background-color: #b5b5b5;
top: 0;
bottom: 0;
left: 0;
}
.stats ul {
padding: 0;
margin: 0;
}
.stats li {
padding: 0 1.6rem;
list-style-type: none;
position: relative;
margin-bottom: 2rem;
}
.stats h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
position: relative;
font-weight: bold;
}
.stats h6 {
letter-spacing: 0;
opacity: .6;
margin-left: .3rem;
}
.section__list {
position: relative;
height: 100%;
padding: 1rem 1rem 0 3.5rem;
}
.section__list ul {
padding: 0;
margin: 0;
}
.section__list ul li {
padding: 0;
margin: 0;
padding-left: 1.8rem;
position: relative;
list-style-type: none;
}
.section__list ul li:before {
content: "";
width: 1rem;
height: .1rem;
background-color: #000;
position: absolute;
top: 1.4rem;
left: .3rem;
}
.warehouse-new-video {
padding: 100px 0px;
}
.available-space {
padding: 100px 0px 0px 0px;
}
.ongo-inner-first-img1 img {
width:100%;
height:auto;
}
.center-bottom-strip img {
width:auto;
height:auto;
}
/* New Warehousing page design end */
@media only screen and (max-width: 319.5px) {
.project-list-swiper .projectshortdetails li.status {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
.project-list-swiper .projectshortdetails li.status {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023.5px) {
.rel-mobile, .active + .active-prev-rel-mobile {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
}
.footer-widget {
margin-top: 20px;
}
.pickup_wrap .pickup_in .pick_box_wrap {
height: 75vh;
}
}
@media only screen and (min-width: 1440px) and (max-width: 1599.5px) {
.common-page-banner-sec.events-inner-page-banner {
background-size: cover;
height: 950px;
margin-top: 0;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.projects-lists-swiper.swiper {
width: 100%;
height: 100% !important;
}
.middle-holder .middle {
vertical-align: baseline;
}
.middle-holder {
padding-top: 200px;
}
.widget-content a {
font-size: 13px;
}
.rel-mobile, .active + .active-prev-rel-mobile {
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
}
.footer-widget {
margin-top: 20px;
}
}
.flink-items.active {
color: #cb3634;
text-decoration: none;
}
.flink-items:focus {
color:#cb3634;
text-decoration: none;
}
@media only screen and (max-width: 319.5px) {
.proposition-new-swiper {
padding-top: 0;
margin: 0;
}
.proposition-new-swiper .swiper-slide.swiper-slide-prev {
opacity: 0;
}
.proposition-new-swiper .swiper-slide.swiper-slide-next {
opacity: 0;
}
.swiper-card img {
margin-top: 1rem;
}
}
@media only screen and (min-width: 320px) and (max-width: 767.5px) {
.proposition-new-swiper {
padding-top: 0;
margin: 0;
}
.proposition-new-swiper .swiper-slide.swiper-slide-prev {
opacity: 0;
}
.proposition-new-swiper .swiper-slide.swiper-slide-next {
opacity: 0;
}
.swiper-card img {
margin-top: 1rem;
}
}
@media (min-width: 576px) {
.modal-dialog-centered {
min-height: calc(100% - 7.5rem);
}
}
.terms-content-sec a {
color: #cb3634;
text-decoration:none;
}
.terms-content-sec a:hover, .terms-content-sec a:focus{
color: #cb3634;
text-decoration:none;
}
.faq-list-item a {
color: #cb3634;
text-decoration:none;
}
.faq-list-item a:hover, .faq-list-item a:focus{
color: #cb3634;
text-decoration:none;
}
.header-logo img{
width: 75%;
background: #ffffff;
border-radius: 50px;
padding: 0px 1.5rem;
}
/* New Warehousing page design */
.data-scroll-spy-sec{
position: relative;
padding: 70px 70px;
background-color: #F8F5F1;
}
.section-nav--alt.fixed .section__inner {
padding: 0;
}
.section-nav--alt .section__inner {
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.section-nav ul {
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
list-style-type: none;
position: relative;
left: 0px;
right: 0px;
width: 100%;
background-color: #F8F5F1;
}
.section-nav li:before {
}
.warehouse-nav.nav.navactive {
position: fixed;
top: 95px;
left: auto;
right: auto;
width: 100%;
z-index: 9999;
background-color: #F8F5F1;
}
.section-nav li {
padding: 0 1.7rem;
font-size: 1.6rem;
font-weight: 500;
letter-spacing: 0;
position: relative;
}
.section-nav li a {
text-decoration: none;
position: relative;
display: inline-block;
color: #302B2B;
text-decoration: none;
padding: 10px;
}
.section-nav li a:hover, .section-nav li a:focus {
color: #302B2B;
text-decoration: none;
outline: none;
}
.section-nav--alt.fixed li a:after {
height: 3.6rem;
}
.section-nav--alt li a:after {
height: 3.6rem;
height: 1.3rem;
}
.section-nav li a:after {
content: "";
width: 100%;
height: auto;
border-bottom: 0.4rem solid #f60;
position: absolute;
top: 100%;
left: 0;
transition: .4s;
opacity: 0;
}
.section-nav li:before {
content: "";
width: .1rem;
height: 1.5rem;
background-color: #000;
position: absolute;
top: 50%;
left: 0;
transform: translate(-50%, -50%);
margin-top: -.2rem;
}
.section-nav li a.w--current:after {
opacity: 1;
transition: .4s;
}
.section-nav li:first-child::before {
display: none;
}
.new-warehousing-content{
position: relative;
padding: 50px 40px 0px 40px;
}
.stats {
padding-bottom: 1rem;
}
.stats li:after {
content: "";
width: .1rem;
position: absolute;
background-color: #b5b5b5;
top: 0;
bottom: 0;
left: 0;
}
.stats ul {
padding: 0;
margin: 0;
}
.stats li {
padding: 0 1.6rem;
list-style-type: none;
position: relative;
margin-bottom: 2rem;
}
.stats h1 {
font-size: 2.5rem;
margin-bottom: 1rem;
position: relative;
font-weight: bold;
}
.stats h6 {
letter-spacing: 0;
opacity: .6;
margin-left: .3rem;
}
.section__list {
position: relative;
height: 100%;
padding: 1rem 1rem 0 3.5rem;
}
.section__list ul {
padding: 0;
margin: 0;
}
.section__list ul li {
padding: 0;
margin: 0;
padding-left: 1.8rem;
position: relative;
list-style-type: none;
}
.section__list ul li:before {
content: "";
width: 1rem;
height: .1rem;
background-color: #000;
position: absolute;
top: 1.4rem;
left: .3rem;
}
.warehouse-new-video {
padding: 100px 0px;
}
.available-space {
padding: 60px 0px 0px 0px;
}
.ongo-inner-first-img1 img {
width:100%;
height:auto;
}
.center-bottom-strip img {
width: auto;
height: auto;
}
/* New Warehousing page design end */
.new-testimonials-reviews-swiper .swiper-button-lock {
display: flex!important;
}
.available-space a,
.available-space a:hover {
color:inherit;
text-decoration:none;
}
/* Divya new styles 13-2-25 */
.ongoing-project-btn-row {
padding-bottom: 25px;
}
.nav-new-links {
width: 100%;
}
.navbar-new-nav {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
text-align: center;
padding: 0;
list-style: none;
margin-right: 30px;
}
.navbar-new-nav li:hover>ul.dropdown-menu {
display: block;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
}
.dropdown-menu {
border-radius: 0;
border: none;
padding: 15px 15px;
}
.dropdown-menu .dropdown-item {
margin-bottom: 5px;
padding: 10px 10px;
}
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover {
text-decoration: none;
background-color: #cb3634;
color: #fff;
}
/* rotate caret on hover */
.dropdown-menu>li>a:hover:after {
text-decoration: underline;
transform: rotate(-90deg);
}
/* Divya new styles 13-2-25 - Responsiveness */
@media only screen and (max-width: 992px) {
.navbar-new-nav {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
.nav-new-links {
width: 200%;
}
.nav-new-links .nav-link {
font-size: 13px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.nav-new-links {
width: 200%;
}
.nav-new-links .nav-link {
font-size: 15px;
}
}
@media only screen and (min-width: 1834px) and (max-width: 1920px) {
.nav-new-links .nav-link,
.dropdown-menu .dropdown-item {
font-size: 1.5rem;
}
}
@media only screen and (min-width: 1921px) and (max-width: 2560px) {
.nav-new-links .nav-link,
.dropdown-menu .dropdown-item {
font-size: 2rem;
}
}
@media only screen and (min-width: 2561px) and (max-width: 3840px) {
.nav-new-links .nav-link,
.dropdown-menu .dropdown-item {
font-size: 2.5rem;
}
}
@media only screen and (min-width: 3841px) and (max-width: 6144px) {
.nav-new-links .nav-link,
.dropdown-menu .dropdown-item {
font-size: 3rem;
}
}
@media only screen and (min-width: 6145px) and (max-width: 7680px) {
.nav-new-links .nav-link,
.dropdown-menu .dropdown-item {
font-size: 3.5rem;
}
}
.sub-submenu.sameera-submenu {
width: 100%;
padding-left: 0px;
}
#submenu-3-0 {
position: absolute;
top: 0;
left: 0;
display:none;
}
.table-responsive td, .table-responsive th{
padding-right: 10px;
}
.commercial-rental-card {
margin-bottom: 3rem;
/*box-shadow: 0 0 15px -2px rgba(0, 0, 0, .2);*/
border-radius: 10px;
height: 100%;
}
.commercial-rental-card .imgbox {
position: relative;
}
.commercial-rental-card img.top-border-radius {
border-radius: 10px 10px 0 0;
}
.commercial-rental-card .imgbox img {
height: 100%!important;
width: 100%!important;
}
.resid-proj-card-content {
position: relative;
padding: 24px 30px;
background-color: #ffffff;
border-radius: 0 0 10px 10px;
}
.resid-proj-card-content h4 {
color: #000000;
font-size: 20px;
margin: 0 0 17px 0;
}
.prj-phase-box .txt-content .ft-lk, .resid-proj-card-content .ft-lk {
background: url('./../img/location-icon-black.svg') no-repeat left center;
background-size: auto 24px;
}
.prj-phase-box .txt-content span, .resid-proj-card-content span {
color: #000000;
font-size: 14px;
margin: 0 0 15px 0;
display: block;
padding: 0 0 0 40px;
line-height: 24px;
}
.pr-card-25-seperator {
position: relative;
width: 100%;
height: 1px;
background-color: #D9D9D9;
margin: 10px 0 26px;
}
.pr-card-25-ctas {
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.btn-outlined-2025 {
display: inline-block;
vertical-align: top;
position: relative;
background-color: transparent;
color: #000000;
border: 1px solid #000000;
font-size: 14px;
font-weight: 600;
line-height: 20px;
padding: 9px 20px;
width: 130px;
text-align: center;
border-radius: 5px;
}
.btn-primary-2025 {
vertical-align: top;
display: inline-block;
position: relative;
background-color: #222222;
color: #ffffff !important;
font-size: 14px;
font-weight: 600;
line-height: 20px;
padding: 8px 20px;
width: 130px;
text-align: center;
border-radius: 5px;
border: 1px solid #222222;
}