/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/

@media (min-width: 1440px) {
    .header .container {
        max-width: 1397px;
    }
}

@media (min-width: 1400px) {
    .header .container {
        max-width: 1374px;
    }
    .container {
        max-width: 1200px;
    }

    .each-year-img {
        margin-left: -30px;
    }
    .pato-item-forward .pato-item-right {
        padding-left: 30px;
    }
    .each-year-left {
        max-width: 532px;
    }

    /*-----------------internship-page-start----------------------------*/
    .intern-banner-right {
        margin-left: -30px;
    }
    /*-----------------internship-page-end------------------------------*/

    /*-----------------apply-page-start---------------------------------*/
    .intern-apply-section .apply-title {
        font-size: 28px;
    }
    /*-----------------apply-page-end-----------------------------------*/

    /* .pato-banner-detail {
        margin-left: 187px;
    } */

    /* 23-9-2024 winners page */
    .common-light-box-winner {
        margin-left: -55px;
    }
    .common-light-box-winner .common-light-box-image * {
        height: 361px;
    }
    .winner-modal .modal-content {
        min-height: 761px;
    }
    /* 23-9-2024 winners page */
}

@media (min-width: 1600px) and (max-width: 1699px){
}

@media (min-width: 1500px) and (max-width: 1599px){

}

@media (min-width: 1400px) and (max-width: 1499px){

}

@media (min-width: 1300px) and (max-width: 1399px){

}

@media (min-width: 1200px) and (max-width: 1299px){

}

@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1400px) and (max-width: 1499px){
}

@media (min-width: 1300px) and (max-width: 1399px){

.navbar .navbar-nav .nav-item.btn-header {
    margin-left: 30px;
}

/*-----------------color-block-start--------------------------------*/
.color-block-title {
    font-size: 28px;
}
/*-----------------color-block-end----------------------------------*/

/*-----------------typography-page-start----------------------------*/
.typography-section h2 {
    font-size: 36px;
}
/*-----------------typography-page-end------------------------------*/

/*-----------------internship-page-start----------------------------*/
.big-title {
    font-size: 64px;
}
/*-----------------internship-page-end------------------------------*/

.red-sport-text {
    font-size: 44px;
}
.pato-banner-main-bg {
    right: -100px;
}

}

@media (min-width: 1200px) and (max-width: 1299px){

.navbar .navbar-nav .nav-item.btn-header {
    margin-left: 30px;
}

/*-----------------color-block-start--------------------------------*/
.color-block-title {
    font-size: 28px;
}
/*-----------------color-block-end----------------------------------*/

/*-----------------typography-page-start----------------------------*/
.typography-section h2 {
    font-size: 36px;
}
/*-----------------typography-page-end------------------------------*/

/*-----------------internship-page-start----------------------------*/
.big-title {
    font-size: 64px;
}
/*-----------------internship-page-end------------------------------*/

.red-sport-text {
    font-size: 44px;
}
.win-section .new-section-title {
	margin-bottom: 41px;
}
.pato-banner-main-bg {
    right: -100px;
}

}

@media (min-width: 1200px){

/*-----------------thank-page-start---------------------------------*/
.thank-you-above .apply-item-title {
    font-size: 28px;
}
/*-----------------thank-page-end-----------------------------------*/

.pato-banner-btn .btn {
	font-size: 20px;
	padding: 10px 77px;
}

/*-----------------benefit-acc-start--------------------------------*/
.benefit-acc-section .section-title {
	margin-bottom: 53px;
}
/*-----------------benefit-acc-end----------------------------------*/

.footer-right-up-section .new-small-section-title {
    font-size: 64px;
    margin-bottom: 31px;
}

}

@media (min-width: 992px) and (max-width: 1199px){

.paragraph-medium {
    font-size: 18px;
}
.section-title {
    font-size: 36px;
}
.new-small-section-title {
    font-size: 54px;
}
.new-section-title {
    font-size: 60px;
}

/*---------------haeder-start---------------------------------------*/
.navbar-brand {
    max-width: 260px;
}
.navbar .navbar-nav .nav-item.btn-header {
    margin-left: 10px;
}
.navbar .navbar-nav .nav-item {
    margin: 0 8px;
}
/*---------------haeder-end-----------------------------------------*/

/*-----------------banner-section-start-----------------------------*/
/* .pato-banner-detail {
    max-width: 520px;
} */
.pato-banner-title {
    font-size: 80px;
    /* max-width: 460px; */
}
.pato-banner-title span {
    font-size: 150px;
}
.pato-banner-section {
    padding: 257px 0 180px 0;
}
.pato-banner-main-bg {
    right: -100px;
}
/*-----------------banner-section-end-------------------------------*/

/*-----------------color-block-start--------------------------------*/
.color-block-title {
    font-size: 26px;
}
/*-----------------color-block-end----------------------------------*/

/*-----------------each-year-start----------------------------------*/
.each-year-section {
    padding: 100px 0;
}
.each-year-left {
    /* font-size: 24px; */
    max-width: 427px;
}
/*-----------------each-year-end------------------------------------*/

/*-----------------aaply-section-start------------------------------*/
.apply-section {
    padding: 78px 0 50px 0;
}
.apply-bottom {
    padding: 20px;
    height: calc(100% - 202px);
}
.apply-img img {
    height: 180px;
}
.apply-item-title {
    font-size: 20px;
}
.apply-text {
    margin-bottom: 50px;
}
.red-sport-item {
    margin-bottom: 20px;
    height: calc(100% - 20px);
    padding: 50px 20px 30px 20px;
}
.red-sport-text {
    font-size: 40px;
}
/*-----------------aaply-section-end--------------------------------*/

/*-----------------about-section-start------------------------------*/
.about-pato-section {
    padding: 50px 0;
}
.pato-item {
    padding: 40px 0;
}
.pato-item-text {
    font-size: 22px;
    max-width: 427px;
}
/*-----------------about-section-end--------------------------------*/

/*-----------------complete-section-start---------------------------*/
.pato-intern-comp-title-section {
    padding-top: 70px;
}
.pato-intern-comp-title {
    font-size: 32px;
}
.pato-intern-comp-section {
    padding: 100px 0;
}
.pic-item-icon img {
    width: 44px;
    height: 44px;
}
.pic-item-icon {
    padding: 20px;
}
.pic-item-left {
    flex: 0 0 120px;
}
.pic-item-step {
    font-size: 18px;
}
.pic-item-title {
    font-size: 20px;
}
.pic-item-text {
    margin-bottom: 24px;
}
.pic-item:before {
    top: 75px;
    left: 42px;
}
/*-----------------complete-section-end-----------------------------*/

/*-----------------footer-above-start-------------------------------*/
.footer-right-up {
    padding: 40px 0;
}
/*-----------------footer-above-end---------------------------------*/

/*-----------------footer-start-------------------------------------*/
.footer-start {
    padding: 30px 0;
}
/*-----------------footer-end---------------------------------------*/

/*-----------------about-page-start---------------------------------*/
.about-banner-section {
    padding: 350px 0 50px 0;
}
.about-banner-section .pato-banner-title {
    max-width: 620px;
}
.about-details-section {
    padding: 70px 0 40px 0;
}
.about-detail-item {
    margin-bottom: 30px;
}
.about-detail-left {
    font-size: 32px;
}
.about-detail-right span {
    font-size: 16px;
    margin: 30px 0;
}
.about-detail-right span b {
    font-size: 22px;
}
.about-picture-section {
    padding-bottom: 100px;
}

.about-detail-social {
    margin-top: 24px;
}
.black-social-icon li a svg,
.black-social-icon li a img {
    width: 50px;
    height: 50px;
}
/*-----------------about-page-end-----------------------------------*/

/*-----------------typography-page-start----------------------------*/
.typography-section h1 {
    font-size: 40px;
}
.typography-section h2 {
    font-size: 36px;
}
.typography-section h3 {
    font-size: 30px;
}
.typography-section h4 {
    font-size: 26px;
}
.typography-section h5 {
    font-size: 24px;
}
.typography-section h6 {
    font-size: 20px;
}
/*-----------------typography-page-end------------------------------*/

/*-----------------internship-page-start----------------------------*/
.big-title {
    font-size: 52px;
}
.intern-banner-section {
    padding: 150px 0 70px 0;
}

.experien-title {
    font-size: 34px;
}
.intern-exp-section {
    padding: 70px 0;
}

.intern-ben-section {
    padding: 70px 0 50px 0;
}
.intern-ben-section .experien-title {
    margin-bottom: 50px;
}

.intern-eli-section {
    padding: 70px 0;
}
/*-----------------internship-page-end------------------------------*/

/*-----------------thank-page-start---------------------------------*/
.thank-you-section {
    padding: 250px 0 150px 0;
}
/*-----------------thank-page-end-----------------------------------*/

/*-----------------our-partner-start--------------------------------*/
.our-partner-section {
    padding: 70px 0;
}
.our-partner-section .paragraph-medium {
    margin-bottom: 40px;
}
/*-----------------our-partner-end----------------------------------*/

.nba-apply-page-main .typography-section-inside {
    padding: 30px 0 70px 0;
}

/* 23-9-2024 common */
.p-28 {
    font-size: 24px;
}
.section-title-150 {
    font-size: 124px;
}
/* 23-9-2024 common */

}

@media (max-width: 991px){

    /*---------------haeder-start---------------------------------------*/
    .header .navbar-toggler {
        /* position: relative; */
        z-index: 9;
        box-shadow: none;
        border: none;
        padding: 0;
        z-index: 9999;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
    }
	.header .navbar-toggler.open span:first-child {
		top: 3px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
	}
	.header .navbar-toggler.open span:nth-child(2) {
		display: none;
	}
	.header .navbar-toggler.open span:last-child {
		top: -7px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
	}
	.header .navbar-toggler span {
        background-color: #FFF;
        position: relative;
        width: 32px;
        height: 2.5px;
        display: block;
        margin-bottom: 7.5px;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
	}
	.header .navbar-toggler span:last-child {
		margin-bottom: 0;
	}
    .header .navbar-toggler.open span {
        background-color: #262626;
    }
	.header .navbar-collapse {
		position: fixed;
		right: -100%;
		background-color: #FFFFFF;
		top: 0;
		bottom: 0;
		max-width: 100%;
		width: 100%;
		height: 100%;
		padding: 105px 0;
		overflow: auto;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		z-index: 999;
	}
	.header .navbar-collapse.show {
		right: 0;
		height: auto;
	}
	/* .header .navbar-collapse::after {
		content: "";
		position: fixed;
		top: 0;
		right: -100%;
		height: 105px;
		background-color: #002B56;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
	} */
	/* .header .navbar-collapse.show::after {
		right: 0;
		left: 0;
	} */
	.navbar {
        position: relative;
        padding: 12px 0 8px 0;
	}
	.navbar-nav {
        align-items: flex-start;
        padding: 0 30px;
	}
	.navbar .navbar-nav .nav-item {
        margin: 0;
        margin-bottom: 20px;
        padding: 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #262626;
        display: block;
        width: 100%;
	}
    .navbar .navbar-nav .nav-item .nav-link {
        color: #262626;
    }
    .navbar-brand {
        max-width: 97px;
    }
    .navbar .navbar-nav .nav-item.btn-header {
        margin-left: 0;
        width: auto;
        border-color: #05F283;
    }
    .header .navbar .navbar-nav .nav-item.btn-header:hover {
        border-color: #262626;
        background-color: #262626;
    }
    .header .navbar .navbar-nav .nav-item.btn-header:hover .nav-link {
        color: #FFFFFF;
    }
    .header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .header.h-stick .navbar-toggler span {
        background-color: #262626;
    }
    .header.h-black .navbar-toggler span {
        background-color: #262626;
    }
    /* .header.h-stick .navbar-toggler.open span {
        background-color: #FFFFFF;
    }
    .header.h-stick .navbar .navbar-nav .nav-item .nav-link {
        color: #FFFFFF;
    }
    .header.h-stick .navbar .navbar-nav .nav-item.btn-header {
        border-color: #FFFFFF;
    }
    .header.h-stick .navbar .navbar-nav .nav-item.btn-header:hover {
        background-color: #FFFFFF;
    }
    .header.h-stick .navbar .navbar-nav .nav-item.btn-header:hover .nav-link {
        color: #262626;
    } */
    .header.h-stick .navbar {
        padding: 12px 0 8px 0;
    }
    /*---------------haeder-end-----------------------------------------*/

}

@media (min-width: 768px) and (max-width: 991px){

.paragraph-medium {
    font-size: 18px;
}
.section-title {
    font-size: 34px;
    margin-bottom: 40px;
}
.new-small-section-title {
    font-size: 50px;
}
.new-section-title {
    font-size: 56px;
}
.paragraph-big {
    font-size: 22px;
}

/*-----------------banner-section-start-----------------------------*/
/* .pato-banner-detail {
    max-width: 520px;
} */
.pato-banner-title {
    text-align: center;
    font-size: 70px;
    margin-bottom: 30px;
    /* max-width: 440px; */
}
.pato-banner-title span {
    font-size: 120px;
}
.pato-banner-main {
    background-image: none !important;
}
.pato-banner-section {
    padding: 117px 0 99px 0;
}
.pato-banner-btn {
    text-align: center;
}
.pato-banner-main-bg {
    display: none;
}
/*-----------------banner-section-end-------------------------------*/

/*-----------------color-block-start--------------------------------*/
.color-block-title {
    font-size: 24px;
}
.color-block-item {
    padding: 25px;
}
/*-----------------color-block-end----------------------------------*/

/*-----------------each-year-start----------------------------------*/
.each-year-section {
    padding: 100px 0;
}
/* .each-year-left {
    font-size: 22px;
} */
/*-----------------each-year-end------------------------------------*/

/*-----------------aaply-section-start------------------------------*/
.apply-section {
    padding: 78px 0 50px 0;
}
.apply-bottom {
    padding: 20px;
}
/* .apply-img img {
    height: 180px;
} */
.apply-item-title {
    font-size: 20px;
}
.apply-text {
    margin-bottom: 50px;
}
.red-sport-item {
    padding: 50px 20px 30px 20px;
}
.red-sport-text {
    font-size: 40px;
}
/*-----------------aaply-section-end--------------------------------*/

/*-----------------about-section-start------------------------------*/
.about-pato-section {
    padding: 50px 0;
}
.pato-item {
    padding: 20px 0;
}
.pato-item-text {
    font-size: 20px;
    max-width: 427px;
    margin-bottom: 15px;
}
.pato-item-right .paragraph-medium {
    margin-bottom: 15px;
}
/*-----------------about-section-end--------------------------------*/

/*-----------------complete-section-start---------------------------*/
.pato-intern-comp-title-section {
    padding-top: 70px;
}
.pato-intern-comp-title {
    font-size: 28px;
}
.pato-intern-comp-section {
    padding: 100px 0;
}
.pic-item-icon img {
    width: 40px;
    height: 40px;
}
.pic-item-icon {
    padding: 15px;
}
.pic-item-left {
    flex: 0 0 90px;
}
.pic-item-step {
    font-size: 18px;
}
.pic-item-title {
    font-size: 20px;
}
.pic-item-text {
    margin-bottom: 24px;
}
.pic-item:before {
    top: 60px;
    left: 35px;
}
/*-----------------complete-section-end-----------------------------*/

/*-----------------footer-above-start-------------------------------*/
.footer-right-up {
    padding: 40px 0;
}
/*-----------------footer-above-end---------------------------------*/

/*-----------------footer-start-------------------------------------*/
.footer-start {
    padding: 30px 0;
}
/*-----------------footer-end---------------------------------------*/

/*-----------------about-page-start---------------------------------*/
.about-banner-section {
    padding: 250px 0 40px 0;
}
.about-banner-section .pato-banner-title {
    max-width: 580px;
}
.about-details-section {
    padding: 70px 0 40px 0;
}
.about-detail-item {
    margin-bottom: 30px;
}
.about-detail-left {
    font-size: 26px;
}
.about-detail-right span {
    font-size: 16px;
    margin: 30px 0;
}
.about-detail-right span b {
    font-size: 22px;
}
.about-picture-section {
    padding-bottom: 70px;
}

.about-detail-social {
    margin-top: 24px;
}
.black-social-icon li a svg,
.black-social-icon li a img {
    width: 40px;
    height: 40px;
}
.black-social-icon li {
    margin-right: 10px;
}
/*-----------------about-page-end-----------------------------------*/

/*-----------------typography-page-start----------------------------*/
.typography-section h1 {
    font-size: 36px;
}
.typography-section h2 {
    font-size: 32px;
}
.typography-section h3 {
    font-size: 28px;
}
.typography-section h4 {
    font-size: 24px;
}
.typography-section h5 {
    font-size: 22px;
}
.typography-section h6 {
    font-size: 20px;
}
.typography-section-inside {
    padding: 130px 0 70px 0;
}
/*-----------------typography-page-end------------------------------*/

/*-----------------internship-page-start----------------------------*/
.big-title {
    font-size: 42px;
}
.intern-banner-section {
    padding: 150px 0 70px 0;
}
.intern-banner-section > .row {
    flex-direction: column-reverse;
}
.intern-banner-right .big-title {
    margin-bottom: 40px;
}

.experien-title {
    font-size: 30px;
}
.intern-exp-section {
    padding: 70px 0;
}
.intern-exp-section .experien-title {
    margin-bottom: 30px;
}

.intern-ben-section {
    padding: 70px 0 50px 0;
}
.intern-ben-section .experien-title {
    margin-bottom: 50px;
}

.intern-eli-section {
    padding: 70px 0;
}
.intern-sel-list {
    margin-top: 20px;
}
.intern-eli-section .experien-title {
    margin-top: 20px;
}
.intern-eli-left {
    margin-bottom: 50px;
}
/*-----------------internship-page-end------------------------------*/

/*-----------------thank-page-start---------------------------------*/
.thank-you-section {
    padding: 150px 0;
}
/*-----------------thank-page-end-----------------------------------*/

/*-----------------our-partner-start--------------------------------*/
.our-partner-section {
    padding: 70px 0;
}
.our-partner-section .paragraph-medium {
    margin-bottom: 40px;
}
.our-partner-logos ul li {
    width: 160px;
    height: 65px;
}
/*-----------------our-partner-end----------------------------------*/

.nba-apply-page-main .typography-section-inside {
    padding: 30px 0 70px 0;
}

/* 23-9-2024 common */
.p-28 {
    font-size: 24px;
}
.section-title-150 {
    font-size: 124px;
}
/* 23-9-2024 common */

/* 23-9-2024 winners page */
.winner-banner-section {
    padding: 150px 0 100px 0;
}
.winner-banner-inside > .row {
    flex-direction: column-reverse;
}
.winner-banner-right-inside {
    margin-bottom: 40px;
}
.winners-below {
    padding: 20px;
}
/* 23-9-2024 winners page */

}

@media (min-width: 768px) {
}

@media (max-width: 767px) {

.section-title {
    font-size: 26px;
    margin-bottom: 12px;
}
.paragraph-medium {
    font-size: 18px;
}
.new-small-section-title {
    font-size: 44px;
}
.new-section-title {
    font-size: 48px;
    line-height: 100%;
}
.paragraph-big {
    font-size: 22px;
}

/*-----------------banner-section-start-----------------------------*/
/* .pato-banner-detail {
    max-width: 520px;
} */
.pato-banner-title {
    /* font-family: 'ActionNBARegular'; */
    font-family: 'Knockout67';
    text-align: center;
    font-size: 44px;
    line-height: 100%;
    margin-bottom: 73px;
}
.pato-banner-title span {
    font-size: 103px;
    line-height: 100%;
}
.pato-banner-main {
    background-image: none !important;
}
.pato-banner-section {
    padding: 117px 0 99px 0;
}
.pato-banner-btn {
    text-align: center;
}

.pato-banner-text.paragraph-medium {
    font-size: 16px;
}
.pato-banner-main {
    background-image: none !important;
    position: relative;
}
.pato-banner-main .mobile-black-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #20222C;
    mix-blend-mode: multiply;
}
.pato-banner-gradient {
    height: 130%;
    /* mix-blend-mode: exclusion; */
}
.pato-banner-rectangle {
    display: none;
}
.pato-banner-gradient img {
    object-fit: cover;
}
.pato-banner-btn {
    margin-bottom: 13px;
}
.pato-banner-app-deadline {
    font-size: 15px;
}
.pato-banner-main-bg {
    display: none;
}
/*-----------------banner-section-end-------------------------------*/

/*-----------------color-block-start--------------------------------*/
.color-blocks-main {
    margin-top: -45px;
}
/* .color-blocks-section > .row {
    flex-direction: column-reverse;
} */
.color-block-item {
    padding: 38px 29px 43px 29px;
}
.color-block-title {
    font-size: 26px;
    margin-bottom: 37px;
}
.color-block-text {
    max-width: 281px;
    margin-bottom: 29px;
}
/*-----------------color-block-end----------------------------------*/

/*-----------------each-year-start----------------------------------*/
/* .each-year-main {
    margin-top: -610px;
} */
.each-year-section {
    padding: 61px 0;
}
.each-year-left {
    /* font-size: 22px; */
    max-width: unset;
    margin-bottom: 57px;
}
.each-year-left .paragraph-medium {
    margin-bottom: 23px;
}
/*-----------------each-year-end------------------------------------*/

/*-----------------aaply-section-start------------------------------*/
.apply-section {
    padding: 55px 0 84px 0;
}
.apply-text {
    max-width: 326px;
    margin: 0 auto;
    margin-bottom: 60px;
    font-size: 18px;
}
.apply-text *:last-child {
    margin-bottom: 0;
}
.apply-bottom {
    padding: 30px;
    height: calc(100% - 180px);
}
.apply-item-title {
    font-size: 20px;
    margin-bottom: 9px;
}
.apply-slider {
    opacity: 0;
}
.apply-slider.slick-initialized {
    opacity: 1;
    position: relative;
}
.apply-slider .slick-track {
    display: flex !important;
}
.apply-slider .apply-slide {
    height: inherit !important;
}
.apply-img img {
    height: 180px;
}
.apply-item {
    margin-bottom: 0;
    height: 100%;
}
.apply-slider .slick-dots {
    padding: 0;
    margin: 0;
    margin-top: 32px;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.apply-slider .slick-dots li {
    margin: 0 10px;
    width: 12px;
    height: 12px;
    font-size: 0;
    line-height: 100%;
}
.apply-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    background: rgba(196, 206, 212, 0.5);
    border: none;
    box-shadow: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.apply-slider .slick-dots li.slick-active button {
    background: rgba(255, 255, 255, 1);
}
.apply-slider .slick-dots li:first-child {
    margin-left: 0;
}
.apply-slider .slick-dots li:last-child {
    margin-right: 0;
}
.eli-sport-transparent {
    margin-bottom: 30px;
}
.eli-sport-transparent .transparent-non-btn {
    max-width: 100%;
    width: 244px;
}
.apply-section .section-title {
    margin-bottom: 15px;
}
.apply-slider .slick-track {
    display: flex !important;
}
.apply-slider .slick-slide {
    height: inherit !important;
}
.red-sport-item {
    margin-bottom: 0;
    height: 100%;
    padding: 30px;
}
.red-sport-text {
    font-size: 40px;
}
.red-sport-item .red-sport-lines {
    display: none;
}
.apply-section .new-section-title {
    margin-bottom: 15px;
}
/*-----------------aaply-section-end--------------------------------*/

/*-----------------about-section-start------------------------------*/
.about-pato-section {
    padding: 0;
}
.pato-item {
    padding: 46px 0;
}
.pato-item-img {
    margin-bottom: 44px;
    display: none;
}
.pato-item-right .paragraph-medium {
    margin-bottom: 20px;
    font-size: 16px;
}
.pato-item-text {
    font-size: 20px;
    margin-bottom: 28px;
    max-width: 335px;
}
.pato-item-right .section-title {
    text-align: center;
    color: #262626 !important;
    margin-bottom: 21px;
}
.pato-item-right .pato-item-text-new {
    max-width: unset;
}
/*-----------------about-section-end--------------------------------*/

/*-----------------complete-section-start---------------------------*/
.pato-intern-comp-title-section {
    padding-top: 70px;
}
.pato-intern-comp-title {
    font-size: 24px;
}
.pato-intern-comp-section {
    padding: 70px 0;
}
.pic-item-icon img {
    width: 40px;
    height: 40px;
}
.pic-item-icon {
    padding: 15px;
}
.pic-item-left {
    flex: 0 0 90px;
}
.pic-item-step {
    font-size: 18px;
}
.pic-item-title {
    font-size: 20px;
}
.pic-item-text {
    margin-bottom: 24px;
}
.pic-item:before {
    top: 60px;
    left: 35px;
}
.pato-intern-comp-section .transparent-non-btn {
    margin-bottom: 15px;
}
.pic-left .pato-intern-comp-title {
    margin-bottom: 40px;
}
.pic-item-btn .btn {
    padding: 6px 18px;
    font-size: 14px;
}
.pic-left {
    margin-bottom: 40px;
}
/*-----------------complete-section-end-----------------------------*/

/*-----------------footer-start-------------------------------------*/
.footer-right-up {
    padding: 56px 0 38px 0;
}
.footer-right-up-section .color-block-title {
    max-width: 339px;
}
.footer-start {
    padding: 29px 0 15px 0;
}
/*-----------------footer-end---------------------------------------*/

/*-----------------about-page-start---------------------------------*/
.about-banner-main .pato-banner-gradient {
    height: 330px;
}
.about-banner-main {
    background-size: 100% 330px !important;
    background-image: none !important;
}
.about-banner-main > .container {
    max-width: 100%;
    padding: 0;
}
.about-banner-section {
    padding: 330px 0 0 0;
}
.about-banner-section .pato-banner-title {
    padding: 37px 15px;
    text-align: center;
    font-size: 26px;
    line-height: 130%;
    background-color: #1E1443;
}
.about-banner-section .pato-banner-title * {
    max-width: 310px;
    margin: 0 auto;
}
.about-details-section {
    padding: 45px 0 4px 0;
}
.about-detail-left {
    font-size: 26px;
    margin-bottom: 22px;
}
.about-detail-left br {
    display: none;
}
.about-detail-item {
    margin-bottom: 52px;
}
.about-detail-right span {
    font-size: 16px;
    margin: 48px 0;
    padding-left: 40px;
}
.about-detail-right span:before {
    left: 0;
}
.about-detail-right span b {
    font-size: 22px;
}
.about-picture-section {
    padding-bottom: 124px;
}

.about-detail-social-mobile {
    margin-bottom: 45px;
}
.black-social-icon {
    justify-content: center;
}
.black-social-icon li {
    margin-right: 14px;
}
.black-social-icon li a svg,
.black-social-icon li a img {
    width: 50px;
    height: 50px;
}

/* .pato-about-banner-img-mobile {
    padding-top: 66px;
} */
.pato-about-banner-img-mobile img {
    width: 100%;
    height: 380px;
    object-fit: cover;
}
.pato-about-banner-description-mobile-inside {
    padding: 42px 0;
}
.pato-about-banner-description-mobile .pato-banner-title {
    margin-bottom: 0;
}
.pato-about-banner-description-mobile .transparent-non-btn {
    margin-bottom: 25px;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}
/*-----------------about-page-end-----------------------------------*/

/*-----------------typography-page-start----------------------------*/
.typography-section h1 {
    font-size: 36px;
}
.typography-section h2 {
    font-size: 32px;
}
.typography-section h3 {
    font-size: 28px;
}
.typography-section h4 {
    font-size: 24px;
}
.typography-section h5 {
    font-size: 22px;
}
.typography-section h6 {
    font-size: 20px;
}
.typography-section-inside {
    padding: 130px 0 70px 0;
}
.typography-section .alignnone,
.typography-section .alignleft,
.typography-section .alignright,
.typography-section .aligncenter {
    float: left;
    width: 100%;
    margin: 15px 0 !important;
    object-fit: cover;
}
/*-----------------typography-page-end------------------------------*/

/*-----------------internship-page-start----------------------------*/
.big-title {
    font-size: 32px;
}
.intern-banner-section {
    padding: 150px 0 70px 0;
}
.intern-banner-section > .row {
    flex-direction: column-reverse;
}
.intern-banner-right .big-title {
    margin-bottom: 32px;
}
.transparent-non-btn {
    padding: 8px 20px;
}
.intern-banner-main {
    background-image: none !important;
    background-color: #262626;
    mix-blend-mode: multiply;
}

.experien-title {
    font-size: 26px;
}
.intern-exp-section {
    padding: 60px 0;
}
.intern-exp-section .experien-title {
    margin-bottom: 30px;
}

.intern-ben-section {
    padding: 70px 0 50px 0;
}
.intern-ben-section .experien-title {
    margin-bottom: 50px;
}
.intern-ben-slider {
    opacity: 0;
}
.intern-ben-slider.slick-initialized {
    opacity: 1;
    position: relative;
}
.intern-ben-slider .slick-track {
    display: flex !important;
}
.intern-ben-slider .intern-ben-slide {
    height: inherit !important;
}
.intern-ben-slider .slick-dots {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.intern-ben-slider .slick-dots li {
    margin: 0 4px;
}
.intern-ben-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    background: rgba(39, 222, 242, 0.3);
    border: none;
    box-shadow: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.intern-ben-slider .slick-dots li.slick-active button {
    background: rgba(39, 222, 242, 1);
}
.intern-ben-slider .slick-dots li:first-child {
    margin-left: 0;
}
.intern-ben-slider .slick-dots li:last-child {
    margin-right: 0;
}

.intern-eli-section {
    padding: 70px 0;
}
.intern-sel-list {
    margin-top: 10px;
}
.intern-eli-section .experien-title {
    margin-top: 20px;
}
.intern-eli-left {
    margin-bottom: 50px;
}
/*-----------------internship-page-end------------------------------*/

/*-----------------thank-page-start---------------------------------*/
.thank-you-section {
    padding: 150px 0;
}
.thank-you-above {
    margin-bottom: 50px;
}
.thank-you-below {
    padding: 30px 15px;
}
.thank-you-share-text {
    margin-bottom: 20px;
}
.thank-share-social li a img {
    width: 40px;
    height: 40px;
}
/*-----------------thank-page-end-----------------------------------*/

/*-----------------benefit-acc-start--------------------------------*/
.benefit-acc-section {
    padding: 68px 0 52px 0;
}
.benefit-acc-section .section-title {
    color: #262626 !important;
    margin-bottom: 20px;
}
.benefit-acc-item {
    padding: 39px 55px 46px 55px;
    margin-bottom: 10px;
    height: calc(100% - 10px);
}
.bai-img {
    margin-bottom: 23px;
}
.benefit-acc-item .paragraph-medium {
    font-size: 20px;
}
/*-----------------benefit-acc-end----------------------------------*/

/*-----------------our-partner-start--------------------------------*/
.our-partner-logo-slider {
    opacity: 0;
}
.our-partner-logo-slider.slick-initialized {
    opacity: 1;
    position: relative;
}
.our-partner-logo-slider .slick-list {
    margin: 0 -5px;
    padding: 0 70px;
}
.our-partner-logo-slider .our-partner-logo-slide {
    padding: 0 5px;
}
.our-partner-section {
    padding: 65px 0 71px 0;
}
.our-partner-section .section-title {
    color: #262626 !important;
    margin-bottom: 21px;
}
.our-partner-section .paragraph-medium {
    margin-bottom: 55px;
}
.opl-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 100%;
    height: 75px;
    background-color: #FFFFFF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.opl-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
/*-----------------our-partner-end----------------------------------*/

/*-----------------win-start----------------------------------------*/
.win-section {
    padding: 70px 0 40px 0;
}
/*-----------------win-end------------------------------------------*/

.nba-apply-page-main .typography-section-inside {
    padding: 30px 0 50px 0;
}

/* 23-9-2024 common */
.section-title-150 {
    font-size: 90px;
}
.p-28 {
    font-size: 20px;
}
.p-18 {
    font-size: 16px;
}
.common-video-play-icon {
    width: 50px;
    height: 50px;
    font-size: 18px;
    border-width: 3px;
}
.common-video-play-icon * {
    width: 18px;
    height: 18px;
}
/* 23-9-2024 common */

/* 23-9-2024 winners page */
.winner-banner-section {
    padding: 100px 0 80px 0;
}
.winner-banner-inside > .row {
    flex-direction: column-reverse;
}
.winner-banner-right-inside {
    margin-bottom: 40px;
}
.winners-below {
    padding: 20px;
}
.winner-modal .modal-header {
    padding: 20px;
}
.winner-modal-above {
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.winner-modal .modal-body {
    padding: 0 20px 30px 20px;
}
.winner-modal-text {
    max-width: unset;
}
/* 23-9-2024 winners page */

}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
}

@media (min-width: 240px) and (max-width: 575px){

/*---------------haeder-start---------------------------------------*/
/* .navbar-brand {
    max-width: 225px;
} */
/*---------------haeder-end-----------------------------------------*/

/*-----------------aaply-section-start------------------------------*/
/* .apply-bottom {
    height: auto;
} */
/*-----------------aaply-section-end--------------------------------*/

/*-----------------each-year-start----------------------------------*/
/* .each-year-section {
    padding: 730px 0 50px 0;
} */
.each-year-left p {
    padding-right: 22px;
}
/*-----------------each-year-end------------------------------------*/

/*-----------------about-page-start---------------------------------*/
.about-banner-main .pato-banner-gradient {
    height: 340px;
}
.about-banner-main {
    background-size: 100% 340px !important;
    background-image: none !important;
}
.about-detail-right span b {
    display: block;
    margin-bottom: 10px;
}
.about-picture-img img {
    height: 176px;
}

.pato-about-banner-img-mobile img {
    height: 260px;
}
/*-----------------about-page-end-----------------------------------*/

/*-----------------typography-page-start----------------------------*/
.typography-section h1 {
    font-size: 36px;
}
.typography-section h2 {
    font-size: 32px;
}
.typography-section h3 {
    font-size: 28px;
}
.typography-section h4 {
    font-size: 24px;
}
.typography-section h5 {
    font-size: 20px;
}
.typography-section h6 {
    font-size: 18px;
}
.typography-section blockquote {
    padding-left: 20px;
}
/*-----------------typography-page-end------------------------------*/

/*-----------------our-partner-start--------------------------------*/
.our-partner-logo-slider .slick-list {
    margin: 0 -15px;
    padding: 0 104px;
}
.our-partner-section .paragraph-medium {
    max-width: 326px;
}
/*-----------------our-partner-end----------------------------------*/

}

@media (max-width: 400px) {

/* 23-9-2024 winners page */
.winners-list > .row {
    margin: 0;
}
.winners-list > .row > [class*=col-] {
    padding: 0;
    width: 100%;
}
/* 23-9-2024 winners page */

}

@media (min-width: 350px) and (max-width: 409px) {

/*-----------------each-year-start----------------------------------*/
/* .each-year-main {
    margin-top: -660px;
} */
/*-----------------each-year-end------------------------------------*/

}

@media (min-width: 240px) and (max-width: 350px) {
/*-----------------each-year-start----------------------------------*/
/* .each-year-main {
    margin-top: -690px;
} */
/*-----------------each-year-end------------------------------------*/
}