*{margin: 0;padding: 0;}
:root{
    /* colors */
    --color-white:#fff;
    --color-black:#000000;
    --color-gray:#575756;
    --color-red:#D9000D;
    --color-text:#707070;
    /* fonts */
    --font-bold:'Bold';
    --font-extra-light:'Light';
    --font-medium:'Medium';
    --font-regular: 'Regular';
    --font-semi-bold: 'SemiBold';
}
@font-face {
    font-family: 'bezar';
    src: url('../fonts/bezar_personal_use_only.otf') format('opentype');
}
img,
a{text-decoration: none;transition: all ease .5s;}
figure,
p,
h1,h2,h3,h4,h5,h6{margin: 0;padding:0}
input,
button{border: none;}
input:focus{border: none;outline: none;box-shadow: none;}
ul{list-style-type: none;margin: 0;padding: 0;}
body{margin: 0;padding:0;position: relative;overflow-x: hidden;}
body::-webkit-scrollbar {display: none;}
/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none;  /* IE and Edge */scrollbar-width: none;  /* Firefox */}
.content{width: calc(100% - 280px);margin: 0 auto;position: relative;}
.dark{background: var(--color-dark-black);}
.blue-bg{background: var(--color-blue);}
.container{max-width: calc(100% - 380px);padding: 0;}
header{position:absolute;width: 100%;z-index: 1050;padding-top: 30px;}
.header{display: flex;justify-content: space-between;align-items: center;max-width: 100%; transition: all ease .5s;inset: 0;padding-right: 16px;}
.header-lang{min-width: 105px;height:50px;border-radius:25px;display:flex;align-items:center;justify-content:center;border: solid 1px var(--color-gray);column-gap: 8px;color:var(--color-white);font-size: 18px;font-family: var(--font-medium);cursor: pointer;}


.fixed-bar-menu{text-align: center;}
.fixed-bar-social{position:absolute;right:30px;top:180px;z-index:9;text-align:center}
.fixed-bar-social ul li a{color:var(--color-white);font-size:24px;display:block;margin-bottom:10px}
.page-top .content{height:100%}
.header-icon a div{display: inline-block;margin:0 auto;cursor: pointer;}
.header-icon a div span{width:30px;height: 2px;background: var(--color-white);margin-bottom: 7px;transition:all ease .5s;display: block;}
.header-icon a div span:last-child{margin-bottom: 0;}
.header-icon a:hover span:first-child{width:20px;margin-left: 10px;}
.header-icon a:hover span:last-child{width: 25px;margin-left: 5px;}
.header-icon a:hover{background: var(--color-dark-blue);}
.fixed-bar-share ul li a{display: flex;justify-content: center;align-items: center;margin-bottom: 25px;position: relative;text-align: center;width: 55px;height: 55px;line-height: 55px;background-color: var(--color-white);border-radius: 50%;}
.fixed-bar-share ul li a::before{content:'';position: absolute;width: 75px;height: 75px;left: -10px;top:-10px;background: rgba(255, 255, 255, 0.50);border-radius: 50%;}
nav ul li{display: inline-block;margin-right: 30px;}
nav ul li a{font-family: var(--font-semi-bold);font-size: 22px;color: var(--color-white);}
nav ul li:last-child{margin-right: 0;}
nav ul li a:hover{color: var(--color-red);}
nav ul li ul{position: absolute;background: var(--color-red);padding: 15px 25px;display:none}
nav ul li ul li{display:block}
nav ul li ul li a{padding: 4px 0;display: block;font-family: var(--font-regular);border-bottom:solid 1px transparent}
nav ul li:hover ul{display:block}
nav ul li ul li a:hover{border-bottom:solid 1px #fff;color:#fff}
.header-icons > ul{display: flex;justify-content: space-between;align-items: center;}
.header-icons ul li:last-child{margin-left: 20px;}
.header-icons .dropdown-toggle::after{right:-5px}
.header-icons .dropdown-toggle{color:var(--color-white);font-size: 18px;font-family: var(--font-medium);padding-left:0}
.header-icons .dropdown-menu[data-bs-popper]{min-width:88px;left: 0;border: none;background: #fff3;text-align: center;padding-top: 55px!important;transition:all ease .5s;margin-top:-50px;margin-left: -8px;}
.header-icons .dropdown-menu[data-bs-popper] a{color:var(--color-white);font-family:var(--font-semi-bold);}
.header-icons a.show.nav-link{border-radius:0;border:none}
.header-icons a.nav-link{display: flex;align-items: center;column-gap: 7px;}
.header-icons ul.dropdown-menu li:last-child{margin-left: 0;}

.slide{position: relative;overflow: hidden;z-index: 1;max-height: 100vh;}
.slide-scroll{position: absolute;z-index: 2;width: 20px;left: calc(50% - 10px);bottom: 30px;}
.slide-scroll .scroll-text{transform: rotate(-180deg);font-family:var(--font-medium);font-size: 14px;color: var(--color-white);padding-top: 86px;position: relative;    writing-mode: tb-rl;}
.slide-scroll .scroll-text::before,
.slide-scroll .scroll-text::after{content: '';position: absolute;height: 52px;width: 1px;background: var(--color-white);}
.slide-scroll .scroll-text::before{top:0;left: 8px;}
.slide-scroll .scroll-text::after{top: 26px;left: 12px;}
.slide .carousel-indicators{display: block;margin: inherit;inset: inherit;}
.slide .slide-number{position:absolute;bottom: 50px;left: 260px;z-index: 2;}
.slide .carousel-indicators [data-bs-target]{border: none;background: none;width: auto;height: auto;opacity: 0.7;text-indent: 0;}
.slide .carousel-indicators a{font-family: var(--font-semi-bold);font-size: 20px;color: var(--color-white);margin-left: 0;margin-right: 25px;position: relative;display: inline-block;transition: all ease .5s;}
.slide .carousel-indicators a::before{content:'';position:absolute;bottom: -50px;width: 1;height: 48px;background: var(--color-white);left: 6px;opacity: 0;transition: all ease .5s;}
.slide .carousel-indicators a.active::before{opacity: 1;}
.slide .carousel-indicators a.active{font-size: 30px;opacity: 1;}

.fixed-whatp{position: fixed;right: 20px;bottom: 20px;height: 195px;text-align: center;background: var(--color-white);padding:20px 12px;border-radius: 40px;z-index: 99;width: 77px;}
.fixed-whatp p{font-family: var(--font-regular);font-size: 10px;color: var(--color-red);}
.fixed-whatp p,
.fixed-whatp a{margin-bottom: 6px;display: block;}
 .fixed-whatp a:last-child{margin-bottom:0}

.digit-container{display: flex;}
.digit-content{display:flex;justify-content: center;align-items:center;padding: 40px;background: var(--color-red);margin: -50px auto 0;position: relative;z-index: 9;column-gap: 50px;}
.digit-item{display: flex;align-items: center;column-gap: 15px;max-width: 290px;color: var(--color-white);line-height: 1;}
.digit-item h2{font-family: var(--font-bold);font-size: 38px;}
.digit-item p{font-family: var(--font-regular);font-size: 18px;}


.home-about .home-about-container {padding-top: 90px;margin-top: 80px;background:url('../images/aboutbg.png') no-repeat top right;max-width:1240px;margin-left: auto;margin-right: auto;}
.home-about-container h3{font-family:bezar ;font-size: 83px;color: var(--color-red);text-align: center;line-height: 0.8;margin-bottom: 60px;}
.home-about-container h3 span{font-family:var(--font-semi-bold) ;font-size: 50px;color: var(--color-black);}
.home-about-service{display: flex;flex-wrap: wrap;gap: 30px;}
.home-about-service-item{display: flex;align-items: center;gap: 20px;color: var(--color-black);font-family: var(--font-semi-bold);font-size: 26px;line-height: 1;}
.home-about-service-item .service-icon{min-width: 102px;min-height: 102px;border-radius: 50%;background: var(--color-red);text-align: center;}
.home-about-service-item .service-icon img{display: inline-block;margin: 23px 0;}
.home-about-content{display: flex;align-items: flex-end;}
.home-about-brand{display: flex;gap: 30px;flex-wrap: wrap;}

.about-cover img{margin-left: -190px;}

.home-product{background:#E9E9E9 url('../images/homeproductbg.png') no-repeat center center/cover;padding: 125px 0; margin-top: 120px;position: relative;}
.big-text{text-align: center;position: absolute;left: 0;right: 0;font-size: 164px;font-family: var(--font-bold);color: #ffffff80;z-index: 1;}
.product-content-container{position: relative;z-index: 2;margin-top: 140px;}

.home-search{text-align: center;color: var(--color-white);background:url('https://birlesimtarim.com/content/images/search-bg.png') no-repeat center bottom/cover var(--color-dark-black);padding-top: 350px;padding-bottom: 300px;}
.product-content{width: 330px;height: 360px;position: relative;}
.product-content a h4{overflow: hidden;display: block;max-height: 4.2rem;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;font-family: var(--font-semi-bold);font-size: 26px;color:var(--color-black);padding: 0 40px;text-align: center;transition: all ease .5s;}
.product-content .product-image{display: flex;justify-content: center;align-items: center;height: 270px;margin-bottom: 20px;}
.product-content:hover a h4{color: var(--color-red);}
.home-category-slide-bottom{margin-top: 80px;}

aside.category-list{margin-bottom:30px}
 aside.category-list ul li a{padding:10px;background: #f8f8f8;display: block;font-size: 18px;font-family: var(--font-medium);color: var(--color-black);margin-bottom: 5px;transition:all ease .5s;position:relative}
        aside.category-list ul li a.active,
        aside.category-list ul li a:hover{background:var(--color-red);color:#fff}

        aside.category-list ul li a::before{content: "\f105";position: absolute;right: 20px;font-family: "Font Awesome 6 Free";font-weight: 900;transition: all ease .5s;font-size: 14px;top:13px;transition:all ease .5s}
.banner{height: 550px;text-align: center;color: var(--color-white);font-family:var(--font-regular);font-size: 23px;background:url('../images/bg2.png') no-repeat center center/cover;}
.banner h5{font-size: 50px;}
.banner h5 span{color: var(--color-red);font-family: var(--font-semi-bold);}

.section-blog{margin-top: 70px;}
.section-blog .catalog{padding: 0 30px;}
.blog-list{position: relative;display: flex;align-items: center;column-gap: 12px;}
.blog-action{display: flex;justify-content: center;flex-direction: column;gap:15px;align-items: center;text-align: center;}
.blog-action .b-owl-prev img{transform: rotate(90deg);}
.blog-action .b-owl-next img{transform: rotate(90deg);}
.blog-action .b-owl-prev,
.blog-action .b-owl-next{height: 50px;}

.blog-content{min-height: 240px;width: 100%;position: relative;display: flex;column-gap: 30px;flex-wrap: wrap;margin-bottom: 30px;}
.blog-image{max-width: 390px;overflow: hidden;height: 100%;}
.blog-info{padding:10px 0 ;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;width: calc(100% - 480px);}
.blog-info a.btn{margin-left: 0;}
.blog-info .blog-date{font-family: var(--font-regular);font-size: 16px;color:var(--color-red);}
.blog-info h6{font-family: var(--font-semi-bold);font-size: 26px;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;overflow: hidden;line-height: 1;margin: 10px 0;}
.blog-info p{font-family: var(--font-regular);font-size: 23px;-webkit-line-clamp: 2;display: box;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space: normal;overflow: hidden;line-height: 1;}


.section-newsletter{background: #F8F8F8;display:flex;margin-top: 140px;}
.newsletter-col{width:calc(100% / 3);padding:70px 20px 20px 75px ;color: var(--color-black);}
.newsletter-col:first-child{padding-left: 140px;}
.newsletter-col h6{font-family: var(--font-semi-bold);font-size: 50px;}
.newsletter-col p{font-family: var(--font-regular);font-size: 23px;margin-bottom: 40px;}
.newsletter-col form{position: relative;width: 390px;}
.newsletter-col input[type="text"]{width:390px;height: 50px;border: none;background: transparent;border-bottom: solid 2px #000;font-family: var(--font-regular);font-size: 23px;margin-bottom: 10px}
.newsletter-col button{position: absolute;right: 0;top: 10px;background: #F8F8F8;padding-left: 10px;color: var(--color-red);font-family:var(--font-semi-bold);font-size: 23px;}
.newsletter-col small{font-family: var(--font-regular);font-size: 14px;color: #000;margin-left: 5px;}
.newsletter-col small a{color: var(--color-red);text-decoration: underline;}
.newsletter-col input[type="checkbox"]{width: 20px;height: 20px;border: solid 1px #707070;border-radius: 3px;background: #F8F8F8;}
.newsletter-col:last-child{background: url('../images/videobg.png') no-repeat center center/cover;color: var(--color-white);}
.newsletter-col:last-child a{color: var(--color-white);}


h2.title{font-family:var(--font-medium);font-size: 50px;color: var(--color-dark-black);margin-bottom: 24px;}
h2.title span{font-family: var(--font-bold);color: var(--color-red);}
.h3{font-family: var(--font-semi-bold);font-size: 50px;color: var(--color-dark-black);text-align: center;margin-bottom:50px;}
.dark h2.title{color:var(--color-white)}
.btn{display: block;text-align: center;margin-left: auto;margin-right: auto;font-family: var(--font-semi-bold);font-size: 23px;color: var(--color-black);text-align: left;}
.btn i{transition: all ease .5s;transform: rotate(-40deg);font-size: 16px;margin-left: 10px;}
.btn:hover{color: var(--color-red);}
.btn:hover i{transform: rotate(0);}
.m-60{margin-top: 60px;margin-bottom: 60px;}
.mb-110{margin-bottom: 110px;}
.red-btn{background: var(--color-red);color: var(--color-white);}
.white-btn{background: var(--color-white);color: var(--color-blue);}
.blue-btn{background: var(--color-blue);color: var(--color-white);}
.red-btn:hover{background: var(--color-blue);box-shadow:#ffffff1a 0 0 15px;color: var(--color-white);}
.white-btn:hover{background: var(--color-blue);box-shadow:#ffffff1a 0 0 15px;color: var(--color-white);}
.blue-btn:hover{background: var(--color-red);box-shadow:#ffffff1a 0 0 15px;color: var(--color-white);}
.span-red span{color: var(--color-red);}
.span-blue span{color: var(--color-blue);}




.home-category-slide-bottom.product-slide-bottom img{filter: none;}
.product-slide-bottom .owl-dot{background: var(--color-blue);}
.product-slide-bottom .owl-dot.active::before{border-color: var(--color-blue);}
#ProductSlide .product-content{width: 100%;}


footer{position: relative;padding-top: 70px;background: url('../images/footerbg.png') no-repeat center center/cover;}
.footer{display: flex;align-items: flex-start;column-gap: 100px;}
.footer-logo  img{width: 300px;margin-bottom: 30px;}
.footer-container{display: flex;align-items: center;column-gap: 200px;}
.footer-container .footer-menu{display: flex;align-items: flex-start;justify-content: space-between;width: 100%;}
.footer-col h6{font-family: var(--font-semi-bold);font-size: 23px;color: var(--color-white);}
.footer-col ul li a{display: inline-block;color: var(--color-white);font-size:23px;font-family: var(--font-regular);margin-bottom: 4px;}

.footer-social ul li{display: inline-block;margin-right: 37px;}
.footer-social ul li a{color: var(--color-white);font-size: 26px;}


.copyright{display: flex;flex-direction: row;justify-content: space-between;padding:15px 0;border-top: solid 1px #707070;margin-top: 50px;line-height: 1;}
.copyright a,
.copyright{color:#929292;font-family: var(--font-medium);font-size: 14px;}

.copyright ul{display: flex;align-items: center;}
.copyright ul li{position: relative;padding:0 15px;}
.copyright ul li::before{content: '';position: absolute;width: 1px;top:0;bottom: 0;background: #929292;left: 0;}
.copyright ul li:first-child{padding-left: 0;}
.copyright ul li:first-child::before{display: none;}


.mega-content{position: fixed;inset: 0;z-index: 999;background: url('../images/menu.png');top:0;height:0;overflow: hidden; transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1);}
.mega-content::before{content: '';position: absolute;z-index: -1;background:url('https://birlesimtarim.com/content/images/bg-mega.png') no-repeat top center;inset: 0;top:100px;}
.mega-contact .contact-row{background: none;}
.mega-containers{display: flex;justify-content: center;align-items: center;height: 100vh;padding-top: 100px;flex-direction: column;}
.mega-container{display: flex;justify-content: space-between;height: auto;position: relative;z-index: 9;align-items: center;width: 100%;}


.mega-content .copyright{position: absolute;bottom: 0;left: 0;right: 0;margin: 0;border: none;}
.mega-menu{position: relative;height: 100%;}
.mega-menu ul{display: flex;justify-content: space-around;flex-direction: column;height: 100%;position: relative;}
.mega-menu ul li{display: block;position: relative;margin-bottom: 20px;}
.mega-inner h2,
.mega-menu ul li a{font-family: var(--font-semi-bold);color: var(--color-white);font-size: 50px;}
.mega-menu ul li a:hover::before{border-color:var(--color-white);width: 100%;}
.mega-menu ul li a span{position: absolute;left: -10px;width: 0px;height: 1px;background: var(--color-white);top: 33px;opacity: 0;transition: all ease .5s;}

.mega-menu ul li:hover a,
.mega-menu ul li a.active{padding-left: 25px;color:var(--color-red)}
.mega-menu ul li:hover a span,
.mega-menu ul li a.active span{opacity: 1;width: 30px;}

.mega-inner{text-align: end;}
.mega-inner h6,
.mega-inner .footer-social ul li a,
.mega-inner a{font-size: 22px;color: var(--color-white);font-family: var(--font-regular);}
.mega-inner h6,
.mega-inner a span{font-family: var(--font-semi-bold);}
.mega-inner .footer-social ul li{margin-right: 10px;}
.mega-inner .footer-social ul li:last-child{margin-right: 0;}
.mega-inner .footer-social{margin:40px 0; }
.mega-inner .footer-file a{display: block;width: 140px;display: flex;align-items: center;line-height: 1;text-align: end;float: right;column-gap: 10px;}
.mega-inner .footer-file a i{font-size: 36px;}

.ham {cursor: pointer;-webkit-tap-highlight-color: transparent;transition: transform 400ms;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.hamRotate.active {transform: rotate(45deg);}
.hamRotate180.active {transform: rotate(180deg);}
.line {fill:none;transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;stroke:var(--color-white);stroke-width:2.5;stroke-linecap:round;}
.ham6 .top {stroke-dasharray: 40 172;}
.ham6 .middle {stroke-dasharray: 30 111;}
.ham6 .bottom {stroke-dasharray: 40 172;}
.ham6.active .top {stroke-dashoffset: -132px;}
.ham6.active .middle {stroke-dashoffset: -71px;stroke-dasharray: 40 172;}
.ham6.active .bottom {stroke-dashoffset: -132px;}



header::after{content: '';position: absolute;right: 0;width: 0;bottom: 0;background: var(--color-blue);height: 100%;transition: all ease .5s;z-index: -1;}
header.sticky::after{width:100%;}
header.sticky{box-shadow: #00000045 0 5px 10px;position: fixed;background: var(--color-red);padding: 10px 0;}
header.sticky .header-logo img{width:250px}
header.sticky nav ul li a:hover{color:var(--color-gray)}

.menu--open:before, .menu--open:after {height: 100%;}
.menu--open:before {transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1);-webkit-transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1);-ms-transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1); -o-transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1);}
.menu--open:after { transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1) 0.3s; -webkit-transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1) 0.3s; -moz-transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;-ms-transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1) 0.3s; -o-transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;}
.menu--open { height: 100%;transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;-webkit-transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;-moz-transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;-ms-transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1) 0.3s; -o-transition: height 0.9s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;}

.page-top{height: 370px;background: url('../images/ustbg.png') no-repeat center center/cover;margin-bottom: 94px;position: relative;}
.page-content{display: flex;justify-content: center;align-items: center;height: 100%;}

.page-content .page-breadcrumb{max-width: 310px;}
.page-bottom{position: absolute;left: 0;right: 200px;bottom: 0;display: flex;justify-content: space-between;align-items: flex-end;padding-bottom: 15px;}
.page-content .page-action{max-width: 210px;}
.page-content .page-title h1{font-family: var(--font-semi-bold);font-size: 70px;color:var(--color-white);}
.page-bottom .page-breadcrumb ul{line-height: 1;}
.page-bottom .page-breadcrumb ul li{position: relative;display: inline-block;padding-left: 10px;padding-right: 10px;}
.page-bottom .page-breadcrumb ul li::before{content: "\f105";position: absolute;left:-8px;font-family: "Font Awesome 6 Free";font-weight: 900;color:var(--color-white)}
.page-bottom .page-breadcrumb ul li:first-child{padding-left: 0;}
.page-bottom .page-breadcrumb ul li:first-child::before{display: none;}
.page-bottom .page-breadcrumb ul li:last-child{padding-right: 0;}
.page-bottom .page-breadcrumb ul li a{font-family: var(--font-semi-bold);font-size: 18px;color: var(--color-white);display: inline-block;}
.page-dropdown a.dropdown-toggle{width: 210px;height: 60px;line-height: 60px;background: var(--color-red);color: var(--color-white);padding: 0 0 0 20px;border-top-right-radius: 5px;border-top-left-radius: 5px;font-family: var(--font-semi-bold);font-size: 20px;}
.page-dropdown{bottom: -40px;position: relative;}
.page-dropdown::after{content: '';position: absolute;width: 30px;height: 24px;left: -18px;bottom: 15px;background: #880008;transform: rotate(45deg);z-index: -1;}
.dropdown-toggle::after{border: none;margin: 0;content: "\f107";position: absolute;right: 30px;font-family: "Font Awesome 6 Free";font-weight: 900;transition: all ease .5s;}
.dropdown-toggle.show::after{transform: rotate(180deg);}
.dropdown-menu.show {right: 0;padding: 10px 20px;background: var(--color-red);border: none;border-radius: 0;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.dropdown-menu.show a{color:var(--color-white);font-family: var(--font-semi-bold);font-size: 18px;display: block;padding: 8px 0;border-bottom: solid 1px transparent}
.dropdown-menu.show a.active,
.dropdown-menu.show a:hover{border-color: var(--color-white);}

.blog-page .blog-image{max-width: 500px;}
.blog-page .blog-info{width: calc(100% - 530px);padding: 28px 0;}
.blog-page .blog-content{background: #F6F6F6;}
.blog-page .blog-info p{-webkit-line-clamp: 3;}

.production-page{margin-bottom: 130px;align-items: center;}
.production-page h3{margin-bottom: 10px;text-align: left;}
.production-page p{font-family: var(--font-regular);font-size: 20px;}
.section-production .production-page:nth-child(even){flex-direction: row-reverse;}
.section-production .production-page:nth-child(even) p,
.section-production .production-page:nth-child(even) h3{text-align: end;}

.service-content{display: flex;align-items: flex-start;column-gap: 20px;text-align: end;margin-bottom: 30px;}
.service-icon{background: red;display: flex;align-items: center;justify-content: center;min-width: 136px;min-height: 136px;}
.service-info h4{font-family: var(--font-semi-bold);font-size: 26px;margin-bottom: 5px;}
.service-info p{font-family: var(--font-regular);font-size: 20px;}
.service-page .service-content:nth-child(even){text-align: start;flex-direction: row-reverse;}

.about-content{display: flex;column-gap: 30px;}
.about-col{max-width: 50%;position: relative;margin-bottom: 130px;}
.about-col img{width: 100%;}
.about-col h2{font-family: var(--font-semi-bold);font-size: 50px;color: var(--color-blue);margin-bottom: 20px;}
.about-col p{font-family: var(--font-medium);font-size: 18px;margin-bottom: 20px;}
.about-col .home-about-service{background: #F4F4F4;border-radius: 20px;padding: 25px 75px 15px;}
.about-col .home-about-service img{width: 57px;filter: brightness(1.5);}
.about-col .home-about-service p{margin-bottom: 0;}
.about-list{position: absolute;min-width: 690px;left: -250px;}



.gallery-action{display: flex;justify-content: center;align-items: center;margin-bottom: 60px;column-gap: 15px;}
.gallery-action a{display: inline-block;text-align:center;color: var(--color-black);background: var(--color-blue);font-family: var(--font-semi-bold);font-size:30px;margin-right: 40px;}
.gallery-action a:hover,
.gallery-action a.active{color: var(--color-red);text-decoration: underline;}
.gallery-action a:last-child{margin-right: 0;}
/* .gallery-container{display: flex;justify-content: center;align-items:center;flex-wrap: wrap;gap: 30px ;} */
.gallery-image{position: relative;overflow: hidden;margin-bottom: 20px}
.gallery-image:hover img{transform: scale(1.2);}
.product-gallery .swiper-slide i,
.gallery-image i{font-size: 32px;right: 20px;top: 10px;color: var(--color-red);position: absolute;}

.document-container{display: flex;flex-wrap: wrap;gap:30px;}
.document-control{width: 390px;padding: 20px 20px 10px;background: #EBEBEB;}
.document-control .document-image{min-height: 160px;max-height: 160px;overflow: hidden;margin-bottom: 20px;display: flex;justify-content: center;align-items: center;}


.contact-col .footer-social ul li a,
.contact-col .footer-contact ul li a{color: var(--color-blue);}
.contact-col .footer-contact ul li span{color: var(--color-dark-black);}
.contact-container{display: flex;justify-content: space-between;}
.contact-container .contact-form{max-width: 670px;}
.contact-container .contact-form .form-control{border-radius: 10px;padding-left: 25px;border: solid 1px #E2E2E2;height: 50px;font-family: var(--font-medium);margin-top: 20px;}
.contact-container .contact-form .form-control:focus{outline: none;box-shadow: none;}
.contact-container .contact-form .form-control::placeholder{font-size: 13px;color: #B9B9B9;}
.contact-container .contact-form textarea{min-height: 145px;max-height: 145px;padding-top: 15px;}
.contact-container .contact-form label{position: absolute;background: white;padding: 3px 5px;margin-left: 20px;margin-top: -15px;font-family: var(--font-medium);font-size: 18px;}
.form-check-input[type=checkbox]{min-width: 21px;height: 21px;border: solid 1px #E2E2E2;}
.form-check-label{font-family:var(--font-regular);font-size: 13px;color: #B9B9B9;}
.pl-0{padding-left: 0;}
.pr-0{padding-right: 0;}
.contact-map{margin: 110px 0 80px;}
.map iframe{width: 100%;height: 390px;}
.country-container{display: flex;flex-wrap: wrap;column-gap: 30px;justify-content: center;}
.country-container .country{position: relative;min-width: 545px;margin-bottom: 100px;text-align: center;}
.country-container .country a span{position: absolute;inset: 0;display: flex;justify-content: center;align-items: center;font-family: var(--font-bold);font-size: 40px;color: var(--color-blue);}
.contact-col h6{color: var(--color-black);}
.contact-col li{margin-bottom: 30px;}

.departman-box{width: 390px;background: var(--color-red);padding: 32px;color: var(--color-white);}
.departman-box h6{font-family: var(--font-bold);font-size: 30px;margin-bottom: 15px;}
.departman-box ul li a{color:var(--color-white);font-size: 22px;font-family: var(--font-regular);}
.news,
.departman-container{display: flex;justify-content: center;gap: 30px;align-items: center;flex-wrap: wrap;}


.category-content{position: relative;padding: 20px 0 0 30px;height: 275px;transition: all ease 0.5s;}
.category-bg{position: absolute;inset: 0;z-index: 0;display: flex;align-items: flex-start;justify-content: center;height: 250px;overflow: hidden;}
.category-bg img{filter: brightness(0.2);transition: all ease .5s;}
.category-text{position: relative;z-index: 2;}
.category-text h3{color: var(--color-white);font-size:20px;font-family: var(--font-semi-bold) ;}
.category-image{width: 100%;transition: all ease .5s;position: absolute;z-index: 1;top: 0;}
.category-image a.btn{position: absolute;bottom: 0;margin: 0;padding: 0;opacity: 0;transition: all ease .5s;}
.category-content:hover{padding-top:30px;}
.category-content:hover .category-image{top: 50px;}
.category-content:hover a.btn{opacity: 1;}
.category-content:hover .category-bg img{transform: scale(1.2);filter: brightness(1);}
.category-group{margin-bottom: 130px;}
.category-group-title .h3{background: var(--color-white);position: relative;padding: 0 20px;}
.category-group-title::before{content: '';left: 0;right: 0;position: absolute;z-index: -1;height: 1px;background: var(--color-red);top:29px}

.detail-bg{background: url('../images/slidebg.png') no-repeat bottom center/contain;}
.product-detail-slide{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.slide-top{display: flex;justify-content: space-between;align-items: center;}
.product-slide-vertical,
.product-detail-files{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.product-detail-files .file-box{width: 110px;height: 160px;text-align: end;color: var(--color-white);font-family: var(--font-semi-bold);font-size: 23px;padding: 13px 16px;background: var(--color-red);margin-bottom: 15px; cursor:pointer;}
.product-detail-files .file-box i{font-size: 45px;margin-top: 5px;}
.product-slide-vertical{width: 130px;}
.product-slide-vertical .slide-item{margin-bottom: 10px;border: solid 1px #707070;width: 130px;height: 130px;display: flex;align-items: center;cursor: pointer;}
.slide-text h3{font-family: var(--font-semi-bold);font-size: 70px;text-align: center;margin: 10px 0;}

.product-detail-info p{font-family: var(--font-regular);font-size: 20px;text-align: center;}
.product-detail-attributes{margin: 40px 0 90px;}
.product-detail-attributes ul{display: flex;justify-content: space-between;align-items: flex-start;text-align: center;}
.product-detail-attributes ul li i{color: var(--color-red);font-size: 23px;}
.product-detail-attributes ul li p{font-family: var(--font-semi-bold);font-size: 20px;margin-top: 8px;}


.detail-section.section-production .production-page:nth-child(even) p, .detail-section.section-production .production-page:nth-child(even) h3{text-align: start;}
.detail-section.section-production .production-page h3{color:var(--color-red)}

.table-row table{width: 100%;}
.table-row table thead{background: var(--color-red);color: var(--color-white);font-family:var(--font-semi-bold) ;font-size: 18px;text-align: center;}
.table-row table thead tr th{padding: 10px;border-right: solid 1px #fff;}
.table-row table thead tr th:last-child{border-right: none;}
.table-row table tbody tr{background: #F6F6F6;color: var(--color-black);font-family:var(--font-medium) ;font-size: 18px;text-align: center;transition: all ease .5s;}
.table-row table tbody tr td{padding: 10px;}
.table-row table tbody tr:nth-child(even){background:#DCDDDE;}
.table-row table tbody tr:hover{background: red;}
.table-row table tbody tr:hover td{color: var(--color-white);}

.product-gallery-top{width: 100%;position: relative;display: flex;justify-content: space-between;align-items: center;}
.product-gallery-top .product-gallery-title{font-family: var(--font-semi-bold);background: var(--color-white);padding-right: 20px;line-height: .9;}
.product-gallery-top .product-gallery-title small{font-size: 24px;color:#C5C5C5;}
.product-gallery-top .product-gallery-title h4{color: var(--color-red);font-size: 50px;}

.product-gallery-top .product-gallery-action{background: var(--color-white);padding-left: 20px;}
.product-gallery-top .product-gallery-action a{font-size:30px;display: inline-block;border:solid 2px var(--color-red);border-radius: 50%;width: 56px;height: 56px;display: inline-block;line-height: 52px;text-align: center;color: var(--color-red);}
.product-gallery-top .product-gallery-action a:hover{color: var(--color-black);border-color: var(--color-black);}
.product-gallery-top::before{content: '';position: absolute;z-index: -1;left: 0;right: 0;height: 1px;background: var(--color-red);}

.login-modal{position: fixed;z-index: 1051;inset: 0;display: flex;justify-content: center;align-items: center;background:url('../images/loginbg.png') no-repeat center center/cover var(--color-black);}
.login-content{text-align: center;width: 580px;}
.login-content .login-logo{margin-bottom: 30px;}
.login-content .login-text{font-family: var(--font-medium);font-size: 20px;color: var(--color-white);margin-bottom: 30px;}
.login-content input{width: 340px;border-radius: 5px;height: 60px;padding-left: 38px;font-family: var(--font-medium);font-size: 14px;margin-bottom: 12px;}
.login-content button{width: 340px;border-radius: 5px;height: 60px;text-align: center;background: var(--color-red);color: var(--color-white);font-family: var(--font-semi-bold);font-size: 18px;transition: all ease .5s;}
.login-content button:hover{background: #880008;}

.product-details{display: flex;column-gap: 14px;align-items: flex-start;}



.corporate-section{background: url('../images/Group%201153.png') no-repeat left center;}
.corporate-text{padding-top: 80px;}
.corporate-text h2{color: var(--color-red);font-family: var(--font-medium);font-size: 35px;}
.corporate-text h2{font-family: var(--font-bold);margin-bottom: 18px;}
.corporate-text p{font-family: var(--font-regular);font-size:20px;margin-bottom: 25px;}
.corporate-video{height: 430px;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 26px;}
.corporate-video .h3{font-size: 26px;color: var(--color-black);margin-top: 15px;}
.corporate-info{background: url('../images/Group%201052.png') no-repeat bottom center;}

.mission-section{padding: 185px 0 85px;background: url('../images/mission.png') no-repeat bottom center/cover;}
.mission-digit{flex-wrap: wrap;display: flex;column-gap: 30px;row-gap: 50px;}
.mission-digit .digit-item{ min-width: 270px;}
.mission-section h3{font-family: var(--font-semi-bold);font-size: 50px;color: var(--color-white);margin-bottom: 8px;}
.mission-section p{font-family: var(--font-regular);font-size: 20px;color: var(--color-white);margin-bottom: 35px;} 

.home-category{padding: 70px 0 50px;background: url('https://birlesimtarim.com/content/images/footer-bg.png') no-repeat center center var(--color-blue);}
.home-category h3{font-family: var(--font-bold);font-size: 50px;text-align: center;color: var(--color-white);margin-bottom: 70px;}
.home-category-content{width: 340px;text-align: center;border-left:solid 1px var(--color-blue) ;padding: 20px 0;}
.home-category-content .home-category-info{color: var(--color-white);font-family: var(--font-medium);font-size: 30px;margin-bottom: 34px;} 
.home-category-slide-bottom img{filter: brightness(5);}
.home-category-slide-bottom{display: flex;justify-content: center;align-items: center;column-gap: 27px;}
.owl-dot{width: 10px;height: 10px;border-radius: 50%;margin-right: 20px;position: relative;transition: all ease .5s;background: var(--color-white);z-index: 2;}
.owl-dot.active{width:7px;height: 7px;}
.owl-dot::before{content:'';position: absolute;width: 19px;height: 19px;z-index:-1;left: -6px;top: -6px;border-radius: 50%;transition: all ease .5s;opacity: 0;border: solid 2px transparent;}
.owl-dot.active::before{opacity: 1;border-color: var(--color-white);}
.p-dots,
.slide-bottom-dots{margin:40px 0 ;}
.slide-bottom-dots .owl-dot:last-child{margin: 0;}

.history-section{position: relative;overflow: hidden;padding-top: 122px;}
.history-section::before{content: '';position: absolute;width: 2240px;height: 2240px;border-radius: 360%;border: var(--color-red) solid 1px;left:-160px;top:155px}
.history-action{display: flex;justify-content: center;}
.history-action .history-years{min-width: 180px;background: var(--color-red);border-radius: 5px;height: 70px;text-align: center;line-height: 75px;color: var(--color-white);font-size: 50px;font-family: var(--font-semi-bold);}
.history-action .history-prev,
.history-action .history-next{background: var(--color-red);border-radius: 50%;width: 60px;height: 60px;text-align: center;padding-top: 11px;}
.history-action .history-prev a,
.history-action .history-next a{color: var(--color-white);border: solid 1px var(--color-white);border-radius: 50%;padding: 4.5px 13.2px;font-size: 25px;}
.history-action .history-prev{margin-right: 110px;margin-top: 28px;}
.history-action .history-next{margin-left: 110px;margin-top: 28px}
.history-slide{text-align: center;max-width: 960px;margin:80px auto 0}
.history-info{width:100%}
.history-info h2{font-family: var(--font-semi-bold);font-size: 50px;color: var(--color-red);margin-bottom: 30px;}
.history-info p{font-family: var(--font-regular);font-size: 20px;margin-bottom: 50px;}
.history-info .histyor-img{position: relative;}
.history-info .histyor-img .years{position: absolute;right: 0;bottom: -80px;font-family: var(--font-semi-bold);font-size: 150px;color:#E8E8E8 ;}

.left-dot::before,
.right-dot::before,
.left-dot::after,
.right-dot::after{content:'';position: absolute;background-color: var(--color-red);border-radius: 50px;}
.left-dot::after{left: 222px;}
.right-dot::after{right: 222px;}

.left-dot::after,
.right-dot::after{top: 190px;width: 18px;height: 18px;}

.left-dot::before,
.right-dot::before{width: 26px;height: 26px;top: 100px;}
.left-dot::before{left: 390px;}
.right-dot::before{right: 390px;}
@keyframes ulOpen {
  0%{
    opacity: 0;
    padding: 0;
  }
  100%{
    opacity: 1;
    padding: 10px 20px;
  }
}

@media (max-width:480px){
  
}

@media (max-width:992px) {
    body{overflow-x:hidden}
  .content{width:calc(100% - 20px)}
  .container{ max-width: calc(100% - 40px);}
    header{padding-top:10px;position:relative;background:var(--color-red)}
    .header{padding-right:0}
    .header-logo img{width:140px}
    .fixed-bar-social,
    .about-cover,
    .big-text,
    .header-nav{display:none}
    .header-icons ul li:not(:first-child){display:none}
    .digit-content{flex-direction:column;row-gap:40px;align-items:flex-start;margin:0 auto}
    .home-about-container h3{font-size:54px}
    .h3,
    .banner h5,
    .mission-section h3,
   .home-about-container h3 span{font-size:32px}
    .blog-list,
    .copyright,
    .footer-container,
    .footer-container .footer-menu,
    .slide-top,
    .gallery-action,
    .product-gallery-top,
    .contact-container,
    .home-about-content{flex-direction:column;}
    .home-about-col.w-50{width:100%!important;}
    .home-about-col .text-start{text-align:center!important}
    .home-about-service{justify-content: center;}
    .mission-section p,
    .product-detail-info p,
    .product-gallery-top .product-gallery-title small,
    .banner p{font-size:18px}
    .footer-container .footer-menu,
    .blog-info{width:100%;text-align:center}
        .blog-info a.btn{margin-left:auto}
    .blog-action{flex-direction:row;margin-top:50px}
    .blog-action .b-owl-next img,
    .blog-action .b-owl-prev img{transform:rotate(0)}
    .section-newsletter{flex-direction:column-reverse}
    .newsletter-col form,
    .newsletter-col input[type="text"],
    .newsletter-col{width:100%;}
    .newsletter-col:first-child{padding-left:20px}
    .newsletter-col{padding-left:20px}
    .footer-container .footer-menu{align-items:center;row-gap:30px;margin-top:30px}
    .copyright{align-items:center;row-gap:5px}
    .fixed-whatp p{display:none}
    .fixed-whatp{height:auto;padding:10px;width:auto}
    .mega-inner{display:none}
    .mega-menu ul{text-align:center}
    .mega-menu{width:100%}
    .product-gallery-top::before,
    .page-action{display:none}
    .page-bottom{left:20px;right:20px;text-align:center;align-items:center;justify-content: center;}
    .corporate-section{background:none!important}
    .gallery div{width:100%!important}
    .product-slide-vertical, .product-detail-files
    {flex-direction:row;column-gap:10px;margin-top:10px;align-items:center;width:100%}
        .product-slide-vertical .slide-item{width:100%;height:auto}
        .product-gallery-top .product-gallery-title h4,
    .slide-text h3{font-size:34px}
    .production-page{margin-bottom:35px}
    .production-info{margin-top:20px}
    .table-row{overflow-x:scroll}
    .product-gallery{overflow:hidden}
    .gallery-action a{margin-right:0}
    .blog-page .blog-info{width:100%;padding:20px}
    .service-page .service-content:nth-child(even),
    .service-content{flex-direction:column;align-items:center;justify-content:center;text-align:center;row-gap:20px}
    .service-page{margin-top:150px}
    .page-content .page-title h1{font-size:42px}

    .left-dot, .right-dot,
    .history-section::before{display:none}
    .history-action .history-prev{margin-right:30px;margin-top:10px}  
    .history-action .history-next{margin-left:30px;margin-top:10px}
    .history-slide{margin-top:40px}
    .history-info h2{font-size:38px;margin-bottom:10px}
    .history-info p{margin-bottom:10px;font-size:16px}
    .history-section{padding-top:25px}
    .history-info .histyor-img .years{font-size:70px;bottom:-38px}
    .page-top{height:180px}
    .mega-menu ul li a{font-size:24px}
    .home-about-brand {flex-direction: column;align-content: center;align-items: center;padding-top: 30px;}
    .product-content-container{margin-top:0}
    .newsletter-col{text-align:center}
    .newsletter-col .btn{text-align:center}
    .newsletter-col h6{font-size:30px}
    .newsletter-col p{font-size:18px}
    .newsletter-col:last-child img{width:40px;height:40px}
    .product-detail-files .file-box{width:100%;text-align:center;height: auto;text-align:center}
    .category-group{flex-wrap:wrap;justify-content: center;gap: 20px;}
    .category-content,
    .category-group .col-lg-4{width:330px!important;padding:0}
    .category-content{padding:20px}
    .home-about .home-about-container{background-position:center center!important}
    .blog-image{margin:0 auto}
    .footer-social ul{text-align:center}
    .footer-social ul li{margin-right:0}
    .mission-digit{justify-content:center}
    .document-control{width:347px}
    .footer-contact,
    .contact-col h3{text-align:center}
    .product-detail-attributes ul{justify-content:center;gap: 20px;flex-wrap:wrap}
}
@media (min-width:993px) and (max-width:1099px) {
 
}
@media (min-width:1100px) and (max-width:1280px) {
 
}

@media (min-width:993px) and (max-width:1440px) {
  .content{width:calc(100% - 20px)}
  .container{ max-width: calc(100% - 40px);}
   header{padding-top:10px;}
  .header{padding-right:20px}
  .header-logo img{width:170px}
  .fixed-bar-social,
    .big-text,
    .header-nav{display:none}
  .digit-content{flex-wrap:wrap;row-gap:30px}
  .home-about-container h3{font-size:68px}
  .h3,
  .banner h5,
  .mega-inner h2, .mega-menu ul li a,
  .mission-section h3,
  .home-about-container h3 span{font-size:38px}

  .home-about-service-item .service-icon{min-width:60px;min-height:60px}
  .home-about-service-item .service-icon img{width:30px;height:30px;margin:0}
  .home-about-col .btn{width: 100%;display: inline-block;margin: 30px 0;}
  .product-content-container{margin:0}
  .product-content-container .text-center p{font-size:18px!important;margin:10px auto!important}
  .banner p,
  .footer-col ul li a,
  .mega-inner a,
  .mission-section p,
  .btn{font-size:18px}
  .banner,
  .banner div{height:370px!important;}

  .blog-image{width:180px}
  .blog-info{width:calc(100% - 215px)}
  .blog-info h6{font-size:16px}
  .blog-info p{font-size:12px}
  .blog-info a.btn{display:none}
  .blog-content{min-height:auto}

  .newsletter-col form,
  .newsletter-col input[type="text"]{width:100%}
  .newsletter-col:first-child{padding-left:20px}
  .newsletter-col:last-child img{width:40px;height:40px}
  .newsletter-col h6{font-size:30px}
  .newsletter-col p{font-size:14px}
  .footer-container{column-gap:90px}
  .footer-logo img{width:220px}
  .footer-social ul li{margin-right:30px}
  .mega-inner h6{font-size:20px}
  .mega-inner .footer-logo,
  .mega-inner li{margin-bottom:10px}
  .page-bottom{right:40px}

  .left-dot, .right-dot,
  .history-section::before{display:none}
  .history-action .history-prev{margin-right:30px;margin-top:10px}  
  .history-action .history-next{margin-left:30px;margin-top:10px}
  .history-slide{margin-top:40px}
  .history-info h2{font-size:38px;margin-bottom:10px}
  .history-info p{margin-bottom:10px;font-size:16px}
  .history-slide{width:768px}
    .slide-text h3{font-size:34px}
    .product-detail-info p{font-size:18px}
}


@media  (min-width:2048px) {
  body{
      zoom:1.3;
  }
}

@media  (min-width:3840px) {
  body{
      zoom:1.7;
  }
}

/*----------------------------------------------Search-Page----------------------------------------------*/
.search-page{ position: fixed; width: 100%; height: 100%; background: var(--color-red); z-index: 800; top:0; right: -100%; display: flex; flex-direction: column; justify-content: center; align-items: center;transition: all ease 0.5s;}
.search-page.active{ right: 0;}
.search-page-close{ margin-bottom:70px;}
.search-page-close span{ cursor: pointer;}
.search-page-close span svg{ cursor: pointer; transition: all ease 0.5s;}
.search-page-close span:hover svg{ transform: rotate(90deg);}
.search-page-main{ display: flex; align-items: center; justify-content: space-between;}
.search-page-image img{ max-width: 100%;}
.search-page-context{margin: 0 20px;}
.search-page-context h2{ font-family: var(--font-bold); font-size: 40px; color:var(--color-white); text-align: center;}
.search-page-context p{ font-family: var(--font-medium); font-size: 14px; color:var(--color-white); text-align: center; margin: 0; padding: 0;}
.search-page-input-groups{ margin-bottom: 20px; display: flex; justify-content: space-between;}
.search-page-input-groups input{ width: 73%; height: 45px; border: 1px solid transparent; border-radius: 30px; padding-left: 50px;font-family: var(--font-medium); font-size: 14px; color:var(--color-black); outline: none; transition: all ease 0.5s;}
.search-page-input-groups input::placeholder{ color: #BEBEBE;}
.search-page-input-groups input:focus{ box-shadow: 1px 1px 10px 1px lightblue; background: #ffffff36;padding-left: 25px; color:var(--color-white);}
.search-page-input-groups button{ width: 25%; height: 45px; background: var(--color-black); color:var(--color-white); border: 1px solid transparent; border-radius: 30px; outline: none; text-align: center; transition: all ease 0.5s;}
.search-page-input-groups button:hover{ background: #00000036; box-shadow: 1px 1px 10px 1px lightblue;}
/*-------------------------------------------------Home-Search-------------------------------------------*/
.home-search{ position: relative; height: 220px; margin-top: -110px;  z-index: 100;}
.home-search-content{ width: 100%;  background: var(--color-red);  border-radius: 100px; padding:15px 0;}

/*------------------------------------------------Get-Offer-------------------------------*/
.get-offer{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:99999; background:#000000b9; display:flex; justify-content:center; align-items:center;display:none;}
.get-offer-content{ width:70%; height:80%; background:#fff; padding: 10px 25px; overflow-y: scroll;}
.get-offer-content::-webkit-scrollbar{ background:#fff; width:5px;}
.get-offer-content::-webkit-scrollbar-thumb{ background:var(--color-red);}
.get-offer-content h5{ font-family: var(--font-bold); font-size: 20px; color:var(--color-black);}
.modal-close-btn{ margin-bottom:25px; display:flex; justify-content:end; align-items:center;}
.modal-close-btn i{ cursor:pointer; font-size:22px; color:var(--color-red); transition:all ease 0.5s;}
.modal-close-btn i:hover{ transform:rotate(360deg);}
.form-input-group{ margin-bottom:25px; position:relative;}
.form-input-group input,.form-captcha input{ position:relative; width: 100%; height: 50px; border: 1px solid var(--color-gray); border-radius: 10px; font-family: var(--font-regular); font-size: 13px; color: var(--color-black); padding-left: 20px; outline: none; transition: all ease 0.5s;}
.form-input-group input::placeholder,.form-input-group textarea::placeholder{ color: #000000;}
.form-input-group textarea{ width: 100%; height: 115px; border: 1px solid var(--color-gray); border-radius: 10px; font-family: var(--font-regular); font-size: 13px; color: var(--color-black); padding-left: 20px; padding-top: 20px; outline: none; transition: all ease 0.5s;}
.form-input-group input:focus,.form-input-group textarea:focus{ background: var(--color-gray); color: var(--color-white);}
.product-code{ display:flex; align-items:center; margin-bottom:15px;}
.product-code label{ margin-right:5px; font-family: var(--font-regular); font-size: 18px;}
.product-code h6{ margin:0; padding:0; font-family: var(--font-bold); font-size: 18px; color:var(--color-black);}
.form-captcha{ display:flex; align-items:center; margin-bottom:25px;}
.form-captcha img{ width:35px;  background:transparent; cursor:pointer;}
.form-captcha input{ margin-right:5px;}
#captcha{ margin-right:10px;}
.formgonder:hover{border:1px solid var(--color-red);color:var(--color-red);}
.category-content:hover {margin-bottom:75px;}
.category-image a.btn{bottom:-45px;}
body{overflow:auto;}
body.passive{overflow:hidden;}
.page-bottom .page-breadcrumb ul li:nth-child(1) a,.page-bottom .page-breadcrumb ul li:nth-child(2) a{font-family:var(--font-bold);}
@media only screen and (max-width:1550px){
    .history-section::before{width:1825px;height:1825px}
    .left-dot::before{left:225px;}
    .right-dot::before{right:235px;}
    .left-dot::after{left:85px;}
    .right-dot::after{right:95px;}
    .search-page-context h2{font-size: 28px; }
    .search-page-input-groups button{ font-size: 12px; }
    .home-search{ margin-top: 50px; }
}
@media only screen and (max-width:768px){
    .get-offer-content{
        width:90%;
        height:90%;
    }
    .product-code,.form-captcha{
        display:flex;
        flex-direction:column;
        align-items:start;
    }
    .mini-menu,.search-page{
        display: flex;
        padding: 120px 0 20px 0;
    }
    .search-page-input-groups{
        flex-direction:column;
        align-items:center;
    }
    .search-page-input-groups input{
        width:100%;
        margin-bottom:15px;
    }
    .search-page-input-groups button{
        width:125px;
    }
}