/* form */
    
button.btn-close {
position: relative;
margin-top: 25px !important;
}

h1#exampleModalLabel {
font-size: 24px !important;
font-weight: 700;
line-height: 36px;
width: 406px;
height: 36px;
}

button.btn.btn-primary.submit-btn {
position: relative;
margin-top: 40px;
font-weight: 700;
font-size: 18px;
text-align: center;
padding: 12px 16px;
color: #6C4327;
border: 1px solid #CDA452;
background: linear-gradient(90deg, #DABF7C 6.68%, #E4D0A0 79.14%);
}
input#exampleCheck1 {

background-color: #CDA452;
border-color: #CDA452;

}
select#courses {
padding-top: unset;
padding-bottom: unset;
}
select#qualification {
padding-top: unset;
padding-bottom: unset;
}
.modal-header {
border-bottom: 0 !important;
}
.modal-content {
padding: 20px;
}
.modal-dialog.modal-dialog-centered {
max-width: 536px !important;
}

.col-2,.col-3{
width:auto !important;
}
.container1{
max-width: 1338px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
dl, ol, ul{
margin-top: auto !important;
margin-bottom: auto !important;
}
ol, ul{
padding-left:0px !important;
}
.section-padding{
padding:72px;
}
#studentprogress{
padding:72px 0px !important;
}
.btn1{
padding: 16px 33px;
background-color: var(--gold-100);
text-decoration: none;
font-size: var(--s-des);
font-weight: 700;
text-transform: uppercase;
color: var(--gold-200);
display: flex;
align-items: center;
width: auto;
max-width: 315px;
justify-content: space-between;
border: 1px solid var(--gold-100);
border-radius: 8px;
}
/* form end */
.modal{
  position:fixed;
}

        /* Learn from the world visinories */
.header{
display: flex;
justify-content: space-between;
height: 400px;
}
.visionary-section{
background-color: #F9F6ED;
}
.header h1{
font-size: 64px;
font-weight:700;
width:50%;
line-height:76.8px;
}
.header p{
font-size:32px;
font-weight:700;
width:60%;
font-style: italic;
line-height: 38.1px;
text-align: start;
position: relative;
z-index:3;
top:150px;
}
.header p span{
  position: absolute;
  right: 0px;
  top: -20px;
  z-index: -1;
}
.big-column{
display:flex;
justify-content: space-between;
}	
.column1,.column2,.column4{
width:21%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.column3{
width:32%;
}	
.visionary1{
width:100%;
height:45%;
}	
.visionary2{
width:100%;
height:51%;
}
.column1{
position:relative;
bottom:0px;
}	
.visionary1 img,.visionary2 img{
width:100%;
height:100%
} 
.visionary,.visionary img{
width:100%;
height:100%;

} 
.visionary-footer{
font-size:32px;
font-weight:700;
font-style: italic;
line-height: 38.1px;
width: 520px;
margin-top: 2rem;
}
.visionary-footer p{
width: 150px;
position: relative;
/* right: 0px; */
float: right;
}
.visionary-footer img{
width: 100px;
height: 100px;
position: relative;
left: 200px;
bottom: 116px;
}
          /* who can join css */

.joinContainer {
width: 100%;
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 72px;
}

.join {
display: flex;
flex-direction:row;
width: 100%;
background-color: #008099;
display: flex;
align-items: center;
justify-content: space-between;
padding: 72px 64px;
border-radius: 24px;
}

.join .j-left {
width:50%;
display: flex;
align-items: start;
justify-content: space-between;
flex-direction: column;
gap: 20px;
}

.join .j-left h1 {
font-size: 40px;
font-weight: 700;
color: #F6F0E6;
}

.join .j-left span {
font-size: 1.5em;
color: #F6F0E6;

text-align: left;
}

.join .j-left img {
width: 100%;
height: 453px;
border-radius: 24px;
margin-top: 20px;
}

.join .j-right {
width:45%;
display: flex;

flex-direction: column;
}

.point {
display: flex;
align-items: start;
gap: 20px;
}

.point img {
width: 40px;
}

.point p {
font-size: 32px;
font-weight: 600;
color: #F6F0E6;
width: 100%;
}
.join-first-line{
font-size:24px;
/* font-family:'Proxima Nova','Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
font-weight:400;
}

@media only screen and (max-width:768px){
/* Learn from the world visinories */
.header{
flex-direction: column;
justify-content: flex-start;
gap:48px;
}.header h1{
width:100%;
font-size:32px;
line-height:38.4px;
text-align:center;
}
.header p{
width:100%;
font-size:24px;
line-height:36px;
text-align: left;
top:0px;
}
.big-column{
flex-direction: column;
gap:24px;
}
.column1, .column2, .column4,.column3{
width:100%;
gap:24px;
}
.contactus-page .column2 .row{
	gap:24px;
	margin-top:0px !important;
}
.contactus-page .column2 .row .col-md-6{
	margin-top:0px;
}

.column1{
bottom:0px;
}
.visionary-footer{
width:100%;
}
.visionary-footer img{
width: 80px;
position: relative;
bottom: 50px;
height: 80px;
left:0px;
}
.visionary-footer p{
font-size: 24px;
line-height: 36px;
/* width: 240px; */
width: 60%;


}
.visionary4 img{
width:100%;
}
/* Learn from the world visinories end */
.join-first-line{
text-align: center;
}
.joinContainer {
padding: 0;

}

.join {
flex-direction: column;
gap: 50px;
border-radius: 0px;
padding: 48px 24px;
}

.join .j-left {
width: 90%;
align-items: center;
}

.join .j-left h2 {
font-size: 32px;
font-weight: 700;
}

.join .j-left span {
font-size: 18px;
font-weight: 400;
width: 100%;
text-align: center;
color: #FFFFFF;
}

.join .j-left img {
width: 100%;
height: 280px;
}


.join .j-right {
width: 100%;
padding-left: 0px;
gap:20px;
}

.point {
display: flex;
align-items: start;
gap: 20px;
}

.point img {
width: 40px;
}

.point p {
width: 100%;
font-size: 20px;
font-weight: 400;
line-height: 24px;
}



/* affordable section */
.fee-row{
padding:0px !important;
}
.course-name,.course-duration,.fee-link{
border: 1px solid #E5D4A3;

}
.affordable.col-md-12.col-xsm-12 {
padding: 48px 24px !important;
}
.affordable .top h2 {
font-size: 32px; 
line-height: 1.3;
}

.affordable .top span {
font-size: 0.875em !important;
}
.affordable .top{
padding:0px !important;
}
.affordable{
padding:1.5rem !important;
}
.content-container {
flex-direction: column !important;
align-items: center !important;
}

.country-card {
width: 100% !important;
}
.country-card .head h2{
font-size:18px !important;
font-weight:600 !important;
}


                 /* mentors */
.blogs-slider .blog-card {
border-radius: 10px;
margin: 0;
justify-content: center;
min-height: 336px;
}
.popular-blogs h2{
font-size:32px !important;
text-align: center !important;
}
/* .navigation-wrapper .pagination .dots ul li:nth-child(5){
display: none !important;
} */


.section-padding{
  padding:48px 0px;
  }
}

@media (max-width: 480px) {
.affordable .top h2 {
font-size: 32px !important;
font-weight: 700 !important;
line-height: 38.4px !important;
font-family: 'Proxima Nova', sans-serif !important;
}

.affordable .top span {
line-height: 21.6px !important;
font-size: 18px !important;
font-weight: 400 !important;
}
.next-step {
padding: 32px 24px !important;
}
.row.mt-4 {
gap: 25px !important;
}
.col-md-5.col-lg-5.mb-4 {
width: 100% !important;
}
.col-md-4.fw-bold.fs-5.fee-link {
line-height: 23.4px;
font-size: 18px !important;
font-family: 'Proxima Nova', sans-serif;
font-weight: 700 !important;
}
.country-card .head{
border-top-left-radius: 23px !important;
border-top-right-radius: 23px !important;
}
.fee-link{
border-bottom: 0px !important;
border-bottom-left-radius: 20px !important;
}

.affordable {
padding: 48px 24px !important;
}
.top h2 {
font-size: 1.5em !important;
}

.head h2 {
font-size: 1.2em !important;
}

.details .fee-row {
flex-direction: column !important;
border-radius: 5px !important;

}
.country-card {
border-bottom-left-radius: 23px !important; 
border-bottom-right-radius: 23px !important;
border-top-right-radius: 23px !important;
border-top-left-radius: 23px !important;
}

.details .course-name,
.details .course-duration,
.details .fee-link {
width: 100% !important;
border-right: none !important;
}
}



.affordable .top {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 40px;
padding: 20px; 
text-align: center; 
}

.affordable .top h2 {
font-size: 4em; 
font-weight: 700;
line-height: 1.2; 
margin: 0;
color: #333333; 
}

.affordable .top span {
font-size: 24px;
color: #3D3D3D;
font-weight: 400 !important;
line-height: 36px;

}

.content-container {
display: flex;
flex-wrap: wrap;
gap: 28px;
justify-content: space-evenly;
width: 100%;

}

.country-card {
flex: 1 1 45%;   
border: 1px solid #e5d4a3;   
border-radius: 5px;
text-align: center;  
}
.country-card .head {
height: 84px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.country-card .head h2{
margin: 0;
text-align: center;
font-size : 24px;
line-height: 36px;
font-weight: 600;
}

.details .fee-row {
display: flex;
justify-content: space-between;
border-top: 1px solid #e5d4a3;
color: #333;
align-items: center;
}

.details .course-name,
.details .course-duration {

border-right: 1px solid #e5d4a3;
}
.details .course-name {
width: 250px;
}
.details .course-duration {
width: 126px;
}
.details .fee-link {
width: 260px;
}

.details .fee-link {
width: 40%;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
color: #BA8938;
font-weight: bold;
}

.details svg {
fill: #BA8938;
}
.head {
background-color: #F9F6ED;
}
.affordable{
width: 100%;
background-color: #fff;
color: #333333;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 75px ;
gap: 32px;
}

.details{
padding:0px !important;
}
.course-name,.course-duration,.fee-link{
padding:10px;
}


                      /* mentors */

                      
.popular-blogs {
position: relative;
overflow: hidden;
padding-bottom:40px;
}

.popular-blogs h2 {
font-size: 64px;
margin-bottom: 20px;
text-align: center;
}

.blogs-slider {

display: block;
margin: 0 auto;
}

.blogs-slider .slick-track {
gap: 20px;
display: flex;
}

.blogs-slider .slick-list {
overflow: visible;
}

.blogs-slider .blog-card.slick-slide {
display: flex;
}

.blogs-slider .blog-card {
border-radius: 10px;
margin: 0;
text-align: left;
min-height: 336px;
}

.blogs-slider .blog-card img {
width: 350px;
border-radius: 10px;
object-fit: cover;
height: 100%;
min-height: 336px;
}

.blogs-slider .blog-content {
padding: 20px;
}

.blogs-slider .blog-content .featured {
font-size: 0.9em;
font-weight: bold;
color: #ff9800;
margin-bottom: 5px;
}

.blogs-slider .blog-content h3 {
font-size: 1.2em;
margin: 10px 0;
}

.blogs-slider .blog-content .description {
color: #555;
font-size: 0.9em;
margin: 10px 0;
}

.blogs-slider .blog-content .author, .blog-content .date {
font-size: 0.8em;
color: #888;
}
.navigation-wrapper .pagination {
display: flex;
align-items: center;
justify-content: center;
padding-top: 32px;
}

.navigation-wrapper .pagination .dots ul {
display: flex;
align-items: center;
}

.navigation-wrapper .pagination .dots ul li {
margin: 0;
padding: 0 5px;
display: flex;
align-items: center;
}

.navigation-wrapper .pagination .dots ul li::before {
display: none;
}

.navigation-wrapper .pagination .dots ul li button {
width: 10px;
height: 10px;
border-radius: 50%;
border: 1px solid #E5D4A3;
background-color: #E5D4A3;
}

.navigation-wrapper .pagination .dots ul li.slick-active button {
background-color: #BA8938;
border-color: #BA8938;
width: 13px;
height: 13px;
cursor: pointer;
}

.navigation-wrapper .pagination button.slick-arrow {
padding: 0;
font-size: 0;
width: 30px;
height: 30px;
border: 0;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg width='33' height='32' viewBox='0 0 33 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.2071 6.29289C18.8166 5.90237 18.1834 5.90237 17.7929 6.29289C17.4024 6.68342 17.4024 7.31658 17.7929 7.70711L25.0858 15H5.5C4.94772 15 4.5 15.4477 4.5 16C4.5 16.5523 4.94772 17 5.5 17H25.0858L17.7929 24.2929C17.4024 24.6834 17.4024 25.3166 17.7929 25.7071C18.1834 26.0976 18.8166 26.0976 19.2071 25.7071L28.2071 16.7071C28.3902 16.524 28.4874 16.2877 28.4989 16.048C28.4996 16.032 28.5 16.016 28.5 16M28.5 15.9908C28.4976 15.7379 28.4 15.4858 28.2071 15.2929L19.2071 6.29289' fill='%23BA8938'/%3E%3C/svg%3E%0A");
cursor: pointer;
}

.navigation-wrapper .pagination button.prev.slick-arrow {
transform: rotate(180deg);
}

.navigation-wrapper .pagination .dots {
padding: 0 48px;
}   
                                              /* mentors end */

                               /* horizontal scroll start */
.explore .container{
display:flex;
width:300vw;
}				  
.explore {
width: 100%;
height: 600px;
background-color: #f6f6f6;
display: flex;
align-items: flex-start;
justify-content: space-evenly;
padding: 24px;
gap: 20px;
}
.explore .left {
width: 50%;
display: flex;
flex-direction: column;
gap: 20px;
padding-right: 20px;
}
.explore .left h1 {
font-size: 40px;
font-weight: 700;
color: #333333;
width: 291px;
}
.explore .left > span{
margin-bottom: 20px;
}
.explore .left span, .explore span {
font-size: 16px;
color: #333333;
font-weight: 400;
}
.explore .left p {
font-size: 24px;
font-weight: 400;
color: #333333;
width: 100%;
}
.explore .right {
width: 539px;
display: flex;
align-items:center;
}
.explore .right .l {
flex: 2;
display: flex;
justify-content: center;
align-items: start;
}
.explore .right .r {
display: flex;
flex-direction: column;
gap: 20px;
flex: 1;
}
.explore .right .l img,
.explore .right .r img {
width: 100%;
height: auto;
border-radius: 10px;
object-fit: cover;
}
.explore .right .l img{
width: 90%;
height: 90%;
}
.explore .container {
display:flex;
width: 300vw;
}
.container .col {
display: flex;
gap: 3em;
}

.col img{
width:340px !important;
max-width: fit-content;
border-radius:15px;
}

.explore .container section {
width: 50vw;
padding: 4vw 5vw;
height: 100vh;
}
.explore .left h2{
font-size: 64px;
font-weight: 700;
color: #333333;
width:100%;
line-height: 76.8px;
}
.explore .left p {
font-size: 24px;
font-weight: 400;
color: #333333;
width: 100%;
}
.wrapper {
overflow-x:hidden;
position: relative;
width:50%;
}
.explore {
display: flex;
justify-content: space-between;
align-items: center;
}

@media (max-width: 767px) {
.explore .container{
display:flex;
width:286vw;
}
.explore .container section{
width:100vw !important;
padding:2vw 5vw  !important;
}
.explore .container section{
height:63vh !important;
}
.col img{
width:373px !important;
}
.wrapper{
width:90%;
top:50px !important;
position: relative;
top: 0 !important; /* Remove top offset */
height: 100% !important; 
}
.explore .left h2{
font-size: 32px !important;
font-weight: 700;
color: #333333;
line-height: 38.4px !important;
width: 100% !important;
text-align: center !important;
font-family: 'Proxima Nova', sans-serif;
}
.explore{
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
overflow: hidden !important;
position: relative !important;
width:100% !important;
height:100% !important;
}
.explore .left{
 width:100%;
}
.explore .right{
width:100%;
}
.explore {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
}
}

header{
position: fixed;
top:0px;
width: 100%;
z-index: 999;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
}
                                /* horizontal scroll end */