@font-face {
    font-family: "sofia_pro";
    font-weight: 400;
    src: url("../fonts/sofia_pro_regular_az-webfont.woff");
}
@font-face {
    font-family: "sofia_pro";
    font-weight: 600;
    src: url("../fonts//sofia_pro_medium_az-webfont.woff");
}
*{
margin: 0;
padding: 0;
}
p {
    font-size: 16px;
    color: #4d4d4d;
}
/* ************************
header section start here
************************ */
body{
    font-family: 'sofia_pro';
}
#hero{
background-image: url(../images/bg2.jpg);
min-height: 100vh;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.overlay{
height: 100%;
width: 100%;
min-height: 100vh;
background-color: rgb(23 35 60 / 72%);
}
.bg-primary{
background-color: transparent !important;
padding: 20px 0;
}
.fixed-top{
background-color: #670F57 !important;
padding: 20px 0;
}
.navbar-light .navbar-nav .nav-link {
color: #fff;
text-transform: capitalize;
position: relative;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color:#E1B224;
}
.navbar-light .navbar-nav .nav-link:hover{
color: #fff;
}
.navbar-light .navbar-nav .nav-link::after{
position: absolute;
content: '';
left: 0;
bottom: -7px;
width: 0%;
height: 2px;
background: #E1B224;
transition: .4s all ease-in-out;
}
.logo{
color: #E1B224 !important;
font-weight: 900;
}
.navbar-light .navbar-nav .nav-link::before{
position: absolute;
content: '';
right: 0;
bottom: -7px;
width: 0%;
height: 2px;
background: #E1B224;
transition: .3s all ease-in-out;
}
.navbar-light .navbar-nav .nav-link:hover::before{
width: 45%;
}
.navbar-light .navbar-nav .nav-link:hover::after{
width: 45%;
}
.nav-item{
padding-left: 25px;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding: 0;
font-size: 18px;margin-left: 40px;font-weight: 600;}
.togl-icon{
color: #fff;
font-size: 22px;
}
.navbar-light .navbar-toggler {
color: rgb(251 248 248 / 55%);
border-color: rgba(0,0,0,.1);
}
.nav-button{
background-color: #E1B224;
padding: 10px 35px;
text-decoration: none;
color: #670F57;
font-size: 18px;
font-weight: 600;
border-radius: 30px;
margin-left: 30px;
}
.head-content{
margin-top: 100px;
}
.head-h1, .heag-h2{
font-size: 65px;
font-weight: 700;
color: #E1B224;
}
.p-tag{
color: #fff;
font-weight: 500;
font-size: 18px;
line-height: 35px;
}
.download{
margin-top: 50px;
}
.global-btn{
background: #e1b224;
padding: 10px 40px;
text-transform: capitalize;
font-size: 20px;
color: #670F57;
font-weight: 600;
}
.global-btn:hover{
background-color: #670F57;
color: #E1B224;
}
.nav-button:hover{
background-color: #670F57;
color: #E1B224;
}
/* --------------aijourney page start here-------------- */
#aijourney-hero{
background-image: url(../images/aijourney-bg2.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#aijourney-card{
padding: 5px 0;
padding: 5px 0;
}
.overlay-2{
height: 100%;
width: 100%;
background-color: rgb(23 35 60 / 72%);
}
.card-wrap{
margin: 5px 0;
border: 1px solid #e1b224;
padding: 5px;
border-radius: 5px;
}
.card-icon {
    max-width: 120px;
    margin-bottom: 10px;
}
.card-wrap h3{
color: #670f57;
font-size: 30px;
font-weight: 600;
}
.card-wrap p{
font-size: 16px;
font-weight: 500;
}
/* professional center alignment */
#aijourney-card .card-wrap{
	display: flex;
	flex-direction: column;
	align-items: left;
	justify-content: left;
	text-align: left;
	min-height: 360px;
}
#aijourney-card .card-wrap .card-icon img{ max-height: 100px; width: auto; }
#aijourney-card h3{ margin-top: 8px; margin-bottom: 0; }
/* --------------service page start here-------------- */
#service-hero{
background-image: url(../images/service-bg2.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#service-card{
padding: 50px 0;
padding: 50px 0;
}
.overlay-2{
height: 100%;
width: 100%;
background-color: rgb(23 35 60 / 72%);
}
.card-wrap{
margin: 30px 0;
border: 1px solid #e1b224;
padding: 60px;
border-radius: 10px;
}
.card-icon {
    max-width: 120px;
    margin-bottom: 30px;
}
.card-wrap h3{
color: #670f57;
font-size: 30px;
font-weight: 600;
}
.card-wrap p{
font-size: 16px;
font-weight: 500;
}
/* professional center alignment */
#service-card .card-wrap{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 360px;
}
#service-card .card-wrap .card-icon img{ max-height: 140px; width: auto; }
#service-card h3{ margin-top: 8px; margin-bottom: 0; }
/* ----------------conatct page start here-------------- */
#contact-hero{
background-image: url(../images/contact-bg.jpg);
height: 400px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.contact-wrap{
margin-top: 50px;
}
.contact-wrap h3{
font-size: 32px ;
font-weight: 700;
}
.contact-wrap p{
color: #e1b224;
font-size: 22px;
font-weight: 600;
}
#contact-hero .overlay {
    min-height: auto;
}
#info .row {
    min-height: unset;
}
/* Contact panel */
.contact-panel{
	background: #FFFFFF;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	padding: 30px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}
.contact-panel .form-control, .contact-panel .form-select{ border-radius: 10px; }
.contact-panel .btn-primary{ padding: 10px 28px; border-radius: 24px; }
.contact-intro h2{ color:#670F57; font-weight:700; }
.contact-highlights .icon-pill{ width:56px; height:56px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background: linear-gradient(135deg, #670F57 0%, #F59E0B 100%); color:#fff; margin-bottom:8px; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }
.contact-highlights .icon-pill i{ font-size:20px; }
.contact-highlights .highlight-label{ font-weight:600; }
@media (max-width: 575.99px){
	.contact-panel{ padding: 20px; }
}
@media (max-width: 575.99px) {
    #info .row {
        min-height: 380px;
    }
    .navbar-light .navbar-nav .nav-link::after,
    .navbar-light .navbar-nav .nav-link::before{
        display: none;
    }

}
/* contact end */
/* footer start */
#footer {
    background: #670F57;
    padding: 10px 0;
}
#footer p {
    color: #fff;
}
/* footer end */

/* =========================
   Theme overrides (Teal/Amber)
   ========================= */
/* Home page tech icons */
.tech-icon-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 200px;
	width: 100%;
}
.tech-icon-wrapper img{
	max-height: 134px;
	max-width: 100%;
	width: auto;
	object-fit: contain;
}
#featured-links .row{
	align-items: center;
}
.fixed-top{
	background-color: #670F57 !important; /* teal */
	padding: 20px 0;
}
/* Modal styling */
.modal-themed{ --accent: #670F57; }
.modal-themed .modal-content{ border-radius: 14px; border: 0; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,0.18); }
.modal-themed .modal-header{ padding: 1.5rem 2rem; }
.modal-themed .modal-body{ padding: 1.25rem 2rem 0.5rem; }
.modal-themed .modal-footer{ padding: 0.5rem 2rem 1rem; }
.modal-themed .modal-content::before{ content:""; display:block; height:4px; width:100%; background: linear-gradient(135deg, #670F57 0%, #F59E0B 100%); }
.modal-themed .modal-header{ border-bottom-color: rgba(255,255,255,0.15); color:#fff; background: linear-gradient(135deg, #670F57 0%, #F59E0B 100%); }
.modal-themed .btn-close{ filter: invert(1) brightness(200%); }
.modal-themed .modal-title-wrapper{ text-align: center; flex: 1; }
.modal-themed .modal-title-icon-large{ font-size: 4rem; opacity: 0.95; line-height: 1; margin-bottom: 0.5rem; color: #fff; }
.modal-themed .modal-title{ color:#fff; font-weight:700; margin: 0; font-size: 1.5rem; }
.modal-themed .modal-body{ background:#F8FAFC; font-size: 1.0625rem; line-height: 1.6; text-align: left; }
.modal-themed .modal-body ul{ padding-left: 0; }
.modal-themed .modal-body li{ list-style:none; position:relative; padding-left:28px; margin-bottom:10px; }
.modal-themed .modal-body li:last-child{ margin-bottom: 0; }
.modal-themed .modal-body li::before{ content:"\f00c"; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; left:0; top:2px; width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:10px; color: var(--accent); border:2px solid var(--accent); background:#fff; }
.modal-themed .modal-footer{ background:#FFFFFF; border-top-color:#eef2f7; justify-content: center; }
.modal-themed .btn-primary{ background: var(--accent); border-color: var(--accent); }
.modal-themed .btn-primary:hover{ background: #0B5F58; border-color:#0B5F58; }
/* Per-service accents */
.modal-mc{ --accent:#670F57; }
.modal-ai{ --accent:#6D28D9; }
.modal-ta{ --accent:#2563EB; }
.modal-dg{ --accent:#059669; }
.modal-ai .modal-header{ background: linear-gradient(135deg, #6D28D9 0%, #F59E0B 100%); }
.modal-ta .modal-header{ background: linear-gradient(135deg, #2563EB 0%, #670F57 100%); }
.modal-dg .modal-header{ background: linear-gradient(135deg, #059669 0%, #670F57 100%); }

.logo{
	color: #F59E0B !important; /* amber */
	font-weight: 900;
}
.navbar-light .navbar-nav .nav-link {
	color: #FFFFFF;
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus{
	color: #F59E0B;
}
.navbar-light .navbar-nav .nav-link::after,
.navbar-light .navbar-nav .nav-link::before{
	background: #F59E0B;
}
.nav-button{
	background-color: #670F57;
	color: #FFFFFF;
}
.nav-button:hover{
	background-color: #0B5F58;
	color: #F8FAFC;
}
.head-h1, .heag-h2{
	color: #F59E0B;
}
.global-btn{
	background: #670F57;
	color: #FFFFFF;
}
.global-btn:hover{
	background-color: #0B5F58;
	color: #F8FAFC;
}
.overlay{
	background-color: rgba(15, 23, 42, 0.72);
}
/* Service cards */
.card-wrap{
	border: 1px solid #F59E0B;
	cursor: pointer;
	transition: box-shadow .2s ease, transform .2s ease;
}
.card-wrap:hover,
.card-wrap.active{
	box-shadow: 0 10px 24px rgba(0,0,0,0.08);
	transform: translateY(-2px);
}
.card-wrap h3{
	color: #670F57;
}
.service-card + .collapse{ transition: height .25s ease; }
/* brand grid */
.brand-grid .brand-card{
	background: #FFFFFF;
	border-radius: 12px;
	padding: 18px;
	text-align: center;
	transition: transform .2s ease, box-shadow .2s ease;
}
.brand-grid .brand-card:hover{
	transform: translateY(-3px);
	box-shadow: 0 14px 30px rgba(0,0,0,0.08);
}
.brand-grid img{ max-height: 64px; width: auto; margin: 0 auto; display: block; }
/* Contact */
.contact-wrap p{
	color: #670F57;
}
/* Footer */
#footer{
	background: #670F57;
	text-align: center;
}
#footer p{ color:#FFFFFF; }

/* =========================
   Responsive enhancements
   ========================= */
@media (max-width: 1199.98px){
	.head-h1, .heag-h2{ font-size: 52px; }
}
@media (max-width: 991.98px){
	.nav-item{ padding-left: 0; }
	.navbar-expand-lg .navbar-nav .nav-link{ margin-left: 0; font-size: 16px; }
	.head-content{ margin-top: 60px; }
	.head-h1, .heag-h2{ font-size: 44px; }
	.p-tag{ font-size: 16px; line-height: 30px; }
	.card-wrap{ padding: 40px; }
	#info .row{ min-height: unset; }
}
@media (max-width: 767.98px){
	.head-h1, .heag-h2{ font-size: 36px; }
	.card-wrap{ padding: 30px; }
}
@media (max-width: 575.98px){
	.head-h1, .heag-h2{ font-size: 30px; }
	.p-tag{ font-size: 15px; line-height: 26px; }
}