* {
margin: 0;
padding: 0;
box-sizing: border-box;
list-style: none;
font-family: Aileron-Regular;
transition: all 0.5s ease;
}
a {
display: inline-block;
text-decoration: none;
}
.mc4wp-alert.mc4wp-success p {
color: #57ec57 !important;
}
button:focus {
outline: 0;
box-shadow: none !important;
}
#floatingTextarea2 {
max-height: 123px !important;
}
.form-control::placeholder {
color: rgba(146, 152, 157, 0.75) !important;
opacity: 1;
}
.news-image-old img {
height: 227px;
width: 448px;
overflow: hidden;
object-fit: cover;
}
.logo-right img {
width: 90px;
}
.recent-work-content img {
max-width: 200px;
}
@font-face {
font-family: Aileron-UltraLight;
src: url(//gorleglobal.com/wp-content/themes/astra-child/assets/fonts/Aileron-UltraLight.otf);
}
@font-face {
font-family: Aileron-Light;
src: url(//gorleglobal.com/wp-content/themes/astra-child/assets/fonts/Aileron-Light.otf);
}
@font-face {
font-family: Aileron-Regular;
src: url(//gorleglobal.com/wp-content/themes/astra-child/assets/fonts/Aileron-Regular.otf);
}
@font-face {
font-family: Aileron-Bold;
src: url(//gorleglobal.com/wp-content/themes/astra-child/assets/fonts/Aileron-Bold.otf);
}
@font-face {
font-family: Aileron-SemiBold;
src: url(//gorleglobal.com/wp-content/themes/astra-child/assets/fonts/Aileron-SemiBold.otf);
}
@font-face {
font-family: Aileron-Heavy;
src: url(//gorleglobal.com/wp-content/themes/astra-child/assets/fonts/Aileron-Heavy.otf);
}
ul {
padding: 0;
}
html,
body {
overflow-x: hidden;
scroll-behavior: smooth;
}
:root {
--primary-color: #e91c23;
--secondary-color: #05155e;
--text-color: #2d3538;
--text-heading: #9a8961;
--white: #fff;
}
.elementor-heading-title {
font-family: "Aileron-Regular" !important;
}
.title,
.title > div h2 {
font-family: "Aileron-Regular" !important;
font-size: 45px;
line-height: 58px;
color: var(--text-heading);
}
.title span {
color: var(--text-heading);
font-family: "Aileron-Bold";
}
.subtitle {
font-size: 22px;
line-height: 29px;
color: var(--text-color);
padding-left: 40px;
font-family: "Aileron-Regular";
position: relative;
display: inline-block;
}
.subtitle:before {
content: "";
position: absolute;
top: -3px;
left: 0;
background: url(//gorleglobal.com/wp-content/themes/astra-child/assets/img/gg-logo-dark.png);
width: 30px;
height: 30px;
background-repeat: no-repeat;
}
.subtitle01 {
font-size: 18px;
line-height: 1.6;
color: var(--text-color);
font-family: "Aileron-Regular";
}
.btn_custom_color {
display: flex;
justify-content: space-between;
background-color: var(--primary-color);
border: none;
line-height: 55px;
width: 191px;
}
.btnTxt {
padding: 0 1.6rem;
line-height: 55px;
font-family: Aileron-Semibold;
font-size: 18px;
background-color: var(--primary-color);
}
.next_arrow {
padding: 0 1.2rem;
color: var(--white);
line-height: 55px;
background-color: var(--secondary-color);
}
.btn_custom_color:hover .btnTxt {
color: var(--white);
background-color: var(--secondary-color);
}
.swiper-slide a.btn_custom_color_dark,
.homeSlide .swiper-wrapper .swiper-slide a.btn_custom_color {
display: flex;
}
.btn_custom_color:hover .next_arrow {
color: var(--white);
background-color: var(--primary-color-color);
}
.btn_custom_color01 {
margin-top: 50px;
display: flex;
justify-content: space-between;
background-color: transparent;
border: none;
line-height: 55px;
border: 2px solid var(--white);
}
.btnTxt01 {
padding: 0 1.6rem;
line-height: 55px;
font-family: Aileron-SemiBold;
font-size: 18px;
}
.next_arrow01 {
padding: 0 1.2rem;
color: var(--white);
line-height: 55px;
border-left: 2px solid var(--white);
}
.btn_custom_color01:hover .btnTxt01 {
color: var(--white);
background-color: var(--secondary-color);
}
.btn_custom_color01:hover .next_arrow01 {
color: var(--white);
background-color: var(--primary-color);
}
.btn_custom_color_dark {
margin-top: 50px;
display: flex;
justify-content: space-between;
background-color: transparent;
border: none;
line-height: 55px;
border: 2px solid #2d3538;
}
.btnTxt_dark {
padding: 0 1.6rem;
line-height: 55px;
color: var(--text-color);
font-family: Aileron-SemiBold;
font-size: 18px;
}
.next_arrow_dark {
padding: 0 1.2rem;
color: var(--text-color);
line-height: 55px;
border-left: 2px solid #2d3538;
}
.btn_custom_color_dark:hover .btnTxt_dark {
background-color: var(--secondary-color);
color: var(--white);
}
.btn_custom_color_dark:hover .next_arrow_dark {
color: var(--white);
background-color: var(--primary-color);
}
.announcement_top {
padding: 1rem 0;
background-color: var(--primary-color);
}
.social_top {
display: flex;
align-items: center;
gap: 12px;
color: var(--white);
}
.social_top i {
font-size: 10px;
background: var(--white);
border-radius: 50%;
color: var(--primary-color);
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.social_top h6 {
font-family: "Aileron-Regular";
font-size: 14px;
line-height: 14px;
color: var(--white);
margin: 0;
text-wrap: nowrap;
}
.social_topls {
color: var(--white);
}
.social_topls i {
color: var(--white);
}
header {
position: absolute;
z-index: 99;
width: 100%;
transition: all 0.5s;
left: 0;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.9) 100%
);
}
.logo-mob img {
width: 48px;
}
.navbar-static {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background: var(--text-color);
}
.navbar {
border-bottom: 1px solid #ffffff66;
}
a.nav-link {
font-size: 16px;
font-weight: 400;
line-height: 19.41px;
color: var(--white);
font-family: Aileron-Regular;
opacity: 0.8;
}
.header a.nav-link.active,
.navbar-nav .nav-link.show {
color: var(--white);
opacity: 1;
}
a.nav-link:hover,
.nav-link:focus {
color: var(--white);
opacity: 1;
}
li.nav-item {
padding: 0 0.6rem;
border-right: 1px solid #ffffff66;
}
nav.navbar.navbar-expand-lg {
border-bottom: 1px solid #ffffff66;
}
#navbarSupportedContent {
border-left: 1px solid #ffffff66;
}
.logo-right {
padding: 1rem;
border-left: 1px solid #ffffff66;
}
ul.nav_items_top {
border-bottom: 1px solid #ffffff66;
margin-bottom: 0.6rem;
padding-bottom: 0.8rem;
margin-left: 0 !important;
}
.navbar-nav {
margin-left: 0 !important;
}
.nav_items_top li.nav-item {
border: none;
}
.nav_items_top li.nav-item a.nav-link {
opacity: 1;
font-size: 16px;
font-weight: 400;
line-height: 14.56px;
text-align: left;
color: #e9e9e9;
font-family: Aileron-Light;
}
.navbar-toggler {
border: none !important;
}
.navbar-toggler:hover {
background: transparent;
}
.navbar-toggler i {
font-size: 36px;
color: var(--white);
}
.home_banner {
position: relative;
}
.homeSlide .swiper-wrapper .swiper-slide .container {
position: relative;
z-index: 2;
}
.homeSlide .swiper-wrapper .swiper-slide {
height: 100vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.homeSlide .swiper-wrapper .swiper-slide::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.51);
z-index: 1;
background: linear-gradient(1200deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
}
.swiper-button-next,
.swiper-button-prev,
.swiper-container-rtl .swiper-button-prev {
background-image: none;
}
.bannerSub {
font-size: 60px;
line-height: 72px;
color: var(--white);
font-family: Aileron-UltraLight;
}
.bannerTitle {
font-size: 80px;
line-height: 96px;
color: var(--white);
font-family: Aileron-Bold;
position: relative;
}
.br_line {
margin-top: 0.8rem;
width: 300px;
height: 4px;
background-color: var(--primary-color);
}
.homeSlide .swiper-wrapper .swiper-slide .btn_custom_color {
margin-top: 2rem;
}
.paginationBtn {
position: relative;
width: 250px;
left: 15%;
bottom: 6rem;
}
.paginationBtn .swiper-pagination-progressbar {
top: -3rem;
height: 6px;
border-radius: 25px;
overflow: hidden;
background: #a7a7a7;
}
.paginationBtn
.swiper-pagination-progressbar
.swiper-pagination-progressbar-fill {
background: var(--white);
}
.paginationBtn .swiper-button-prev {
font-family: Aileron-Regular;
font-size: 16px;
line-height: 24px;
color: var(--white);
gap: 0.5rem;
left: 0;
width: auto;
height: auto;
flex-direction: row-reverse;
}
.paginationBtn .swiper-button-next {
font-family: Aileron-Regular;
font-size: 16px;
line-height: 24px;
color: var(--white);
gap: 0.5rem;
right: 0;
width: auto;
height: auto;
}
.paginationBtn .swiper-button-prev:hover,
.paginationBtn .swiper-button-next:hover {
background-color: transparent;
}
.arrowSection {
position: absolute;
bottom: 10rem;
right: 12rem;
z-index: 10;
cursor: pointer;
}
.arrowSection > .arrowContainer {
position: relative;
right: 0;
display: inline-block;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #fff;
transition: opacity 0.3s;
}
.arrowSection .arrowContainer span:nth-of-type(1) {
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
}
.arrowSection .arrowContainer span:nth-of-type(2) {
top: 16px;
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.arrowSection .arrowContainer span:nth-of-type(3) {
top: 32px;
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.arrowSection .arrowContainer span:nth-of-type(4) {
top: 48px;
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.arrowSection .arrowContainer span {
position: absolute;
top: 0;
right: 0;
width: 1.2rem;
height: 1.2rem;
border-left: 0.2rem solid #fff;
border-bottom: 0.2rem solid #fff;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: arrowDown 1s infinite;
-moz-animation: arrowDown 1s infinite;
-ms-animation: arrowDown 1s infinite;
-o-animation: arrowDown 1s infinite;
animation: arrowDown 1s infinite;
opacity: 0;
box-sizing: border-box;
}
@keyframes arrowDown {
0% {
opacity: 0;
}
25% {
opacity: 0.3;
}
50% {
opacity: 0.7;
}
100% {
opacity: 1;
}
}
.sec01 {
padding: 100px 0;
}
.sec01_prvcy{
padding: 50px 0;
}
#sec01_prvcy{
padding: 50px 0;
}
.business_succes {
padding-right: 8%;
}
.sec01 p {
font-family: Aileron-Regular;
font-size: 16px;
line-height: 22px;
color: var(--text-color);
}
.green_br {
position: absolute;
width: 100%;
height: 4px;
background-color: #1ce949;
right: -100%;
top: 26%;
}
.red_br {
position: absolute;
width: 70%;
height: 4px;
background-color: var(--primary-color);
left: -40%;
bottom: 18%;
}
.sec01 .btn_custom_color_dark {
margin: 50px auto 0;
width: fit-content;
}
#picture {
background-image: url(//gorleglobal.com/wp-content/themes/astra-child/assets/img/business_block1.png);
}
.business_block {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
.business_block .container {
position: relative;
z-index: 9;
}
.background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: url(//gorleglobal.com/wp-content/themes/astra-child/assets/img/business_block1.png) no-repeat center center fixed;
background-size: cover;
transition: background-image 0.5s ease-in-out;
}
#picture {
transition: all 0.7s;
background-position: center top;
background-repeat: no-repeat;
height: 100%;
min-height: 100vh;
position: relative;
background-size: cover !important;
z-index: 1;
display: flex;
align-items: center;
}
#picture:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.5;
background: radial-gradient(
30.38% 41.37% at 50.63% 51.67%,
rgba(0, 0, 0, 0.14) 0%,
rgba(0, 0, 0, 0.62) 59.21%
);
}
.form-control.fields {
float: left;
width: 73% !important;
}
.btn.btn-subscribe {
background: #e61f26;
margin-left: 14px;
line-height: 28px;
}
#picture.one {
background-image: url(//gorleglobal.com/wp-content/themes/astra-child/assets/img/business_block2.jpg);
}
#picture.two {
background-image: url(//gorleglobal.com/wp-content/themes/astra-child/assets/img/business_block1.jpg);
}
#picture.three {
background-image: url(//gorleglobal.com/wp-content/themes/astra-child/assets/img/business_block3.jpg);
}
#picture.four {
background-image: url(//gorleglobal.com/wp-content/themes/astra-child/assets/img/business_block4.jpg);
}
#picture.five {
background-image: url(//gorleglobal.com/wp-content/themes/astra-child/assets/img/business_block5.jpg);
}
.tab-link {
font-size: 28px;
line-height: 33px;
margin-bottom: 25px;
text-align: right;
font-family: Aileron-SemiBold;
text-transform: capitalize;
display: block;
height: 70px;
position: relative;
transition: all 0.4s;
cursor: pointer;
color: #818181;
}
li.tab-link.current {
color: var(--white);
}
.tab-link.current:before {
background-color: var(--primary-color);
}
.tab-link.active {
text-decoration: none;
color: #fff;
}
.tab-content {
display: none;
}
.tab-content.current {
display: block;
}
.tab-link:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background-color: #818181;
transition: all 0.2s;
}
.tab-link:hover {
color: var(--white);
}
.tab-link:hover::before,
.tab-link.active::before {
background-color: var(--primary-color);
height: 4px;
transform-origin: left;
}
.tab-content h3 {
font-family: "Aileron-Regular";
font-size: 21px;
color: #fff;
font-weight: 500;
position: relative;
padding-left: 40px;
text-transform: uppercase;
}
.tab-content h3:before {
content: "";
position: absolute;
top: -3px;
left: 0;
background: url(//gorleglobal.com/wp-content/themes/astra-child/assets/img/GGLogo-white.png);
width: 30px;
height: 30px;
background-repeat: no-repeat;
}
.tab-content h2 {
font-family: Aileron-SemiBold;
font-size: 45px;
font-weight: 700;
line-height: 54px;
margin-bottom: 50px;
text-align: left;
color: var(--white);
}
.tab-content h2 a {
color: var(--white);
}
.acc-content p {
font-family: Aileron-Regular;
font-size: 17px;
font-weight: 400;
line-height: 23.2px;
text-align: left;
color: var(--white);
}
.recent-work {
background-color: #fdf2df;
}
.recent-project-footer {
background-color: #2e3537cc;
}
.swiper-fade .swiper-slide img {
opacity: 0;
}
.swiper-fade .swiper-slide-active img {
opacity: 1;
}
.recent-work-content {
max-width: 586px;
margin: 0 3rem 0 auto;
background-color: #fdf2df;
}
.entry-header {
display: none;
}
.title01 {
font-size: 28px;
line-height: 33px;
margin: 1.25rem 0;
font-weight: 600;
color: var(--text-color);
font-family: Aileron-Bold;
}
.recent-work-content p {
font-size: 16px;
line-height: 19px;
font-weight: 400;
margin: 0;
font-family: Aileron-Regular;
}
.recent-work-content .title {
margin-bottom: 1.25rem;
}
.mySwiper2 {
height: 80%;
width: 100%;
}
.recent-work
.mySwiper2
.swiper-slide.swiper-slide-visible.swiper-slide-fully-visible.swiper-slide-active {
opacity: 1 !important;
}
.recent-work .mySwiper2 .swiper-slide {
opacity: 0 !important;
}
.recent-project-footer .swiper-button-prev,
.recent-project-footer .swiper-button-next {
width: 56px;
height: 56px;
border: 2px solid #fff;
}
.thumbSlider.mySwiper {
height: 250px;
box-sizing: border-box;
padding: 0;
top: -7rem;
padding-top: 4rem;
}
.thumbSlider .swiper-slide {
top: 20px;
}
.thumbSlider .swiper-slide.swiper-slide-thumb-active { position: relative;
}
.thumbSlider .swiper-slide.swiper-slide-thumb-active:before {
background-image: url(//gorleglobal.com/wp-content/themes/astra-child/assets/img/slider-active.png);
content: "";
display: inline-block;
width: 100%;
height: 24px;
background-size: cover;
background-position: center center;
position: absolute;
z-index: 99;
top: -30px;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
background-color: #ffa100;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 20px;
color: var(--white);
}
.recent-work .mySwiper .swiper-slide img {
width: 240px;
height: 175px;
object-fit: cover;
opacity: 1;
}
.our-services {
padding: 5rem 0;
background-image: url(//gorleglobal.com/wp-content/themes/astra-child/assets/img/bg-pattern.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.our-services .title {
margin: 0.8rem 0 1.2rem;
}
.sevice_country {
margin: 2rem 0 2rem;
}
.sevice_country h6 {
font-size: 26px;
line-height: 32px;
text-align: left;
margin: 0;
color: #353f43;
text-transform: capitalize;
font-family: Aileron-SemiBold;
}
.our-news {
padding: 5rem 0;
background: #fdf2df;
position: relative;
}
.nblogo {
left: 0;
bottom: 0;
z-index: 1;
}
.news-bottom {
margin-top: 3rem;
}
.news-image {
text-align: center;
padding: 1.7rem 0;
}
.newsTitle a {
font-size: 34px;
line-height: 44px;
font-weight: 400;
text-align: left;
color: #2d3538;
font-family: Aileron-Regular;
}
.border {
margin: 20px 0;
height: 4px;
border-color: var(--primary-color) !important;
background-color: var(--primary-color);
border-color: var(--primary-color) !important;
max-width: 80%;
}
.new-content h4 a {
font-size: 22px;
line-height: 28px;
margin-top: 1rem;
color: var(--text-color);
font-family: Aileron-Regular;
display: inline-block;
min-height: 56px;
overflow: hidden;
text-overflow: clip;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
.date {
font-size: 18px;
line-height: 24px;
font-weight: 400;
font-family: Segoe UI Symbol;
}
.news-bottom button.btn_custom_color_dark {
margin: 50px auto 0;
}
.insight {
padding: 5rem 0;
}
.insight-content {
max-width: 90%;
}
.insight-content .title {
margin-bottom: 1.25rem;
}
.insight-content p {
font-family: Aileron-Regular;
font-size: 16px;
line-height: 24px;
color: var(--text-color);
margin-bottom: 1rem;
}
.news-letter {
padding: 10rem 0;
background-image: url(//gorleglobal.com/wp-content/themes/astra-child/assets/img/newsletter-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.titleXl {
font-family: Aileron-Regular;
font-size: 35px;
line-height: 40px;
margin: 1.5rem 0 1.8rem;
color: var(--white);
}
.contact-buttons .next_arrow {
color: #05155e;
background-color: var(--white);
}
.contact-buttons .btn_custom_color {
margin: 50px 0 50px auto;
padding: 0 !important;
width: fit-content;
}
.btn_custom_color01,
.btn_custom_color_dark,
.btn_custom_color {
padding: 0 !important;
width: fit-content;
}
.contact-buttons p {
font-size: 40px;
line-height: 54px;
text-align: right;
color: #fff;
margin: 0;
font-family: Aileron-Regular;
}
.contact-buttons {
width: 50%;
}
#footer {
padding: 2rem 0 2rem;
background: linear-gradient(288.61deg, #2E3537 11.63%, #2D3538 100%);
}
.subscribe-title {
font-family: Segoe UI Symbol;
font-size: 22px;
font-weight: 400;
line-height: 29.26px;
text-align: left;
position: relative;
padding-left: 2.7rem;
color: var(--white);
}
.subscribe-title:before {
content: "";
position: absolute;
top: -3px;
left: 0;
background: url(//gorleglobal.com/wp-content/themes/astra-child/assets/img/subscribe-ic.png);
width: 30px;
height: 30px;
background-repeat: no-repeat;
}
.subscriptions_block form {
margin-top: 2.4rem;
border-radius: 0;
}
.mc4wp-alert.mc4wp-error {
color: #ecadad;
margin-top: 4px;
}
.subscriptions_block form input {
font-family: Antonio;
font-size: 20px;
line-height: 25px;
font-weight: 700;
letter-spacing: 1px;
text-align: left;
border: none;
}
.btn-subscribe {
font-size: 20px;
font-weight: 700;
line-height: 24px;
padding: 0 1rem;
color: var(--white);
text-align: left;
border-radius: 0 !important;
background-color: var(--primary-color);
font-family: Aileron-Bold;
}
.btn-subscribe:hover {
color: var(--white);
background-color: var(--secondary-color);
}
.social_title {
margin-bottom: 4rem;
font-family: Segoe UI Symbol;
font-size: 22px;
font-weight: 400;
line-height: 29.26px;
color: var(--white);
}
.social-menu li a {
background: var(--white);
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.social-menu li a:hover {
background: var(--primary-color);
}
.social-menu li a:hover i {
color: var(--white);
}
.social-menu li a:hover img {
filter: brightness(100%);
}
.social-menu li a i {
font-size: 20px;
color: var(--text-color);
}
.subscribe input.form-email {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-weight: 400;
line-height: 1.5;
background-clip: padding-box;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.footer-menu {
padding: 4rem 0;
margin: 38px 0;
border-top: 2px solid #818181;
border-bottom: 2px solid #818181;
}
.company-location {
padding: 1rem 0 4rem;
margin: 38px 0;
border-bottom: 2px solid #818181;
}
.footer-logo img {
top: -4rem;
left: 50%;
transform: translateX(-50%);
z-index: 9;
background-color: #2e3537;
}
.footer-title {
font-size: 28px;
line-height: 33px;
color: var(--white);
font-family: Aileron-SemiBold;
}
.footer-wrap p {
font-size: 16px;
line-height: 24px;
color: var(--white);
font-family: Aileron-Regular;
}
.footerIc i {
font-size: 32px;
color: var(--white);
}
.footer_links_txt {
font-size: 18px;
line-height: 18px;
text-align: right;
font-weight: 300;
color: var(--white);
font-family: Aileron-Light;
}
.footerTxt a {
font-size: 18px;
line-height: 18px;
text-align: right;
font-weight: 400;
color: var(--white);
font-family: Aileron-Regular;
}
.footer-wrap ul li a {
font-size: 18px;
line-height: 25px;
margin-bottom: 0.6rem;
text-align: left;
color: var(--white);
}
.footer-wrap ul li a:hover {
color: var(--primary-color);
}
.footerTxt {
text-align: right;
}
.company-location h4 {
font-size: 28px;
font-weight: 600;
line-height: 33.6px;
color: var(--white);
font-family: Aileron-SemiBold;
}
.company-location i {
font-size: 33px;
color: var(--white);
}
.company-location .border {
width: 20%;
}
.location_title {
font-size: 18px;
font-weight: 300;
line-height: 25px;
color: #fff;
font-family: Aileron-SemiBold;
}
.location_name {
font-size: 18px;
font-weight: 600;
line-height: 25px;
color: var(--white);
font-family: Aileron-SemiBold;
}
.copyright_txt {
font-size: 16px;
font-weight: 400;
line-height: 19px;
color: var(--white);
font-family: Aileron-Regular;
}
.footer-bottom ul li a {
font-size: 16px;
font-weight: 400;
line-height: 19px;
color: var(--white);
font-family: Aileron-Regular;
}
.footer-bottom ul li a:hover {
color: var(--primary-color);
}
.ripple {
animation: ripple 2s linear infinite alternate;
}
.updown {
animation: updown 0.8s infinite alternate;
}
.swing {
animation: swing 0.9s forwards infinite alternate;
}
.rotate {
animation: rotate 6s linear infinite;
}
.dropdown-menu li {
padding: 5px 0px;
border-bottom: 1px solid #efefef;
}
.acc-content.white-text ol {
margin: 0;
padding: 0;
line-height: 32px;
}
.acc-content.white-text {
color: #fff;
font-size: 16px;
line-height: 23px;
} @keyframes ripple {
0% {
transform: translate(-50%, -50%) scale(1);
}
50% {
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(1.4);
opacity: 0;
}
}
@keyframes courseHover {
100% {
left: 125%;
}
}
@keyframes updown {
0% {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
-ms-transform: translateY(-20px);
-o-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes swing {
0% {
-webkit-transform: rotate(6deg);
-moz-transform: rotate(6deg);
-ms-transform: rotate(6deg);
-o-transform: rotate(6deg);
transform: rotate(6deg);
}
100% {
-webkit-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
-ms-transform: rotate(-6deg);
-o-transform: rotate(-6deg);
transform: rotate(-6deg);
}
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media only screen and (max-width: 1750px) and (min-width: 1200px) {
.background,
#picture {
height: 100%;
padding: 5rem 0 !important;
}
.recent-work-content {
max-width: 100%;
background-color: #fdf2df;
padding: 0 2rem 0 5rem;
}
}
@media (max-width: 1750px) {
.paginationBtn {
left: 9.2%;
bottom: 4rem;
}
.business_block {
height: 100%;
} }
@media (max-width: 1400px) {
.sevice_country h6 {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 1200px) {
.header.open {
background: #000;
}
.new-content h4 a {
font-size: 17px;
line-height: 24px;
min-height: 50px;
}
.navbar-nav {
margin-top: 2rem;
}
.navbar-collapse .nav_items_top {
display: none !important;
}
.logo-right {
border: none;
}
#navbarSupportedContent {
border: none;
}
button.navbar-toggler.collapsed .close {
display: block;
}
button.navbar-toggler .open {
display: none;
}
button.navbar-toggler.collapsed .close {
display: block;
}
button.navbar-toggler.open .close {
display: none;
}
button.navbar-toggler.open .open {
display: block;
}
.green_br {
right: -130%;
}
.red_br {
left: -63%;
}
.recent-work .container-fluid {
padding-left: 2rem !important;
}
#picture {
padding: 2rem 0;
}
.recent-work-content {
max-width: 100%;
margin: 0 0 0 3rem;
padding: 2rem 0 3rem;
}
}
@media (max-width: 991px) {
.bannerTitle {
font-size: 50px;
line-height: 66px;
}
.bannerSub {
font-size: 30px;
line-height: 42px;
}
.borderR img {
max-width: 50%;
}
img.your {
max-width: 20%;
}
.red_br {
left: -33%;
height: 3px;
}
.green_br {
right: -78%;
height: 3px;
}
.tab-link {
font-size: 18px;
line-height: 33px;
margin-bottom: 15px;
height: 49px;
}
.insight-content {
margin-top: 2rem;
}
.newsSwaper .row,
.insight .row {
flex-direction: column-reverse;
}
.contact-buttons {
width: 100%;
}
.contact-buttons .btn_custom_color,
.btn_custom_color01 {
margin: 50px auto 50px;
}
.business_block,
#picture {
height: 100%;
}
.recent-work .container-fluid {
padding-left: 0rem !important;
}
.contact-buttons p {
text-align: center;
}
.sevice_country h6 {
font-size: 18px;
line-height: 24px;
}
.news-left {
margin-bottom: 2rem;
}
.recent-work-content {
padding: 3rem 3rem;
max-width: 100%;
margin: 0;
}
.footer-bottom {
padding-top: 4rem;
}
.copyright_txt {
margin-bottom: 1.5rem;
}
.thumbImg img {
height: 124px !important;
width: 100%;
object-fit: cover;
}
}
@media (max-width: 600px) {
.border {
margin: 10px 0 20px;
height: 2px;
max-width: 70%;
}
a.navbar-brand img {
width: 145px;
}
.title,
.newsTitle a {
font-size: 25px;
line-height: 38px;
}
.subtitle {
font-size: 18px;
line-height: 20px;
padding-left: 30px;
}
.subtitle:before {
width: 22px;
height: 22px;
background-size: cover;
}
.arrowSection {
right: 3rem;
}
.bannerSub,
.new-content h4 a,
.footer-title {
font-size: 20px;
line-height: 26px;
}
.bannerTitle {
font-size: 30px;
line-height: 36px;
}
.sec01 .btnTxt_dark {
padding: 0 0.6rem;
line-height: 55px;
font-size: 16px;
}
.recent-project-footer {
margin-top: -3rem;
}
.date {
text-align: left;
font-size: 16px;
line-height: 22px;
}
.sec01 .next_arrow_dark {
padding: 0 1rem;
}
.tab-content h2 {
font-size: 28px;
line-height: 37px;
margin-bottom: 30px;
}
.titleXl {
font-size: 25px;
line-height: 34px;
}
.tab-link:before {
height: 2px;
}
.footer-wrap {
margin-top: 3rem;
}
.footer_links_txt,
.footerTxt {
text-align: left;
}
.footer-bottom {
padding-top: 2rem;
}
.copyright_txt {
margin-bottom: 1rem;
}
}
@media (max-width: 420px) {
.sec01 .btnTxt_dark {
padding: 0 0.3rem;
font-size: 14px;
}
.btnTxt_dark {
font-size: 16px;
}
.social-menu li a {
width: 40px;
height: 40px;
}
}
.main-section {
background-image: url(//gorleglobal.com/wp-content/themes/astra-child/assets/img/wind-fan-field.jpg);
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
display: flex;
align-items: center;
padding: 10rem 0 3rem;
position: relative;
}
.main-section:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
bottom: 0;
z-index: 0;
background: linear-gradient(361deg, #000, #0000007d);
}
.about_content {
padding: 4rem 0;
}
.about_content p {
font-family: Aileron-Regular;
font-size: 16px;
line-height: 24px;
color: var(--text-color);
}
.main-section .subtitle {
padding-left: 0;
}
.privacyPolicy h3 {
font-family: "Aileron-Bold";
font-size: 25px;
line-height: 37px;
color: var(--text-heading);
}
.privacyPolicy h5 {
font-family: "Aileron-Regular";
font-size: 16px;
line-height: 22px;
margin: 1rem 0;
color: var(--text-color);
}
#post-2150 img {
width: 100% !important;
border: 1px solid #ccc;
padding: 5px;
}
#post-2150 p {
font-size: 15px;
line-height: 24px;
margin-bottom: 10px;
}
.imptitle {
font-family: "Aileron-Regular";
font-size: 18px;
line-height: 22px;
color: var(--text-color);
margin: 2rem 0 1rem;
}
.privacyPolicy ul li {
font-family: Aileron-Regular;
font-size: 16px;
line-height: 23px;
color: var(--text-color);
margin-bottom: 0.591rem;
list-style: disc;
}
.whatsAppChatIc {
position: fixed;
width: 3.4rem;
height: 3.4rem;
border-radius: 50%;
background-color: #31c631;
display: flex;
justify-content: center;
align-items: center;
right: 1.9rem;
bottom: 5.2rem;
z-index: 999;
}
.whatsAppChatIc a i {
font-size: 2.4rem;
color: #fff;
} .contact-sec {
padding: 4rem 0;
background-color: #f7f7f7;
}
.webform {
background-color: #fdf2df;
}
.form-container {
padding: 40px 20px;
}
.contact-sec .social-menu li a {
background: #9a8961;
}
.contact-sec .social-menu li a i {
color: var(--white);
}
ul.location li:first-child {
width: 100%;
}
table.location span {
position: relative;
font-size: 17px;
color: #373f41;
font-weight: 400 !important;
font-family: Aileron-Bold;
text-wrap: nowrap;
}
table.location a {
color: #053c8f;
font-family: Aileron-Light;
text-wrap: wrap;
}
.location td {
font-size: 17px;
font-weight: 400;
}
h3.fontjio {
font-family: "Aileron-Regular" !important;
font-size: 45px;
line-height: 58px;
color: var(--text-heading);
}
h2.fontjio {
font-size: 28px;
line-height: 33px;
margin: 0 0 3rem;
font-weight: 600;
color: var(--text-color);
font-family: Aileron-Bold;
}
.form-floating > label {
font-size: 17px;
font-weight: 400;
color: #868686;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
padding: 2rem 0.75rem;
border: none;
border-radius: 0;
}
.form-floating > .form-select {
border: none;
border-radius: 0;
font-family: Aileron-Bold;
font-size: 16px;
color: #333;
height: 69px;
}
.form-floating > input {
font-family: Aileron-Bold !important;
font-size: 16px !important;
color: #333 !important;
padding-top: 3rem;
padding-bottom: 1.6rem;
}
.form-floating.mb-3>.form-control, .form-floating.mb-3> .form-select{
min-height: 69px;
}
.form-control {
font-size: 17px !important;
}
.form-control:focus,
.form-floating > .form-select:focus {
box-shadow: none;
border: 1px solid #05155e;
}
.form-container .btn_custom_color_dark {
margin-top: 30px;
width: fit-content;
}
.our-services1 .sevice_country h6 {
font-size: 20px;
}
.our-services1 {
padding: 4rem 0;
}
.head-office {
font-size: 28px;
line-height: 33px;
margin: 3rem 0 2rem;
font-weight: 600;
color: var(--text-color);
font-family: Aileron-Bold;
}
.location {
margin: 2rem 0;
}     .comparison_box h3 {
font-size: 25px;
font-weight: 400;
line-height: 33.6px;
color: #9a8961;
position: relative;
}
.dw_broach img{
width: 87px;
}
.benefits-sec .title, .comparison .title{
font-size: 25px;
line-height: 30px;
}
.comparison_box h3:after {
content: "";
position: absolute;
width: 11rem;
height: 4px;
background: #e91c23;
left: 0;
bottom: -1rem;
border-radius: 1rem;
}
.comparison_box.cb2 h3:after{
left: unset;
right: 0;
}
.comparison_content.new li:after{
left: unset;
right: 0;
}
.comparison_content {
margin-top: 3rem;
margin-left: 0;
}
ul.comparison_content li h6 {
font-size: 16px;
font-weight: 700;
line-height: 1.6;
margin-bottom: .2rem;
color: #2d3538;
}
ul.comparison_content li p {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
color: #2d3538;
}
.comparison_content li {
margin-bottom: 1.5rem;
position: relative;
}
.comparison_content li:after {
content: "";
position: absolute;
width: 11rem;
height: 2px;
background: #2b2828;
left: 0;
bottom: -.7rem;
}
.comparison_content li.thead:after, .comparison_content.sec li:after{
display: none;
}
.comparison_content.new li:after {
content: "";
position: absolute;
width: 11rem;
height: 2px;
background: #2b2828;
right: 0;
bottom: -.7rem;
}
.comparison_content li:last-child::after{
background: transparent !important;
}
.comparisonWrapperImg img{ max-width: 80%;
}
.dw_broach img {
width: 55px;
}
@media (max-width:661px){
.comparison_box.cb2 h3:after, .comparison_content.new li:after{
left: 0;
right: 0;
}
.comparison_box_img{
width: 230px;
object-fit: cover;
}
}