@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');
body {
    font-family: 'Montserrat', sans-serif;
}

.pagination .page-item {}

.pagination .page-item a {
    color: #030303;
}

.pagination .page-item a.active {
    background-color: #740f40;
    border: 1px solid white;
    color: white;
}

.altnav {
    display: flex;
    margin: auto 0;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.form-control.searching:focus {
    box-shadow: none;
    border: none;
    outline: 0;
}

.langbtn {
    background-color: transparent;
    color: white;
    font-size: 16px;
    margin-left: 0.5rem;
    font-size: 1.25rem;
}

.recClass iframe {
    margin: 1rem 0;
}

.langbtn:focus {
    box-shadow: 0;
    outline: 0;
    border: 0;
    background-color: transparent;
    color: white !important;
    font-size: 16px;
    margin-left: 0.5rem;
    font-size: 1.25rem;
}

.langbtn:hover {
    color: white;
}

.dmenu .dropdown-menu {
    min-width: 4rem;
}

.dmenu a:active,
.dmenu a:focus,
.dmenu a:hover {
    color: white;
    background-color: rgba(162, 25, 91, 0.959);
}


/*video in owl*/

.owl-carousel .item-video {
    position: relative;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0px;
    /*top 0 dı ve position absolute di*/
}

.owl-carousel .owl-video-tn {
    background-size: cover !important;
}

.video-wrapper {
    position: relative;
    /* padding-bottom: 30.25%; */
    /* 16:9 */
    padding-top: 125px;
    width: 100%;
}

.accordion-button:not(.collapsed)::after {
    background-image: url('/img/black.png');
    /* transform: var(--bs-accordion-btn-icon-transform); */
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*video in owl*/


/*----------------------------------------------------------------------------------------------------------------------------------------------*/

.navbartop {
    overflow: hidden;
    background-color: #a2195b;
    top: 0;
    z-index: 100;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 10px 0;
}

.navbartoplan {
    background-color: #a2195b;
    width: 100%;
}

.navbartoplan .social-icons2 {
    padding-right: 4rem;
    padding-top: 10px;
}

.navbartoplan .social-icons2 a {
    text-decoration: none;
    background-color: transparent;
    border-radius: 0px;
    height: 35px;
    width: 40px;
    text-align: center;
    font-weight: 600;
    color: #fff
}

.navbartoplan .social-icons2 a:hover {
    background-color: black;
    color: #fff
}

.navbartop a {
    float: right;
    display: block;
    color: #f2f2f2;
    text-align: center;
    text-decoration: none;
    font-size: 17px;
    padding-left: 12px;
    font-weight: 500;
}


/*header 1 css end*/


/* .top {
    background-color: #68c100;
    position: fixed;
    z-index: 100;
    width: 100%;
}

 */

.header1 {
    position: fixed;
    width: 100%;
    top: 0rem;
    /* height: 100px; */
    z-index: 10;
    border-bottom: 2px solid #a2195b;
}

.header1 .headerLogo1 {
    width: 100%;
    object-fit: cover;
    animation: flip;
    animation-duration: 2s;
}

.header1 .menuList li,
.header1 .menuList li a {
    color: #6a6a6a !important;
}

.logoLink1 {
    /* padding-top: 0px; */
    width: 80px;
}

.big-white {
    background-color: white;
}

.collapse1 {
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    /* overflow: scroll; */
}

.nav-bg-color {
    background-color: #a2195b !important;
}

.collapse1 .topPhoneWrapper {
    margin-right: 0;
}

.collapse1 .topPhoneWrapper a {
    /* color: #6a6a6a; */
    color: #a2195b;
}

.collapse1 .menuList a {
    color: #6a6a6a !important;
    font-weight: 600 !important;
    white-space: nowrap;
}

.topPhoneWrapper .callus {
    padding-left: 48rem;
    text-decoration: none;
}


/*header 1 css end*/


/*----------------------------------------------------------------------------------------------------------------------------------------------*/


/*header 2 css start*/

.header2 {
    position: fixed;
    width: 100%;
    top: 0rem;
    height: 100px;
    z-index: 9;
}

.header2 .headerLogo2 {
    width: 100%;
    object-fit: cover;
    animation: flip;
    animation-duration: 2s;
}

.header2 .menuList li,
.header2 .menuList li a {
    color: white !important;
}

.header2 .callus2 {
    padding-left: 48rem;
    text-decoration: none;
    color: white !important;
}

.header2 .drop ul li a {
    color: #6a6a6a !important;
}


/*header 2 css end*/


/*----------------------------------------------------------------------------------------------------------------------------------------------*/


/*lang img css*/

.langimg {
    width: 50px;
    height: 40px;
}


/*lang img css*/


/*----------------------------------------------------------------------------------------------------------------------------------------------*/

.slider1 {
    margin-top: 0rem;
}

.slider1 img {
    width: 100%;
    aspect-ratio: 10/9 !important;
    object-fit: cover;
    /* border: 5px solid #a2195b; */
    margin-top: 10rem;
}

.slider1 .slider-text {
    position: absolute;
    text-align: center;
    width: 80%;
    top: 60%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    padding-bottom: 20px;
    border: 0.25rem solid white;
    background: rgba(255, 255, 255, 0.6);
}

.slider1 .slider-text h1 {
    color: black;
    font-weight: bold;
    font-size: 3rem;
    margin-top: 0.5rem;
}

.slider1 .slider-text .alt-title {
    font-style: italic;
    color: #870000;
    font-size: 1rem;
}

.slider1 .slider-text .detail {
    color: black;
    font-weight: 600;
}


/*slider1 css end*/


/*----------------------------------------------------------------------------------------------------------------------------------------------*/

.banner-area1 img {
    width: 60px;
    height: 60px;
}

.banner-area1 .text-banner {
    font-size: 1.25rem;
    font-weight: bold;
    color: black;
    text-align: center;
}

.banner-area1 p {
    color: black;
    text-align: justify;
    padding: 1rem;
}

.banner-area1 i {
    color: black;
    font-weight: 500;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.banner-area1 i:hover {
    animation: bounce;
    animation-duration: 2s;
    cursor: pointer;
}


/*----------------------------------------------------------------------------------------------------------------------------------------------*/


/*about-part1 css start*/

.about-part1 .about-title {
    font-size: 2rem;
    letter-spacing: 2px;
    font-weight: 600;
}

.about-part1 .img-about img {
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
}


/*about-part1 css end*/


/*----------------------------------------------------------------------------------------------------------------------------------------------*/


/*general css*/

.btn-detail {
    background-color: #a2195b !important;
    padding: 15px 20px;
    color: white;
    border-radius: 20px !important;
    border: 0px !important;
}

.btn-detail:hover {
    color: white !important;
    background-color: #740f40 !important;
    transition: 0.3s;
    border: 0px !important;
}

.btn-top {
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 99;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #a2195b;
    color: white;
    border: none;
}

.btn-top i {
    color: white;
}

.padding-top {
    padding-top: 5rem;
}

.about-par {
    line-height: 35px;
}


/*general css*/


/*----------------------------------------------------------------------------------------------------------------------------------------------*/


/*services1 css start*/

.services1 {
    /* padding-top: 5rem;
    padding-bottom: 5rem; */
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.product-title {
    font-size: 2rem;
    letter-spacing: 2px;
    font-weight: 600;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #740f40;
    color: white;
}

.services1 .card {
    text-align: center;
    border-radius: 10px;
    border: 2px solid #eeeeee;
}

.services1 .card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.pro-card {
    min-height: 450px;
}

.pro-card .detailprocard {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-width: 100%;
}


/*services1 css end*/


/*----------------------------------------------------------------------------------------------------------------------------------------------*/


/*banner-info1 css start*/

.padding-topxs {
    padding-top: 3rem;
}

.banner-info1 {
    background-color: #a2195b;
    /* padding: 10rem 0rem; */
    background-image: url('/img/etibolimg/header.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    aspect-ratio: 22/5;
}

.banner-info2 {
    /* padding: 8rem 0rem;
    background-position: center;
    background-size: auto !important;
    background-repeat: no-repeat;
    margin-bottom: 1rem;
    border-radius: 0.375rem;
    color: #a2195b;
    object-fit: cover !important;
    font-weight: 600;
    font-size: 48px; */
}

.banner-info2 img {
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0.375rem;
}

.banner-info2 h1 {
    margin-left: 3rem;
}

.banner-info1 .banner-info1-title {
    color: white;
    font-weight: bold;
}

.banner-info1 .banner-info1-paragraph {
    color: white;
}


/*banner-info1 css end*/


/*----------------------------------------------------------------------------------------------------------------------------------------------*/


/*galeri css start*/

.gallery1 {
    /*margin-bottom: 3rem;*/
}

.gallery1 .card {
    border-radius: 10px;
    border: none;
}

.card-galeri1 .btn-recipes {
    margin-top: 1rem;
}

.galeri1 {
    margin: 3rem 0;
}

.galeri1 .card {
    background-color: transparent;
    border: none;
}

.galeri1 .card img {
    width: 100%;
    padding: 1rem;
    height: 300px;
    object-fit: cover;
}

.gallery1 .card img {
    border-radius: 10px;
    width: 100% !important;
    object-fit: cover !important;
}

.img-gal {
    width: 100%;
    object-fit: cover;
}


/* .img-gal {
    border-radius: 10px;
} */


/*galeri css end*/


/*----------------------------------------------------------------------------------------------------------------------------------------------*/


/*about-part2 css start*/

.about-part2 {
    background: transparent;
    padding: 14.5rem 0rem 6rem 0rem;
}

.about-part2 .photo-area {
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-part2 .photo-area img {
    width: 100%;
    height: 350px;
    padding: 0.5rem;
    object-fit: cover;
}

.about-part2 .content-title {
    font-weight: 300;
}

.about-part2 small {
    color: #976c62;
    font-weight: 100;
}


/*about-part2 css end */


/*----------------------------------------------------------------------------------------------------------------------------------------------*/


/*services2 start*/

.services2 {
    padding: 12rem 0rem 0rem 0rem;
}

.product-services-title {
    text-align: center;
    padding-top: 2rem;
    font-weight: 300;
    padding-bottom: 0.5rem;
}

.services2 .card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.services2 .btn {
    display: block;
    color: #740f40;
    font-weight: bold;
    text-transform: capitalize;
}

.services2 .btn:focus {
    border: 0 !important;
}

.shadow-card {
    box-shadow: 1px 0px 12px #e1d8db;
    border: 0px;
    outline: 0px;
    border-radius: 20px;
}

.shadow-card img {
    border-radius: 30px;
}


/*services2 end*/


/*----------------------------------------------------------------------------------------------------------------------------------------------*/


/*production1 start*/

.production1 {
    padding: 12rem 0rem 0rem 0rem;
}

.production1 .productlist .active {
    background-color: #a2195b;
}

.production1 .productlist li.active>ul li {
    background-color: #a2195b;
}

.production1 .productlist li.active>ul li:hover {
    background-color: #740f40;
}

.production1 .productlist li.active>ul li a {
    color: white !important;
}

.production1 .productlist li.active>ul li:hover a {
    color: white !important;
}

.production1 .productlist li {
    border: 0;
    border-radius: 0 !important;
}

.production1 .productlist li:hover {
    background-color: #a2195b;
}

.production1 .productlist li:hover>ul li {
    background-color: #740f40;
}

.production1 .productlist li:hover a {
    color: white !important;
}

.production1 .productlist a {
    text-decoration: none;
    color: black;
}

.production1 .productlist li.active {
    /* background-color: #a2195b; */
    border: 0;
}

.production1 .productlist li.active a {
    color: white;
}

.production1 .content-menu {
    border-radius: 0px;
    display: none;
}

.production1 .content-menu li a {
    color: #6a6a6a !important;
}

.production1 .col-menu .item-li a {
    text-decoration: none;
    color: #6a6a6a;
}

.production1 .list-group-item.active {
    background-color: #a2195b;
}

.production1 .list-item:hover {
    background-color: #a2195b;
}

.production1 .list-item:hover a {
    color: white;
}

.production1 .col-menu .item-li {
    border: 0px;
    border-radius: 0px;
}

.production1 .side-menu li a {
    text-decoration: none;
}

.production1 .card-title-pro {
    font-size: 1rem;
    text-align: center;
}

.production1 .btn-detail-pro {
    display: flex;
    justify-content: center;
    background-color: #a2195b;
    color: white;
}

.production1 .btn-detail-pro:hover {
    background-color: #740f40;
    color: white;
}


/*production1 end*/


/*----------------------------------------------------------------------------------------------------------------------------------------------*/


/*productDetail1 css start*/

.productDetail1 {
    margin-top: 12rem;
}

.btn-default-hc {
    background-color: #a2195b;
    color: white;
    padding: 20px;
    border-radius: 0px;
}

.btn-default-hc:hover {
    background-color: #740f40;
    color: white;
}


/*productDetail1 css end*/


/*----------------------------------------------------------------------------------------------------------------------------------------------*/


/*blog1 css start*/

.blog1 {
    margin-top: 9rem;
}

.blog1 .list-group-item.active {
    background-color: #a2195b;
}

.blog1 .list-item:hover {
    background-color: #a2195b;
}

.blog1 .list-item:hover a {
    color: white;
}

.blog1 .list-item a {
    text-decoration: none;
}

.blog1 .active-li a {
    color: white !important;
}


/*blog1 css end*/


/*----------------------------------------------------------------------------------------------------------------------------------------------*/


/*contact1 css start*/

.contact1 {
    padding: 13.5rem 0rem 3rem 0rem;
}

.contact1 input,
.contact1 textarea {
    box-shadow: none !important;
    outline: none !important;
    border-radius: 10px;
    padding: 16px 20px;
    border: 1px solid #a2195b;
}

.contact1 input:focus,
.contact1 textarea:focus {
    border: 1px solid white;
}

.contact-map iframe {
    border-radius: 50px;
}


/*contact1 css end*/


/*----------------------------------------------------------------------------------------------------------------------------------------------*/


/*gallery2 css start*/

.gallery2 {
    margin: 2rem 0rem 4rem 0rem;
}

.gallery2 .card {
    border-radius: 10px;
}

.gallery2 .card img {
    border-radius: 10px;
}


/*gallery2 css end*/


/*----------------------------------------------------------------------------------------------------------------------------------------------*/


/*footer1 css start*/

.footer1 {
    background-color: #030303;
    padding: 45px 0 20px;
    font-size: 12px !important;
    line-height: 24px;
    color: white;
}

.footer1 hr {
    border-top-color: #bbb;
    opacity: 0.5
}

.footer1 hr.small {
    margin: 20px 0
}

.footer1 h6 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 5px;
    letter-spacing: 2px
}

.footer1 a {
    color: white;
}

.footer1 a:hover {
    color: #740f40;
    text-decoration: none;
}

.footer-links {
    padding-left: 0;
    list-style: none
}

.footer-links li {
    display: block
}

.footer-links a {
    color: white;
}

.footer-links a:active,
.footer-links a:focus,
.footer-links a:hover {
    color: wheat;
    text-decoration: none;
}

.footer-links.inline li {
    display: inline-block
}

.footer1 .social-icons1 {
    text-align: right
}

.footer1 .social-icons1 a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: 6px;
    margin-right: 0;
    border-radius: 100%;
    color: white;
    background-color: #740f40;
}

.footer-tit {
    font-size: 1rem;
    font-weight: bold;
}

.footer-menu li a {
    line-height: 30px;
    white-space: nowrap;
}

.footer-menu li a:hover {
    color: wheat !important;
}

.faster-menu ul {
    padding-left: 5px;
}

.faster-menu li {
    list-style-type: none;
    text-align: left;
}

.faster-menu li a {
    text-decoration: none;
}

.copyright-text {
    margin: 0;
}


/* 
.copyright-text a {
    background: url(../img/whitehx.svg) no-repeat;
    margin: 5px auto;
    text-align: end;
    height: 70px;
    width: 50px;
    transition: ease-in .5s;
    background-size: 170px 70px;
    display: inline-block;
}

.copyright-text a:hover {
    height: 70px;
    width: 170px;
    transition: ease-in .5s;
} */

.social-icons1 {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.social-icons2 {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    border-right: 2px solid white;
}

.social-icons1 li {
    display: inline-block;
    margin-bottom: 4px
}

.social-icons2 li {
    display: inline-block;
}

.social-icons1 li.title {
    margin-right: 15px;
    text-transform: uppercase;
    color: #96a2b2;
    font-weight: 700;
    font-size: 13px
}


/* .social-icons2 li.title {
    margin-right: 15px;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    font-size: 13px
} */

.social-icons1 a {
    background-color: #eceeef;
    color: #818a91;
    font-size: 16px;
    display: inline-block;
    line-height: 44px;
    width: 44px;
    height: 44px;
    text-align: center;
    margin-right: 8px;
    border-radius: 100%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.social-icons2 a {
    color: white;
    font-size: 16px;
    display: inline-block;
    padding: 3px 5px 0px 0px !important;
    text-align: center;
    margin-right: 8px;
    border-radius: 100%;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.social-icons1 a:active,
.social-icons1 a:focus,
.social-icons1 a:hover {
    color: white;
    background-color: #921b55;
}

.social-icons1.size-sm a {
    line-height: 34px;
    height: 34px;
    width: 34px;
    font-size: 14px
}

.social-icons1 a.facebook:hover {
    background-color: #c4c4c4;
}

.social-icons1 a.twitter:hover {
    background-color: #c4c4c4;
}

.social-icons1 a.linkedin:hover {
    background-color: #c4c4c4;
}

.social-icons1 a.dribbble:hover {
    background-color: #ea4c89
}


/*footer css end*/


/*ourbrands css start*/

.ourbrands {
    margin-top: 12rem;
    margin-bottom: 3rem;
}


/*ourbrands css end*/

.allrep .btn-detail-pro {
    background-color: #a2195b;
    color: white;
}

.allrep .btn-detail-pro:hover {
    background-color: #740f40;
    color: white;
}

.reports {
    padding-top: 14rem;
    padding-bottom: 3rem;
}

.reports a {
    width: 100%;
}

.reports a img {
    width: 100%;
    object-fit: cover;
    border: 1px solid #740f4041;
    padding: 0.5rem;
    margin-top: 1.25rem;
}

.humanres {
    padding-top: 1rem;
}


/* .radios .form-check{

} */

.humanformtitle {
    font-size: 1rem;
    color: #5a5e64;
}

.recipes .card {
    filter: drop-shadow(8px 8px 10px gray);
    opacity: 0.7;
    transition: ease-in-out 0.2s;
}

.recipes .card:hover {
    filter: drop-shadow(8px 8px 10px gray);
    opacity: 1;
}

.recipes .card .btn-detail-pro {
    background-color: #5a5e64;
    transition: all 2s;
}

.recipes .card:hover .btn-detail-pro {
    background-color: #a2195b;
}

.accordion-button {
    background-color: lightgrey;
    color: #a2195b;
}

.accordion-button:not(.collapsed) {
    background-color: lightgrey;
    color: #a2195b;
}

.accordion-button:focus {
    box-shadow: none !important;
}

.accordion-item {
    border: 1px solid #e9e4e4;
    font-size: 14px;
}

.faq {
    padding: 1rem 0 2rem 0;
}

.brandallimg {
    height: 400px;
    margin: 0.5rem 0;
}

.brandallimg img {
    width: 100%;
    height: 100% !important;
    border-radius: 5px;
}

.radios {
    border: 1px solid #dee2e6;
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
}

.humanres label,
.humanres h5 {
    font-size: 0.875rem
}

.recipedetail {
    padding: 1.25rem 0;
}

.formfranchise input,
.humanres input {
    box-shadow: none !important;
    outline: none !important;
    border-radius: 5px;
    border: 1px solid #f7cbe0;
}

.formfranchise input:focus,
.humanres input:focus {
    box-shadow: none !important;
    outline: none !important;
    border-radius: 5px;
    border: 1px solid #f7cbe0;
}

.formfranchise textarea,
.humanres textarea {
    box-shadow: none !important;
    outline: none !important;
    border-radius: 5px;
    border: 1px solid #f7cbe0;
}

.formfranchise textarea:focus,
.humanres textarea:focus {
    box-shadow: none !important;
    outline: none !important;
    border-radius: 5px;
    border: 1px solid #f7cbe0;
}

.formfranchise .btn-detail {
    color: white !important;
    border-radius: 5px !important;
}

.poz-img img {
    width: 100px;
    animation: flip;
    animation-duration: 2s;
    margin-left: 1rem;
}

.kvkk p {
    font-size: 14px;
    line-height: 28px;
}

.kvkk span {
    font-size: 13px;
    line-height: 28px;
}

.wp-btn {
    height: 60px;
    width: 60px;
    background-color: #68c100;
    border-radius: 30px;
    margin: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    animation: bounce;
    animation-duration: 2s;
    z-index: 999;
}

.wp-btn img {
    height: 60px;
    width: 60px;
    object-fit: cover;
}