/* Custom styles for the Ananta Quest layout */
:root{
  --aq-purple:#2F1D57;
  --aq-yellow:#FFC042;
}
*{box-sizing:border-box}
body{}
.btn:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

.scrolled {margin-top:70px !important;}
.container {max-width:850px; margin:0 auto;}
.baloo {font-family: "Baloo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;}
.mrtopbt {margin-top:3rem; margin-bottom:3rem;}
.navbar-nav li a {font-family: "Baloo 2", sans-serif;}
.navbar-nav #register {margin-left:10px !important;}
.center {text-align:center;}
.whitetxt {color:#fff !important;}
.purpletxt {color:#392f84;}

.bodypara {font-size:18px; font-family: "Nunito Sans", sans-serif;}
.max700 { max-width:700px; margin:0 auto;}
.max550 {max-width:550px; margin:0 auto;}
.max600 {max-width:600px; margin:0 auto;}
.max850{max-width:850px; margin:0 auto;}
.orangetxt , .active{color:#f99c1d !important;}
.psubpara{text-align:center;}
h1,h2,h3,h4,h5,h6{color:#111827}
p {font-size:18px;font-family: "Nunito Sans", sans-serif; color:#58595b;}
.pad20 {padding-left:20px !important; padding-right:20px;}

.purpalboxl{background-color:#392f84; color:#fff; 
    border-radius: 10px;
text-align:left;
    padding: 20px 20px 20px 50px; position:relative; margin-bottom:50px;}
        .tlogo {max-width:100px;}


.purpalboxr{background-color:#392f84; color:#fff; 
    border-radius: 10px;
text-align:right;
    padding: 20px 70px 20px 10px; position:relative; margin-bottom:50px;}
    
    .purpalboxl p , .purpalboxr p { font-size:16px !important; }
.purpalboxl .pimgbox { position:absolute; left:-20%; top:-25%;}
.purpalboxr .pimgbox { position:absolute; right:-20%; top:-30%;}
.purpalboxl .pimgbox span{position: absolute;
    left: 50%;
    bottom: -10%;
    transform: translate(-50%); 
width:100%;
    padding: 10px 15px 15px;}

.purpalboxr .pimgbox span{position: absolute;
    left: 50%;
    bottom: -10%;
    transform: translate(-50%); 
width:100%;
    padding: 10px 15px 15px;}

.pbximg , .pimgbox { border-radius:50%; width:120px; height:120px; overflow:hidden; object-fit:cover; }
.navbar-nav li{ color:#616161 !important;}
.mtop{ margin-top:-5px;}
/* Hero */
.hero{background:#fff}
/*.hero-bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.9}*/
.hero-bg {max-width: 98%;
    margin: 20px auto;
    border-radius: 20px;
    background-size: cover;
background-repeat: no-repeat;
    background-position: top left; display:block;}

.bannertxt {position:absolute; inset:0; width:100%; height:100%; }
.hero .container{padding-top:4rem; padding-bottom:4rem}
.bluetxt {color:#392f84;}

.founderback { background-image:url("../img/founder.jpg"); background-size:cover; border-radius:20px; overflow:hidden; padding:40px; }





.blockquote-lg { max-width:350px; position:relative; margin-top:70px;}
.innerftext  { background-color:#e9ece8; border-radius:20px; padding:20px; margin-bottom:0px !important;width:100%; }
.blockquote-lg p { font-size:17px;}

.wacard { border-radius:10px; height:230px !important; overflow:hidden; margin-bottom:50px;}
.wacard img { height:150px; object-fit:cover;}
.wacard .card-body {background-color:#f99c1c; height:100%;}
.wacard .card-title { color:#fff; text-align:center; font-family: "Nunito Sans", sans-serif; font-size:18px;}
#testislider {position:relative;}
/*#testislider .owl-item {max-width:300px !important;}*/
#testislider {max-width:800px; margin:0 auto;}
#testislider .owl-nav .owl-prev img {position: absolute;
    left: -5%;
    top: 25%;
    width: 30px;
    transform: translate(50%); }
#testislider .owl-nav .owl-next img {position: absolute;
    right: 0%;
    top: 25%;
    width: 30px;
    transform: translate(50%); }
#testislider::before {background-image:url("../img/vec.png"); background-size:contain; background-repeat:no-repeat; content:""; position:absolute; top:-10%;  width:150px; height:450px; left:-3%;}
.testiimg {width:100%; height:100%; object-fit:cover; border-radius:20px;}
.testipara {font-size:15px; font-weight:400}
.gdotimg {position:absolute; width:10px;}
.fgdotimg {position:absolute; width:10px;
 right: -5px;
    top: -8px;
}
.mainheading { font-size:30px;}
.ohandimg {width:30px !important; margin-right:10px;}
.whitebtn {background-color:#fff; border-radius:20px; text-align:center; text-transform:uppercase; color:#f99c1c;    display: flex
;text-decoration:none;
    width: fit-content;
    padding: 5px 20px 0px;
    font-weight: 500; margin-top:30px;}
.owl-theme .owl-dots .owl-dot.active span {background-color:#fff !important;}
#testimonials .owl-theme .owl-dots .owl-dot span {background-color:#f99c1c !important; margin:5px !important;}

#mobslider , .mobbtn {display:none;}
.videotest{
    text-align: center!important;
}
.mobbtn .registerbtn  , .deskbtn .registerbtn   { padding:5px 20px !important; border-radius:20px;}

.mobbtn .registerbtn:hover  , .deskbtn .registerbtn:hover {background-color:#392f84 !important;}

.owl-theme .owl-dots .owl-dot:hover span  {background:#ccc !important;}
.owl-theme .owl-dots .owl-dot span{background-color:#d6d6d6 !important;}
@media (min-width:992px){
  .hero .container{padding-top:6rem; padding-bottom:6rem}
}

@media only screen and (max-width:991px){.mtop {display:none !important;}
.mobbtn {display:block !important;}
.deskbtn {display:none;}
}
@media only screen and (max-width:768px) { 
    .testiimg { height:400px !important; object-fit:cover;}
    #event {padding-bottom:40px !important;}
    .py-5 {padding-top:1rem !important;}
    .mrtopbt { margin-bottom:0px !important;}
    
    .wacard {display: flex !important
;
        align-items: center;
        justify-content: flex-start;
        height: auto !important; margin-bottom:20px !important;}
    .wacard img { width:100px; height:100px; object-fit:cover; border-radius:10px !important;}
    .wacard .card-body { background-color:transparent !important;}
    .wacard .card-body h5 {color: #000 !important;
        margin-top: 0px;
        text-align: left;}
    .footer { text-align:center !important;}
    .footer p  , .footer span , .footer a {font-size:15px !important;}
    .eventab-bg { padding:20px 20px 80px !important;}
    
    .py-5 {padding-bottom:0px !important;}
    .mar-tp{
        margin-top: -12px!important;
    }
    #testislider::before{
        display: none!important;
    }
    
    #testislider .owl-nav .owl-prev img,#testislider .owl-nav .owl-next img{
        width: 15px!important;
    }
    
    .teamheading::before, .teamheading::after{
        display: none!important;
    }
    .flogo{
        float: none!important;
        margin: 20px auto !important;
        
    }
    .tlogo {padding:0px 10px; max-width:80px !important;}
    
    div h2 br {display:none !important;}
    
    #heroslider {display:none !important;
    
    }
    
    
    #mobslider {display:block !important;}
    
        .purpalboxl p , .purpalboxr p { font-size:12px !important; }

    
    .mobflx {display:flex; align-items:center; justify-content:flex-start;}
.iconarea {width:100px !important;}
#pillars .card-text {text-align:left !important;}
    .teamheading::before,
    .teamheading::after {
        content: ""; /* Required for pseudo-elements to render */
        position: absolute;
         /* Align the line vertically with the middle of the text */
        width: 15%; /* Adjust line length as needed */
        height: 1px; /* Line thickness */
        background-color: #f99c1d; /* Line color */
        /* Fine-tune vertical alignment */
    }
    #pillars .card-title { text-align:left !important;}
    .tpara { margin-left:10px;}

    
    .pimgbox {
        left: -6.5% !important;
        top: -10.5% !important;
    }
    
    .purpalboxr {text-align:left !important; padding-left:20px !important; padding-right:10px !important;}

.bannertxt {position:relative !important;}
.mobbg { 
background: linear-gradient(0deg,rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.06) 100%);
}
.founderback { padding:0px !important; background-size:contain; background-repeat:no-repeat; height:auto !important;}

.hero-bg {width:100% !important; }

.hero .container { padding-top:0px !important;}
.purpalboxl , .purpalboxr  { padding-left:120px !important;}

.teamarea { flex-wrap:wrap;}

.memarea { flex-basis: 30%; flex-grow: 1;  max-width:120px;}

} 


/* Icons */
.iconarea {display:flex; align-items:center; justify-content:center; width:100%;}
img.rdicon {width:50px;}
#pillars .card-title { color:#392f84; font-size:18px; font-weight:400; text-align:center;}
.icon-round{width:70px; height:70px; border-radius:50%; background:#392f84; display:flex; align-items:center; justify-content:center; font-size:22px}
#pillars .card-text { text-align:center;}

/* Event banner */
#event {padding:80px 20px; background-color:#392f84;}
.event-banner{position:relative; overflow:hidden}
/* .event-bg{background-image:url("../img/eventbg.jpg"); background-size:cover; border-radius:20px;} */
.event-bg{background-image:url("../img/about-event.png"); background-size:cover; border-radius:20px;}
.brtop {width:100%; margin-top:25px}
.pbrbottom { width: 100%; transform: rotate(180deg); margin-bottom:25px;}
.storyaupic{ width:100%; height:100%; object-fit:cover; border-radius:20px;}

.event-banner .overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(47,29,87,.9), rgba(47,29,87,.9))}
.event-details {border: 2px solid #392f84;
    max-width: 380px;
    border-radius: 20px;
    }
.dlist { border-bottom:2px solid #392f84; padding:10px 20px;}
.dlist2 {  padding:10px 20px;}
.eveicon { width:40px; margin-right:10px;}
.dlist span {font-family: "Nunito Sans", sans-serif; font-size:15px; font-weight:bold;}
.registerbtn {background-color:#f99c1c; color:#fff; display:block; margin:0 auto; padding:0;}

#contactForm {padding:0px 30px !important;}
/* Footer */
.footer{background:var(--aq-purple)}
.blockquote-lg{line-height:1.7}
.flogo {max-width: 200px;
    display: block;
    float: right;
    clear: both;}
.footerimgarea { width:100%; height:100%;}

.formarea .btn-close {position: absolute;
    top: 8px;
    right: 8px;
    background-color: #f99c1c;
    padding: 10px;
    border-top-right-radius: 10px;}

/* Utility */
.object-fit-cover{object-fit:cover}
.min-vh-50{min-height:50vh}

.hero .owl-dots {    position: absolute;
    bottom: 40px;
    left: 50%;     transform: translate(-50%);}

.owl-theme .owl-dots .owl-dot:hover span  {background-color:#f99c1d !important;}



/*about*/
.expbtn {text-decoration:none;}
.helpsubtxt { font-size:15px; margin-top:5px;}
.eventab-bg{background-image:url("../img/about-us-Banner-02.png"); background-size:cover; border-radius:20px; padding:100px 0px}
#event-about {padding:40px 20px 20px; background-color: #392f84;}
.abeventheading{ padding-bottom:40px; }
.storyimgarea { width:100%; height:100%; max-width: 250px;
    margin: 0 auto;}
.namedesi { margin-top:10px;}

.namedesi span{ display:block; font-size:15px; text-align:left; padding:0px 10px; }
.teamarea{ display:flex; align-items:center; justify-content:center; max-width:600px; margin:0px auto 0px;  }
.teamarea .memarea { margin:20px;}

.teamarea2{     display: flex;
    align-items: center;
    justify-content: center;
    max-width: 600px;
    margin: 20px auto 50px;
    flex-wrap: wrap;
    text-align: center;  }
    
.teamarea2 .memarea {  flex-basis: 33.33% !important;
    flex-grow: 1;
    max-width: 155px;
    /* text-align: center; */
    display: block;
    /* margin: 0 auto; */
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    flex-direction: column;
    margin-bottom: 20px;}


.member { width:100px; height:100px; border-radius:50%; overflow:hidden; background-color:#d1d3d4; display:flex; flex-direction:column;}
.teamname { color:#fff;    font-size: 14px;
    margin-top: 5px;
    display: block;
}

.member img {width:100%; height:100%;}
.proimg{ border-radius:20px; width:100%;}
.memarea { text-align:center;}
.teamheading { max-width:600px; margin:0 auto; position:relative;  
display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;}
 .teamheading::before,
    .teamheading::after {
        content: ""; /* Required for pseudo-elements to render */
        position: absolute;
         /* Align the line vertically with the middle of the text */
        width: 25%; /* Adjust line length as needed */
        height: 1px; /* Line thickness */
        background-color: #f99c1d; /* Line color */
        /* Fine-tune vertical alignment */
    }

    .teamheading::before {
        left: 10%; /* Position the left line */
    }

    .teamheading::after {
        right: 10%; /* Position the right line */
    }
    
    .footer {background-color:#392f84 !important;}
    
    
    .footernav  a{ text-decoration:none; margin-right:10px; color:#fff !important;font-size: 15px;}
    
    .footernav2  a{ text-decoration:none; margin-right:10px !important;}
    
    .footer span{
        font-size: 15px;
    }
    
   .formarea .modal-lg {max-width: 600px !important;
    border-radius: 20px !important;
    overflow: hidden;}
    
    .formarea .modal-header {
    flex-direction: column !important;
    text-align: center !important;
    border-bottom: 0px !important;}
    
    .modalbtn { padding:5px 30px !important; color:#000 !important;}

.mb-50{ margin-bottom:50px; }

.termsarea h2 , .termsarea h3 {font-size:25px !important;}


#cookie-banner {background-color:#fff !important; border-top:1px solid #ccc !important;}
#cookie-banner p {color:#000 !important;}

#accept-cookies {background-color:#f99c1c !important;}
#accept-cookies:hover



#testislider .owl-stage-outer {
  overflow: visible; /* show peeking cards */
}

#testislider .item {
  background: #000;                 /* keep clean white background */
  padding: 20px;
  border-radius: 15px;
  text-align: center;
 /* transition: transform 0.3s ease, box-shadow 0.3s ease;*/
  box-shadow: 0 5px 15px rgba(0,0,0,0.08);
  border: 4px solid transparent;    /* border placeholder */
  transition: all 0.4s ease;
  transform: scale(0.85);
  opacity: 0.5;
  z-index: 1;
}

#testislider .owl-item.center .item {
  transform: scale(1);       /* bigger */
  opacity: 1;                /* full visibility */
  z-index: 2;  
}