/* === banner === */



#camp-inner .banner {

    max-width: 100%;

    max-height: 100%;

    position: relative;

}



#camp-inner .banner img {

    width: 100%;

    height: 500px;

    object-fit: cover;

    object-position: center;

}



#camp-inner .layer {

    position: absolute;

    top: 0;

    right: 0;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(var(--nir-gray) 80%, transparent);

    opacity: 0.4;

    z-index: 1;

}



#camp-inner .layer_content {

    color: var(--nir-white);

    text-align: center;

    position: absolute;

    top: 50%;

    right: 50%;

    width: 70%;

    transform: translate(50%, -50%);

    z-index: 2;

}



#camp-inner .layer_content h1 {

    font-size: 58px;

    font-weight: bold;

}





/* === tailored === */





#tailored {

    position: relative;

}



.tailored_detail {

    font-size: 24px;

    color: var(--nir-gray-detail);

    font-weight: 400;

    width: 68%;

}



.tailored_wrapper {

    display: flex;

    justify-content: space-between;

    align-items: stretch;

    padding: 30px 0;

}



.tailored_detail h6 {

    color: var(--nir-gray);

    font-size: 25px;

    font-weight: bold;

}



.tailored_detail .tailored_inner {

    padding-left: 20px;

    margin-bottom: 10px;

}



.tailored_detail ul {

    list-style: none;

    padding-left: 0;

    margin-bottom: 40px;

}



.tailored_detail ul:first-child {

    margin-top: 40px;

}



.tailored_detail ul:last-child {

    margin-bottom: 0;

}



.tailored_detail ul li {

    font-size: 20px;

    font-weight: 400;

    margin-bottom: 10px;

    display: flex;

    justify-content: start;

    align-items: flex-start;

    color: var(--nir-gray-detail);

}



.tailored_detail ul li svg {

    fill: var(--nir-orange);

    min-width: 24px;

    margin-top: 4px;

}



.tailored_img {

    background-image: url(../image/cycling_poster.jpg);

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    width: 30%;

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

}





/* === Coach Profile === */





.coach {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 40px auto;

}



.coach .coach_img {

    width: 25%;

}



.coach .coach_profile {

    width: 70%;

}



.coach .coach_img img {

    border-radius: 50%;

    width: 100%;

    margin-bottom: 30px;

    aspect-ratio: 1 / 1;

    object-fit: cover;

}



.coach .coach_img p {

    font-size: 25px;

    font-weight: bold;

    color: var(--nir-gray);

    text-align: center;

}



.coach .coach_profile h5 {

    color: var(--nir-gray);

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 20px;

}



.tailored_detail h3 {

    margin-top: 30px;

    margin-bottom: 10px;

}



.tailored_detail p,

.coach .coach_profile p {

    color: var(--nir-gray-detail);

    font-size: 20px;

    line-height: unset;

    margin-bottom: 10px;

    font-weight: 400;

}





/* === WHAT YOU GET === */





.inquire_now .inquire_btn {

    display: block;

    border-radius: 50px;

    font-size: 22px;

    font-weight: bold;

    color: var(--nir-white);

}



.you_get {

    display: flex;

    justify-content: space-between;

    align-items: stretch;

}



.slider_get {

    width: 50%;

}



.slider_get .slick-list.draggable,

.slider_get .slick-track,

.img_get {

    height: 100%;

}



.slider_get img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    aspect-ratio: 2/1;

}



.you_get {

    /* background-image: url(../image/cycling_slider.jpg); */

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}



.you_detail {

    width: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    position: relative;

    padding: 40px 50px;

}



.layer_get {

    position: absolute;

    top: 0;

    right: 0;

    background-color: var(--nir-sec-head);

    opacity: 0.8;

    width: 100%;

    height: 100%;

    z-index: 1;

}



.you_detail_inner {

    position: relative;

    z-index: 2;

    color: var(--nir-white);

}



.you_detail_inner h5 {

    font-size: 30px;

    font-weight: bold;

    text-align: center;

    margin-bottom: 20px;

}



.you_detail_inner ul {

    list-style: none;

    padding: 0;

}



.you_detail_inner li {

    font-size: 20px;

    font-weight: 300;

    margin-bottom: 10px;

    display: flex;

    justify-content: start;

    align-items: baseline;

    gap: 10px;

    position: relative;

}



.tailored_detail ul li{

    list-style:none;

    position: relative;

}



.tailored_detail ul li:before {

    content: '';

    position: relative;

    width: 20px;

    height: 20px;

    left: -4px;

    top: 5px;

    background-image: url(/sites/default/files/media-icons/generic/right-bullet.svg);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

}



.you_detail_inner li:before {

    content: '';

    position: relative;

    width: 20px;

    height: 20px;

    background-image: url(/sites/default/files/media-icons/generic/right-bullet.svg);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

}



.you_detail_inner .inquire_now {

    margin-top: 30px;

}



.you_detail_inner .inquire_now .inquire_btn {

    font-size: 22px;

    font-weight: bold;

    background-color: var(--nir-orange);

    padding: 10px 30px;

    text-decoration: none;

    margin: 0 auto;

    width: fit-content;

    transition: all 0.4s;

}



.you_detail_inner .inquire_now .inquire_btn:hover {

    color: var(--nir-orange);

    background-color: var(--nir-white);

}



#you_get .slick-prev:before {

    content: '';

    background-image: url(../image/right_circle.svg);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    transform: rotate(-180deg);

    width: 30px !important;

    height: 30px !important;

    display: block;

}



#you_get .slick-next:before {

    content: '';

    background-image: url(../image/right_circle.svg);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    width: 30px !important;

    height: 30px !important;

    display: block;

}



#you_get .slick-dots {

    top: calc(100% - 30px);

    bottom: unset;

}



#you_get .slick-prev,

#you_get .slick-next {

    top: calc(100% - 30px);

    width: 30px !important;

    height: 30px !important;

}



#you_get .slick-prev {

    left: 20px;

    z-index: 2;

}



#you_get .slick-next {

    right: 20px;

}



#you_get .slick-dotted.slick-slider {

    margin-bottom: 0;

}



#you_get .slick-dots li.slick-active button:before,

#you_get .slick-dots li.slick-active button:before {

    color: var(--nir-gray-detail);

    background-color: var(--nir-gray-detail);

}



#you_get .slick-dots li button:before,

#you_get .slick-dots li button:before {

    color: var(--nir-white);

}



#you_get .slick-dots li button:before,

#you_get .slick-dots li.slick-active button:before {

    opacity: 1 !important;

}



#you_get .slick-dots {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 6px;

}



#you_get .slick-dots li,

#you_get .slick-dots li button {

    padding: 0;

    width: 10px;

    height: 10px;

    margin: 0;

}



#you_get .slick-dots li button:before {

    content: '';

    background-color: var(--nir-white);

    width: 10px;

    height: 10px;

    border-radius: 50%;

    padding: 0 !important;

}





/* === Venue Informatoin === */





#venue_information {

    margin: 40px 0;

}



.venue_information {

    display: flex;

    justify-content: space-between;

    align-items: stretch;

}



.venue_detail {

    width: 60%;

}



.venue_image {

    width: 40%;

    display: flex;

    justify-content: space-between;

    align-items: stretch;

    flex-wrap: wrap;

    max-height: 500px;

}



.venue_image div {

    border-radius: 10px;

    overflow: hidden;

    height: auto;

}



.venue_image .img_1 {

    width: 100%;

    position: relative;

}



.venue_image .img_1 .img_1_inner {

    width: 100%;

}



.venue_image img {

    transition: all 0.4s;

    height: 100%;

    object-fit: cover;

    object-position: center;

    aspect-ratio: 2 / 1;

}



.venue_image div:hover img {

    filter: brightness(0.5);

}



.details_img1 {

    position: absolute;

    z-index: 1;

    width: 80%;

    top: 50%;

    right: 50%;

    transform: translate(50%, -50%);

}



.details_img1 p {

    font-size: 28px;

    font-weight: 600;

    margin-bottom: 20px;

    text-align: center;

    color: var(--nir-white);

}



.details_img1 .venue_review {

    display: flex;

    justify-content: center;

    align-items: stretch;

    gap: 5px;

}



.venue_image .img_2,

.venue_image .img_3,

.venue_image .img_4 {

    width: calc(33.33% - 7px);

    margin-top: 14px;

    transition: all 0.4s;

    height: auto;

}



.venue_image .img_2 img,

.venue_image .img_3 img,

.venue_image .img_4 img {

    height: 100%;

    object-fit: cover;

    object-position: center;

    width: 100%;

    height: 100%;

}



.venue_detail {

    padding-right: 50px;

}



.venue_detail h5 {

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 30px;

    color: var(--nir-gray);

}



.venue_detail p {

    font-size: 20px;

    font-weight: lighter;

}



.venue_detail .venue_btn a {

    font-size: 16px;

    font-weight: bold;

    color: var(--nir-gray);

    border: 1px solid var(--nir-orange);

    border-radius: 50px;

    text-decoration: none;

    padding: 4px 20px;



    transition: all 0.4s;

}



.venue_detail .venue_btn a:hover {

    color: var(--nir-white);

    background-color: var(--nir-orange);

}





/* === Venue Informatoin === */





#counrty {

    position: relative;

}



.counrty_inners {

    display: flex;

    justify-content: space-between;

    align-items: stretch;

}



.counrty_img {

    width: 40%;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

}



.counrty_detail {

    width: 60%;

    padding: 50px 20px;

}



.counrty_card .card_img {

    border-radius: 50%;

    background: var(--nir-orange);

    width: 80px;

    height: 80px;

    display: block;

    margin: 0 auto;

    margin-bottom: 10px;

}



.counrty_card .card_img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

    aspect-ratio: 1 / 1;

}



.counrty_detail {

    display: flex;

    justify-content: space-between;

    align-items: baseline;

    flex-direction: column;

}



.counrty_detail div {

    width: 100%;

}



.counrty_sec_detail {

    text-align: center;

}



.counrty_img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}



.counrty_sec_detail {

    margin-top: 50px;

}



.counrty_sec_detail h4 {

    text-align: center;

}



.counrty_detail h4 {

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 30px;

    color: var(--nir-gray);

    text-align: center;

}



.counrty_detail p {

    font-size: 20px;

    font-weight: 400;

    color: var(--nir-gray);

    line-height: unset;

    margin-bottom: 0;

}

.counrty_detail ul li{

    font-size: 20px;

    position: relative;

    list-style: none;

    font-weight: 400;

    display: flex;

    justify-content: start;

    align-items: center;

    gap: 10px;

    margin-bottom: 10px;

}



.counrty_detail ul li:before {

    content: '';

    position: relative;

    width: 20px;

    height: 20px;

    background-image: url(/sites/default/files/media-icons/generic/right-bullet.svg);

    background-size: contain;

    background-repeat: no-repeat;

    background-position: center;

}







.card_counrty {

    display: flex;

    justify-content: space-between;

    align-items: stretch;

    gap: 20px;

    margin-top: 35px;

}



.counrty_card {

    font-size: 14px;

    font-weight: 400;

    color: var(--nir-gray-detail);

}





/* === Program === */







#program {

    /* background-image: url(../image/blog_2.png); */

    background-position: top;

    background-size: cover;

    background-repeat: no-repeat;

    position: relative;

    padding: 80px 0;

}



.layer_program {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    right: 0;

    z-index: 1;

    opacity: 0.7;

    background-color: var(--nir-sec-head);

}



.program {

    position: relative;

    z-index: 2;

}



.program p {

    font-size: 30px;

    font-weight: bold;

    text-align: center;

    color: var(--nir-white);

    margin-bottom: 30px;

}



.program a {

    font-size: 22px;

    font-weight: bold;

    color: var(--nir-white);

    border: 1px solid var(--nir-orange);

    background-color: var(--nir-orange);

    padding: 10px 50px;

    text-decoration: none;

    border-radius: 50px;

    display: block;

    width: fit-content;

    margin: 0 auto;

    transition: all 0.4s;

}



.program a:hover {

    color: var(--nir-orange);

    background-color: var(--nir-white);

}





/* === Forms === */





#forms {

    background-color: var(--nir-bg-gray);

    padding: 40px 0;

}



#forms input {

    background-color: var(--nir-white);

    color: var(--nir-gray);

    border-radius: 10px;

    padding: 12px 20px;

    font-weight: 400;

    font-size: 16px;

}



#forms label {

    font-weight: 400;

    font-size: 16px;

    color: var(--nir-gray);

}



.forms input {

    margin-bottom: 30px;

}



#forms .availability a {

    background-color: var(--nir-theme);

    height: 100%;

    width: 50%;

    margin: 0 auto;

    font-size: 19px;

    font-weight: bold;

    display: flex;

    justify-content: center;

    align-items: center;

    color: var(--nir-white);

    transition: all 0.4s;

    padding: 10px;

}



#forms a:hover {

    background-color: var(--nir-white);

    color: var(--nir-theme);

}



.btn {

    border-radius: 10px;

}





.tailored_img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}



/* === end css === */





@media (max-width: 768px) {



    p {

        margin: 0;

    }





    /* === banner === */





    #camp-inner .banner {

        min-height: 100vh;

    }



    #camp-inner .banner img {

        height: 100vh;

    }



    .layer_content {

        width: 90%;

    }





    /* === Forms === */





    #forms .availability a {

        width: 100%;

    }





    /* === === */





    .coach {

        display: block;

    }



    .coach .coach_img {

        margin: 0 auto;

    }



    .coach .coach_profile {

        width: 100%;

        text-align: center;

    }



    .coach .coach_profile h5 {

        font-size: 24px;

    }





    /* === === */





    .you_get {

        display: block;

    }



    .slider_get {

        width: 100%;

    }



    .you_detail {

        width: 100%;

    }





    /* === === */





    .venue_information {

        flex-wrap: wrap;

    }



    .venue_detail {

        width: 100%;

        padding-right: 0;

        margin-bottom: 20px;

    }



    .venue_image {

        width: 100%;

    }



    /* === === */





    .card_counrty {

        flex-wrap: wrap;

        gap: 0;

    }



    .counrty_card {

        width: 48% !important;

    }

}









@media (max-width: 450px) {



    p {

        margin: 0;

    }



    /* === banner === */





    #camp-inner .layer_content h1 {

        font-size: 34px;

    }



    #camp-inner .layer_content {

        width: 100%;

    }



    #camp-inner .layer_content {

        transform: translate(50%, -30%);

    }





    /* === Froms === */





    .forms input {

        margin-bottom: 20px;

    }





    #selector .selector div a,

    #selector .selector div select,

    #forms .availability a {

        font-size: 16px;

    }





    /* === === */





    .tailored_wrapper {

        flex-wrap: wrap;

    }



    .tailored_detail {

        width: 100%;

    }



    .tailored_img {

        width: 100%;

        position: relative;

        height: 300px;

        margin-top: 20px;

        border-radius: 10px;

    }



    .tailored_detail ul li,

    .tailored_detail {

        font-size: 18px;

    }



    .tailored_detail p {

        margin-bottom: 10px;

    }



    .tailored_detail h6 {

        font-size: 20px;

    }



    .tailored_detail .tailored_inner,

    .tailored_detail ul {

        padding-left: 10px;

    }





    /* === === */





    .coach .coach_img {

        width: 50%;

    }



    .you_detail {

        padding: 40px 30px;

    }



    .coach .coach_img p {

        font-size: 22px;

    }



    .coach .coach_profile h5 {

        font-size: 22px;

    }



    .coach .coach_profile p {

        font-size: 18px;

    }





    /* === === */





    .counrty_inners {

        flex-wrap: wrap;

    }



    .counrty_img {

        width: 100%;

        position: relative;

        height: 300px;

    }



    .counrty_detail {

        width: 100%;

    }


    .counrty_inners div {

        width: 100%;

    }



    .counrty_sec_detail {

        margin-top: 30px;

    }



    .counrty_detail {

        padding: 30px 0;

    }



    .you_detail_inner h5 {

        font-size: 24px;

    }



    .you_detail_inner li {

        font-size: 18px;

    }



    .you_detail_inner .inquire_now .inquire_btn {

        font-size: 18px;

    }





    /* === === */





    .venue_detail h5 {

        font-size: 24px;

        margin-bottom: 20px;

    }



    .venue_detail p {

        font-size: 18px;

    }





    /* === === */





    .counrty_img img {

        border-radius: 10px;

    }



    .counrty_detail h4 {

        font-size: 24px;

        margin-bottom: 20px;

    }



    .counrty_detail p {

        font-size: 20px;

    }

    

    .counrty_detail ul li{

        font-size: 20px;

    }



}