@charset "utf-8";

/* General Styling */
html {
    height: 100%;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    position: relative;
    margin: 0;
    min-height: 100%;
    background: #ffffff;
    color: #3F3F3F;
    font-size: 14px;
    font-family: OpenSans Regular, sans-serif;
    font-weight: normal;
}

img {
    width: 100%;
}

a {
    color: #26303d;
}

a:hover,
a:focus {
    text-decoration: none;
}

button:focus {
    outline: 0;
}

ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

label {
    font-size: 13px;
}

p {
    margin-bottom: 0;
}

.container {
    /* width: 100%; */
    /* padding: 0 60px; */
}

.form-control {
    border-color: #afafaf;
}

.form-control:focus, .form-control:hover {
    border-color: #f26c24 !important;
}

.form-control,
.form-control:focus {
    outline: none;
    box-shadow: none;
    color: #000;
    font-size: 14px;
}

.form-control.error {
    border: 1px solid red !important;
}

.error {
    color: red;
    font-size: 14px !important;
    font-weight: 300 !important;
}

.swal2-title {
    font-size: 18px;
    font-weight: 400;
}

.main {
    position: relative;
    padding: 150px 0 50px;
}

.content-wrapper {
    position: relative;
    overflow: hidden;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ff6d1d;
}

.pb40 {
    padding-bottom: 40px;
}

/* Header Styling */
.header-area {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}

.header-bg-dark {
	background: linear-gradient(to right, #ff6d1d, #ffa518);
}

.header-content {
    position: relative;
    height: 80px;
    padding: 0 60px;
}

.header-logo {
    display: inline-block;
    padding: 15px 0 5px;
}

.header-logo-img {
	position: relative;
    height: 35px;
}

.header-logo-img img {
	position: absolute;
    max-height: 100%;
    width: auto;
    max-height: 45px;
}

.logo-color {
	display: block;
}

.logo-dark {
	display: none;
}

.header-navbar {
    float: right;
}

.header-listing ul {
    display: flex;
    height: 80px;
    align-items: center;
}

.header-listing ul li {
    padding-right: 15px;
    padding-left: 15px;
    font-weight: bold;
    position: relative;
}

.header-listing ul li:last-child {
    padding-right: 0;
}

.header-toggle {
	display: none;
	position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
}

.btn-menu-toggle {
    background: transparent;
	height: 32px;
    width: 35px;
    padding: 0;
    border: 1px solid #26303d;
    border-radius: 2px;
}

.bar-menu {
	color: #26303d;
	font-size: 21px;
}

.close-menu {
	display: none;
	color: #26303d;
	font-size: 21px;
    font-weight: bolder;
}

.menu-open .header-navbar {
    transform: translateY(0);
}

.menu-open .close-menu {
	display: block;
}

.menu-open .bar-menu {
	display: none;
}

.header-transparent a,
.header-transparent span {
    color: #f1f1f2;
}

.header-transparent a:hover,
.header-transparent span:hover {
    color: #ffa518;
}

.header-transparent .active a {
    color: #ffa518;
}

.header-dark a:hover,
.header-dark .active a {
    color: #fff;
    font-weight: bold;
}

.dropdown-listing:hover {
    position: relative;
    background: #26303d;
    padding: 6px 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.dropdown-listing:hover:before {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    background: #F1F1F2;
    height: 1px;
    width: 80%;
}

.dropdown-listing:hover a {
    color: #ffffff;
}

.submenu {
    display: none !important;
    position: absolute;
    top: 30px;
    left: 0;
    background: #26303d;
    min-width: 150px;
    padding: 15px;
    height: auto !important;
    font-size: 13px;
    font-family: OpenSans Light, sans-serif;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.submenu li {
    padding: 0 0 5px !important;
}

.submenu a {
    color: #ffffff;
}

.submenu a:hover {
    color: #ffa518;
}

.dropdown-listing:hover .submenu {
    display: block !important;
}

/* Footer Styling */
.footer-contact,
.footer-link,
.footer-copyright h3 {
	font-family: OpenSans Bold;
}

.footer-content {
	padding: 230px 30px 20px;
}

.footer-logo {
	padding-bottom: 20px;
}

.footer-logo img{
    max-width: 100%;
    height: auto;
    max-height: 125px;
    object-fit: contain;
    object-position: left;
    margin-bottom: 5px;
}

.footer-contact-listing li {
	position: relative;
    display: flex;
    padding-left: 50px;
    padding-bottom: 30px;
}

.footer-contact-listing li:last-child {
    padding-bottom: 0;
}

.footer-icon {
    position: absolute;
    left: 0;
    max-width: 30px;
}

.footer-contact-info h3 {
    padding-bottom: 5px;
}

.pb30 {
    padding-bottom: 30px;
}

.footer-link ul {
    position: relative;
    padding-left: 20px;
}

.footer-link ul:before {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    width: 2px;
    background: #26303D;
}

.footer-link li {
    padding-bottom: 15px;
}

.footer-link li:last-child {
    padding-bottom: 0;
}

.footer-link li a {
    display: block;
}

.footer-mainlink {
    padding-bottom: 3px;
}

.footer-sublink {
    font-family: OpenSans Regular;
    font-weight: bold;
}

.footer-sublink:last-child {
    padding-bottom: 0;
}

.footer-media li {
    width: 45px;
    display: inline-block;
    margin-right: 5px;
}

.footer-copyright {
    padding: 80px 0 0;
    text-align: center;
}

.footer-copyright h3 {
    font-size: 18px;
    padding-bottom: 20px;
}

.footer-copyright span {
    width: 15px;
    display:inline-flex;
    margin: 0px 10px;
}

.footer-copyright p {
    text-transform: uppercase;
    font-family: Friendly Schoolmates Regular, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.footer-area {
    background: url('../images/background/footer-bg-blue.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-content {
    background: url('../images/background/footer-bg-orange.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-link {
    margin-top: 30px;
}

.footer-dot {
    font-size: 6px;
    transform: translateY(-50%);
}

/* 1. Homepage Styling */
.home-bg {
    /* background-image: url('../images/background/background-1.png'); */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: repeat;
    background-position: center bottom;
    background-size: cover;
    z-index: -1;
}

.home-area {
    padding-top: 50px;
}

.home-carousel {
    position: relative;
}

.home-carousel .owl-controls {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.slider-item {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: auto;
    height: 600px;
}

.slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.05));
}


.home-counter-content {
    padding-bottom: 80px;
}
.home-about-content{
    padding-bottom: 0px;
}


.home-about-info h3 {
    font-family: OpenSans Bold;
    padding-bottom: 20px;
    color: #ff6d1d;
    margin-top: 30px;
}

.home-about-info p {
    padding-bottom: 15px;
}

.home-about-img {
    position: relative;
    overflow: hidden;
    /* height: 280px; */
}

.home-about-img div {
    /* position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-height: 280px; */
    width: auto;
    margin-top: -10%;
}

.home-counter-info {
    text-align: center;
}

.home-counter-info h3 {
    font-size: 50px;
    padding-bottom: 3px;
}

.home-counter-info p {
    font-weight: bold;
    font-size: 16px;
}

.home-info {
    padding-bottom: 80px;
}

.home-info-content {
    font-family: OpenSans Bold, sans-serif;
    color: #ff6d1d;
    text-align: center;
    padding: 0 15px 35px;
}

.home-info-content h3 {
    font-size: 17px;
    margin: 0 auto;
}

.home-info-img {
    position: relative;
    /* height: 200px; */
    overflow: hidden;
    margin-bottom: 15px;
}

.home-info-img div {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%; */
    width: auto;
    max-width: 100%;
}

.home-gallery-header {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}

.home-gallery-header:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 1px;
    width: 80%;
    background: #ff6d1d;
    z-index: -1;
}

.home-gallery-header h3 {
    font-family: OpenSans Bold, sans-serif;
    font-size: 26px;
    display: inline-block;
    padding: 0 20px;
    color: #ff6d1d;
    background: #ffffff;
}

.home-gallery-box {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 160px;
    margin-bottom: 30px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
    position: relative;
}

.gallery-box-middle {
    height: 250px;
    cursor: pointer;
}

.home-gallery-info {
    width: 50px;
    height: 50px;
    background: #26303d;
    color: #ffffff;
    position: relative;
}

.home-gallery-info p {
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-gallery-info span {
    display: block;
    font-weight: bolder;
}

.home-gallery-more {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    padding: 12px;
    text-align: center;
}

.home-gallery-more a {
    color: #ff6d1d;
}

.home-gallery-more a:hover {
    color: #ffa518;
}

.home-gallery-more h5 {
    font-weight: bold;
}

.home-gallery-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.5s ease-in-out 0s;
    transition: -webkit-transform 0.5s ease-in-out 0s;
    -o-transition: transform 0.5s ease-in-out 0s;
    transition: transform 0.5s ease-in-out 0s;
    transition: transform 0.5s ease-in-out 0s, -webkit-transform 0.5s ease-in-out 0s;
    z-index: 1;
}

.gallery-box-middle:hover .home-gallery-overlay {
    transform: translateY(0);
}

.home-gallery-desc {
    padding: 20px 30px;
    position: relative;
}

.home-gallery-desc li {
    padding-bottom: 12px;
}

.home-gallery-desc li:last-child {
    padding-bottom: 0;
}

.home-gallery-desc span {
    font-size: 10px;
    padding-bottom: 3px;
    display: block;
    color: #e2e2e2;
}

.home-gallery-desc h5 {
    font-size: 13px;
}



/* 2. About Styling */
.about-story-header {
    font-family: Opensans Bold, sans-serif;
    color: #ff6d1d;
    text-align: center;
    padding-bottom: 35px;
}

.about-story-header h3, 
.about-corporate-header h3,
.about-people-header h3 {
    font-size: 26px;
}

.about-story-logo {
    padding-bottom: 35px;
}

.about-story-logo .row{
    display:flex;                                                                                                                                                                                                           
    flex-wrap:wrap;
    justify-content:center;
    row-gap: 25px;
}

.about-story-logo .row .column{
    flex-basis: 14%;
}

.about-logo-img {
    position: relative;
    height: 50px;
    text-align: center;
}

.about-logo-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    width: auto;
}

.about-logo-img .h-25 {
    max-height: 25px;
}

.about-logo-img .h-30 {
    max-height: 30px;
}

.about-logo-img .h-40 {
    max-height: 40px;
}

.about-story-info {
    padding-bottom: 15px;
}

.about-story-desc p {
    padding-bottom: 15px;
    text-align: justify;
}

.about-story-desc p:last-child {
    padding-bottom: 0;
}

.about-story-more {
    text-align: center;
    padding-bottom: 40px;
}

.about-corporate-header {
    font-family: Opensans Bold, sans-serif;
    color: #ff6d1d;
    padding-bottom: 35px;
    text-align: center;
}

.about-corporate-video {
    text-align: center;
    padding-bottom: 15px;
}

.about-corporate-video iframe{
    outline: none;
    border: none;
}

.about-corporate-video video {
    width: 80%;
    border: 1px solid lightgrey;
    background: lightgray;
}

.about-corporate-footer {
    position: relative;
    height: 20px;
    text-align: center;
    margin-bottom: 60px;
}

.about-corporate-footer img {
    max-height: 100%;
    width: auto;
    background: #ffffff;
    padding: 0 15px;
}

.about-corporate-footer::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 1px;
    width: 70%;
    background: #ff6d1d;
    z-index: -1;
}

.about-people-header {
    font-family: Opensans Bold, sans-serif;
    text-align: center;
    color: #ff6d1d;
    padding-bottom: 30px;
}

.about-people-box {
    padding-bottom: 50px;
}

.about-people-title {
    text-align: center;
    padding-bottom: 25px;
}

.about-people-title h4 {
    font-weight: bo ld;
    font-size: 13px;
    display: inline-block;
    background: #ff6d1d;
    color: #fff;
    padding: 6px 25px 8px;
    border: 1px solid #ff6d1d;
    border-radius: 25px;
}

.about-people-title:hover {
    background: transparent;
    color: #ff6d1d;
}

.about-people-detail {
    text-align: center;
}

.about-people-img {
    position: relative;
    width: auto;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    margin: 0 auto 20px;
    border-radius: 50%;
}

.about-people-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.2);
    max-height: calc(100% - 20px);
    width: auto;
}

.about-people-desc h5 {
    font-family: Opensans Bold, sans-serif;
    padding-bottom: 6px;
    font-size: 13px;
}

.about-people-desc p {
    font-weight: bold;
    color: #5a5a5a;
    font-size: 12px;
}

.about-area {
    background-image: url(../images/background/background-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* 3. Services Styling */
.service-area {
    padding-top: 80px;
}

.service-area {
    /* background-image: url(../images/background/background-1.png); */
    background-repeat: no-repeat;
    background-position: center 110%;
    background-size: cover;
}

.service-section:nth-child(odd) {
    background: linear-gradient(to right, #f1f1f2 0%, #f1f1f2 50%, transparent 50%, transparent 100%);
}

.service-section:nth-child(even) {
    background: linear-gradient(to right, transparent 0%, transparent 50%, #f1f1f2 50%, #f1f1f2 100%);
}

.service-section .container {
    /* width: 100%; */
    padding: 0;
}

.service-box {
    position: relative;
}

.service-section:nth-child(odd) .service-box {
    padding: 55px 50px 0 0;
}

.service-section:nth-child(even) .service-box {
    padding: 55px 0 0 50px;
}

.service-info {
    padding: 70px 50px;
}

.service-content .row {
    margin: 0;
}

.no-pd {
    padding: 0;
}

.service-title {
    position: relative;
    text-align: right;
    padding: 23px 80px 12px 0;
    z-index: 1;
}

.service-title::before {
    content: '';
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 55%;
    background: #ff6d1d;
    z-index: -1;
}

.service-section:nth-child(odd) .service-title::before {
    left: 0;
}

.service-section:nth-child(even) .service-title::before {
    right: 0;
}

.service-section:nth-child(2) .service-title::before,
.service-section:nth-child(3) .service-title::before {
    background: #ffa518;
}

.service-title h3 {
    font-family: Opensans Bold, sans-serif;
}

.service-logo {
    position: relative;
    height: 40px;
    margin-bottom: 25px;
}

.service-logo-h60 {
    height: 60px;
}

.service-logo img {
    max-height: 100%;
    width: auto;
}

.service-desc p {
    padding-bottom: 25px;
    text-align: justify;
}

.service-listing p {
    font-family: Opensans Bold, sans-serif;
    color: #ffa518;
    padding-bottom: 10px;
}

.service-listing ul li {
    position: relative;
    padding-left: 20px;
}

.service-listing img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-55%);
    width: 12px;
}

.no-pdleft {
    padding-left: 0;
}

.service-bg-img {
    position: absolute;
}

.service-content {
    position: relative;
}

.service-bg-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
}

.service-section:nth-child(odd) .service-bg-img {
    top: 116px;
    left: 0;
    right: calc(50% + 60px);
    bottom: 0;
}

.service-section:nth-child(even) .service-bg-img {
    top: 116px;
    left: calc(50% + 60px);
    right: 0;
    bottom: 0;
}

.service-img {
    display: none;
}

.service-section .service-box-overlay {
    position: absolute;
    height: 130px;
    width: 120px;
}

.service-section:nth-child(odd) .service-box-overlay {
    bottom: -40px;
    right: calc(50% + 30px);
}

.service-section:nth-child(even) .service-box-overlay {
    top: 55px;
    left: calc(50% + 30px);
}

.service-section:nth-child(1) .service-box-overlay,
.service-section:nth-child(4) .service-box-overlay {
    background: rgba(255, 165, 24, 0.85);
}

.service-section:nth-child(2) .service-box-overlay,
.service-section:nth-child(3) .service-box-overlay {
    background: rgba(255, 109, 29, 0.85);
}


/* 4. Gallery Styling */
.header-gallery h3,
.testimonial-feedback-header h3 {
    font-family: Opensans Bold, sans-serif;
    color: #ff6d1d;
    font-size: 26px;
}

/* 5. Client Styling */


/* 6. Testimonial Styling */
.testimonial-bg {
    /* background-image: url('../images/background/ecopia_testimonial_bg.png'); */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: repeat;
    background-position: center bottom;
    background-size: cover;
    z-index: -1;
}

.testimonial-section {
    margin-top: 150px;
}

.testimonial-background-image {
    position: absolute;
}

.testimonial-title {
    font-family: Opensans Bold, sans-serif;
    color: #ff6d1d;
    font-size: 26px;
}

.testimonial-introduction {
    margin: 30px auto;
}

.testimonial-introduction p {
    text-align: justify;
}

.testimonial-search {
    text-align: right;
    margin: 20px 0;
}

.search-bar {
    background-color: #E1DEDE;
    text-align: center;
    border: none;
    border-radius: 25px;
    height: 30px;
}

.search-bar:focus {
    outline: none;
}

.search-icon, .filter-icon {
    width: 20px;
}

.search-icon {
    margin: 0 20px 0 5px;
    cursor: pointer;
}

.testimonial-list .panel {
    border-radius: 25px;
}

.checked {
    color: orange;
}

.testimonial-list .event-name {
    font-size: 18px;
    font-weight: bold;
    color: #f26c24;
    margin: 10px 0;
}

#avatar {
    float: right;
    width: 60px;
    height: 60px;
    background-size: cover;
    background-color: #F1F1F2;
    background-position: top center;
    border-radius: 50%;
}

#avatar img {
    height: inherit;
    border-radius: 50%;
    object-fit: contain;
}

.read-more {
    color:#f26c24;
    text-decoration: underline;
    cursor: pointer;
}

.remaining_text {
    display: none;
}

.show-more-btn {
    color: #FF6D1D;
    background-color: white;
    border-color: #FF6D1D;
    font-weight: bold;
}

.not-found {
    color: #FF6D1D;
    margin-bottom: 5px;
}
/* 8. Contact Styling */
.contact-area {
    position: relative;
    padding-bottom: 50px;
}

.contact-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: repeat;
    background-position: center bottom;
    background-size: cover;
    pointer-events: none;
}

.ecopia-map-div div {
    position: absolute;
    display: inline-block;
    top: 30px;
    right: 0;
}

.ecopia-map {
    height: 95vh;
    width: 60vw;
}

.ecopia-map-div div:before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    height: 100%;
    width: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 30%),
                linear-gradient(to bottom, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 1) 100%);
}

.ecopia-map-mobile {
    margin-top: 70px;
    width: 100%;
    height: 60vh;
}

.contact-section {
    margin-top: 150px;
    font-family: OpenSans Bold;
}

#captcha {
    color: red;
    font-size: 12px;
}

@media only screen and (max-width: 992px) {
    .contact-section {
        margin-top: 50px;
    }
}

.contact-title {
    font-family: Opensans Bold, sans-serif;
    color: #ff6d1d;
    font-size: 26px;
}

.contact-details {
    margin-top: 30px;
}

.form-control {
    border: 1px solid #FF6D1D;
}

.submit-message-btn {
    background-color: #FF6D1D;
    margin-top: 30px;
}

.branches .branch {
    margin-top: 15px;
}

.branch > .row {
    margin-top: 10px;
    margin-left: 40px;
}

.social-icon, .country-icon {
    width: 35px;
}

.function-icon {
    width: 25px;
    margin-top: 8px;
}

.address {
    margin-left: 40px;
}

.orange-text, .branch-name {
    color: #FF6D1D;
}

.branch-name {
    font-family: Opensans Bold, sans-serif;
    color: #ff6d1d;
    font-size: 24px;
}

/* Button Styling */
/* Animation */
.btn-more {
    display: inline-block;
    padding: 6px 20px;
    border: 1px solid #ff6d1d;
    border-radius: 5px;
    color: #ff6d1d;
    font-weight: bold;
    background: transparent;
}

.btn-more:hover {
    background: #ff6d1d;
    color: #fff;
}

/* sticky media */
.call-us {
    position: fixed;
    right: -52px;
    top: 50%;
    transform: rotate(-90deg) translateY(-50%);
    display: inline-block;
    background: linear-gradient(to bottom, #ffa518, #ff6d1d);
    z-index: 999;
    padding: 5px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.call-us a {
    color: #fff;
}

.call-us:hover {
    background: #26303d;
}

.social-media {
    position: fixed;
    right: -17px;
    top: 50%;
    transform: translateX(-50%);
    z-index: 999;
}

.media-link {
    background: linear-gradient(to right, #ffa518, #ff6d1d);
    padding: 15px 8px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.media-link li {
    text-align: center;
    padding-bottom: 8px;
}

.media-link li:last-child {
    padding-bottom: 0;
}

.insta a,
.facebook a,
.whatsapp a {
    color: #ffffff;
}

.insta a:hover,
.facebook a:hover,
.whatsapp a:hover {
    color: #26303D;
}

.insta span{
    font-size: 20px;
}

.whatsapp span {
    font-size: 22px;
}

.facebook span {
    font-size: 21px;
}

/* gallery */
.row-flex {
    display: flex;
    flex-wrap: wrap;
}

.row-flex .col {
    flex-grow: 1;
    max-width: 100%;
}
.home-video{
    padding-bottom: 80px;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    
  }
  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .video-container{
    width: 80%;
    margin:auto;
  }
/* Animation */

/* Media Query (Special) */
@media only screen and (max-width: 1226px) {
    .about-story-logo .row .column{
        flex-basis: 50%;
    }
}