/*---------------------------------------------------------------------------
Preject Name: Otakim
Preject URL: http://www.otakim.com
Version: 1.0
Description: Bootstrap5, HTML5, CSS3 and Fully Responsive Website.
Author: Otakim Team
---------------------------------------------------------------------------*/

/***** Genral CSS Start *****/
html { scroll-behavior: smooth; }
body { padding: 0px; margin: 0px; font-family: 'Rubik', sans-serif; overflow-x: hidden; color: #344f6b; font-weight: 400; line-height: 1.5;}
img {max-width: 100%; width: auto; height: auto;}
a { display: inline-block; text-decoration: none; -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;}
a:hover, a:focus, button:hover, button:focus { outline: none !important; box-shadow: none !important; text-decoration: none !important; }
p {font-size: 20px; font-weight: 500; line-height: 1.5; margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6, figure, ul { margin: 0; padding: 0px; }
ul {list-style: none; }

.text-blue {color: #344f6b;}
.text-yellow {color: #fcb948; font-weight:700}

h1, .h1 {font-size: 60px; font-weight: 500; line-height: 1.1; color: #344f6b; margin-bottom: 7px;}
h2, .h2 {font-size: 40px; font-weight: 700; line-height: 1.2; color: #344f6b; margin-bottom: 7px;}
h3, .h3 {font-size: 20px; font-weight: 700; line-height: 1.2; color: #344f6b; margin-bottom: 7px;}
/***** Genral CSS End *****/

/***** What you want Section Start *****/
.whatyouwant-sec {background-color: #276BA9; padding: 40px 0 90px;}
.whatyouwant-sec h1 {color: #fff; margin-bottom: 20px;}
/***** What you want Section End *****/

/***** Slider Tabs Section Start *****/
.slider-tabs-sec {margin-top: -90px;}
.slider-tabs-sec .slider-tabs-wrap .nav {margin-bottom: 35px; position: relative;}
.slider-tabs-sec .slider-tabs-wrap .nav-link {font-size: 16px; font-weight: 500; line-height: 1; color: #344f6b; background-color: #fcb948; border: 2px solid #fcb948; border-radius: 50px; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); margin: 0 5px; padding: 9px 15px; min-width: 200px; text-align: center; cursor: pointer;}
.slider-tabs-sec .slider-tabs-wrap .nav-link:hover, 
.slider-tabs-sec .slider-tabs-wrap .nav-link.active {border-color: #fff;}

.slider-tabs-wrap .line {width: auto !important; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 48px); pointer-events: none; margin-left: 110px; }
.slider-tabs-wrap .line {top: calc(100% + 26px);}
.slider-tabs-sec .tab-pane {padding: 90px 0 0;}

.slider-tabs-sec .pricecalculater-wrap {padding-bottom: 100px;}
.slider-tabs-sec .pricecalculater-wrap h2 {font-size: 60px;}
.slider-tabs-sec .pricecalculater-wrap h3 {margin-bottom: 20px;}
.slider-tabs-sec .product-detail-notic-wrp {box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%); background-color: #FFF6D1; border: 3px solid #f9f9f9; border-radius: 15px; font-size: 26px; color: #163556; margin-bottom: 15px; padding: 18px 30px; }
.slider-tabs-sec strong {font-weight: 700;}
.slider-tabs-sec .text-blue {color: #276BA9;}
.slider-tabs-sec ul.theme-list-style {padding: 0; margin: 0;}

.slider-tabs-sec ul.theme-list-style li {font-size: 20px; font-weight: 400; color: #163556; margin-bottom: 10px; position: relative; padding-right: 18px; margin-bottom: 15px; list-style: none; }
.slider-tabs-sec ul.theme-list-style li:before {content: ""; height: 11px; width: 11px; background-color: #FCB135; position: absolute; top: 9px; right: 0; border-radius: 50px; }
.slider-tabs-sec .product-detail-notic-wrp .product-detail-notic-icon {margin-left: 15px;}
.slider-tabs-sec .product-detail-list-wrap {margin-bottom: 30px;}
.slider-tabs-sec .pricecalculater-wrap a {font-size: 20px; font-weight: 700; color: #276BA9; text-decoration: underline;}
.slider-tabs-sec .pricecalculater-wrap a:hover, a.slider-tabs-sec .pricecalculater-wrap a:focus {color: ;}

.slider-tabs-sec .collection-points-item {margin-bottom: 45px;}
.slider-tabs-sec .collection-points-item .card {border-radius: 15px; border: 2px solid #F2F3F5; overflow: hidden; min-height: 720px;}
.slider-tabs-sec .collection-points-item .card .card-header {font-size: 38px; font-weight: 700; color: #163556; line-height: 1.1; padding: 30px 40px; background-color: #F2F3F5; border-bottom: none; min-height: 155px; display: list-item; letter-spacing: -0.3px; display: flex; align-items: center;}
.slider-tabs-sec .collection-points-item .card .card-body {padding: 30px 35px 15px;}
.slider-tabs-sec .collection-points-item .card .card-body p {margin-bottom: 15px;}
.slider-tabs-sec .location-text-wrap {margin-bottom: 15px; display: flex;}
.slider-tabs-sec .location-icons {margin-left: 7px; min-width: 30px;}
.slider-tabs-sec .location-text {font-size: 20px; font-weight: 400; line-height: 1.1; color: #163556;}

.slider-tabs-sec .waze-text {background-color: #31CDFE; padding: 3px 4px; font-size: 16px; font-weight: 500; color: #000; border-radius: 5px;}

.slider-tabs-sec .accordion .student-associations-item {border: 2px solid #F2F3F5; border-radius: 10px; margin: 0 0 35px;}
.slider-tabs-sec .accordion .student-associations-item .card-header {border: none; background-color: #F2F3F5; padding: 8px 8px 8px 60px; position: relative; cursor: pointer;}
.slider-tabs-sec .student-associations-item .card-header::after {content: "-"; float: right; position: absolute; left: 17px; top: 17px; font-size: 30px; font-weight: 500; color: #fff; width: 35px; height: 35px; line-height: 32px; background-color: #FCAF2D; border-radius: 5px; text-align: center; }
.slider-tabs-sec .student-associations-item .card-header.collapsed::after {content: "+";}
.slider-tabs-sec .accordion .student-associations-img {width: 127px; height: 106px; min-width: 127px; border-radius: 10px; margin-left: 15px; display: flex; align-items: center; justify-content: center; background-color: #fff;}
.slider-tabs-sec .accordion .student-associations-img img {max-width: 100%; width: auto; height: auto;}
.slider-tabs-sec .accordion .student-associations-title-text {font-size: 20px; font-weight: 700; line-height: 1.1; color: #163556; margin-bottom: 8px;}
.slider-tabs-sec .accordion .student-associations-subtitle-text {font-size: 20px; font-weight: 500; line-height: 1.1; color: #276BA9; margin-bottom: 0;}
.slider-tabs-sec .accordion .student-associations-item p {margin-bottom: 15px;}
.slider-tabs-sec .accordion .student-associations-item .card-body {padding: 30px;}
.slider-tabs-sec .accordion {margin-bottom: 70px;}
/***** Slider Tabs Section End *****/

/***** Media Quries *****/
@media (min-width: 1500px) {
	.slider-tabs-sec .container {max-width: 1430px;}
	.home-delivery-img-wrp img {margin-top: -100px;}
}
@media (max-width: 1365px) {
	h1, .h1 {font-size: 50px; margin-bottom: 5px;}

	.whatyouwant-sec h1 {font-size: 50px;}
	.slider-tabs-sec .pricecalculater-wrap h2 {font-size: 50px;}
	.slider-tabs-sec .product-detail-notic-wrp {font-size: 20px;}
	.slider-tabs-sec .pricecalculater-wrap {padding-bottom: 50px;}
	.slider-tabs-sec .collection-points-item .card .card-header {font-size: 32px; padding: 20px 30px; min-height: 135px;}

}
@media (max-width: 1199px) {
	.slider-tabs-sec .booklet-product-img-wrap {padding: 50px 0 25px;}
	.slider-tabs-sec .tab-pane {padding: 75px 0 0;}
	.slider-tabs-sec .pricecalculater-wrap {padding-bottom: 50px;}

}
@media (max-width: 991px) {
	.slider-tabs-sec .slider-product-wrap .slider-product-link {font-size: 14px;}
	.owl-carousel.owl-rtl .owl-item {float: right; margin-bottom: 30px;}
	h1, .h1 {font-size: 40px;}
	h2, .h2 {font-size: 32px;}
	h3, .h3 {font-size: 18px;}

	p {font-size: 18px;}

	.slider-tabs-sec .pricecalculater-wrap h2 {font-size: 40px;}

	.whatyouwant-sec {padding: 35px 0 160px;}
	.slider-tabs-sec {margin-top: -160px;}
	.slider-tabs-sec .slider-tabs-wrap .nav {max-width: 500px; margin: 0 auto 10px;}
	.slider-tabs-wrap .line {top: 100%; margin-left: 86px;}
	.slider-tabs-sec .slider-tabs-wrap .nav-item {width: 50%; margin-bottom: 20px;}
	.slider-tabs-sec .slider-tabs-wrap .nav-link {margin: 0 10px; font-size: 15px;}
	/*.slider-tabs-sec .tab-pane {padding: 35px 35px 25px;}*/
	.slider-tabs-sec .tab-pane h3 {margin-bottom: 25px;}
	/*.slider-tabs-sec .tab-content, 
	.slider-tabs-sec .tab-pane.active {height: 270px;}*/

	.pricecalculater-wrap h2, .pricecalculater-wrap h3 {text-align: center;}

	.slider-tabs-sec .home-delivery-img-wrp img {margin: -70px 0;}
	.slider-tabs-sec .stores-and-lockers .home-delivery-img-wrp img {margin: -70px 0 -30px;}
	.whatyouwant-sec h1 {font-size: 40px;}
	.slider-tabs-sec .collection-points-item .card {min-height: unset;}
	.slider-tabs-sec .collection-points-item .card .card-header {font-size: 30px; padding: 15px 25px; min-height: 125px;}
	.slider-tabs-sec .collection-points-item .card .card-body {padding: 20px 24px 10px;}
}
@media (max-width: 575px) {
	h1, .h1 {font-size: 30px;}
	h2, .h2 {font-size: 25px;}
	h3, .h3 {font-size: 18px;}
	p {font-size: 15px;}

	.slider-tabs-sec .pricecalculater-wrap h2 {font-size: 30px;}

	.whatyouwant-sec .search-box-wrap input {padding: 10px 20px 10px 45px;}
	.whatyouwant-sec h2 {font-weight: 500;}
	.slider-tabs-sec .slider-product-wrap {max-width: 150px;}
	.slider-tabs-sec .tab-pane {padding: 60px 0 0;}
	.slider-tabs-sec .tab-pane h3 {margin-bottom: 20px; padding-left: 22px;}
	.slider-tabs-sec .slider-tabs-wrap .nav-link {margin: 0 10px; font-size: 16px; padding: 5px 10px; min-width: 90%; border-width: 3px;}
	.slider-tabs-wrap .line {margin-left: 55px;}
	/*.slider-tabs-sec .tab-content {width: calc(100% + 40px); margin-right: -20px; border-radius: 0;}*/
	/*.slider-tabs-sec .tab-content, .slider-tabs-sec .tab-pane.active {height: 280px;}*/
	.whatyouwant-sec h1 {font-size: 30px;}
	.slider-tabs-sec .slider-tabs-wrap .nav-link {min-height: 48px; display: flex; justify-content: center; align-items: center;}
	.slider-tabs-sec .home-delivery-img-wrp img {margin: -40px 0;}
	.slider-tabs-sec .product-detail-notic-wrp {font-size: 18px; line-height: 1.1; padding: 10px 15px; display: flex;}
	.slider-tabs-sec p {font-size: 16px;}
	.slider-tabs-sec ul.theme-list-style li {font-size: 16px; margin-bottom: 10px;}
	.slider-tabs-sec .pricecalculater-wrap {padding-bottom: 25px;}
	.slider-tabs-sec .stores-and-lockers .home-delivery-img-wrp img {margin: -40px 0 -10px;}
	.slider-tabs-sec .pricecalculater-wrap a {font-size: 16px;}
	.slider-tabs-sec .collection-points-item .card .card-header {font-size: 22px; padding: 10px 15px; min-height: 90px;}
	.slider-tabs-sec .collection-points-item .card .card-body {padding: 15px 15px 10px;}
	.slider-tabs-sec .location-text {font-size: 16px;}
	.slider-tabs-sec .collection-points-item {margin-bottom: 30px;}
	.slider-tabs-sec .waze-text {margin-top: 3px; display: inline-block;}
	.slider-tabs-sec .student-associations-item .card-header::after {left: 5px; top: 5px; font-size: 20px; width: 25px; height: 25px; line-height: 23px;}
	.slider-tabs-sec .accordion {margin-bottom: 25px;}
	.slider-tabs-sec .accordion .student-associations-item .card-header {padding: 5px 5px 5px 35px;}
	.slider-tabs-sec .accordion .student-associations-item .card-title.align-items-center {align-items: top !important;}
	.slider-tabs-sec .accordion .student-associations-img {width: 95px; height: 85px; min-width: 95px; margin-left: 10px;}
	.slider-tabs-sec .accordion .student-associations-title-text {font-size: 18px;}
	.slider-tabs-sec .accordion .student-associations-subtitle-text {font-size: 16px;}
	.slider-tabs-sec .accordion .student-associations-item .card-body {padding: 15px;}
	.slider-tabs-sec .accordion .student-associations-item p {margin-bottom: 10px;}
	.slider-tabs-sec .accordion .student-associations-item {margin: 0 0 25px;}
}
@media (max-width: 480px) {
}