Page CSS
.section-1 h1 { margin: 50px 0; } .section-1 .owl-carousel { margin: 55px 0; } .section-1 .owl-wrapper { display: flex !important; align-items: center; } .section-1 .owl-carousel a.az-button-content.btn { padding: 15px 10px !important; height: auto !important; background: #FDFDFD; border: 1px solid #C1C1C1 !important; border-radius: 5px !important; display: block !important; white-space: break-spaces; line-height: 2 !important; } .section-1 .owl-carousel a.az-button-content.btn:hover { background: #1B1D40; } .section-1 .st-owl-theme.st-owl-navigation-inside .owl-controls .owl-buttons .owl-prev, .section-1 .st-owl-theme.st-owl-navigation-inside .owl-controls .owl-buttons .owl-next { top: 40%; } .section-1 .st-owl-theme .owl-buttons .owl-prev, .section-1 .st-owl-theme .owl-buttons .owl-next { width: 15px; height: 15px; } .section-1 .st-owl-theme .owl-buttons .owl-prev { left: -25px !important; } .section-1 .st-owl-theme .owl-buttons .owl-next { right: -25px !important; } .section-1 .st-owl-theme .owl-buttons .owl-prev:hover::before, .section-1 .st-owl-theme .owl-buttons .owl-next:hover::before { transform: translateX(-50%) rotate( 45deg); } .section-1 .st-owl-theme .owl-buttons .owl-prev::after, .section-1 .st-owl-theme .owl-buttons .owl-next::after { transform: translateX(-50%) rotate(-45deg); } h2 { font-style: normal; font-weight: 800; font-size: 30px; line-height: 37px; text-align: center; color: #53B68C; } .section-2 .nav-tabs li.active a:focus { background: #1B1D40; color: #FFF; } .section-14 h3 { padding: 15px 0; } .section-14 ul.bullet-right { display: flex; flex-direction: column; align-items: flex-end; align-content: flex-end; flex-wrap: wrap; } .section-14 ul.bullet-right li { padding-right: 35px; padding-bottom: 6px; margin-bottom: 15px; display: block; position: relative; right: 0; float: right; } .section-14 ul.bullet-right li:before { content: ""; background: url(https://multinet.com.tr/themes/custom/multinet/images/bullet.png) no-repeat 0 0; width: 25px; height: 25px; position: absolute; right: 0; top: 0; border-radius: 90px; display: block; box-shadow: 0 2px 5px -1px rgb(0 0 0 / 40%); } .section-14 { padding: 30px 0; } .section-2 .nav-tabs, .section-13 .nav-tabs { border: none; margin: 30px 0; display: flex; align-items: center; flex-direction: row; } .section-2 .nav-tabs li, .section-13 .nav-tabs li { width: 100%; height: auto; } .section-2 .nav-tabs li a, .section-13 .nav-tabs li a { background: #FDFDFD; border: 1px solid #C1C1C1; box-sizing: border-box; border-radius: 5px; font-weight: 600; font-size: 12px; line-height: 20px; text-align: center; color: #1B1D40; padding: 15px; margin: 0 5px; min-height: 65px; display: flex; align-items: center; justify-content: center; align-content: center; } .section-2 .nav-tabs li a:hover, .section-13 .nav-tabs li a:hover { background: #1B1D40; color: #FDFDFD; } .section-2 .az-image { top: -40px; } .section-2 .az-slide { background: #53B68C; border: 0.45px solid #53B68C; border-radius: 5px; } .section-2 .az-slide p { color: #FFF; } .section-2 .owl-item { top: 40px; position: relative; overflow: visible !important; height: 450px; bottom: 5px; } .section-2 .img-card .az-text { top: -20px; } .section-2 .img-card .az-text p { padding: 20px 40px; } .section-2 .img-card img { width: 390px !important; height: 235px !important; text-align: center; display: block; margin: auto; } .section-2 div#gbso50qsyb { margin: 35px 0; } .section-2 ul.yemek-list li { list-style-type: none; display: flex; align-items: center; flex-direction: row; padding: 10px 30px; font-weight: 600; font-size: 18px; line-height: 25px; color: #000000; width: 230vh; } .section-2 ul.yemek-list li:hover { background-color: #F7F7F9; position: relative; width: 170vh; } .section-2 ul.yemek-list { left: -30px; position: relative; } .section-13 { background: #F7F7F9; border-radius: 5px; padding: 40px 0; } .section-13 div#gbd6a4de8z { position: absolute; top: 7%; z-index: 1; background: rgba(49, 66, 106, 0.7); border-radius: 5px; min-height: 320px; display: flex; align-content: center; justify-content: center; align-items: center; margin: 0 15px 0 0; } .section-13 div#gbd6a4de8z p { color: #fff; font-weight: 500; font-size: 18px; line-height: 34px; text-align: center; padding: 0 3vw; } .section-13 div#gbd6a4de8z span { font-weight: bold; font-size: 29px; line-height: 34px; } .section-13 .right-box-blue ul { list-style-type: none; } .section-13 .right-box-blue { background: #31426A; border-radius: 5px; color: #fff; position: relative; right: 5vw; z-index: 1; padding: 40px 11px 40px 55px; margin: 27px 0; width: 115%; } .section-13 .right-box-blue h3 { font-weight: 800; font-size: 24px; line-height: 29px; color: #FFFFFF; } .section-3 .right-box-blue ul.yemek-list li { width: 35vw; } .section-3 .green-box ul.yemek-list li { width: 112%; } .section-3 ul.yemek-list li:hover { background-color: #FFF; color: #31426A; } div#gbuadducub p { font-weight: 400; font-size: 16px; line-height: 28px; color: #FFFFFF; } .section-3 div#gbuadducub { position: absolute; top: 20%; z-index: 1; background: rgba(83, 182, 140, 0.85); border-radius: 5px; display: flex; align-content: center; justify-content: center; align-items: center; margin: 0 15px 0 0; flex-direction: column; padding: 50px 90px; } .section-3 .green-box { background: #53B68C; border-radius: 5px; color: #fff; position: relative; z-index: 2; padding: 40px 30px; width: 117%; top: 35px; } div#gbor231g74 { top: 70px; } .green-box h3 { font-weight: 800; font-size: 24px; line-height: 29px; text-align: center; color: #FFFFFF; margin: 23px auto; } .green-box p { font-weight: 500; font-size: 18px; line-height: 32px; color: #FFFFFF; } button.btn-success { background-color: #EC5D2A !important; border-radius: 100px !important; margin: 27px 40px !important; } .section-6 { margin: 60px 0; background: none; float: none; width: unset; padding: unset; } .section-6 p { font-size: 18px; line-height: 37px; text-align: center; color: #1B1D40; } .section-6 h3 { margin: 30px 0; } .section-6 .imagebox-item { display: flex; align-items: center; justify-content: center; } .section-6 .gradient { background-repeat: no-repeat; display: inline-block; justify-content: flex-end; align-items: center; color: #fff; position: relative; background: rgba(27, 29, 64, 0.7); border: 1px solid #C1C1C1; box-sizing: border-box; border-radius: 5px; } .section-6 .gradient a { width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center; } .section-6 .gradient img.big-img { width: 100%; position: relative; display: block; z-index: -1; border-radius: 5px; } .section-6 .gradient div { position: absolute; top: 20%; font-size: 18px; width: 100%; margin: auto; } .section-6 .gradient div img { display: flex; flex-direction: column; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; text-align: center; margin: auto; } .section-6 .gradient span { position: absolute; display: flex; color: #fff; text-align: center; font-size: 18px; margin: auto; width: 100%; flex-direction: row; align-content: center; justify-content: center; align-items: center; padding: 6px 25px; } .section-7 { background: url(/sites/default/files/2021-09/group-130.jpg) no-repeat; padding: 40px 0; width: 100%; height: 331px; background-position: center; background-size: 100%; float: none; } div#gbuvj51xis { padding: 20px 0; margin: 20px 0; } .section-7 h3 { font-weight: 800; font-size: 26px; line-height: 32px; color: #FFFFFF; margin-bottom: 40px; } .section-7 .az-row .az-text p:nth-child(1) { font-weight: 600; font-size: 20px; line-height: 35px; color: #FFFFFF; } .section-7 .az-row .az-text p:nth-child(1) span { font-size: 28px; } .section-7 .az-row .az-text p { font-size: 16px; line-height: 35px; text-align: center; color: #000000; } .section-7 .avantaj-card { float: none; background: #FFFFFF; border: 1px solid #C1C1C1; border-radius: 5px; width: 31%; margin: 0 10px; height: auto; padding: 20px 13px; } .section-8 { float: none; margin: 30px 0; padding: 30px 0; } .section-9 { background: #F7F7F9; border-radius: 5px; padding: 20px 0; } .section-9 h3 { padding: 20px 0; margin: 10px 0; } .section-9 .az-row .blue-box .az-element { background: #31426A; border-radius: 5px; padding: 40px 97px 40px 30px; top: 50px; color: #FFF; width: 125%; position: relative; z-index: 2; } .section-10 .az-row .blue-box-right .az-element { background: #31426A; border-radius: 5px; padding: 40px 97px 10px 30px; top: 50px; color: #FFF; width: 125%; position: relative; z-index: 2; } .section-10 .az-row .blue-box-right .az-element { background: #31426A; border-radius: 5px; padding: 50px 40px 30px 120px; top: 40px; color: #FFF; width: 125%; position: relative; z-index: 2; right: 115px; } .section-10 { background: rgba(212, 225, 244, 0.3); border-radius: 5px; padding: 40px 0; } .section-10 h3 { padding: 20px 0; } .section-11 .az-element.az-row { border: 1px solid #1B1D40; box-sizing: border-box; border-radius: 5px; padding: 20px 20px; margin: 50px 0; } .section-11 h3 { font-weight: bold; font-size: 22px; line-height: 35px; text-align: center; color: #000000; padding: 13px 0; } .section-11 img { right: 0; bottom: 0px; position: absolute; } .section-12 { background: url(/sites/default/files/2021-09/group-129.png) no-repeat; width: 100%; height: auto; background-position: center; background-size: 100%; padding: 40px 0 10px 0; } .section-12 h3 { margin: 0 0 30px 0; } @media (max-width: 991px) { .section-7 { padding: 40px 0; width: 100%; height: auto; background-position: center; background-size: cover; margin-bottom: 6vw; } .section-7 .avantaj-card { float: left; width: 31%; margin: 0 5px; height: auto; padding: 20px 13px; } .gradient div { position: absolute; top: 5px; } .section-5 div#gb8w7wsghf { height: 50vw; } .section-5 img { width: 100% !important; height: auto; margin: 0 30px; top: 80px; position: absolute; left: -15vw; } .section-2 ul.yemek-list li { width: 170vh; font-size: 15px; } .section-2 ul.yemek-list li:before { margin-right: 20px; } .section-3 ul.yemek-list li:before { margin-right: 10px; margin-left: 0px; } .section-12 { background-position: center; background-size: auto; } .section-3 .green-box ul.yemek-list li { width: 117%; font-size: 15px; } } @media (max-width: 768px) { .green-box { width: 100%; } .section-5 div#gb8w7wsghf { width: 70vw; display: block; margin: auto; position: relative; } .section-7 .avantaj-card { float: left; width: initial; height: auto; padding: 20px 13px; margin: 10px 5px; } .section-6 .imagebox-item { margin: 10px 0; } .section-9 img { display: none; } .section-10 img { display: none; } .section-2 .nav-tabs { align-items: center; flex-direction: row; flex-wrap: wrap; } .section-11 img { display: none; } } .section-2 .nav-tabs li.active a, .section-13 .nav-tabs li.active a { background-color: #1B1D40; border: 1px solid #1B1D40; color: #FFF; border-radius: 5px; } .section-2 .nav-tabs li.active, .section-13 .nav-tabs li.active { background-color: #1B1D40; border-radius: 5px; }.section-2 ul.yemek-list li a { color: #000; } .section-3 .right-box-blue ul.yemek-list li a, .section-3 .green-box ul.yemek-list li a { color: #FFF; } .section-2 ul.yemek-list li:hover a { color: #53c08c; } .section-3 .right-box-blue ul.yemek-list li:hover a, .section-3 .green-box ul.yemek-list li:hover a { color: #ec5d2a; }