/********************/
/* HOME INTRO BLOCK */
/********************/

.home-about-section { padding:7.5rem 1rem; }
.home-about-section .inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:2rem 3rem; }

.home-about-section .info { display:flex; flex-direction:column; gap:1rem; }
.home-about-section .info header { color:#E94D0A; font-weight:600; letter-spacing:0.1em; font-size:1.2rem; }
.home-about-section .info h1 { font-weight:600; font-size:2rem; color:#333; }
.home-about-section .info p { color:#777; line-height:1.5; padding:0.5rem 0; }
.home-about-section .info a { color:#fff; font-size:1rem; display:inline-block; padding:1rem 1.5rem; background:#333; text-decoration:none;
align-self:flex-start; }

.home-about-section .info > section { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.home-about-section .info > section > div img { width:4rem; height:4rem; margin-bottom:0.5rem; display:block; object-fit:contain; }
.home-about-section .info > section > div { background:#EFF3F6; color:#444; padding:2rem 1.5rem; }


.home-about-section .img { position:relative}
.home-about-section .img img { display:block; width:100%; height:100%; object-fit:cover; position:relative; z-index:3; }
.home-about-section .img > div { height:100%; width:80%; left:10%; right:10%; background:#000;  position:absolute; top:0; z-index:3; }
.home-about-section .img .orange { width:70%; position: absolute; z-index:2; background:#E94D0A; aspect-ratio:1;
transform: translate(-10%, -10%) }

.home-about-section .img .dots { position:absolute; top:0; right:0; bottom:0; width:50%; transform-origin:center;
transform:scale(1.1) translateX(2rem); z-index:1; background-image:url(img/bg-dot.png); background-color:#fff; }



@media( max-width:800px ){
.home-about-section .inner { grid-template-columns:1fr }
.home-about-section .img {display:none; }
.home-about-section .img > div { aspect-ratio:1; margin:0 auto; max-width:400px;  height:auto; }
.home-about-section .img > div img { aspect-ratio:1; margin:0 auto; max-width:400px; 
width:100%; height:100%; object-fit:cover; position:absolute; }
}



@media( max-width:600px ) { .home-about-section .info > section { grid-template-columns:1fr } }



/****************/
/* CONTACT FORM */
/****************/

#contact-page { padding:6rem 1rem; }
#contact-page .inner { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:4rem;  }

#contact-page h2 { color:#ff7700; font-weight:600; }
#contact-page h3 { font-weight:600; padding:1rem 0; margin-bottom:1rem }

#contactForm > div {
display:flex;
flex-direction:column; gap:1rem; 
}

#contactForm input { padding:0.65rem 1rem; border:1px solid #aaa; outline:none; font-size:1rem }
#contactForm textarea { height:9rem; padding:0.65rem 1rem; border:1px solid #aaa; outline:none; font-size:1rem }

#submitButton { align-self:flex-start; display:inline-block; padding:1rem 2rem; background:#ff7700; color:#fff; 
border:none; margin-top:1rem; font-size:1rem; }

#contact-page .inner > div > div { display:flex; flex-direction:column; justify-content:space-between; height:100%; }

#contact-div { flex:1; background:#000; color:#fff; padding:1.5rem 1rem; border:0.6rem solid #fff; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
#contact-div > div { height:100%; flex-direction:column; justify-content:space-between;
display:flex; line-height:1.5 }

#contact-div section { margin-bottom:1.2rem; }

#contact-div > div h4 { color:#ff7700; padding:0.3rem 0; }


@media( max-width:800px ){ 
#contact-page .inner { grid-template-columns:1fr } 
#contact-div > div section { margin-bottom:1.2rem; }
}



/*****************/
/** PAGE HEADER **/
/*****************/


.nameplate { position:relative;  }
.nameplate img { position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; object-fit:cover; z-index:-1; }
.nameplate > div { height:100%; width:100%; position:relative; z-index:1; background:#000a; min-height:450px;
display:flex; align-items:center; justify-content:center; color:#fff; font-size:3rem; font-weight:500; }
.nameplate > div a { color: #FF7700; }

.nameplate .links { text-align:center; font-size:1.2rem; font-weight:700 }
.nameplate h1 { font-size:4rem; text-align:center; color:#fff; font-weight:700; text-shadow:0 0 2px #000 }

@media( max-width:650px ){ 
.nameplate h1 { font-size:2rem; } 
.nameplate > div { min-height:300px; }
.nameplate .links { font-size:1rem; }
}


/*************/
/* CTA BLOCK */
/*************/

/* Basic Styling - Customize to match your brand */
.tutor-cta-section {
   /* background: linear-gradient(135deg, #667eea99 0%, #764ba2 100%); */ /* A professional gradient */
    background: linear-gradient(135deg, #2c2c2c99 0%, #00000099 100%); /* A professional gradient */
    color: white;
    padding: 80px 20px;
    text-align: center;
	position:relative;
}

.cta-container {
    max-width: 900px;
    margin: 0 auto;
	position:relative; 
	z-index:2;
}

.cta-container h1 {
    font-size: 2.5rem;
	line-height:1.1;
    margin-bottom: 1rem;
}

.cta-subtitle {
    font-size: 1.2rem;
    margin-bottom: 2.5rem;
    line-height: 1.6;
}

.cta-button-group {
    margin-bottom: 3rem;
}

.btn {
    display: inline-block;
    padding: 15px 30px;
    margin: 0 10px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
    margin-top:1rem;
}

.btn-primary {
    background-color: #FFD700; /* A bright, attention-grabbing color */
    color: #333;
}

.btn-primary:hover {
    background-color: #F0C300;
    transform: translateY(-2px);
}

.btn-secondary {
    background-color: transparent;
    color: white;
    border: 2px solid white;
}

.btn-secondary:hover {
    background-color: white;
    color: #667eea;
}

.trust-signals {
    display: flex;
    justify-content: center;
    gap: 30px;
    font-size: 0.9rem;
}

.trust-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Add your own icons or use an icon font like Font Awesome */
.icon-shield:before { content: "ЁЯЫбя╕П"; }
.icon-graph:before { content: "ЁЯУИ"; }
.icon-users:before { content: "ЁЯСе"; }


.tutor-cta-section img { width:100%; height:100%; display:block; 
/* position:absolute; */ top:0;height:0;left:0;right:0; z-index:10; object-fit:cover; }


/* Responsive Design */
@media (max-width: 768px) {
    .trust-signals {
        flex-direction: column;
        gap: 15px;
    }
    .cta-button-group .btn {
        display: block;
        margin: 10px auto;
        width: 80%;
        max-width: 250px;
    }
}

.cta-block { position:relative; }
.cta-block img { position:absolute; top:0;bottom:0;left:0;right:0; object-fit:cover; width:100%; height:100% }
.cta-block section { z-index:3; position:relative; }


/**************/
/* INDUSTRIES */
/**************/

.industries { background:#F1F1F1; padding:1rem 1rem; color:#444; }
.industries .inner { max-width:1200px; margin:2rem auto; display:grid; grid-template-columns:1fr 1fr 1fr; gap:2rem 1.5rem; }

.industries {}
.industries > h2 { font-weight:600; font-size:2rem; max-width:1200px; margin:0 auto;}
.industries > p { color:#666; max-width:1200px; margin:0 auto; line-height:1.5; }
.industries {}
.industries section { padding:2rem 2rem 3rem; background:white; position:relative }
.industries section span { position:absolute; right:0.3rem; top:0; color: #999; font-weight:700; font-size:4.5rem; opacity:0.25; line-height:1;
font-family:"Titillium web", sans-serif }
.industries section header { font-weight:600; font-size:1.1rem; }
.industries section p { color:#666; padding:1rem 0; line-height:1.5; }

.industries section img { width:5rem; height:5rem; object-fit:contain; display:block; margin-bottom:1rem; }


@media( max-width:900px ) { .industries .inner { grid-template-columns:1fr 1fr } }
@media( max-width:600px ) { .industries .inner { grid-template-columns:1fr } }



/**************/
/* INDUSTIRES */
/**************/

.industries { background:#F1F1F1; padding:6rem 1rem; color:#444; }
.industries .inner { max-width:1200px; margin:2rem auto; display:grid; grid-template-columns:1fr 1fr 1fr; gap:2rem 1.5rem; }

.industries {}
.industries > h2 { font-weight:600; font-size:2rem; max-width:1200px; margin:0 auto;}
.industries > p { color:#666; max-width:1200px; margin:0 auto; line-height:1.5; }
.industries {}
.industries section { padding:2rem 2rem 3rem; background:white; position:relative }
.industries section span { position:absolute; right:0.3rem; top:0; color: #999; font-weight:700; font-size:4.5rem; opacity:0.25; line-height:1;
font-family:"Titillium web", sans-serif }
.industries section header { font-weight:600; font-size:1.1rem; }
.industries section p { color:#666; padding:1rem 0; line-height:1.5; }

.industries section img { width:5rem; height:5rem; object-fit:contain; display:block; margin-bottom:1rem; }


@media( max-width:900px ) { .industries .inner { grid-template-columns:1fr 1fr } }
@media( max-width:600px ) { .industries .inner { grid-template-columns:1fr } }


/**********************/
/* HOME ABOUT SECTION */
/**********************/

.home-about { padding:7.5rem 1rem; }
.home-about .inner { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:2rem 3rem; }

.home-about .info { display:flex; flex-direction:column; gap:1rem; }
.home-about .info header { color:#E94D0A; font-weight:600; letter-spacing:0.1em; font-size:1.2rem; }
.home-about .info h1 { font-weight:600; font-size:2rem; color:#333; }
.home-about .info p { color:#777; line-height:1.5; padding:0.5rem 0; }
.home-about .info a, .home-about .info button { border:none; color:#fff; font-size:1rem; display:inline-block; padding:1rem 1.5rem; background:#333; text-decoration:none;
align-self:flex-start; }

.home-about .info > section { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.home-about .info > section > div img { width:4rem; height:4rem; margin-bottom:0.5rem; display:block; object-fit:contain; }
.home-about .info > section > div { background:#EFF3F6; color:#444; padding:2rem 1.5rem; }


.home-about .img { position:relative}
.home-about .img img { display:block; width:100%; height:100%; object-fit:cover; position:relative; z-index:3; }
.home-about .img > div { height:100%; width:80%; left:10%; right:10%; background:#000;  position:absolute; top:0; z-index:3; }
.home-about .img .orange { width:70%; position: absolute; z-index:2; background:#E94D0A; aspect-ratio:1;
transform: translate(-10%, -10%) }

.home-about .img .dots { position:absolute; top:0; right:0; bottom:0; width:50%; transform-origin:center;
transform:scale(1.1) translateX(2rem); z-index:1; background-image:url(/img/bg-dot.png); background-color:#fff; }



@media( max-width:800px ){
.home-about .inner { grid-template-columns:1fr }
.home-about .img {display:none; }
.home-about .img > div { aspect-ratio:1; margin:0 auto; max-width:400px;  height:auto; }
.home-about .img > div img { aspect-ratio:1; margin:0 auto; max-width:400px; 
width:100%; height:100%; object-fit:cover; position:absolute; }
}



@media( max-width:600px ) { 
.home-about .info > section { grid-template-columns:1fr } 
}