@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap");
:root{
    --font:"Inter", serif;
    --fonts:'Mona Sans', sans-serif;
    --white:#fff;
    --theme:#1e8a8a;    
    --black:#000000;
}
*{
    box-sizing: border-box;
}

[data-scroll] {
  opacity: 0;
  will-change: transform, scale, opacity;
  transform: translateY(6rem) scale(0.93);
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
 
[data-scroll=in] {
  opacity: 1;
  transform: translateY(0) scale(1);
}
 
.splitting .char {
  color: transparent;
}
.splitting .char:after {
  visibility: visible;
  color: #000;
  opacity: 0;
  transform: translateY(30%);
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-delay: calc(.2s + (.04s * var(--char-index) ) );
}
.olympiad-unique .splitting .char:after, .come-from-text .splitting .char:after{
color:#fff;
}


.about-area .splitting .highlight-text span:after, 
.olympiad-unique .splitting .highlight-text span:after, 
.learning-area .splitting .highlight-text span:after,
.participate-area .splitting .highlight-text span:after,
.speaker-area .splitting .highlight-text span:after,
.edition-area .splitting .highlight-text span:after,
.house-enqury-area .splitting .highlight-text span:after,
.price-area .splitting .highlight-text span:after  {
    color: #0076a7;
}

 
[data-scroll=in] .char:after {
  opacity: 1;
  transform: translateY(0);
}
.tba_overlays{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(65deg, #002B22EB 30%, #002B2230 86%);
    opacity: 0.92;
    z-index: 1;
}
#banner_xslider .owl-next {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 50%;
    right: 1%;
    margin-right: 0px;
    display: block !important;
    border: 0px solid black;
    background-color: #fff;
    border-radius: 0;
    transition: 1s;
}

#banner_xslider .owl-prev {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 50%;
    left: 1%;
    margin-right: 0px;
    display: block !important;
    border: 0px solid black;
    background-color: #fff;
    border-radius: 0;
    transition: 1s;
}

#banner_xslider .owl-prev span, #banner_xslider .owl-next span {
    font-size: 34px;
    color: #000;
    line-height: 24px;
}

/* ---------------about area css---------- */

.about-area{
    padding: 50px 0;
}
.about-text h2 {
    font-family: var(--font);
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 25px;
    line-height: 38px;
    position: relative;
    padding-bottom: 5px;
   
}

.about-text h2:after {
    content: " ";
    width: 10%;
    height: 4px;
    display: block;
    background-color: var(--theme);
    position: absolute;
    bottom: -10px;
    left: 0;
}
.about-text h2:before {
    content: " ";
    width: 30%;
    height: 4px;
    display: block;
    background: #eee;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.about-text p {
    font-size: 17px;
    font-weight: 400;
    font-family: var(--font);
    line-height: 30px;
    margin-bottom: 15px;
    text-align: justify;
    color: #000;
}

.about-area .moretext {
  display: none;
}
.about-area .button-text {
	font-family: var(--font);
	font-weight:600;
	position: relative;
  background: transparent;
  color: #0077a7;
  font-size: 17px;
}
.about-area .button-text::after{
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #000;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}	
.about-area .button-text:hover:after {
	transform: scaleX(1);
	transform-origin: bottom left;
 }
.about-area button:focus {
    outline: 0;
    border: 0;
}
.about-area button{
    border: 0;
}

.about-img img {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
}

/* ---------make-unique-area css----------- */
.make-unique-area{
    padding: 50px 0;
    background: #f2f7f8;
}

.make-unique-heading h3{
    position: relative;
    font-family: var(--font);
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 30px;
    padding-bottom: 5px;
    text-align: center;
}

.make-unique-heading h3:after {
    content: " ";
    width: 8%;
    height: 4px;
    display: block;
    background-color: var(--theme);
    position: absolute;
    bottom: -20px;
    left: 43%;
}
.make-unique-heading h3:before {
    content: " ";
    width: 10%;
    height: 4px;
    display: block;
    background: #ddd;
    position: absolute;
    bottom: -20px;
    left: 48%;
}

.make-box {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    min-height: 140px;
    margin-bottom: 15px;
}
.make-icon {
    display: inline-block;
    position: absolute;
}
.make-icon img {
    max-width: 100%;
    width: 60px;
    height: 60px;
    margin: 0;
    display: block;
    position: relative;
    transition: all ease .5s;
    transform: rotateY(360deg);
}
/* .make-box:hover .make-icon img {
    transition: all ease .5s;
    transform: rotateY(180deg);
} */
.icbgart.icontilt {
    border-radius: 63% 37% 50% 50% / 70% 68% 32% 30% ;
    margin: 0px 0px 0px 15px;
    background-color: transparent;
    background-image: linear-gradient(180deg, #00b3ba4f 0%, #0076a77a 100%);
    width: 65px;
    height: 60px;
    box-shadow: 0 0 1px transparent;
    width: 60px;
    height: 60px;
    position: absolute;
}

.make-text {
    display: inline-block;
    margin-left: 25%;
    margin-top: 8px;
}
.make-text p {
    font-size: 17px;
    font-family: var(--font);
    font-weight: 400;
    margin: 0;
}

/* -------learning-area css----------- */
.learning-area {
    padding: 50px 0;
    position: relative;
    background: #e0ebfc;
}

.learning-box {
    background: #fff;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 10px;
    /* min-height: 130px; */
    position: relative;
}

.learning-img {
    display: inline-block;
    overflow: hidden;
    border-radius: 8px;
}
.learning-img img {
    max-width: 100%;
    width: 90px;
    border-radius: 8px;
    display: inline-block;
    transition: all .5s ease-in-out;
    overflow: hidden;
}
.learning-box:hover .learning-img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.learning-text {
    position: absolute;
    top: 20px;
    margin-left: 108px;
    vertical-align: middle;
    margin-right: 20px;
}
.learning-text p {
    font-family: var(--font);
    font-size: 16px;
    font-weight: 500;
    /* line-height: 22px; */
    display: inline-block;
    transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
    background-image: linear-gradient(to bottom, currentColor 0%, currentColor 98%);
    background-size: 0 2px;
    background-repeat: no-repeat;
    background-position: left 100%;
    padding: 0 0 6px;
    margin-bottom: 3px;
     color: #000;
}

/* ----------participate-area----------------- */

.participate-area{
    padding: 50px 0;
}

.make-unique-heading p {
    font-size: 17px;
    font-family: var(--font);
    font-weight: 500;
    text-align: center;
    margin-top: 40px;
     color: #000;
}
.participate-box {
    position: relative;
    text-align: center;
    background: #ffffff;
    padding: 20px 20px 20px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.participate-box::before {
    position: absolute;
    right: -10px;
    top: 50px;
    bottom: 50px;
    border: 1px solid #d7d7d7;
    content: "";
}
.partici-block:last-child .participate-box::before {
    display: none;
}
.partici-icon {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}
.partici-icon::before{
    position: absolute;
    left: -20px;
    top: 0;
    height: 55px;
    width: 55px;
    background-image: linear-gradient(180deg, #00b3ba4f 0%, #0076a77a 100%);
    content: "";
    border-radius: 50%;
}
.partici-icon img {
    max-width: 100%;
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 9;
    transition: all .5s ease-in-out;
     transform: rotateY(360deg);
}

/* .participate-box:hover .partici-icon img {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(180deg);
} */


.partici-text h4 {
    font-size: 20px;
    font-family: var(--font);
    font-weight: 700;
    color: #0076a7;
    line-height: 30px;
}
.partici-text p {
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font);
    line-height: 28px;
    color: #000;
}

/* --------partici-come-area---------------- */

.partici-come-area{
    padding: 50px 0;
    background: #f2f4fd;
    background-image: url('../images/olympiad-images/speaker_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.from-list .make-unique-heading h3 {
    position: relative;
    font-family: var(--font);
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 30px;
    padding-bottom: 5px;  
    text-align: left;  
}
.from-list .make-unique-heading h3:before {
    content: " ";
    width: 20%;
    height: 4px;
    display: block;
    background: #ddd;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.from-list .make-unique-heading h3:after {
    content: " ";
    width: 8%;
    height: 4px;
    display: block;
    background-color: var(--theme);
    position: absolute;
    bottom: -20px;
    left: 0;
}
/* .from-img img {
    max-width: 100%;
    width: 450px;
    margin: 0 auto;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
} */

.from-list.mt-3 {
    position: relative;
    padding: 80px 40px;
    background-color: #f2f3f5;
    border-radius: 10px;
    margin-top: 80px;
    z-index: 99;
}

.from-list.mt-3 ul li {
    list-style: none;
    font-size: 17px;
    font-family: var(--font);
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 27px;
    position: relative;
    left: 0px;
}
.from-list.mt-3 ul li::before {
    content: '';
    background-image: url('../images/olympiad-images/design-check.svg');
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    margin-right: 0;
    left: -35px;
    background-repeat: no-repeat;
}

.partici-come-area .inner-column {
    position: relative;
    margin-right: -220px;
    margin-left: -80px;
}
.from-img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 8px;
}

/* --------------------------- */
.come-from-area {
    padding: 70px 0;
    /* background: #0076a7; */
    background-image: linear-gradient(89deg, #00b3ba 0%, #0076a7 100%);
    position: relative;
}

.come-from-img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: block;
    position: absolute;
    top: 0;
    width: 58%;
    object-fit: cover;
}
.come-from-text{
    padding: 0px 60px 0;
}
.come-from-text .make-unique-heading h3 {
    position: relative;
    font-family: var(--font);
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 30px;
    padding-bottom: 5px;  
    text-align: left;  
    color: #fff;
}
.come-from-text .make-unique-heading h3:before {
    content: " ";
    width: 20%;
    height: 4px;
    display: block;
    background: #ddd;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.come-from-text .make-unique-heading h3:after {
    content: " ";
    width: 8%;
    height: 4px;
    display: block;
    background-color: #000;
    position: absolute;
    bottom: -20px;
    left: 0;
}

.come-from-text ul li {
    list-style: none;
    font-size: 17px;
    font-family: var(--font);
    font-weight: 500;
    margin-bottom: 17px;
    line-height: 27px;
    position: relative;
    left: 0px;
    color: #fff;
}
.come-from-text ul li::before {
    content: '';
    background-image: url('../images/olympiad-images/check.svg');
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    margin-right: 0;
    left: -35px;
    background-repeat: no-repeat;
}

/* ---------speaker-area csss-------- */

.speaker-area{
    padding: 50px 0;
    background: #f7f9ff;
}
.speaker-card .card {
    box-shadow: 0 3px 8px 0 rgba(0,106,194,.2);
    border-radius: 2px;
    text-align: center;
    border: 0px;
    margin-top: 25px;
    min-height: 420px;
}
.speaker-card .card-header {
    height: 80px;
    background: #0076a7;
    background-size: cover;
    border-radius: 0px;
    margin-bottom: 85px;
}

.speaker-card .img-speaker {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    position: relative;
    top: 10px;
    margin: auto;
    border: 5px solid #e4e8eb;
    cursor: pointer;
    background-color: #fff;
}

.speaker-card .img-speaker img {
    max-width: 100%;
}
.speaker-card .speaker-name {
    text-align: center;
    font-family: var(--font);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
     color: #000;
}
.speaker-card .speaker-designation {
    text-align: center;
    font-family: var(--font);
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 10px;
     color: #000;
}

.speaker-card .view_more_btn {
    text-align: center;
    margin: 30px 0 20px;
}
.speaker-card .view_more_btn a {
    border: 1px solid #0076a7;
    padding: 10px 30px;
    background: #0076a7;
    color: #fff;
    font-size: 15px;
    font-family: var(--font);
    font-weight: 600;
    line-height: 25px;
    border-radius: 5px;
    text-decoration: none;
}

.speaker-text p {
    font-family: var(--font);
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
     color: #000;
}

/* ------------popup css-------------- */
.event_modal .modal-dialog {
    margin-top: 3%;
    max-width: 50%;
}
.event_modal .modal-content {
    border-radius: 0px;
}
.event_modal .modal-body {
    padding: 20px;
}
.modal_card .btn-close {
    position: absolute;
    right: 0px;
    top: 0px;
    background: #0076a7;
    opacity: 1;
    border-radius: 5px;
    width: 15px;
    border-radius: 0px;
    height: 15px;
    color: #fff;
    font-weight: 500;
}
.modal_card .btn-close:focus{
    box-shadow: none;
}
.spekaer_card .img_spekar, .modal_card .img_spekar {
    width: 140px;
    height: 140px;
    border-radius: 0;
    overflow: hidden;
    background-size: cover;
    position: relative;
    top: 10px;
    margin: auto;
    border: 5px solid #e4e8eb;
    cursor: pointer;
    background-color: #fff;
}
.modal_card .img_spekar img {
    max-width: 100%;
}
.modal_card .speaker_name {
    font-size: 19px;
    font-weight: 600;
    font-family: var(--font);
    color: #000;
}
.speaker_desc {
    font-size: 17px;
    font-family: var(--font);
    font-weight: 500;
    color: #0c4da2;
    line-height: 28px;
    margin: 0;
}
.speaker_info {
    margin-top: 20px;
}
.modal_card .speaker_info p {
    color: #000;
    font-weight: 400;
    line-height: 30px;
    text-align: justify;
    margin-bottom: 05px;
    font-size: 16px;  
    font-family: var(--font);
}

/* ------edition-area css----------------- */

/* .edition-area{
    padding: 50px 0;
    background-color: #F0F4FF;
    background-image: url('../images/blog-image-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
} */
 .edition-headind h4 {
    position: relative;
    font-family: var(--font);
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 25px;
    padding-bottom: 5px;
}
.edition-headind h4:before {
    content: " ";
    width: 25%;
    height: 4px;
    display: block;
    background: #ddd;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.edition-headind h4:after {
    content: " ";
    width: 10%;
    height: 4px;
    display: block;
    background-color: var(--theme);
    position: absolute;
    bottom: -10px;
    left: 0;
}
.edition-area .timeline-wrap {  
    padding-left: 10px;
    box-sizing: border-box;
}
.edition-area .timeline-inner-wrap {
    border-radius: 10px;
    /* box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 16px 0px; */
    padding: 10px 10px 10px;
    height: 100%;
    /* background: url('../images/timeline-bg.png') right 219px no-repeat rgb(255, 255, 255); */
    background: #ffff;
    border: 1px dashed #eee;
}
.accelerators-subprograms .timeline-block-outer::before {
    content: "";
    height: 63px;
    width: 2.5px;
    background-color: rgb(213, 212, 233);
    position: absolute;
    top: 70%;
    left: 28px;
}
.accelerators-subprograms:last-child .timeline-block-outer::before{
    display: none;
}
.accelerators-subprograms{
    max-height: 322px;    
    padding-top: 15px;
}
.timeline-block-outer{
    margin-bottom: 10px;
    position: relative;
}
.preview-timeline-block{
    position: relative;
}
.edition-area .cal-date-wrap {
    float: left;
}
.edition-area .timeline-cal-1 .cal-date-inner {
    background-image: -webkit-linear-gradient(47deg, #0dabb2 0px, #2589b3 100%);
    /* box-shadow: #0076a766 0px 10px 18px 0px; */
}
.edition-area .cal-date-inner {
    width: 65px;
    height: 65px;
    text-align: center;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.edition-area .cal-date-inner p {
    font-size: 20px;
    color: #fff;
    line-height: 1;
    font-weight: 600;
    font-family: var(--font);
    margin: 0;
}
.edition-area .cal-date-inner span {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    line-height: 25px;
}
.edition-area .date-wrap {
    margin-left: 80px;
    padding-top: 0;
    border-bottom: 1px dashed #e0dddd;
    padding-bottom: 10px;
}
.edition-area .date-wrap .ams-date {
    font-size: 16px;
    color: black;
    font-weight: 700;
    margin-bottom: 0px;
    font-family: var(--font);
}
.edition-area .date-wrap .ams-date-title {
    font-size: 15px;
    font-weight: 500;
    color: #333;
    font-family: var(--font);
    /* border-bottom: 1px dashed #eee; */
    /* padding-bottom: 20px; */
    margin-bottom: 0;
}
.edition-area .date-wrap a img {
    max-width: 100%;
    width: 120px;
}
.edition-tabs {
    padding: 0 10px 10px;
}
.edit-tabs {
    border-bottom: 0;
    background: #ececed;
    padding: 6px;
    border-radius: 30px;
    transition: all .5s ease-in-out;
}

.edit-tabs .upcoming-edit-tabs a {
    font-size: 15px;
    font-family: var(--font);
    font-weight: 600;
    line-height: 24px;
    letter-spacing: .5px;
    padding: 6px 13px;
    color: #000;
    cursor: pointer;
    transition: all .5s ease-in-out;
    border-radius: 30px;
    border: 1px solid #d3d5d6;
}
.edit-tabs .upcoming-edit-tabs a:hover{
    border-color: #d3d5d6;
}
.edit-tabs .upcoming-edit-tabs .active {
    border-color: transparent;
    background: #2589b3;
    color: #fff;
    border-radius: 30px;
    margin: 0;
    padding: 6px 13px;
}
.timeline-wrap .edit-tabs li {
    margin-right: 10px;
}
.timeline-wrap .edit-tabs li:last-child{
    margin-right: 0px;
}
.edition-tabs .tab-pane {
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
}
/* ------------in-house-area------------ */
.in-house-area{
    padding: 50px 0;
    background-image: url('../images/olympiad-images/banner-white.webp');
    background-repeat: no-repeat;
    background-size: cover;
  
}

.in-house-heading h3 {
    position: relative;
    font-family: var(--font);
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 30px;
    padding-bottom: 5px;  
    text-align: left;   
}
.in-house-heading h3:before {
    content: " ";
    width: 20%;
    height: 4px;
    display: block;
    background: #ddd;
    position: absolute;
    bottom: -10px;
    left: 0;
}
.in-house-heading h3:after {
    content: " ";
    width: 8%;
    height: 4px;
    display: block;
    background-color: var(--theme);
    position: absolute;
    bottom: -10px;
    left: 0;
}

.in-house-heading p {
    font-size: 16px;
    font-family: var(--font);
    line-height: 30px;
    font-weight: 400;
    text-align: justify;
    margin-bottom: 10px;
     color: #000;
}
.in-house-list ul{
    margin: 0;
    padding: 0;
}
.in-house-list ul li {
    list-style: none;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--font);
    display: inline-block;
    position: relative;
    margin-right: 50px;
    margin-top: 5px;
}
.in-house-list ul li a {
    text-decoration: none;
    color: #000;
    transition: all .5s ease-in-out;
}
.in-house-list ul li a:hover{
    color: #2589b3;
}
.in-house-list ul li span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: var(--theme);
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    margin-right: 5px;
}

/* ------------olympiad-unique------------------------ */
.olympiad-unique{
    padding: 50px 0;
    background-image: url('../images/olympiad-images/bg-olympiad.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.olympiad-unique .overlay{
   background-color: #1a2d3b;
    background-blend-mode: overlay;
    background-size: auto;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    opacity: 0.9;
}
.olympiad-uniqueiheading h3 {
    color: #fff;
    font-family: var(--font);
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 30px;
    padding-bottom: 5px;
    text-align: center;
    position: relative;
}
.olympiad-uniqueiheading h3:after {
    content: " ";
    width: 8%;
    height: 4px;
    display: block;
    background-color: #04a0a6;
    position: absolute;
    bottom: -20px;
    left: 43%;
}
.olympiad-uniqueiheading h3:before {
    content: " ";
    width: 10%;
    height: 4px;
    display: block;
    background: #ddd;
    position: absolute;
    bottom: -20px;
    left: 48%;
}
.olympiad-unique-box {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 25px 30px 0px 0px;
    padding: 30px 30px 30px 30px;
    background: #fff;
    border-radius: 8px;
    position: relative;
    min-height: 235px;
}
.olympiad-unique-box .overlay-unique {
    background-color: transparent;
    background-image: linear-gradient(30deg, #ffffff 69%, #007da9 100%);
    opacity: 0.2;
    position: absolute;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 8px;
}
.olympiad-unique-icon img {
    max-width: 100%;
    width: 70px;
    height: 70px;
    margin: 0 auto;
}
.olympiad-unique-text p {
    font-size: 17px;
    font-family: var(--font);
    font-weight: 500;
    margin: 20px 0 0;
    color: #000;
}
.olympiad-unique-icon {
    position: relative;
}
.olympiad-unique-icon span {
    float: right;
    font-size: 40px;
    font-weight: 800;
    font-family: var(--font);
    color: #0076a7;
    opacity: .1;
}

/* -------------contact form css------------------------- */
.house-enqury-area{
    padding: 50px 0;
    background: #F0F4FF;
}
.form-area{
    background: #fff;
    border-radius: 8px;
    padding: 25px 25px 25px 25px;
    box-shadow: 0 0 5px rgb(161 161 161 / 44%);
}
.form-area .theme-title-one {
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}
.form-area .theme-title-one h2 {
    font-family: var(--font);
    font-size: 21px;
    font-weight: 800;
    line-height: 35px;
    color: #222;
    text-align: center;
}
.form-area .form-control {
    width: 100%;
    border: none;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    padding: 0 0 18px 0;
    margin-bottom: 35px;
    font-family: var(--font);
    font-size: 15px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 7px;
    /* box-shadow: 0 0 5px rgb(161 161 161 / 44%); */
}
.form-area textarea {
    width: 100%;
    max-width: 100%;
    height: 110px;
    max-height: 110px;
    resize: none;
    border: none;
    /* border-bottom: 1px solid #dfdfdf; */
    font-family: var(--font);
    font-size: 15px;
    font-weight: 500;
    padding: 0 0 10px 0;
    margin-bottom: 32px;
     padding: 10px 20px;
    border-radius: 7px;
     border: 1px solid #dfdfdf;
    /* box-shadow: 0 0 5px rgb(161 161 161 / 44%); */
}
.checkbox-1 {
    font-size: 14px;
    line-height: 28px;
    font-family: var(--font);
    position: relative;
    top: -13px;
    left: 20px;
    font-weight: 400;
    color: #000;
}
/* .checkbox-1 label {
    display: inline-block;
    margin-bottom: 0.5rem;
} */
.checkbox-1 input {
    border: none;
    border-bottom: 1px solid #dfdfdf;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    font-size: 16px;
    padding: 0;
    margin-bottom: 0;
    width: auto;
    position: absolute;
    top: 6px;
    left: -21px;
    font-family: var(--font);
}
.checkbox-1 a {
    font-size: 15px;
    font-family: var(--font);
    font-weight: 600;
    color: #0076a7;
    text-decoration: none;
}
.submit-button .theme-button-one {
    /* padding: 10px 15px; */
    width: 100%;
    border: 0;
    border-radius: 8px;
    background-image: linear-gradient(89deg, #00b3ba 0%, #0076a7 100%);
    font-family: var(--font);
    font-size: 18px;
    font-weight: 700;
    /* margin-top: 20px; */
}
.contact-img {
    position: relative;
}
.contact-img img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0px;
    margin-left: 90px;
}
.contact-box {
    background: #fff;
    position: absolute;
    top: 13%;
    padding: 25px 20px;
    width: 80%;
    border-radius: 0x;
    left: -15%;
    box-shadow: 0 0 5px rgb(161 161 161 / 44%);
}

/* ------------price-area------------ */

.price-area{
    padding: 50px 0;
}
.price-box-card {
    background-image: url('../images/olympiad-images/price-bg_img.webp');
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 60px 20px 30px 20px;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
}
.price-box-card .plane-process {
    position: absolute;
    top: -5%;
    left: 30%;
    background: #0076a7;
    padding: 8px 30px;
    text-align: right;
    border-radius: 5px;
}
.price-box-card .plane-process span {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    font-family: var(--font);
}
.price-box-card .plane-process .title {
    margin-bottom: 0;
    color: #fff;
    margin-top: 2px;
    font-size: 21px;
    font-family: var(--font);
    font-weight: 700;
}
.price-box-card .plane-heading {
    min-height: 460px;
}

.price-box-card .plane-heading h3 {
    font-size: 18px;
    font-family: var(--font);
    line-height: 29px;
    font-weight: 800;
    margin: 10px 0;
    border-bottom: 1px dashed #7d9eab7d;
    padding-bottom: 10px;
}
.price-box-card .plane-heading p {
    font-family: var(--font);
    font-weight: 500;
    line-height: 27px;
    font-size: 16px;
    color: #0076a7;
    margin: 0 0 10px;
}
.price-box-card .plane-heading ul li {
    list-style: none;
    font-size: 14px;
    font-family: var(--font);
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 24px;
    position: relative;
    margin-left: 30px;
    color: #000;
}

.price-box-card .plane-heading ul li::before {
    content: '';
    display: block;
    position: absolute;
    left: -23px;
    top: 5px;
    width: 5px;
    height: 9px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #fff;
    transform-origin: bottom left;
    transform: rotate(45deg);
    z-index: 9;
    text-align: center;
    line-height: 25px;
}
.price-box-card .plane-heading ul li::after {
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    line-height: 17px;
    background-color: #0076a7;
    left: -29px;
    top: 3px;
    z-index: 1;
    text-align: center;
}
.price-box-card .price-btn {
    display: block;
    margin-top: 30px;
    text-align: center;
}
.price-box-card .price-btn a {
    border: 1px solid #0076a7;
    padding: 10px 30px;
    background: #0076a7;
    color: #fff;
    font-size: 15px;
    font-family: var(--font);
    font-weight: 600;
    line-height: 25px;
    border-radius: 5px;
    text-decoration: none;
    transition: all .5s ease-in-out;
}
.price-box-card:hover .price-btn a{
    background: transparent;
    color: #0076a7;
}
.price-box-card .plane-heading  .text-color {
    color: #000 !important;
    font-weight: 400;
    font-size: 15px;
}
.price-box-card .plane-heading p a{
    color: #0076a7;
}

/* ---------------media query start-------------------- */

@media (min-width: 320px) and (max-width: 480px) {
  
 .about-area {
    padding: 30px 0;
}
.about-text h2{
    font-size: 26px;
    line-height: 32px;
}
.about-text p{
    font-size: 16px;
    line-height: 28px;
}

.make-unique-heading h3{
    font-size: 24px;
}
.make-unique-heading h3:before, .make-unique-heading h3:after{
    bottom: -11px;
}
.participate-box{
    padding: 30px 30px 30px;
    border-bottom: 1px solid #d7d7d7;
}
.participate-area {
    padding: 30px 0;
}
.partici-block:last-child .participate-box{
    border-bottom: 0;
}
.participate-box::before{
    border: 0;
}
.come-from-text {
    padding: 30px;
}
.come-from-text .make-unique-heading h3{
    font-size: 22px;
}
.event_modal .modal-dialog {
    margin-top: 3%;
    max-width: 100%;
}
.in-house-list ul li{
    margin-right: 15px;
    margin-top: 10px;
}
.contact-img{
    margin-bottom: 15px;
}
.contact-img img {
    margin-left: 0;
    height: 381px;
    object-fit: cover;
}
.contact-box{
    top: 0;
    width: 100%;
    left: 0;
    background: #ffffffd1;
}
.offset-1 {
    margin-left:0;
}
.come-from-area{
    padding: 0 0;
}
.come-from-img img{
    position: relative;
    width: 100%;
}
.in-house-heading h3{
    font-size: 30px;
}
.edit-tabs .upcoming-edit-tabs a{
    font-size: 13px;
    padding: 6px 8px;
}
.edit-tabs .upcoming-edit-tabs .active{
    padding: 6px 8px;
}
.edition-area .timeline-inner-wrap{
    height: 100%;
}
.olympiad-unique-box{
    margin: 25px 0px 0px 0px;
}
.olympiad-uniqueiheading h3{
    font-size: 26px;
}
.come-from-text ul li{
    margin-left: 20px;
}
.price-box-card{
    margin-bottom: 20px;
}
  
}

@media (min-width: 768px) and (max-width: 1024px) {
  
.about-img img{
    width: 350px;
}
.make-text{
    margin-left: 30%;
    margin-top: 0;
}
.icbgart.icontilt{
    width: 50px;
    height: 50px;
}
.make-icon img{
    width: 50px;
    height: 50px;
}
.make-text p{
    font-size: 16px;
}

.partici-text h4{
    font-size: 16px;
}
.participate-box{
    padding: 20px 0 20px;
}
.partici-text p{
    font-size: 14px;
    line-height: 24px;
}
.come-from-text {
    padding: 20px;
}
.come-from-text .make-unique-heading h3{
    font-size: 28px;
}
  .event_modal .modal-dialog{
    max-width: 97%;
  }
  .offset-1 {
    margin-left:0;
}
.come-from-area{
    padding: 0px 0;
}
.come-from-img img{
    width: 49%;
}
.contact-box{
    background: #ffffffc9;
    left: 0px;
    width: 100%;
    top: 0;
}
.contact-img img {
    margin-left: 0;
    margin-bottom: 10px;
    height: 264px;
    object-fit: cover;
    object-position: top;
}
.edition-area .timeline-inner-wrap{
    height: 100%;
}
.price-box-card{
    margin-bottom: 20px;
}
.price-box-card .plane-process{
    left: 27%;
}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
  .learning-box{
        padding: 15px 10px;
   }
  .learning-text p{
    font-size: 14px;
    padding: 11px 0 6px;
  }
  .learning-img img{
    width: 70px;
  }
  .learning-text{
    top: 0;
    margin-left: 80px;
  }

  .come-from-text .make-unique-heading h3 {
    font-size: 23px;
}
  .come-from-img img{
    height: 335px;
    object-fit: cover;
  }
  .edition-headind h4{
    font-size: 16px;
  }
  .edit-tabs .upcoming-edit-tabs a{
    font-size: 15px;
    line-height: 19px
  }
  .edition-area .timeline-inner-wrap{
    height: 100%;
  }
  .edition-area .date-wrap .ams-date-title{
    font-size: 14px;
  }
  .price-box-card .plane-heading {
    min-height: 550px;
}
  
}