/* Reset and base styles */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     text-decoration:none !important;
     list-style: none;
}
 body {
     font-family: "Montserrat", sans-serif;
     min-height: 100vh;
}
h4,h5,h6{
    font-size: 16px !important;
}
 .namecaspian h4 {
     color: black;
     font-weight: 500;
     font-size: 24px;
     margin-bottom: 5px;
}
 .namecaspian p {
     display: block;
     font-weight: 500;
     font-size: 16px;
     color: #a4a2a2;
}
 .namecaspian {
     margin-top: 15px;
     text-align: center;
}
 .kaspianclima {
     position:relative;
     width:306px;
     height:459px;
     margin-bottom: 10px;
}
.teamsGrid a {
    color: #000;
}
.innerGrid.teamsGrid .kaspianclima {
    height: auto;
}
.kaspianclimaPhoto {
    width: 100%;
    height: 450px;
    overflow: hidden;
}
 .kaspianContents p {
     font-weight: 600;
     color:white;
     margin-top: 10px;
     line-height: 24px;
}
 .kaspianContents :hover {
     bottom:60px;
}
 .kaspianContents {
     position: absolute;
     width: 100%;
     text-align: center;
     font-size: 18px;
     padding: 0px 20px;
     bottom: 20px;
     left: 50%;
     transform: translate(-50%, 100%);
     color: white;
     text-shadow: 0px 0px 10px #000;
     opacity: 0;
     transition: all 0.4s ease-in-out;
}
 .kaspianclima img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 #page .kaspianclima {
     width: 31%;
     height: 450px;
     position: relative;
     overflow: hidden;
}
 .climaWrapper h2 {
     font-size:32px;
}
 .climaWrapper {
     display: flex;
     gap: 40px;
     justify-content: center;
     flex-wrap: wrap;
}
 .modal-form.sticky-e-form {
     padding: 32px 24px;
     position: sticky;
     top: 0;
     z-index: 2;
     background-color: #fff;
     border-radius: 28px;
     box-shadow: 0px 3px 25px rgba(0, 30, 69, 0.2);
     margin-top: 40px;
}
 body.dark-mode .sticky-e-form h4{
     color: #000;
}
 .sticky-e-form h4 {
     font-size: 28px;
     line-height: 36px;
     text-align: left;
     margin-bottom: 10px;
}
 .sticky-e-form p {
     text-align: left;
     margin: 16px 0;
     line-height: 1.3;
}
 .input-div {
     width: 100%;
     margin: 15px 0;
}
 .input-div input {
     width: 100%;
     border: 2px solid #e6ecf2;
     padding: 12px 20px;
     border-radius: 4px !important;
     font-size: 14px !important;
     outline: none;
     transition: all .3s ease;
}
 .input-div select, .input-div option, .input-div textarea::placeholder{
     color: #757575;
}
 .input-div select {
     width: 100%;
     border: 2px solid #e6ecf2 !important;
     padding: 12px 14px;
     border-radius: 4px !important;
     font-size: 14px !important;
     outline: none;
     transition: all .3s ease;
}
 .input-div textarea {
     width: 100%;
     border: 2px solid #e6ecf2;
     padding: 12px 20px !important;
     border-radius: 4px !important;
     font-size: 14px !important;
     outline: none;
     transition: all .3s ease;
}
 .input-div button {
     cursor: pointer;
     background: #ffeb3e;
     color: #000;
     border-radius: 4px;
     line-height: 50px;
     transition: 0.3s ease-in-out;
     padding: 0 26px;
     margin-bottom: 15px;
     width: 100%;
     font-size: 15px;
     font-weight: 500;
     border: 0;
}
 .input-div button:hover {
     background-color: #927a27;
     color: #fff;
}
 ul.article-list {
     max-height: 230px;
     overflow-y: auto;
     scrollbar-width: thin;
}
 .open_drop ul::-webkit-scrollbar {
     width: 6px;
}
 .open_drop ul::-webkit-scrollbar-track {
     background: #f1f1f1;
}
 .open_drop ul::-webkit-scrollbar-thumb {
     background: #aaa;
     border-radius: 10px;
}
 .second-header .main-nav {
     width: unset;
}
 .main-nav {
     display:flex;
     width:100%;
     justify-content:space-between;
}
 .location {
     display: flex;
     align-items: center;
}
 .location img {
     width: 45px;
}
 .calling {
     margin-left: 10px;
     font-weight: bold;
}
 .calling p {
     font-size: 12px;
     font-weight: 800;
     margin: 0;
     color: #535050;
     white-space: nowrap 
}
 .location{
     max-width:187px;
     margin-left:7px;
     display: flex !important;
     align-items:center;
     gap: 5px;
}
.footer_list.second_list li:nth-child(1){
    display: none;
}
 .footer-top1 {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
}
 .social_icons ul {
     display: flex;
     list-style: none;
     padding: 0;
     margin: 0;
}
 .social_icons p {
     color: #fff;
     font-size: 14px;
}
 .footer-logo img {
     height: 25px;
}
 .innerGrid.brendGrid {
     display:grid;
     gap: 15px;
}
 .innerGrid.brendGrid>a {
     width: 100%;
     height: 250px;
}

.innerContet .brendGrid>a {
    border: 1px solid rgba(9, 48, 72, .2);
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    object-fit: contain;
    padding: 17px;
    overflow: hidden;
}
 .card-text ul li p{
     margin:0;
}
 .innerGrid .front-news-item{
     width: 100%;
     max-width: 100%;
}
 .innerGrid .front-news-item img {
     min-height: 252px;
     height: 252px;
}
 .innerGrid .front-news-item strong{
     min-height: 90px;
}
 .front-news-item .fn__svg {
     background-color: #fff;
     border-radius: 50%;
     right: 0;
     transform: rotate(-45deg);
     top: 50%;
     width: 35px;
     padding: 8px;
     height: 35px;
     margin:0 8px;
     transition: .3s;
}
 .front-news-item .fn__svg:hover {
     transform: rotate(0deg);
}
 .services-redirect-button {
     margin-top: 10px;
}
 .services-redirect-button {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     flex: 1;
     margin-bottom: 30px;
}
 .services-redirect-button .button {
     position: relative;
     display: inline-block;
     z-index: 1;
     padding: 14px 60px 14px 30px;
     font-weight: 600;
     font-size: 18px;
     line-height: 1.5;
     color: black;
     background-image: linear-gradient(90deg, #fdd835 0%, #fff176 100%);
     border-radius: 30px;
     border: 0;
     overflow: hidden;
     cursor: pointer;
}
 .services-redirect-button span {
     position: relative;
     z-index: 3;
     display: inline-block;
     margin-bottom: 1px;
     will-change: transform;
     transform: translateZ(0);
     transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
 .services-redirect-button .button:before {
     content: "";
     position: absolute;
     z-index: 3;
     top: calc(50% - 5px);
     right: 30px;
     width: 10px;
     height: 10px;
     background: #fff;
     border-radius: 50%;
     will-change: transform;
     transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
 .services-redirect-button .button:after {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     z-index: 2;
     width: 100%;
     height: 100%;
     background: rgb(244, 116, 36);
     transition: opacity 0.4s ease-in-out;
     opacity: 0;
}
 .services-redirect-button .button:hover:before {
     transform: translate3d(45px, 0, 0) scale(0.5);
}
 .services-redirect-button .button:hover:after {
     opacity: 1;
}
 .services-redirect-button .button:hover span {
     transform: translate3d(15px, 0, 0);
}
 .f66 .front-news-item {
     position: relative;
     justify-content: space-between;
}
 .f66 img {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     z-index: 1;
     opacity: 0;
     filter: brightness(.5);
     transition: .5s all ease;
}
 .f66 .front-news-item:hover strong, .f66 .front-news-item:hover span {
     color: white;
}
 .f66 .front-news-item:hover img {
     opacity: 1;
}
 .f33 {
     flex: 1 1 33.33333%;
     max-width: 33.33333%;
     width: 33.33333%;
}
 .f66 span,strong {
     color:black;
}
 .f33 span {
     color:black;
}
 .f33, .f66 {
     padding: 0 0.75rem 1.5rem;
}
 .f33 .front-news-item {
     height: 100%;
     width:100%;
     max-width:100%;
}
.front-news-items .front-news-item {
    width: 100%;
}
 .front-news-item {
     background-color: #f5f5f5;
     border-radius: 20px;
     display: flex;
     flex-direction: column;
     line-height: 1.2;
     padding: 2rem;
}
 .front-news-item img, .front-news-item picture {
     border-radius: 16px;
}
 .front-news-item img {
     object-fit: contain;
}
 .front-news-item img {
     margin-bottom: 1.5rem;
     -o-object-fit: cover;
     object-fit: cover;
}
 .front-news-item img, .front-news-item picture {
     border-radius: 16px;
}
 .front-news-item>.flex {
     padding-inline: 0.625rem;
}
 .front-news-item strong {
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     display: -webkit-box;
     font-size: 2rem;
     letter-spacing: -0.96px;
     margin-bottom: 2.875rem;
     overflow: hidden;
}
 .front-news-item .link {
     font-size: 1rem;
     font-weight: 500;
     margin-bottom: 0;
     padding: 0.65625rem 3.5rem 0.65625rem 0;
}
 .front-news-item .link:after {
     background-color: #fff;
     border-radius: 50%;
     height: 2.5rem;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 2.5rem;
}
 .front-news-item .date {
     color: #b5b5b5;
}
 .f66 {
     gap: 1.5rem;
     flex: 1 1 66.66666%;
     max-width: 66.66666%;
     width: 66.66666%;
}
 .front-news-item strong {
     font-size: 1.5rem;
     letter-spacing: -0.72px;
}
 #blog {
     padding: 3rem 0;
     background-color: #F6F7F9;
}
 #layiheler {
     padding: 3rem 0;
}
#layiheler .front-news-item img {
    width: 100%;
}
 .projectWrap {
     width: 100%;
     float: left;
    /* padding: 100% 0 0 0;
     */
     height: 300px;
     position: relative;
}
 .projectWrap .inner {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
    /* padding: 10px;
     */
     overflow: hidden;
}
 .projectWrap .inner .project {
     width: 100%;
     height: 100%;
     float: left;
    /* background: #fff;
     */
     border-radius: 5px;
    /* box-shadow: 0px 2px 4px 1px rgba(56, 72, 84, 0.1);
     */
    /* padding: 10px;
     */
     position: relative;
     overflow: hidden;
     cursor: pointer;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
}
 .projectWrap .inner .project .innerWrap {
     width: 100%;
     height: 100%;
     float: left;
     position: relative;
     overflow: hidden;
     border-radius: 1px;
}
 .projectWrap .inner .project .innerWrap .image {
     width: 100%;
     height: 100%;
     float: left;
     position: relative;
     border-radius: 1px;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     border-radius: 10px;
     filter: brightness(.7);
     transition: transform 0.3s ease;
}
 .projectWrap .inner .project .innerWrap .metaWrap {
     width: 100%;
     height: 100px;
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 2;
     padding: 0 10px 10px;
    /* transform: translate3d(0px, 20px, 0px);
     */
     transition: transform 0.3s ease, opacity 0.3s ease;
}
.noMailLine {
    height: 1px;
    width: 100%;
    background: #000;
    border-radius: 5px;
    opacity: .2;
    display: inline-block;
}
 .projectWrap .inner .project .innerWrap .meta {
     width: 100%;
     height: 100%;
     color: #fff;
     display: flex;
     flex-direction: column;
     justify-content: center;
}
 .meta h5 {
     font-weight: 600;
     font-size: 1.1rem;
}
 .projectWrap .inner .project:hover {
     transform: translate3d(0px, -5px, 0px);
    /* box-shadow: 0px 5px 8px 3px rgba(56, 72, 84, 0.2);
     */
}
 .projectWrap .inner .project:hover .image {
     transform: scale(1);
}
 projectWrap .inner .project:hover .image:before {
     opacity: 1;
}
 .projectWrap .inner .project .innerWrap .image:before {
     content: '';
     width: 100%;
     height: 100%;
     position: absolute;
     border-radius: 1px;
     top: 0;
     left: 0;
     z-index: 1;
     background: #c2141645;
     opacity: 0;
     transition: opacity 0.3s ease;
     border-radius: 10px;
}
 .projectWrap {
     width:100%;
     float:left;
    /*padding:100% 0 0 0;
    */
     height: 300px;
     position:relative;
}
 .projectWrap .inner {
     width:100%;
     height:100%;
     position:absolute;
     top:0;
     left:0;
    /*padding:10px;
    */
     overflow:hidden;
}
 .projectWrap .inner .project {
     width:100%;
     height:100%;
     float:left;
    /*background:#fff;
    */
     border-radius:5px;
    /*box-shadow:0px 2px 4px 1px rgba(56,72,84,0.1);
    */
    /*padding:10px;
    */
     position:relative;
     overflow:hidden;
     cursor:pointer;
     transition:transform 0.3s ease, box-shadow 0.3s ease;
}
 .projectWrap .inner .project .innerWrap {
     width:100%;
     height:100%;
     float:left;
     position:relative;
     overflow:hidden;
     border-radius:1px;
     -webkit-mask-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
 .projectWrap .inner .project .innerWrap .image {
     width:100%;
     height:100%;
     float:left;
     position:relative;
     border-radius:1px;
     background-size:cover;
     background-position:center center;
     background-repeat:no-repeat;
     border-radius: 10px;
     filter: brightness(.7);
     transition:transform 0.3s ease;
}
 .project:hover .image {
     filter: brightness(1);
}
 .projectWrap .inner .project .innerWrap .image:before {
     content: '';
     width: 100%;
     height: 100%;
     position: absolute;
     border-radius: 1px;
     top: 0;
     left: 0;
     z-index: 1;
     background: #c2141645;
     opacity: 0;
     transition: opacity 0.3s ease;
     border-radius: 10px;
}
 .projectWrap .inner .project .innerWrap .metaWrap {
     width:100%;
     height:100px;
     position:absolute;
     bottom:0;
     left:0;
     z-index:2;
     padding:0 10px 10px;
    /*transform:translate3d(0px,20px,0px);
    */
     transition:transform 0.3s ease, opacity 0.3s ease;
}
 .projectWrap .inner .project .innerWrap .meta {
     width:100%;
     height:100%;
    /*background:rgba(255,255,255,1.0);
    */
     color: #fff;
     display:flex;
     flex-direction:column;
     justify-content:center;
}
 .projectWrap .inner .project:hover {
     transform: translate3d(0px, -5px, 0px);
    /* box-shadow: 0px 5px 8px 3px rgba(56, 72, 84, 0.2);
     */
}
 .projectWrap .inner .project:hover .image {
     transform:scale(1);
}
 .projectWrap .inner .project:hover .image:before {
     opacity:1;
}
 .projectWrap .inner .project:hover .metaWrap {
     transform: translate3d(0px, -30px, 0px);
     opacity: 1;
}
 .projectWrap .inner .project:hover .meta h5 {
     transform:scale(1);
}
 .modal-body {
     display: flex;
    /* flex */
     flex-direction: column;
    /* flex-col */
     gap: 1rem;
}
 .innerGrid.blogGrid {
     display:grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 10px;
}
 .innerGrid {
     display:grid;
     grid-template-columns: repeat(5, 1fr);
     gap: 10px;
}
 #innerPages .innerGrid {
     grid-template-columns: repeat(4, 1fr);
}
 .modal-body input {
     border: 1px solid #e6ecf2;
     padding-left: 1rem;
    /* px-4 = 16px */
     padding-right: 1rem;
     padding-top: 0.75rem;
    /* py-3 = 12px */
     padding-bottom: 0.75rem;
     color: #000000;
     border-radius: 0.375rem;
    /* rounded-md ≈ 6px */
     outline-color: #86cd33;
}
 .modal-body textarea {
     width: 100%;
     padding: 0.75rem;
    /* p-3 = 12px */
     border: 1px solid #e6ecf2;
     border-radius: 0.375rem;
    /* ≈ 6px */
     outline-color: #86cd33;
     resize: none;
}
 .modal-header {
     display: flex;
     align-items: center;
     padding-bottom: 0.75rem;
    /* 3 * 0.25rem = 12px */
     border-bottom: 1px solid #D1D5DB;
    /* gray-300 */
}
 .modal-header h1 {
     color: #1F2937;
     font-size: 25px !important;
     font-weight: 700;
     flex: 1;
}
 .buttononlayn {
     background-color: #ffeb3e;
     color: black;
     padding:12px 46px;
     border:none;
     border-radius:28px;
}
 .full-story-navigation{
     display:flex;
     gap:10px;
     align-items:center;
}
 .full-story-navigation a,.full-story-navigation span{
     color: rgba(0,0,0,1);
     transition:.3s;
}
 .full-story-navigation a{
     font-size:15px;
}
 .full-story-navigation span i{
     font-size:13px;
}
 .full-story-navigation a:hover{
     opacity:0.6;
}
 .innerGrid.staticBlog {
     display:grid;
     grid-template-columns: repeat(3, 1fr) !important;
     gap: 10px;
}
 .blog-all-sides{
     display: flex;
     justify-content: space-between;
     border-top: 1px solid rgba(242, 242, 242, 1);
     margin-top: 30px;
}
 .blog-full-left-side{
     border-right: 1px solid rgba(242, 242, 242, 1) ;
     width: 70%;
     padding: 30px 30px 0 0;
}
 .blog-left-side-head{
     background: rgba(0, 0, 0, 0.05);
     padding: 16px;
     border-radius: 4px;
     margin: 20px 0 40px 0;
}
 .bloglar-left-side-avtor-all{
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
}
 .bloglar-avtor-img-all{
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0 50px 0 0 ;
}
 .blog-full-story h2{
     font-size:25px;
}
 .blog-full-story h3{
     font-size:20px;
     margin:0 0 20px 0;
}
 .blog-full-story ol{
     list-style:"1";
     padding-left:40px;
}
 .blog-full-story ul{
     list-style:disc;
     padding-left:40px;
}
 .blog-full-story ol li{
     list-style-type: none;
     counter-increment: my-sec-counter;
     line-height:30px;
     padding: 0 0 6px 8px;
     position:relative;
}
 .blog-full-story ol li::before{
     content: counter(my-sec-counter ) ;
     position: absolute;
     left: -24px;
     top: 2px;
     font-size: 14px;
     line-height: 22px;
     color: #fff;
     border-radius: 3px;
     text-align: center;
    /* background: 100% 0 no-repeat #f9af22;
     */
     background: #f9af22 url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAWCAMAAAA/86biAAAANlBMVEX////5ryL5tC7//vv7w1r//Pj//PX/+vH/+vD+9eT81o780oT7ymz7yGj7xmD6wVT6vEb6tzklMqcOAAAAMElEQVQI12MgHnAzg0hGHlYgycTIwgEiGQU4QSQjH4jkZweJszEwCPKClHIxE2kwACwgALUm5O19AAAAAElFTkSuQmCC) 100% 0 no-repeat;
     padding: 0 9px;
     background-size:contain;
     height: 22px;
}
 .blog-full-story ul li{
     line-height:30px;
     padding:0 0 6px 0;
}
 .blog-full-story ul li::marker{
     color:#baba00;
}
 .bloglar-avtor-img {
     margin-right: 16px;
}
 .bloglar-avtor-img img{
     width: 48px;
     height: 48px;
     object-fit:cover;
     border-radius: 50%;
}
 .bloglar-avtor-content h3{
     font-size: 16px;
     line-height: 24px;
}
 .avtor-content-down span{
     color: rgba(117, 117, 117, 1);
     font-size: 14px;
     line-height: 24px;
     padding: 0 8px 0 0;
}
 .post-share-icons{
     text-align:center;
     padding: 70px 0 40px 0;
}
 .post-share-icons h5{
     font-size:30px;
     line-height:36px;
}
 .avtor-icons,.down-icons{
     display: flex;
     gap: 13px;
     flex-wrap: wrap;
     align-items:center;
}
 .down-icons{
     justify-content:center;
}
 .down-icons a .fa-twitter{
     margin-left:2px;
}
 .avtor-icons span{
     font-size:16px;
}
 .avtor-icons a{
     width: 35px;
     height: 35px;
     background: #454545;
     color: aliceblue;
     display: inline-flex;
     margin:0 8px 0 0 ;
     justify-content: center;
     font-size:14px;
     transition:.3s;
     align-items: center;
     border-radius: 50% ;
}
.avtor-icons a:last-child{
     margin: 0 ;
}
 .avtor-icons a:hover{
     opacity:0.6;
}
 .blog-full-left-side-blog-name{
     padding: 30px 0;
     line-height:26px;
}
 .blog-left-side-full-title h2{
     font-size: 32px;
     line-height: 40px;
     padding: 20px 0 50px 0;
     font-weight: 600;
}
/*.blog-full-left-side-blog-name p{
    */
    /* font-size: 20px;
    */
    /* line-height: 32px;
    */
    /*
}
*/
 .blog-full-left-side-blog-name img{
     width: 100%;
     transition: .4s;
     max-height: 456px;
     border-radius:20px;
     object-fit: cover;
     margin-bottom: 1rem;
}
 .blog-full-right-side{
     padding: 20px 0 0 20px;
     text-align: start;
     width: 30%;
}
 .blog-right-side-avtors-img img{
     width: 88px;
     height: 88px;
     object-fit:cover;
     border-radius: 50%;
}
 .blog-right-side-avtors-img h4{
     font-size: 16px;
     padding: 16px 0 5px 0;
}
 .blog-right-side-avtors-img p{
     color: rgba(117, 117, 117, 1);
     font-size: 14px;
}
 .blog-right-side-other-blogs{
     padding: 30px 0;
}
 .blog-right-side-other-blog{
     border-bottom: 1px solid rgba(242, 242, 242, 1);
     padding: 20px 0;
}
 .other-blog-img{
     display:flex;
     justify-content:space-between;
     align-items:center;
}
 .other-blog-avtor-img-name{
     display: flex;
     justify-content: start;
     align-items: center;
     padding: 0 0 10px 0;
}
 .other-blog-avtor-img-name h4{
     font-size: 13px;
     color: rgba(41, 41, 41, 1);
}
 .other-blog-avtor-img-name img{
     width: 20px;
     height: 20px;
     object-fit:cover;
     border-radius: 50%;
     margin-right: 8px;
}
 .other-blog-img img{
     width: 56px;
     height: 56px;
     object-fit:cover;
     border-radius: 2px;
}
 .other-blog-img h5{
     color: #000;
     font-size: 16px;
     line-height:20px;
     width:90%;
}
 .blog-right-side-other-blog:hover .other-blog-img h5{
     opacity:0.8;
}
 .down-icons{
     padding: 20px 0 0px 0;
}
 .down-icons a{
     margin: 0 20px 0 0 ;
     width: 45px;
     height: 45px;
     color: aliceblue;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     border-radius: 50% ;
     font-size: 20px;
     transition:.3s;
}
 .down-icons a:last-child{
     margin:0 ;
}
 .down-icons a:hover{
     background:transparent;
}
 .post-facebook{
     background: #3B5998;
     border: 2px solid #3B5998;
}
 .post-facebook:hover{
     color:#3B5998;
}
 .post-whatsapp{
     background: rgb(77, 194, 71);
     border: 2px solid rgb(77, 194, 71);
}
 .post-whatsapp:hover{
     color: rgb(77, 194, 71);
}
 .post-youtube:hover{
     color: rgb(77, 194, 71);
}
 .post-pinterest{
     background: rgb(203, 32, 39);
     border:2px solid rgb(203, 32, 39);
}
 .post-pinterest:hover{
     color: rgb(203, 32, 39);
}
 .post-linkedin{
     background: rgb(0, 119, 181);
     border: 2px solid rgb(0, 119, 181) ;
}
 .post-linkedin:hover{
     color:rgb(0, 119, 181);
}
 .post-twitter{
     background: #009be9;
     border:2px solid #009be9;
}
 .post-twitter:hover{
     color:#009be9;
}
 .full-story-navigation-arrow{
     font-size:14px;
}
 .masha_index{
     display:none;
}
 .inside_page_padding {
     padding-bottom: 5rem;
}
 .about-inside {
     position: relative;
}
 .content_wrapper {
     padding: 55px 60px;
     box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
     margin-top: -107px;
     background: white;
     position: relative;
}
/*.static_page .quote:first-child {
    */
    /* margin: 0 auto 15px;
    */
    /*
}
*/
 .static_page .container {
     width: 100%;
     padding-right: 95px;
     padding-left: 95px;
}
 .static_page .quote img {
     width: 100%;
     height: 450px;
     border-radius: 5px;
     margin: 0 auto;
     margin-bottom:30px;
     object-fit: cover;
     filter: grayscale(1);
}
 .quote {
     display: flex;
     flex-wrap: wrap;
     align-items: flex-start;
     justify-content: center;
}
 .static_page .quote p {
     margin-bottom: 5px;
}
/* Şəkil */
 .quote img {
    /*max-width: 50%;
    */
     width: 100%;
     height: auto;
     border-radius: 8px;
     box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
 .inside_page_padding {
     padding: 50px 20px;
}
 .about-inside img:first-child {
     margin: 0;
     width: 100%;
}
 .about-inside img {
     height: 450px;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
}
 .about-inside .overlay {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background-image: linear-gradient(to top, rgb(255 202 40 / 60%) 8%, rgb(0 0 0 / 48%) 82%);
}
 .form .btn:hover {
     box-shadow: 5px 5px 15px rgb(0 0 0 / 30%);
     color: #fff;
}
 .about-inside h3 {
     position: absolute;
     bottom: 70px;
     color: #fff;
     font-weight: 500;
     padding:0 15px;
}
 .pages_title h3 {
     margin: 0;
     font-weight: 600;
     font-size: 45px;
     letter-spacing: 1px;
     text-shadow: 1px 1px #000;
}
 .form .btn {
     font-size: 16px;
     background: #22262a;
     color: #fff;
     margin-top: 15px;
     font-weight: 700;
     letter-spacing: 0.5px;
     -webkit-transition: 0.2s linear;
     -moz-transition: 0.2s linear;
     -o-transition: 0.2s linear;
     transition: 0.2s linear;
     width: 100%;
}
 .contactsecond {
     display: flex;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px;
}
 .input_wrap {
     position: relative;
}
 .input_wrap .effect:focus ~ label, 
 .input_wrap .effect:active ~ label,
 .input_wrap input:not(:placeholder-shown) ~ label{
     top: -5px;
     font-size: 12px;
     color: #ffca28;
     opacity: 1;
}
 .input_wrap input:focus, .input_wrap textarea:focus {
     outline: none;
     box-shadow: none;
}
 .input_wrap label {
     position: absolute;
     left: 0;
     top: 12px;
     opacity: 0;
     transition: 0.2s linear;
     z-index: 1;
     color: #bfc7ce;
     font-size: 14px;
}
 .input_wrap input, .input_wrap textarea {
     width: 100%;
     border: none;
     border-bottom: 1px solid #bfc7ce;
     background: transparent;
     z-index: 9;
     position: relative;
     padding-top: 16px;
     padding-bottom: 2px;
     font-size: 14px;
}
 .ml-auto, .mx-auto {
     margin-left: auto !important;
}
 .contactsecond {
     width:100%;
}
 .form {
     background: #fff;
     padding: 30px;
}
 .done {
     padding: 4px 3px;
     background-color: #C7FFC7;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     border: 1px solid #52B352;
     margin: 0 !important;
     font-size: 17px;
     text-align: center;
     width: 326px;
     display: none;
}
 .info_content ul {
     padding-left:0;
}
 .contact .info_content span {
     font-weight: 600;
}
 .info_content a{
     color:black;
}
 .innerContet {
     padding: 25px;
}
 .contact .info_content {
     padding-top: 30px;
     font-size: 24px;
}
 .info_content ul {
     list-style:none;
}
 .contact_info #pdfWrapper h4 {
     font-size: 18px;
     margin-bottom: 10px;
}
 .contact_info #pdfCasp {
     height: 170px;
     background: #fff;
}
 .contact .contact_info h2 {
     font-size: 70px;
     font-weight: 900;
     letter-spacing: -4.05px;
}
 .contact_info a {
     color: #000;
}
 .contact {
     margin: 0 60px;
     background-color: #ffeb3e;
     padding: 132px 0;
}
 .speedbar {
     background-color: #ffeb3e;
}
 .speedbars {
     color: black;
     font-size: 17px;
     padding-top: 11px;
     padding-bottom: 11px;
}
 .socialicon li {
     padding: 10px 0;
    /* yuxarı-aşağı boşluq */
}
 .mehsullar-container {
     position: relative;
     overflow: visible;
    /* bu vacibdir */
}
 .swiper_buttonsmehsullar {
     position: absolute;
     top: 50%;
     left: 0;
     right: 0;
     z-index: 10;
     display: flex;
     justify-content: space-between;
     transform: translateY(-50%);
     padding: 0 10px;
     pointer-events: none;
}
 .swiper-button-prev, .swiper-button-next {
     pointer-events: all;
     background: white;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
     background-color: #fff;
}
 .header-container {
     max-width: 1400px;
     margin: 0 auto;
     padding: 25px 2rem;
     display: flex;
     justify-content: space-between;
     gap: 1.2rem;
}
 .myclass {
     width: 100%;
     text-align: left;
     display: flex;
     justify-content: space-between;
     align-items: center;
     transition: all 0.2s ease-in-out;
     font-weight: 700;
     border: none;
     background: none;
}
 .myxidmet {
     font-size: 1.25rem;
     cursor: pointer;
}
/* Dropdown menu */
 .both_header nav > ul > li {
     display: inline-block;
     position: relative;
}
 .both_header nav > ul > li > a {
     text-decoration: none;
     font-weight: 600;
     font-size: 18px;
     line-height: 2.15rem;
     display: inline-block;
     position: relative;
}
.article-list {
    text-transform: uppercase;
}
 .both_header nav > ul > li > ul {
     position: absolute;
     left: 0;
     background: #fff;
}
 .both_header nav > ul > li ul {
     padding: 0;
     min-width: max-content;
     opacity: 0;
     visibility: hidden;
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
 li.open_drop:hover > ul {
     opacity: 1 !important;
     visibility: visible !important;
}
 li.open_drop {
     position: relative;
}
 .open_drop ul.drop_2 {
    /* left: -252px !important;
     */
     top: 428% !important;
     width: 100%;
     min-width: 322px !important;
     box-shadow: none !important;
}
 .both_header nav > ul > li ul a {
     padding: 10px;
     display: inline-flex;
     justify-content: space-between;
     gap: 10px;
     align-items: center;
     font-size: 13px !important;
     width: 100%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     border:1px solid #a9a9a9;
}
 .both_header nav > ul > li ul a:hover {
     background: #eee;
    /*color: yellow;
    */
}
 .open_drop ul {
     position: absolute;
     z-index: 55;
     left: 100%;
     top: 0;
     background: #fff;
     opacity: 0;
     visibility: hidden;
     transition: .5s all ease;
}
 .both_header nav > ul > li > ul {
     top: 100% !important;
     left: -36px !important;
     width: 350px;
}
 .header {
     transition: transform 0.4s ease;
}
 .header.hide {
     transform: translateY(-100%);
}
 .second-header {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     background: white;
     z-index: 190;
     transform: translateY(-100%);
     opacity: 0;
     transition: transform 0.4s ease, opacity 0.4s ease;
     pointer-events: none;
}
 .second-header.show {
     transform: translateY(0);
     opacity: 1;
     pointer-events: auto;
}
 .logo {
     width: 320px;
}
 .second-header .logo {
     width: 250px;
}
 .second-header {
     box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
 .second-header .header-container {
     align-items: center;
}
 .second-header .nav-menu {
     padding-top: 0;
}
 .logo img {
     width: 100%;
}
/* Logo styles */
 .logo a {
     display: flex;
     align-items: center;
     text-decoration: none;
     gap: 1rem;
}
 .icon {
     font-size: 14px;
     color: black;
}
 .logo-text {
     display: flex;
     flex-direction: column;
}
 .hidden {
     display: none;
}
/*.nav-menu a:after {
    */
    /* content: "";
    */
    /* display: block;
    */
    /* width: 0%;
    */
    /* height: 2px;
    */
    /* transition: all 0.3s;
    */
    /*
}
*/
 .nav-menu a:hover::after {
     width: 100%;
}
 .logo-text span {
     color: #000;
     font-size: 25px;
}
 .logo-text .tagline1 {
     font-weight: bold;
}
 .logo-text .tagline {
     font-size: 0.9rem;
     font-size: 25px;
}
/* Search bar styles */
 .search-container {
     display: flex;
     align-items: baseline;
     flex-wrap: wrap;
     margin: 0;
}
 .glass {
     width: 20px;
     height: 20px;
}
/* Search input */
 .search-input {
     padding: 5px 12px;
     width: 390px;
     font-size: 16px;
     border: 1px solid #ccc;
     background-color: #f1f1f1;
     border-radius: 4px;
     outline: none;
}
/* Search button (icon) */
 .search-button {
     background: none;
     border: none;
     cursor: pointer;
     padding: 5px;
     display: flex;
     align-items: center;
     position: absolute;
     right: 10px;
     top: 5px;
}
/* Phone section */
 .phone {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: 16px;
     color: #333;
     white-space: nowrap;
}
 .phone i {
     color: #333;
}
.phone a {
    color: #000;
}
.phone 
/* CTA Button */
/* Hamburger menu */
 .nav-toggle-label {
     background: none;
     border: none;
     cursor: pointer;
     display: flex;
     flex-direction: column;
     gap: 4px;
}
 .nav-toggle-label span {
     width: 25px;
     height: 3px;
     background-color: #333;
     display: block;
     border-radius: 2px;
}
 .cta-button {
     background-color: #ffeb3e;
     color: black;
     padding: 7.5px 28px;
     border-radius: 25px;
     text-decoration: none;
     font-weight: 600;
     white-space: nowrap;
     transition: background-color 0.3s;
     height: fit-content;
}
 .nav-menu {
     display: flex;
     list-style: none;
     gap: 15px;
     align-items: center;
     justify-content: center;
     padding: 0;
     padding-top: 1rem;
     margin: 0;
}
 .nav-menu a {
     display: block;
    /* padding: 1rem 0;
     */
     color: #333;
     text-decoration: none;
     font-size:18px;
     font-weight: 600;
     transition: color 0.3s;
}
 .nav-menu a:hover {
     color: #000;
}
/* Hamburger menu */
 .nav-toggle-label {
     display: none;
     flex-direction: column;
     width: 30px;
     background: none;
     border: none;
     cursor: pointer;
     gap: 6px;
     padding: 0;
}
 .nav-toggle-label span {
     display: block;
     height: 2px;
     width: 100%;
     background: #333;
     border-radius: 2px;
     transition: all 0.3s ease;
}
 .slider-container {
     padding: 0 55px;
     margin: 0 auto;
}
 .m-banner {
     position: relative;
     width: 100%;
}
 .m-banner:before {
     content: "";
     display: block;
     background-color: #ffeb3e;
     padding-bottom: 0%;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 90px;
     left: 0;
}
 .heroSwiper {
     height: 680px;
     position: relative;
     margin: 0 auto;
     overflow: hidden;
     padding-block: 25px;
}
 .slide-button a {
     color:black;
}
 .slide-img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .heroSwiper .swiper-slide:nth-child(2) img{
     object-position: 0px -60px;
}
 .slide-content {
     position: absolute;
     inset: 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     padding-left: 50px;
     padding-right: 40px;
     text-align: left;
     color: white;
     background-color: rgba(0, 0, 0, 0.5);
}
 .slide-content h4 {
     font-size: 25px;
}
 .slide-title {
     font-size: 60px;
     width: 700px;
     font-weight: bold;
}
 .slide-text {
     font-size: 18px;
     margin-top: 1.25rem;
     width: 60%;
}
 .slide-button {
     margin-top: 1.25rem;
     padding: 15px;
     border-radius: 30px;
     color: black;
     border: none;
     cursor: pointer;
}
 .slide-button span {
     font-size: 18px;
     font-weight: 600;
}
 .swiper-button-next:after, .swiper-button-prev:after {
     font-size: 15px;
     color: black;
}
 .swiper-button-next, .swiper-button-prev {
     position: static;
}
 .heroSwiper .swiper-pagination {
     position: static;
}
 .swiper-pagination-container {
     position: static;
     background-color: #86cd33;
     display: none;
     justify-content: flex-end;
     padding: 0.5rem;
}
 .swiper-nav-buttons {
     position: static;
     display: flex;
     flex-direction: row-reverse;
     gap: 0.5rem;
}
 .swiper-button-next, .swiper-button-prev {
     position: absolute;
     background-color: white;
     color: white;
     border-radius: 9999px;
     width: 40px;
     height: 40px;
     cursor: pointer;
}
 .swiper-button-next:hover, .swiper-button-prev:hover {
     background-color: #ffeb3e;
}
/* language */
 .language_wrapper {
     position: absolute;
     left: -161px;
     top: 393px;
     transform: rotate(-90deg);
    /*font-size: 14px;
    */
     letter-spacing: 1.8px;
     height: 60px;
     z-index: 6;
}
 .language_wrapper ul {
     display: flex;
     flex-direction: row-reverse;
     margin: 0;
     text-transform: uppercase;
     list-style: none;
}
 .language_wrapper .active {
     position: relative;
}
 .language_wrapper .active::before {
     position: absolute;
     content: '';
     background: #ffca28;
     height: 5px;
     width: 100%;
     top: 13px;
}
 .language_wrapper li {
     margin-left: 35px;
}
 .language_wrapper li a {
     display: block;
     font-size: 12px;
     font-weight: 500;
     color: red;
     height: 60px;
     line-height: 60px;
     font-weight: bold;
}
 .icons {
     position: absolute;
     display: flex;
     align-items: center;
     right: 0;
     top: -150px !important;
     letter-spacing: 1.8px;
     height: 100%;
     z-index: 5;
}
 .icons ul {
     display: flex;
     flex-direction: column;
     margin: 0;
     padding: 0;
     text-transform: uppercase;
     list-style: none;
     align-items: center;
     justify-content: center;
}
 .socialicon li a img {
    width: 25px;
}
 .socialicon img.social_facebook {
     width: 33px;
}
 .icons ul a {
     padding: .6rem 0.6rem;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     width: 50px;
     height: 50px;
     background-color: white;
     box-shadow: 0px 0px 10px #3332;
     border-radius: 50px;
     transition: .5s;
}
 .icons ul a:hover {
     color: #fff;
}
 .icons ul a:hover img {
     filter: invert(1);
}
 .icons ul li:first-child a:hover {
     background-color: #25d366;
}
 .icons ul li:nth-child(3) a:hover {
     background-image: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
}
 .icons ul li:nth-child(2) a:hover {
     background-color: #4267B2;
}
 .icons ul li:nth-child(4) a:hover {
     background-color: #FF0000;
}
 .icons ul a i {
     font-size: 32px;
}
 .icons ul a i.fa-youtube {
     font-size: 29px;
}
/* From Uiverse.io by 3bdel3ziz-T */
 .select {
     width: fit-content;
     cursor: pointer;
     position: relative;
     transition: 300ms;
     color: white;
     position: relative;
}
 .selected {
     background-color: #ffeb3e;
     padding: 5px;
     margin-bottom: 3px;
     border-radius: 5px;
     position: relative;
     z-index: 999;
     font-size: 15px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     color: #000;
     font-weight: 600;
}
 .arrow {
     position: relative;
     right: 0px;
     height: 10px;
     transform: rotate(-90deg);
     width: 25px;
     fill: #000;
     z-index: 100000;
     transition: 300ms;
}
 .options {
     position: absolute;
    /* yer tutmasın */
     top: 100%;
     left: 0;
     background-color: #fff;
     padding: 5px;
     border-radius: 5px;
     opacity: 0;
     transform: translateY(-10px);
    /* yuxarıdan gəlsin */
     transition: opacity 300ms, transform 300ms;
     pointer-events: none;
    /* kliklənməsin gizli halda */
     z-index: 999;
     width: fit-content;
}
 .options a {
     color:black;
}
 .select:hover > .options {
     opacity: 1;
     transform: translateY(0);
     pointer-events: auto;
    /* açıldıqda kliklənə bilsin */
}
 .select:hover > .selected .arrow {
     transform: rotate(0deg);
}
 .option {
     border-radius: 5px;
     padding: 5px;
     transition: 300ms;
     background-color: #eee;
     margin-bottom: 5px;
     font-size: 15px;
     color: #000;
     text-align: center;
     width: 100%;
}
 .option:hover {
     background-color: #323741;
     color: #fff;
}
 .options input[type="radio"] {
     display: none;
}
 .options label {
     display: inline-block;
}
 .options label::before {
     content: attr(data-txt);
}
 .options input[type="radio"]:checked + label {
     display: none;
}
 .options input[type="radio"]#all:checked + label {
     display: none;
}
 .select:has(.options input[type="radio"]#all:checked) .selected::before {
     content: attr(data-default);
}
 .select:has(.options input[type="radio"]#option-1:checked) .selected::before {
     content: attr(data-one);
}
 .select:has(.options input[type="radio"]#option-2:checked) .selected::before {
     content: attr(data-two);
}
 .select:has(.options input[type="radio"]#option-3:checked) .selected::before {
     content: attr(data-three);
}
/* Mehsullar */
 #products {
     padding: 3rem 0;
     background-color: #F6F7F9;
}
 .titleh {
     font-size: 30px;
     font-weight: 700;
     margin-bottom: 30px;
     text-transform: uppercase;
}
 .product-box {
     height: 400px !important;
}
 .product-box {
     background: linear-gradient(143deg, white 50%, #ffb900 50%);
     border-radius: 5px;
     padding: 15px 25px;
     height: 100%;
     position: relative;
     transition: all 0.3s ease;
     min-height: 200px;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
 .product-box h2 {
     font-size: 25px;
     font-weight: 600;
     line-height: 27px;
     margin-bottom: 25px;
}
 #products .fn__read_more .text {
     font-size: 12px;
     padding: 0 25px 0 15px;
}
 .fn__read_more {
     display: flex;
}
 .fn__read_more a {
     display: block;
     padding-right: 20px;
     position: relative;
}
 .fn__read_more .text {
     height: 30px;
     border-radius: 15px;
     padding: 0 31px;
     line-height: 32px;
     display: block;
     font-size: 14px;
     font-weight: 600;
     text-transform: uppercase;
     color: #080808;
     transition: .3s;
     position: relative;
     z-index: 1;
}
 .fn__read_more a {
     display: block;
     padding-right: 20px;
     position: relative;
}
 .fn__read_more .text:before {
     z-index: -2;
     border: 1px solid #ccc;
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     border-radius: 15px;
     box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
}
 .fn__read_more .text:after {
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     height: 100%;
     width: 0;
     z-index: -1;
     content: '';
     background: #000;
     transition: all .4s cubic-bezier(.42, 0, .58, 1);
     border-radius: 15px;
}
 .fn__read_more .icon {
     width: 30px;
     height: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     background-color: #000;
     color: #fff;
     border-radius: 100%;
     right: 0;
     top: 50%;
     margin-top: -15px;
     z-index: 2;
     transition: .3s;
}
 .fn__read_more .icon .fn__svg {
     width: 16px;
     height: 16px;
     display: block;
     transform: rotate(-45deg);
     transition: .3s;
}
 .fn__svg {
     width: 20px;
     height: 20px;
     fill: currentcolor;
}
 .replaced-svg {
     opacity: 1;
}
 .fn__read_more a:hover .icon .fn__svg {
     transform: rotate(0deg);
}
 .product-wrap {
     height: 240px;
     width: 100%;
     margin-left: auto;
     text-align: right;
     position: absolute;
     bottom: 0;
     right: 0;
}
 .product-wrap img {
     height: 95%;
     width: 100%;
     object-fit: contain;
}
 .corporative {
     height: 597px;
    /* background-image: url('./img/about.jpg');
     */
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     position: relative;
}
 .corporative video {
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .corporative::after {
     content: "";
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     position: absolute;
     background-image: -webkit-gradient(linear, left top, right top, from(#000000d9), to(transparent));
     background-image: -o-linear-gradient(left, #000000d9, transparent);
     background-image: linear-gradient(to right, #000000d9, transparent);
}
 .corporative .container {
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
}
 .corporative .section-caption {
     width: 50%;
     position: relative;
     z-index: 1;
}
 .corporative .section-heading {
     color: #fff;
     font-size: 52px;
     font-weight: 700;
     padding-bottom: 20px;
}
 .corporative .section-desc {
     font-size: 14px;
     line-height: 1.5;
     color: #fff;
     font-weight: 400;
}
/*Mehsullar Card*/
 .labels a {
     text-align:center;
}
 .card {
     background: white;
     width: 100%;
     border-radius: 20px;
     transition: all 0.2s ease-in-out;
}
 .product-img {
     width: 100%;
     margin-bottom: 15px;
     height: 200px;
     object-fit: contain;
     border-top-left-radius: 19px;
     border-top-right-radius: 19px;
}
 .labels {
     justify-content: center;
     gap: 10px;
     margin-bottom: 10px;
     padding:15px;
     position: relative;
}
/*span.label.red {
    */
    /* font-size: 10px;
    */
    /*
}
*/
 .label {
     font-size: 11px;
     padding: 5px 6px;
     border-radius: 20px;
     color: white;
     font-weight: bold;
     position: absolute !important;
     top: -29px;
     left: 50%;
     transform: translate(-50%, 0);
     width: 90%;
}
 .label.green {
     background-color: #4CAF50;
}
 .label.red {
     background-color: #ff2c14;
     text-align:center;
}
 .card:hover {
     box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
 .product-title {
     color: black;
     text-align:center;
     font-weight: bold;
     font-size: 18px;
     margin: 18px 0;
     text-transform: uppercase;
}
 .description {
     font-size: 14px;
     color: #666;
     margin-bottom: 15px;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     overflow: hidden;
     -webkit-box-orient: vertical;
}
 .stock {
     color: #4CAF50;
     font-size: 14px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 5px;
     margin-bottom: 10px;
}
 .dot {
     width: 8px;
     height: 8px;
     background: #4CAF50;
     border-radius: 50%;
}
 .price {
     display: flex;
     justify-content: center;
     align-items: baseline;
     gap: 10px;
     margin-bottom: 15px;
}
 .current-price {
     font-size: 22px;
     font-weight: bold;
}
 .old-price {
     font-size: 14px;
     color: gray;
     text-decoration: line-through;
}
 .add-btn {
     padding: 10px;
     width: 100%;
     background: none;
     border: 2px solid #ffeb3e;
     color: #000;
     font-size: 16px;
     border-radius: 30px;
     cursor: pointer;
     transition: background 0.3s;
     font-weight: 600;
}
 .add-btn:hover {
     background: #ffeb3e;
}
/*Mehsullarin ici*/
 .fullContactWrapper {
     padding: 15px 20px;
     box-shadow: 0px 0px 10px #3333;
     border-radius: 8px;
     background-color: #ffffff;
}
 .fullContactWrapper h4 {
     text-transform: uppercase;
     font-size: 14px;
}
 .fullContactWrapper h2 {
     font-size: 2xl;
     font-weight: 600;
     margin-top: 2px;
}
 .fullContactWrapper p {
     font-size: 14px;
     margin-top: 2px;
     font-weight: 300;
}
 .fullContactWrapper .text-xl {
     font-size: 1.25rem;
    /* 20px */
     font-weight: 300;
     margin-top: 2px;
}
 .fullContactWrapper textarea {
     border-radius: 16px;
     background-color: #ededed;
     padding: 10px 16px;
     width: 100%;
     font-weight: 300;
     margin-top: 12px;
     resize: none;
}
 .fullContactWrapper button {
     padding: 17.375px 32px;
     text-align: center;
     color: #ffffff;
     background-color: #eb7100;
     width: 100%;
     border-radius: 8px;
     transition-duration: 300ms;
}
 .fullContactWrapper button:hover {
     background-color: #d86800;
}
 .fullContactWrapper .font-300 {
     font-weight: 300;
     margin-top: 2px;
}
 .melumat {
     display:flex;
     align-items: flex-start;
     gap:120px 
}
 .form-control {
     border-radius: 16px;
     background: #ededed;
     font-weight: 300;
     resize: none;
     height: 62px;
}
 .btnmehsullar {
     background-color: #eb7100;
     border-radius: 8px;
     transition: 0.3s;
     border:none;
     padding:10px;
}
 .fw-lightmehsul {
     font-size:14px;
     margin-bottom:0;
     margin-top:9px;
}
 .au-sidenav__title {
     font-weight: 700;
     border-bottom: 1px solid #A6A6A6 !important;
     margin-top: 0px !important;
}
 .au-sidenav__title h2 {
     font-size:18px;
}
 .au-sidenav__title a {
     border-bottom: 0px solid #A6A6A6 !important;
     position: relative;
     padding: 1rem 1rem 1rem 2.5rem;
}
/* .au-sidenav__title5 a::before {*/
/*     content: "";*/
/*     position: absolute;*/
/*     border-right: 2px solid black;*/
/*     border-bottom: 2px solid black;*/
/*     width: 10px;*/
/*     height: 10px;*/
/*     left: 44px;*/
/*     top: 248px;*/
/*     transform: translateY(-50%) rotate(-45deg);*/
/*}*/
 .au-sidenav__title5 {
     font-size:25px;
     color:black !important;
     font-weight: 700;
     border-bottom: 1px solid #A6A6A6 !important;
     margin-top: 0px !important;
}
 .au-sidenav__title5 a {
     color: #000!important;
}
 .au-link-list li.has-submenu.open:before {
     visibility: hidden;
}
 .au-sidenav__title.open::before {
     transform: translateY(-50%) rotate(45deg);
}
 .submenu {
     display: none;
     margin-top: 10px;
     padding-left: 15px;
}
 .accordion-menu {
     list-style: none;
     padding: 0;
}
 .accordion-item {
     cursor: pointer;
     padding: 10px 15px;
     position: relative;
     font-weight: 500;
}
 .arrow-icon {
     display: inline-block;
     margin-right: 10px;
     width: 10px;
     height: 10px;
     border-right: 2px solid #000;
     border-bottom: 2px solid #000;
     transform: rotate(-45deg);
     transition: 0.3s ease;
}
 .accordion-item.active .arrow-icon {
     transform: rotate(45deg);
}
 .submenu {
     display: none;
     padding-left: 30px;
     margin-bottom: 10px;
}
 .submenu li {
     padding: 5px 0;
}
 .submenu li:not(:last-child) {
     border-bottom: 1px solid gray;
}
 .block .field ul {
     padding:0;
     padding-left: 30px;
}
 #nav-default li {
     position: relative;
}
 .au-link-list {
     padding:0 1rem;
}
 .au-link-list li a,.au-sidenav__title a{
     color:#333;
     font-size:14px;
}
 .au-side-nav {
     background-color: #fff;
     border-radius: 8px;
     width: 445px;
     padding: 2px;
     border: 1px solid gray;
}
 aside.au-side-nav a {
     text-decoration: none;
     padding: 1rem 1rem 1rem 3.5rem;
     display:block;
}
 .au-side-nav li:before {
     content: "";
     position: absolute;
     border-right: 2px solid black;
     border-bottom: 2px solid black;
     width: 10px;
     height: 10px;
     margin-top: 27px;
     left: 34px;
     transform: translateY(-50%) rotate(-45deg);
}
 #nav-default {
     color:#333;
    /*width:260px;
    */
}
/* Bloglar */
 .blogSwiper .swiper-pagination {
     display: none;
}
 .custom-card {
     align-items: stretch;
     min-height: 385px;
     background: #e8f0f7;
     border-radius: 20px;
     overflow: hidden;
     padding: 20px;
     height:100%;
}
 .card-content {
     display: flex;
     flex-direction: column;
     justify-content: space-around;
     flex: 1 1 0%;
     padding: 20px 20px 0 0;
}
 .org-logo {
     align-items: center;
     font-size: 14px;
     color: rgb(119, 119, 119);
     gap: 8px;
}
 .org-logo img {
     width: 140px;
     height: 25px;
}
 .card-title {
     font-size: 24px;
     font-weight: bold;
     margin-top: 10px;
}
 .card-text {
     color: rgb(85, 85, 85);
     margin-top: 10px;
     font-size: 14px;
}
 .card-text ul li {
     list-style:disc;
}
 .card-link {
     color: rgb(255, 255, 255);
     display: table-caption;
     font-weight: bold;
     margin-top: 15px;
     padding: 10px 30px;
     border-radius: 31px;
     background: rgb(244, 116, 36);
     text-decoration: none;
}
 .card-image {
     flex: 1;
     position: relative;
}
 .card-image img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     border-radius: 20px;
    /*filter: grayscale(100);
    */
}
 .category-tag {
     position: absolute;
     bottom: 17px;
     left: 10px;
     background: white;
     color: black;
     font-size: 14px;
     padding: 5px 10px;
     border-radius: 20px;
     font-weight: bold;
}
 .references {
     padding: 3rem 0;
}
 .references_title {
     font-size: 30px;
     font-weight: 700;
     margin-bottom: 30px;
     text-transform: uppercase;
}
 .content-grid {
     overflow: hidden;
     margin: 0;
     padding: 0;
}
 .content-grid-item {
     position: relative;
     padding: 10px;
     margin: 0;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .content-grid-item:before {
     height: 100%;
     top: 0;
     left: -1px;
     border-left: 1px solid #dadada;
}
 .content-grid-item:after, .content-grid-item:before, .tip:before {
     content: '';
     position: absolute;
}
 .content-grid-item:after {
     width: 100%;
     height: 0;
     top: auto;
     left: 0;
     bottom: -1px;
     border-bottom: 1px solid #dadada;
}
 .content-grid-item .img-fluid {
     display: inline-block;
     flex: 0 0 auto;
}
 .referans-stil img {
    /*filter: grayscale(100%);
    */
     transition: all .4s ease;
}
 .img-fluid {
     max-width: 100%;
     height: auto;
}
/* Call to action */
 .calltoaction {
     padding: 3rem 0;
     background-color: #F6F7F9;
}
 .cta-inner {
     display: flex;
     background: rgb(17, 17, 17);
     padding: 10px;
}
 .cta_tel {
     color: #fff;
     border-bottom: 1px solid #fff;
     padding-bottom: 2px;
     width: fit-content;
}
 .cta-inner2 {
     width: 100%;
     padding: 10px;
     background-image: linear-gradient(to right, white 10%, transparent 10%), 
    /* Top border: white on left 50% */
     linear-gradient(to bottom, white 30%, transparent 10%), 
    /* Left border: white on top 50% */
     linear-gradient(to left, white 10%, transparent 10%), 
    /* Bottom border: white on right 50% */
     linear-gradient(to top, white 30%, transparent 10%);
     background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
     background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
     background-position: top left, top left, bottom left, bottom right;
}
 .drones {
     display: flex;
     justify-content: center;
     align-items: center;
}
 .drones img {
     height: 350px;
     width: 100%;
     object-fit: cover;
}
 .cta-text {
     padding: 40px 20px;
     background: transparent;
}
 .fs-5 {
     font-size: 1.015625rem !important;
}
 .socials a:first-child {
     background-color: rgb(27, 36, 28);
     color: rgb(84 204 97);
}
 .socials a:first-child:hover {
     background-color: rgb(84 204 97);
     color: #fff;
}
 .socials a:nth-child(2) {
     background-color: rgb(18 24 28);
     color: rgb(38 165 228);
}
 .socials a:nth-child(2):hover {
     background-color: rgb(38 165 228);
     color: #fff;
}
 .socials a {
     font-size: 14px;
     padding: 20px;
     transition: .4s;
     color:white;
}
 .my-2 {
     margin-top: 0.5rem !important;
     margin-bottom: 0.5rem !important;
}
/* Footer */
 footer .footer-top {
     background: black;
     padding: 3rem 60px;
     color: white;
     font-size: 16px;
}
 footer .footer-top h3 {
     font-size: 18px;
     margin-bottom: 25px;
}
 footer ul {
     padding: 0;
     margin: 0;
     list-style: none;
     border-bottom: none;
}
 footer .footer-top a {
     color: #afadad;
     font-size: 14px;
     text-decoration: none;
     transition: 0.3s linear;
}
 footer .footer-top a:not(.social_icons a):hover {
     color: #fff;
}
/*footer .second_list {
    */
    /* column-count: 2;
    */
    /*
}
*/
 footer .row .footer_box:nth-child(3) {
     width: 40%;
     padding: 0 10px;
}
 footer .social_icons {
     margin-top: 3rem;
}
 footer .social_icons ul {
     display: flex;
     align-items: center;
}
 footer .social_icons ul li {
     margin-right: 16px;
}
 footer .wrapper p {
     font-size: 11px;
     padding-top: 5px;
}
 footer .social_icons li a {
     width: 30px;
     height: 30px;
     background: white;
     border-radius: 50%;
     color: black;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: 0.3s linear;
     border: 1px solid black;
     border: 1px solid transparent;
}
 footer .social_icons li a:hover {
     border: 1px solid #fff;
     color: #fff;
     background-color: transparent;
}
footer .social_icons li a:hover img {
    filter: invert(1);
}
 #pdfCasp {
     width: 30%;
     height: 300px;
     display: flex;
     align-items:center;
     justify-content: center;
     border-radius: 16px;
     box-shadow: 0px 0px 10px #3332;
}
 #pdfCasp img {
     width: 40%;
}
 #pdfWrapper h4{
     margin-bottom: 30px;
}
 .asideMenuWrapper{
     width: 25%;
}
 .au-side-nav {
     width:385px;
}
 .page-layout__content .f-carousel__thumbs img {
     object-fit: contain;
}
 .page-layout__content li {
     list-style: disc;
}
 #mapWrapper {
     margin-top: 50px;
     max-width: 600px;
     margin-inline: auto;
}
 .innerGrid .sertifikat {
     height: 250px;
     padding: 10px;
     border: 1px solid #3332;
}
 .innerGrid .sertifikat img{
     width: 100%;
     height: 100%;
     object-fit: contain;
}
 .inside_page_padding.static_page.page_content {
     margin-top: 50px;
}
 .mehsullarSwiper .swiper-slide .product-wrap img {
     width: 100%;
}
 #blog .blogSwiper .swiper-slide {
    height: 400px;
}
.product-img[src*="/uploads/posts/2025-05/8378780858a0a3b8fa747128529565a6.png"] {
    object-fit: cover;
}
.product-img[src*="/uploads/posts/2025-06/aluminium_radiator-removebg-preview.png"] {
    transform: scale(0.8);
}
.card img[src*="/uploads/posts/2025-06/genleshme_tanki-removebg-preview.png"],
.card img[src*="/uploads/posts/2025-06/ara-qatlar-removebg-preview.png"]{
    transform: scale(1.3);
}
#innerPages .kaspianclima img[src*="/uploads/posts/2025-06/21.jpg"],
img[src*="/uploads/posts/2025-06/whatsapp-gorsel-2025-06-19-saat-14_53_29_8ce6ad14.jpg"]{
    transform: scale(1.2);
    object-position: center 0px;
}
#innerPages .kaspianclima img[src*="/uploads/posts/2025-06/whatsapp-gorsel-2025-06-04-saat-12_17_04_f526ded6.jpg"],
#innerPages .kaspianclima img[src*="/uploads/posts/2025-06/img_8118-1.webp"]{
    transform: scale(1.2);
}
#innerPages .kaspianclima img[src*="/uploads/posts/2025-06/img_8055.webp"]{
        object-position: left;
}
#innerPages .kaspianclima img[src*="/uploads/posts/2025-06/s5.jpg"],
#innerPages .kaspianclima img[src*="/uploads/posts/2025-06/whatsapp-gorsel-2025-06-10-saat-12_28_30_6fdb055a-1.jpg"] {
    transform: scale(1.4);
}
#innerPages .kaspianclima img[src*="/uploads/posts/2025-06/img_810.jpg"] {
    transform: scale(1.3);
    object-position: -150px 0px;
}
.kaspianclima img[src*="/uploads/posts/2025-06/img_8118-1.webp"] {
    object-position: right;
}
.card img[src*="/uploads/posts/2025-06/aluminium_bant-removebg-preview.png"] {
    width: 70%;
    margin: auto;
}
#innerPages .catalog_card {
    width: 100%;
}
.catalog-file {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    background: #ffeb3e;
    padding: 10px;
    color: #000;
}
#innerPages .catalog_card img {
    width: 100%;
    height: auto;
    object-fit:cover;
}
.page-layout__content .catalog_card{
    width: 33% !important;
}
.box.berrors.fix_grid {
    margin-bottom: 60px;
    width: 90vw;
    font-size: 3rem;
}
.descLang {
    display: none;
}
.firstHeaderLang {
    margin-top: 5px;
}
.firstHeaderLang .options {
    top: 50%;
}
 @media (max-width: 1536px) {
     .both_header nav > ul > li > a {
         font-size:18px;
    }
}
 @media (max-width: 1440px) {
     .position-sticky{
         width:385px !important;
    }
     .slide-button {
         padding:9px;
    }
     .slide-button span {
         font-size:15px;
    }
     .nav-menu {
         gap: 15px;
    }
     .selected {
         font-size:12px;
    }
     .option {
         font-size:12px;
    }
     .both_header nav > ul > li > a {
         font-size: 15px;
    }
     .front-news-item strong {
         font-size: 1.2rem;
    }
     .f66 span {
         font-size:14px;
    }
     .slide-content h1 {
         font-size:50px;
    }
     .slide-text {
         font-size:16px;
    }
     .product-box {
         width: 265px;
    }
     .product-box h2 {
         font-size:18px;
    }
     .logo {
         width: 300px;
    }
}
 @media (max-width: 1024px) {
     .innerGrid {
         grid-template-columns: repeat(2, 1fr);
    }
     .header-container {
         padding: 1rem;
    }
     .myxidmet {
         display: none;
    }
     .logo-text {
         display: none;
    }
     .search-container {
         max-width: 300px;
    }
     .swiper_buttons {
         display: flex;
         justify-content: flex-end;
         gap: 0.5rem;
         margin-top: 1.25rem;
    }
     .logo-grid {
         grid-template-columns: repeat(4, 1fr);
    }
}
 @media (max-width: 768px) {
    .firstHeaderLang {
        display: none;
    }
    .descLang {
        display: block;
    } 
     .second-header .logo {
         width: 230px;
     }
     .box.berrors.fix_grid {
         font-size: 1.25rem;
     }
    .page-layout__content .catalog_card {
         width: 100% !important;
    }
    #blog .blogSwiper .swiper-slide {
        height: 530px;
    }
     .both_header nav > ul > li > ul.active {
         display: block;
        opacity: 1;
        visibility: visible;
        position: static;
        width: 100%;
        margin: auto;
        text-align: center;
     }
     .speedbars {
         font-size: 15px;
     }
     #map {
         margin-bottom: 30px;
     }
     .kaspianclima {
         width: 100%;
     }
     .kaspianclima:nth-last-child(1){
             margin-bottom: 90px;
     }
     .inside_page_padding.static_page.page_content {
         margin-top: 80px;
     }
     .static_page .quote img {
         height: 180px
     }
     #pdfCasp {
         width: 100%;
    }
     .open_drop ul{
        display:none;
    }
     .location{
        margin-inline:auto
    }
     .calling p{
        white-space:inherit !important;
    }
     .drones img {
         display: none;
    }
     .f66 {
         flex-direction: column;
    }
     .f66,.f33 {
         width:100%;
         max-width:100%;
    }
     .location img {
         width:32px;
    }
     .slide-content{
         padding-left:0;
         padding-right:0;
    }
     .innerGrid.staticBlog {
         grid-template-columns:1fr !important;
         margin-bottom:15px;
    }
     .product-box {
         width:100%;
    }
     .f33 .front-news-item {
         width:100%;
    }
     .f66.front-news-item {
         display:block !important;
    }
     .front-news-items {
         display:block !important;
         width:100%;
    }
     .slide-content h1 {
         font-size:35px;
    }
     .innerGrid.brendGrid {
         display:grid;
         grid-template-columns: repeat(1, 1fr) !important;
         gap: 15px;
         padding-bottom:15px;
    }
     .services-redirect-button .button:before {
         right:22px;
    }
     .services-redirect-button .button {
         padding: 14px 41px 10px 18px;
         font-size:12px;
    }
     .titleh {
         font-size:25px;
    }
     .language_wrapper {
         display:none;
    }
     .products {
         justify-items: center;
    }
     .icons {
         display:none;
    }
     .blog-all-sides{
         display:block;
    }
     .avtor-icons {
         display:block;
    }
     .blog-full-left-side {
         border-right: none !important;
         padding:0;
    }
     .blog-full-right-side{
         padding:0;
    }
     .blog-left-side-full-title h2 {
         font-size:25px;
    }
     .blog-full-left-side,.blog-full-right-side {
         width:100%;
    }
     .melumat {
         padding:15px;
         flex-direction: column-reverse;
         gap: 10px;
    }
     .field ul {
         padding-left:0;
    }
     .au-header-heading {
         font-size:25px;
    }
     #skylights, #roof,#ventilation {
         font-size:23px;
    }
     .position-sticky {
         width: 370px !important;
         margin-bottom:40px;
    }
     #innerPages .innerGrid {
         grid-template-columns: repeat(1, 1fr);
    }
    #innerPages .innerGrid.blogGrid {
        display: flex;
    flex-direction: column;
    }
    .innerGrid .front-news-item img {
        width: 100%;
    }
    .share-icons {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .avtor-icons a {
        width: 30px;
        height: 30px;
    }
     .innerGrid.blogGrid {
         display:grid;
         grid-template-columns: repeat(1, 1fr);
         gap: 10px;
    }
     .innerGrid.blogGrid span {
         color:black;
    }
     .pages_title h3 {
         font-size:25px;
         padding: 0 15px;
    }
     .contact {
         margin:0;
         padding: 32px 0;
    }
     .innerContet {
         padding:0;
    }
     .contact .contact_info h2 {
         font-size: 45px;
         letter-spacing: -3.05px;
    }
     .contact .info_content {
         font-size:20px;
    }
     .static_page .container {
         width: 100%;
         padding-right: 10px;
         padding-left: 10px;
    }
     .content_wrapper{
         padding:20px 15px;
    }
     .about-inside {
         height: 400px;
    }
     .quote img {
         max-width: 900px;
         object-fit: cover;
    }
     .about-inside img {
         height: 100%;
         object-fit: cover;
    }
     .product-wrap {
         height: 50%;
    }
     .product-wrap img {
         width: 100%;
    }
    #innerPages .catalog_card {
        margin-bottom: 30px;
    }
     .corporative .section-heading {
         font-size: 32px;
    }
     .corporative .section-desc {
         font-size: 12px;
    }
     .slide-content {
         text-align: center;
         align-items:center;
    }
     .cta-button {
         display: none;
    }
     .slider-container {
         padding: 0 15px;
    }
     .slide-title {
         font-size: 25px;
         width: 100%;
    }
     .slide-text {
         font-size: 15px;
    }
     .slide-button {
         margin: 0 auto;
    }
     .header-container {
         flex-wrap: wrap;
    }
     .search-container {
         order: 3;
         max-width: 100%;
         flex-basis: 100%;
    }
     .nav-toggle-label {
         display: flex;
         align-self: flex-end;
    }
     .nav-toggle-label span {
         height: 4px;
    }
     .corporative .section-caption {
         width: 100%;
    }
     .custom-card {
         flex-direction: column-reverse;
    }
     .card-content {
         padding: 20px 0 0 0;
    }
     .main-nav {
         display: none;
         width: 100%;
    }
     .main-nav.active {
         display: block;
    }
     .nav-menu {
         flex-direction: column;
         gap: 0;
         padding: 1rem;
         background-color: #F6F7F9;
    }
     .nav-menu a {
         padding: 0.75rem 0;
         font-size: 15px;
    }
    /* Hamburger animation */
     .nav-toggle-label.active span:nth-child(1) {
         transform: rotate(45deg) translate(8px, 8px);
    }
     .nav-toggle-label.active span:nth-child(2) {
         opacity: 0;
    }
     .nav-toggle-label.active span:nth-child(3) {
         transform: rotate(-45deg) translate(7px, -7px);
    }
     .logo-grid {
         grid-template-columns: repeat(2, 1fr);
    }
     footer .footer-top {
         padding: 3rem 10px;
    }
     .footer_menu {
         padding: 0;
    }
     .asideMenuWrapper, .au-side-nav, .melumat .position-sticky{
         width: 100% !important;
    }
}
.innerContet .innerGrid picture{
     width: 100%;
     background:#f0f0f0;
    height: 370px
}
.innerContet .innerGrid img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.teamsGrid img{
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}
.innerContet .innerGrid img[src*="/uploads/posts/2025-09/2872klepsan-logo.png"],
.innerContet .innerGrid img[src*="/uploads/posts/2025-09/kayse.webp"] {
    transform: scale(1.8);
}


/*Tedbirler*/


.tedbirfoto{
    display:flex;
}








#hero_slider .swiper-slide::nth-child(4){
    background: url('https://caspian-energy.az/uploads/posts/2024-05/1714552285_slider-2.webp') center/cover;
}

@media only screen and (max-width: 768px){
#hero_slider .swiper-slide::nth-child(4){
    background: url('https://caspian-energy.az/uploads/posts/2024-05/1714552285_slider-2.webp') center/cover;
}
}

.news_card:hover .news_read_more {
    opacity: 1
}

.news_card,
.news_read_more {
    background-color: var(--news-card-bg);
    transition: .3s ease-in-out
}

.news_card {
    border-radius: 5px;
    width: 100%;
    height: fit-content;
    overflow: hidden
}

.news_image {
    height: 250px;
    position: relative
}

.news_image_figure {
    height: 250px;
    width: 100%;
    overflow: hidden
}

.news_card:hover .news_read_more,
.news_read_more {
    overflow: visible;
    visibility: visible;
    transform: translateY(0)
}

.news_image_figure img {
    width: 100%;
    height: 100%;
    transition: .3s ease-in-out
}

.news_card:hover .news_image_figure img {
    transform: scale(1.1);
    filter: blur(2px)
}

.news_read_more {
    position: absolute;
    opacity: 0;
    right: 50px;
    bottom: -25px;
    display: flex;
    align-items: center;
    z-index: 2;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    fill: var(--white);
    opacity: 1;
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}

.news_read_more svg {
    font-size: 20px;
    height: 20px
}

.news_read_more:hover {
    fill: #fff;
    background-color: #000
}

.news_info {
    width: 100%;
    padding: 20px 10px
}

.news_info span {
    font-size: 14px;
    color: var(--news-span);
    margin-bottom: 10px;
    display: block
}

.news_info h3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.news_info h3 {
    -webkit-line-clamp: 2;
    line-height: 1.2
}

.news_info h3 {
    font-size: 20px;
    color: var(--news-card-title);
    margin-bottom: 10px;
    font-weight: 700;
    height: 50px
}

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

    .news_image,
    .news_image_figure {
        height: 280px
    }
}


.tedbirfoto li a {
    box-shadow: rgba(0, 0, 0, .12) 0 1px 3px, rgba(0, 0, 0, .24) 0 1px 2px
}


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

    .news_read_more {
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        transform: translateY(20px)
    }
}

.tedbirfoto li a,
.tedbirfoto li img {
    width: 100%;
    height: 100%
}

.tedbirfoto {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    row-gap: 15px;
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.tedbirfoto>* {
    flex-shrink: 0;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.tedbirfoto li a {
    overflow: hidden;
    display: flex;
    align-items:center;
    justify-content:center;
    border-radius: 12px
}

.tedbirfoto li img {
    object-fit: fill;
    max-height: 350px
}


  .xfieldimagegallery {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
  }

  .xfieldimagegallery li img {
    width: 210px;
    height: auto;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
  }

  .xfieldimagegallery li img:hover {
    transform: scale(1.05);
  }