/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');


.nunito {
    font-family: "Nunito Sans", sans-serif;
}
.home-swiper {
    width: 100%;
    height: 100vh;
    position: relative;
}

.slide-bg img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    z-index: -1;
    position: absolute;
}
/* .mainbanner-content {
    padding: 40px;
    position: relative;
    z-index: 10;
    display: inline-block;
    width: 55%;
    float: right;
    padding-top: 200px;
} */
.home-swiper  .col-md-7 {
    width: 55%; 
}
.home-swiper  .col-md-5{
    width: 45%; 
}
.container {
    width: 1140px !important;
    margin: 0 auto;
	height:100%;
}

.row {
    display: flex;
    align-items: center;
    justify-content: center;
	height:100%;
}
.home-swiper .swiper-slide {
    background-size: cover;
    background-position: top center;
}
.bg-yellow { background-color: rgba(255,215,0,0.85); }
.bg-pink   { background-color: rgba(255,20,147,0.85); }
.bg-blue   { background-color: rgba(30,144,255,0.85); }

.btn-red {
    background: #ff245a;
    border-radius: 32px;
    padding: 10px 25px;
    color: #fff;
    display: inline-block;
    margin-right: 10px;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff;
    font-size: 28px;
}
.smallTitle{
    font-size: 33.5px;
    display: block;
    line-height: 26px;
    font-weight: 700;
    font-style: normal;
    color: #ffffff;
}
.bigTitle{
    font-size: 60px;
    text-align: left;
    text-transform: capitalize;
    font-weight: 900;
    font-style: normal;
    line-height: 56px;
    margin: 6px 0 3px 0;
    color: #ffffff;
}
.desc{

    font-size: 33.5px;
    display: block;
    line-height: 26px;
    font-weight: 700;
    font-style: normal;
    color: #ffffff;
}
a.btn-red {
    text-decoration: none;
}
.btn-banner {
    margin-top: 10px;
}

.inner_page_title h1{
/* 	font-size: 76px; */
    text-align: left;
    text-transform: uppercase;
    font-weight: 900;
	color:#fff;
}

.ourWorkSec{
    position: relative;
}
.ourWorkSec::before{
    content: '';
    position: absolute;
    background-image: url(https://eccentricbi.com/wp-content/uploads/2025/11/1-ori.jpg);
background: linear-gradient(rgba(9, 61, 163, 0.78) 100%, rgb(81, 138, 250) 100%), url(https://eccentricbi.com/wp-content/uploads/2025/11/1-ori.jpg);

    background-size: cover;
    width: 100%;
    height: 70%;
    top: 0;
    left: 0;
    right: 0;
    background-position: center;
}
.dualHeader span{
    color: #ff245a;
}
.beforImage , .afterImage {
    position: relative;
}
.beforImage::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 58%;
    background-color: rgb(244, 247, 255);
    width: 30%;
    height: 100%;
}
.afterImage::before{
    content: " ";
    position: absolute;
    top: 0;
    left: 18%;
    background-color: rgb(244, 247, 255);
    width: 16.5%;
    height: 335px;
}
.imageTech img {
    width: 160px;
}

.ehf-header #masthead {
    z-index: 99;
    position: fixed;
    left: 0;
    right: 0;
}
.technologySec:after{
	content: " ";
    position: absolute;
    top: 0px;
    left: 0;
    background-color: #1a4173;
    width: 30%;
    height: 800px;
    z-index: -1;
}
.footer_book_now .e-con-inner{
	position: absolute;
    z-index: 9;
    right: 0;
    left: 0;
    top: -125px;
}
/* .second-row .elementor-flip-box__back {
    margin-top: 12px;
}
.second-row .elementor-flip-box__front {
    margin-top: 34px;
}

.first-row .elementor-flip-box__layer.elementor-flip-box__back {
    height: 294px;
} */


img.logo-image {
    width: 200px;
    margin-top: 10px;
}
.home-swiper .swiper-button-next:after,
.home-swiper .swiper-button-prev:after {
    content: "" !important;
}
.btn-banner a:hover {
    background: #efaf1c;
    color: #fff;
}
.home-swiper .swiper-button-next {
    right: auto !important;
    left: 35px !important;
    position: absolute;
    height: 40px;
    width: 40px;
	color: #fff;
}
.home-swiper .swiper-button-prev {
    right: auto !important;
    left: 35px !important;
    height: 40px;
    width: 40px;
	color: #fff;
	margin-top:30px !important;
}
.home-swiper .swiper-button-prev svg,
.home-swiper .swiper-button-next svg {
    border: 1px solid #fff;
    padding: 8px;
    border-radius: 50%;
}
.btn_2{margin-top:15px;}


span.pink-color {
    color: #FF245A;
}

@media screen and (max-width: 767px){
.mainbanner-content {
	text-align: center;
}

.mainbanner-content span {
    text-align: center;
}
.desc {
    font-size: 18px;
	}
h1.bigTitle.nunito {
    font-size: 24px;
    line-height: 1.2;
	text-align: center;
}
.home-swiper .swiper-button-next {
    top: auto !important;
    right: 0 !important;
    left: 50px !important;
    text-align: center;
    margin: 0 auto !important;
    bottom: 20px;
}

.home-swiper  .swiper-button-prev {
    top: auto !important;
    right: 50px !important;
    left: 0 !important;
    text-align: center;
    margin: 0 auto !important;
    bottom: 20px;
}
.btn-red {
    margin-right: 0 !important;
    font-size: 14px;
    margin-bottom: 0px;
/* 	        width: 100%; */
}
	.technologySec:after{
display:none;
}
}

@media screen and (max-width: 1024px){
	
	.inner_page_title h1{

    text-align: left !important;
  
}
	
.container {width: 100% !important;}
.home-swiper  {
    height: 70vh !important;
}
.home-swiper  .col-md-7 {
    width: 100%; 
}
.home-swiper  .col-md-5{
   display:none;
}
}

.wpcf7-form label {
    width: 100% !important;
    margin-bottom: 25px;
}
.elementor-flip-box--effect-flip .elementor-flip-box{
	aspect-ratio: 1;
	height: 100%;
}
ul.custom-archive-list {
    padding: 0;
    list-style: none;
}
ul.custom-archive-list li a{
	    font-size: 17px;
    color: #919191;
    font-weight: normal;
    font-style: normal;
    
}