/*GENERAL*/
body{font-family: 'Poppins', sans-serif;}
.default-page{margin-bottom: 5rem;}
/*GENERAL END*/


/*SPRITE*/
.sprite {background-image: url("../images/sprite-icons.png");background-repeat: no-repeat;display:block;}
.sprite-arrow-1 {width: 27px;height: 49px;background-position: -5px -5px;}
.sprite-arrow-2 {width: 27px;height: 49px;background-position: -42px -5px;}
.sprite-beyaz-twitter {width: 35px;height: 34px;background-position: -79px -5px;}
.sprite-contact-email {width: 19px;height: 14px;background-position: -79px -49px;}
.sprite-contact-location {width: 14px;height: 18px;background-position: -108px -49px;}
.sprite-contact-phone {width: 20px;height: 20px;background-position: -5px -77px;}
.sprite-email {width: 19px;height: 15px;background-position: -35px -73px;}
.sprite-facebook-beyaz {width: 35px;height: 34px;background-position: -64px -77px;}
.sprite-instagram-beyaz {width: 35px;height: 34px;background-position: -124px -5px;}
.sprite-linkedn-beyaz {width: 35px;height: 34px;background-position: -132px -49px;}
.sprite-location {width: 13px;height: 20px;background-position: -109px -93px;}
.sprite-phone {width: 19px;height: 20px;background-position: -132px -93px;}
/*SPRITE END*/

/*BREADCRUMS*/
.breadcrumbs .breadcrumb-wrap{ position: absolute;z-index: 1;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;display: flex;justify-content: center;}
.breadcrumbs .breadcrumb li a{color: #fff;text-decoration: none;}
.breadcrumbs .breadcrumb li.active a{font-weight: 600;}
.breadcrumbs .breadcrumb .breadcrumb-item+.breadcrumb-item::before{color: #fff;}
/*BREADCRUMS END */


/*HEADER*/
header{position: fixed;width: 100%;z-index: 3;}
header .header-top{padding: 1rem;}
header .header-top .header-top-list{display: flex;align-items: center;gap: 15px;margin: auto;padding: 0;}
header .header-top .header-top-list li{list-style: none;font-size: 0.7rem;}
header .header-top .header-top-list li a{display: flex;align-items: center;gap: 10px;color: #fff;text-decoration: none;}
header .header-top .header-top-list li i{scale: 0.7;}
header .header-top .header-top-language{display: flex;justify-content: flex-end;gap: 1rem;}
header .header-top .header-top-language li{list-style: none;}
header .header-top .header-top-language li a{text-decoration: none;color: #fff;font-size: 0.8rem;}
header .header-top .header-top-language li a img{margin-right: 0.5rem;}
header .main-header{border-top: 1px solid #ffffff81;border-bottom:1px solid #ffffff81 ;}
header.set-header {transition: all ease-in-out 150ms;background: #ffffff;box-shadow: 0px 4px 4px rgb(0 0 0 / 8%);margin-top: -50px;}
header .main-header .navbar-brand img{max-width: 230px;filter: brightness(0) invert(1);}
header.set-header .main-header .navbar-brand img{max-width: 200px;transition: all .2s ease-in;filter: none;}
header .main-header .navbar .navbar-collapse{justify-content: end;}
header .main-header .navbar .navbar-collapse .navbar-nav{gap: 1.5rem;}
header .main-header .navbar .navbar-collapse .navbar-nav .nav-item{font-size: 1rem;}
header .main-header .dropdown:hover .dropdown-menu {display: block;transition: all 200ms ease-in;}
header .main-header .dropdown:hover .dropdown-menu.show li{font-size: 0.9rem;}
header:not(.set-header) .main-header .navbar .navbar-nav .nav-link{color:#ffffff;font-weight: 400;} 
header:not(.set-header) .main-header .navbar .navbar-nav .nav-link.active{color: #ffffff;font-weight: 700;}
header.set-header .main-header .navbar .navbar-nav .nav-link{color: #000000;}
header.set-header  .mobile-demo{background: #fff;}
header .mobile-demo{position: absolute; width: 100%;display: flex;justify-content: space-between;align-items: center;}
header .mobile-demo button svg{fill: #fff;width: 20px;}
header.set-header  .mobile-demo button svg{fill: #3d4970;}
header .mobile-demo .offcanvas.offcanvas-start{width: 250px;}
header .mobile-demo .offcanvas .offcanvas-header{box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;}
header .mobile-demo .offcanvas .offcanvas-body ul{padding-left: 0;margin-bottom: 0;}
header .mobile-demo .offcanvas .offcanvas-body ul li{list-style: none;padding: 10px 0;}
header .mobile-demo .offcanvas .offcanvas-body .accordion{background: transparent !important;--bs-accordion-color: transparent;--bs-accordion-bg: transparent;padding-left: 0;}
header .mobile-demo .offcanvas .offcanvas-body .accordion .accordion-button{font-size: 1rem;background-color: #ffffff !important;color: #212529 !important;padding-left: 0;padding-bottom: 10px;}
header .mobile-demo .offcanvas .offcanvas-body .accordion .accordion-button:focus{border: none !important;box-shadow: none !important;}
header .mobile-demo .offcanvas .offcanvas-body .accordion .accordion-button:not(.collapsed){box-shadow: none !important;}
header .mobile-demo .offcanvas .offcanvas-body .accordion .accordion-button::after{background-image: url("../images/chevron-down-solid.svg");background-size: 10px;background-position: center;}
header .mobile-demo .offcanvas .offcanvas-body ul li{list-style: none;font-size: 1rem;padding: 5px 0;}
header .mobile-demo .offcanvas .offcanvas-body ul{padding-left: 10px;}
header .mobile-demo .offcanvas .offcanvas-body .accordion-body{background: #ffffff !important;color: #000000 !important;padding: 0;}
header .mobile-demo .offcanvas .offcanvas-body .accordion .accordion-item{border: 0 !important;}


/*HEADER END*/

/*BANNER*/
.banner{max-height: 450px;position: relative;overflow: hidden;}
.banner .banner-wrap img{width: 100%;height: auto;}
.banner .banner-wrap::before{content: "";display: block;background-color:rgba(0,0,0,0.6);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.banner .banner-title{position: absolute;top: 70%;left: 50%;transform: translate(-50%, -70%);z-index: 1;}
.banner .banner-title h2{color:#fff;font-size: 2rem;}
/*BANNER END*/

/*PRELAODER*/
.preloader{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index:10;}
.preloader.open {animation: slideOut 1200ms forwards}
.preloader-slide { width: 100%;height: 100%;background-color: #fff;display: flex;justify-content: center;align-items: center;}
/*PRELAODER END*/

/*MAIN SLIDE*/
.main-slide .main-owl.owl-carousel .item{height: 100vh;position: relative;}
.main-slide .main-owl.owl-carousel .item img{height: 100%;object-fit: cover;width: 100%;}
.main-slide .main-owl.owl-carousel .item video{width: 100%;position: absolute;height: 100%;left: 0;top: 0;object-fit: cover;}
.main-slide .main-owl.owl-carousel .owl-nav{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;display: flex;justify-content: space-between;padding: 0 1.5rem;}
.main-slide .main-owl.owl-carousel .owl-nav button svg{ fill: #ffffff;width: 30px;height: 30px;}
.main-slide .main-owl.owl-carousel .main-content{ position: absolute;top: 50%;transform: translateY(-50%);width: 100%;}
.main-slide .main-owl.owl-carousel .main-content h2{color: #fff;font-size: 3.2rem;}
.main-slide .main-owl.owl-carousel .main-content p{color: #fff;font-size: 1.2rem;margin: 2.5rem 0;}
.main-slide .main-owl.owl-carousel .item::before{content: "";position: absolute;z-index: 0;left: 0;top: 0;width: 100%;height: 100%;background: rgb(0, 0, 0,0.4);}
/*MAIN SLIDE END*/

/*CONTENT*/
.content{margin-top: 5rem;}
.content .about-us{padding: 5rem 0;position: relative;}
.content .about-us .about-content-title h2{ color: #3d4970;font-size: 1.6rem;font-weight: 400}
.content .about-us .about-content-title .title-content{font-size: 2rem;font-weight: 600;}
.content .about-us .about-content-title span{color: #3d4970; font-size: 2rem;font-weight: 600;text-transform: uppercase;}
.content .about-us .about-us-text h3{font-size: 1.5rem;}
.content .about-us .about-us-text p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;font-weight: 400;font-size:1.1rem;line-height:2.2rem;}
.content .about-us .detail-btn{background-color: #3d4970;color: #fff;width: max-content;}
.content .about-us .about-content{display: flex;flex-direction: column;gap: 2.5rem;}
.content .about-us .about-images{display: flex;height: 100%;position: relative;min-height: 600px;align-items: center;}
.content .about-us .about-images .image img {width: 100%;height: auto;}
.content .about-us .about-images .about-shape-img{position: absolute;left: -25%;top: -25%;}
.content .about-us .about-items{display: flex;align-items: center;gap:5rem;}
.content .about-us .about-items .about-item{display: flex;align-items: center;gap: 1rem;}
.content .about-us .about-items .about-item-icon { background: #f2f4ff;padding: 1rem;border-radius: 50%;}
.content .about-us .about-items .about-item-icon svg{width: 25px;fill: #3d4970;}
.content .about-us .about-items .about-item-icon img{width: 35px;}
.content .about-us .about-items .about-item-text h4{font-size: 1.1rem;font-weight: 300;color: #3d4970;}
.content .about-us .about-items .about-item-text p{font-size: 0.8rem;}
.content .about-us .about-items .about-item-text span{font-size: 1.2rem;}
.content .about-us .about-items .about-item{position: relative;}
.content .about-us .about-items .about-item:first-child:before{position: absolute;content: "";width: 2px;height: 77px;right: -50px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: #f2f4ff}
.content .our-services{padding: 5rem 0;position: relative;}
.content .our-services .services-title .main-title{ color: #3d4970;font-size: 1.6rem;font-weight: 400}
.content .our-services .services-title .title-content{font-size: 2rem;font-weight: 600;}
.content .our-services .services-card{padding: 2rem;position: relative;border-radius: 15px;overflow: hidden;transition: all 200ms ease-in;}
.content .our-services .services-card .card-icon{max-width: 75px;background-color: #3d4970;padding: 0.5rem;border-radius: 15px;}
.content .our-services .services-card .card-icon img{width: 100%;height: auto;}
.content .our-services .services-card .card-content h2{font-size: 1.2rem;}
.content .our-services .services-card .card-content p{font-size: 1.1rem;font-weight: 300;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.content .our-services .services-card:hover .card-content h2{transition: all 200ms ease-in;}
.content .our-services .services-card:hover .card-icon,
.content .our-services .services-card.active .card-icon{background-color: transparent;z-index: 1;position: relative;}
.content .our-services .services-card:hover .card-content,
.content .our-services .services-card.active .card-content{z-index: 1;position: relative;color: #fff;}
.content .our-services .services-card.active{background-image: url("../images/anasayfa/iStock-1864555126.jpg");background-repeat: no-repeat;background-size: cover;}
.content .our-services .services-card.active::after{content: "";position: absolute;z-index: 0;left: 0;top: 0;width: 100%;height: 100%;background: #3d49709c;}
.content .referances{padding: 5rem 0;}
.content .referances h2{text-align: center;color: #000000;margin-bottom: 2.5rem;}
.content .referances .referances-slider .owl-carousel .owl-stage{display: flex;align-items: center;justify-content: center ;}
.content .referances .referances-slider .owl-carousel {cursor: pointer;}
.content .referances .referances-slider .owl-carousel .owl-nav button svg{ fill: #00000021;width: 30px;height:45px;}
.content .referances .referances-slider .owl-carousel .owl-nav { position: absolute;top: 50%;display: flex;justify-content: space-between;width: 100%;transform: translateY(-50%);}
.content .referances .referances-slider .owl-carousel .owl-nav button.owl-prev{margin-left: -50px;}
.content .referances .referances-slider .owl-carousel .owl-nav button.owl-next{margin-right: -50px;}
.content .contact-form {padding:40px 20px;border-radius: 12px; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.25);}
.content .contact-form .title {font-size: 1.5rem; margin-bottom: 20px;}
.content .contact-form .input-field {margin-bottom: 1rem;}
.content .contact-form .input-field input {padding: 0 15px; font-size: 14px; width: 100%; display: block;width: 100%;border-radius: 8px;height: 50px;border: 1px solid #d2d2d2;}
.content .contact-form div:nth-child(5) input{height: 75px !important;}
.content .contact-form .input-field input:focus {border: 1px solid #222;}
.content .contact-form .input-field label {font-size: 14px;}
.content .contact-form .input-field .error-text {opacity: 0; color: #f50000; font-size: 12px; transition: .2s; font-weight: 500;margin-top: -10px; display: block;}
.content .contact-form .input-field .error-text.show-error-text {opacity: 1;margin-top: 0px; transition: .2s;}
.content .contact-form .form-button { float: right;background:#3d4970 ;color: #fff;font-weight: 400;}
.content .contact-form .form-button:hover {background-color: #3d4970; color: #fff; transition: .2s;}
.content .contact-form .form-button i {margin-right: 5px;}
.content .adress-wrapper {display: flex; flex-direction: column;border-radius: 12px; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.25);height: 100%;}
.content .adress-wrapper .adress-box svg{width:16px ;fill-opacity:0.6 ;margin-right: 7px;}
.content .adress-wrapper .map-box{height: 100%;}
.content .adress-box {padding: 45px;}
.content .adress-box li {font-weight: 400;font-size: 1rem;line-height: 30px;margin-bottom: 18px; color: #222;list-style: none;display: flex;gap: 10px;align-items: center;}
.content .adress-box li a {font-weight: 400; color: #222;line-height: 30px;text-decoration: none;display: flex;gap: 10px;align-items: center;}
.content .adress-box li i {font-size: 13px; margin-right: 7px;}
.content .products{background-image: url(../images/anasayfa/makineler.jpg);padding: 5rem 0; background-repeat: no-repeat;position: relative;background-position: center;background-size: cover; background-attachment: fixed;margin: 5rem 0;}
.content .products::before{content: "";position: absolute;z-index: 0;left: 0;top: 0;width: 100%;height: 100%;background: rgb(0, 0, 0,0.4);}
.content .products .products-title{text-align: center;position: relative;z-index: 2;}
.content .products .products-title h2{ color: #e0e0e0;font-size: 1.6rem;font-weight: 400}
.content .products .products-title .title-content{font-size: 2rem;font-weight: 600;color: #e0e0e0;}
.content .products .products-slider{margin: 5.5rem 0;}
.content .products .products-slider .owl-item a{text-decoration: none;}
.content .products .products-slider .owl-item .products-card{background: transparent;border: none;}
.content .products .products-slider .owl-item .products-detail {background-color: #0b1c33;padding: 55px 10px 10px 35px;display: flex;align-items: center;justify-content: space-between;border-radius: 0 0 50px;margin-top: -40px;z-index: -1;margin-left: 50px;}
.content .products .products-slider .owl-item .products-detail h3{font-size: 1.2rem;color: #fff;}
.content .products .products-slider .owl-item .products-image{position: relative;overflow: hidden;border-radius: 0 0 50px;max-height: 275px;height: 275px;}
.content .products .products-slider .owl-item .products-image img{border-radius: 0 0 50px;transition: 500ms;background: #fff;object-fit: cover;height: 100%;padding: 0.5rem;}
.content .products .products-slider .item:hover .products-image img{transform: scale(1.2);}
.content .products .products-slider .owl-item .products-image::before{content: "";display: block;background-color: rgb(11 28 51 / 70%);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;border-radius: 0 0 50px;opacity: 0;transition: all 500ms ease-in;}
.content .products .products-slider .item:hover .products-image::before{opacity: 1;visibility: visible;}
.content .products .products-slider .owl-item .products-image .btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;opacity: 0;transition: all 200ms ease-in;}
.content .products .products-slider .owl-item .products-image .btn i{transform: scale(0.7);}
.content .products .products-slider .item:hover .products-image .btn{opacity: 1;}
.content .products .products-slider .owl-dots{text-align: center;margin: 2rem 0 0 0;}
.content .products .products-slider .owl-dots button{ width: 18px;height: 18px;background: transparent !important;border-radius: 50%;border: 3px solid rgb(11 28 51 / 70%);box-shadow: 0px 0px 2px 1px rgba(130,130,130, 0.3);margin: 0 3px;}
.content .products .products-slider .owl-dots button.active{border: 3px solid #fff;background:rgb(11 28 51 / 70%) !important}
.content .advantages{padding: 5rem 0;}
.content .advantages .advantages-title{margin-bottom: 1rem;}
.content .advantages .advantages-title h2{ color: #3d4970;font-size: 1.6rem;font-weight: 400}
.content .advantages .advantages-title .title-content{font-size: 2rem;font-weight: 600;}
.content .advantages .advantages-box{display: flex;flex-direction: row;padding: 1.8rem;gap: 1rem;align-items: center;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;border: none;min-height: 130px;max-height: 130px;cursor: pointer;}
.content .advantages .advantages-box .box-icon{background: #3d4970;padding: 1rem;width: 70px;height: 70px;border-radius: 10px;}
.content .advantages .advantages-box:hover{background: #3d4970;transition: all 0.2s ease-in;}
.content .advantages .advantages-box .box-icon img{transform: rotateY(0deg);transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;max-width: 40px;}
.content .advantages .advantages-box:hover .box-icon img{transform: rotateY(360deg);transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;}
.content .advantages .advantages-box .box-content{color: #686868;}
.content .advantages .advantages-box:hover p{color: #fff;}
.content .about-us-detail-page{margin: 4rem 0;}
.content .about-us-detail-page .image-box{position: relative;}
.content .about-us-detail-page .image-box .box-video-play{position: absolute;right: 0;top: 50%;width: 200px;height: 200px;border-radius: 50%;overflow: hidden;border: 10px solid #ee5935;box-shadow: 0px 10px 60px 0px #3d4970;}
.content .about-us-detail-page .image-box .box-video-play img{width: 100%;height: 100%;object-fit: cover;transition: all 200ms ease-in-out;}
.content .about-us-detail-page .image-box .box-video-play .btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.content .about-us-detail-page .image-box .box-video-play .btn svg{width: 40px;height: 40px;fill: #ee5935;}
.content .about-us-detail-page .image-box .box-video-play:hover img{transform: scale(1.2);}
.content .about-us-detail-page .about-us-text p{font-weight: 400;font-size:1rem;line-height:2.2rem;text-align: justify;}
.content .about-us-detail-page .about-items{display: flex;align-items: center;gap:5rem;}
.content .about-us-detail-page .about-items .about-item{display: flex;align-items: center;gap: 1rem;}
.content .about-us-detail-page .about-items .about-item-icon { background: #f2f4ff;padding: 1rem;border-radius: 50%;}
.content .about-us-detail-page .about-items .about-item-icon svg{width: 25px;fill: #3d4970;}
.content .about-us-detail-page .about-items .about-item-text h4{font-size: 1.1rem;font-weight: 300;color: #3d4970;}
.content .about-us-detail-page .about-items .about-item-text p{font-size: 0.8rem;}
.content .about-us-detail-page .about-items .about-item-text span{font-size: 1rem;}
.content .about-us-detail-page .about-items .about-item{position: relative;}
.content .about-us-detail-page .about-items .about-item:first-child:before{position: absolute;content: "";width: 2px;height: 77px;right: -50px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: #f2f4ff}
.content .about-us-detail-page .about-pdf-file .pdf-file-button{background-color: #3d4970;display: flex;width: max-content;align-items: center;color: #fff;font-size: 0.8rem;max-height: 45px;border-radius: 15px;margin-top: 2rem;}
.content .about-us-detail-page .about-pdf-file .pdf-file-button i{transform: scale(0.3);}
.content .services-detail-page{margin:5rem 0;}
.content .services-detail-page h2{color: #3d4970;}
.content .services-detail-page img{width: 100%;height: auto;}
.content .services-detail-page .text h3{font-size: 1.5rem;}
.content .services-detail-page .text p{font-weight: 400;font-size: 1rem;line-height: 2.2rem;text-align: justify;}
/*CONTENT END*/

/*FOOTER*/
footer .footer-wrapper{background: #3d4970;padding:3rem 0 0 0;position: relative;}
footer .footer-wrapper .footer-logo{max-width: 200px;filter: brightness(0) invert(1);}
footer .footer-wrapper .footer-adress-list{margin-top: 5rem;}
footer .footer-wrapper .footer-social{display: flex;gap: 1rem;}
footer .footer-wrapper h5{color: #fff;margin-bottom: 3rem;}
footer .footer-wrapper ul{padding-left: 0;margin-top: 1.5rem;}
footer .footer-wrapper ul li{list-style: none;margin-top: 1rem;}
footer .footer-wrapper ul li:first-child{display: flex;gap: 15px;align-items: center;color: #fff;font-size: 0.9rem;font-weight: 400;}
footer .footer-wrapper ul li:first-child span{width: 65%;}
footer .footer-wrapper ul li a{text-decoration: none;display: flex;align-items: center;gap: 15px;font-size: 0.9rem;font-weight: 400;color: #FFF;}
footer .footer-copyright{display: flex;justify-content: space-between;margin-top: 2rem; border-top: 1px solid #EFEEEE;padding: 1rem 0;align-items: center;}
footer .footer-copyright span{font-size: 0.8rem;color: #fff;}
footer .footer-wrapper .footer-bg-img .footer-bg-left-img{position: absolute;left: 0;bottom: 0;}
footer .footer-wrapper .footer-bg-img .footer-bg-left-img img{max-width: 350px;}
footer .footer-wrapper .footer-bg-img .footer-bg-right-img{position: absolute;right: 0;top: 30%;}
footer .footer-wrapper .footer-bg-img .footer-bg-right-img img{max-width: 350px;}
/*FOOTER END*/

 

/* RESPONSIVE*/
@media screen and (max-width: 1024px) {
  header .header-top,
  header .main-header{display: none;}
  header.set-header{margin-top: 0;}
  header .mobile-demo .mobile-logo{margin: auto;}
  header .mobile-demo img{max-width: 200px;filter: brightness(0) invert(1);}
  header.set-header .mobile-demo img{filter:none;}
  .mobile-demo{display: block;}
  header .mobile-demo .offcanvas-header img{filter: none;}
  .content .referances .referances-slider .owl-carousel .owl-nav{top: 0;justify-content: end;}
  .content .referances .referances-slider .owl-carousel .owl-nav button.owl-prev{margin-left: 0;}
  .content .referances .referances-slider .owl-carousel .owl-nav button.owl-next{margin-right: 0;}
  .content .referances .referances-slider .owl-carousel .owl-nav button svg{width: 15px;}
  .content .about-us .about-items{flex-direction: column;align-items: flex-start;gap: 1.2rem;}
  .content .about-us .about-images{min-height: 350px;}
  .banner .banner-wrap::before{top: 100px;}
}

@media screen and (max-width: 992px) {
  .main-slide .owl-carousel .main-content{ top: 20%;left: 70%;transform: translateX(-50%);}
  .main-slide .owl-carousel .main-content h1{font-size: 1rem;}
  .main-slide .owl-carousel .main-content p{font-size: 0.9rem;margin: 1rem  0;}
  .main-slide .main-owl.owl-carousel .main-content h1{font-size: 2.5rem;}
  .main-slide .main-owl.owl-carousel .main-content{left: 15%;}
  .main-slide .main-owl.owl-carousel .owl-nav button svg{height: 20px;}
  .content .about-us .about-items{flex-direction: column;align-items: flex-start;gap: 1.2rem;}
  .content .about-us .about-images{min-height: 350px;}
  .content .about-us .about-section-bg,
  .content .about-us .about-images .about-shape-img{display: none;}
  .content{margin-top: 0;}
  .main-slide .main-owl.owl-carousel .main-content h2{font-size: 2.2rem;}
  .main-slide .main-owl.owl-carousel .main-content p{display:block;}
}

@media screen and (max-width:601px){
  .content .about-us .image-bg::before,
  .content .about-us .image-bg::after{display: none;}
  .main-slide .owl-carousel .owl-item img{width: 200%;}
  .main-slide .main-owl.owl-carousel .main-content h1{font-size: 2rem;}
  .main-slide .slide-text{width: 75%;}
  .content .about-us .about-content{padding: 0;margin-top: 1rem;}
  .pin-spacer{display: none !important;}
  .banner .banner-wrap{width: 170%;}
  .content .our-services{margin: 0;}
  .content .about-us-detail-page .about-items{flex-direction: column;align-items: flex-start;gap: 3rem;margin-top: 3rem;}
  .content .our-services{padding: 0;}
  .content .about-us{padding-bottom: 0;}
  .main-slide .main-owl.owl-carousel .main-content p{display:none;}
}

@media screen and (min-width: 1025px) {
    .mobile-demo{display: none !important;}
}

@media screen and (min-width: 1025px) and (max-width: 1695px){
  .mobile-demo{display: none !important;}
}
 
/* RESPONSIVE END*/

/*KEYFRAMES*/
@keyframes slideOut {
  from {transform: translateY(0);}
  to {Transform: translateY(-100%);}
}
/*KEYFRAMES END*/