/*
Theme Name: Plastopil
Version: 1.0.1
Description: Plastopil developed by The Guy
Author: TheGuy
Author URI: https://theguy.co.il/
*/


/* body */
body{ background-color: #fff; margin: 0px; padding: 0px; color: #000; font-size: 16px;  font-family: 'Inter 18pt', Arial, Helvetica, sans-serif; font-weight: 400;}
/* End body */

/* headings */
h1, h2, h3, h4, h5{  margin-bottom: 24px; font-family: 'Unbounded';}
h1{ font-size: 54px; font-weight: 500; }
h2{ font-size: 36px;}
h3{ font-size: 24px;}
h4{ font-size: 18px;}
/* end headings */

/* anchar color */
a { color:#343A46;  }
a:hover { color:#2B3990; }

.link-underline a { text-decoration: underline;}
.link-underline a:hover { text-decoration: none;}
/* End anchar color */

/* Custom padding */
.pd-top-50 {padding-top: 50px;}
.pd-top-80 {padding-top: 80px;}
.pd-top-100 {padding-top: 100px;}
.pd-bottom-50 {padding-bottom: 50px;}
.pd-bottom-80 {padding-bottom: 80px;}
.pd-bottom-100 {padding-bottom: 100px;}
/* paragraph */
p{font-size: 16px; margin-bottom: 20px; line-height: normal; color: rgba(0, 0, 0, 0.5);}
/* end paragraph */

/* Text colors */
.text-primary { color:#0074B6!important;}
.text-warning { color:#B17602!important;}
.text-danger { color:#AC2431!important;}
.text-success { color:#688021!important;}
.text-info { color:#526077!important;}
.text-ellipsis{  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
/* End Text colors */

/* border */
.max-w-border{ max-width: 610px; height: 2px; width: 100%; display: inline-block;}
/* End border */
/* Shadow */
.shadow-sm {--bs-box-shadow-sm: 0 10px 15px 0 rgba(0, 0, 0, 0.1)!important; }

/* Fonts */
.font-54{ font-size: 54px;}
.font-48{ font-size: 48px;}
.font-40{ font-size: 40px;}
.font-26{ font-size: 26px;}
.font-24{ font-size: 24px;}
.font-20{ font-size: 20px;}
.font-18{ font-size: 18px;}
.font-16{ font-size: 16px;}
.font-14{ font-size: 14px!important;}
.font-13{ font-size: 13px;}
.font-11{ font-size: 11px;}
.fw-extra-bold{ font-weight: 800!important;}
.fw-semi-bold{ font-weight: 600!important;}
.ls-1{ letter-spacing: -1px!important;}
/* End Fonts */

/* Custom Container */
.max-w-container{ max-width: 1760px;}
.container-small{ max-width: 1140px!important; margin: 0 auto; padding-left: 12px; padding-right: 12px;}
.container-small p{ line-height:25px;}
.container-banner{ max-width: 900px!important; margin: 0 auto; padding-left: 12px; padding-right: 12px;}
/* End Custom Container */

/* BG */
.bg-dark{background-color: #000!important;}
.bg-light{background-color: #F2F2F2!important;}
.bg-gray{background-color: rgba(43, 57, 144, 0.05)!important;}
.bg-dark-50{background-color: #526077!important;}
.bg-danger{background-color: #AC2431!important;}
.bg-primary{ background-color: #038ACD!important;}
.bg-warning{ background-color: #DFA600!important;}
.bg-success{ background-color: #89A825!important;}
.bg-success-light{ background-color:#F3F7D9!important;}
.bg-cover{ background-size: cover!important; background-repeat: no-repeat!important; background-position: 50% 50%!important; }
.bg-light-yellow{ background-color: #FFDF10!important;;
background-color: radial-gradient(circle,rgba(255, 223, 16, 1) 0%, rgba(223, 166, 0, 1) 50%, rgba(255, 223, 16, 1) 100%)!important;;}
.bg-light-red{ background-color: #F798A1!important;}
.bg-light-blue{ background-color: #ACE1FF!important;}
.bg-light-green{ background-color: #D5E68C!important;}
.bg-light-gray{ background-color: #D5D9E2!important;}



/* End BG */

/* border colors */
.border-success{ border-color:#89A825 !important;}
.border-primary { border-color:#0074B6 !important;}

/* Buttons */
.btn{font-size: 16px;  font-family: 'Inter 18pt'; font-weight: 700; padding: 13px 16px; border-radius: 0.250rem;}
.btn-primary {
    --bs-btn-color:#ffffff;
    --bs-btn-bg:#085086;
    --bs-btn-border-color:#085086;
    --bs-btn-hover-color:#ffffff;
    --bs-btn-hover-bg:#042740;
    --bs-btn-hover-border-color:#042740;
    --bs-btn-focus-shadow-rgb:49,132,253;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:#085086;
    --bs-btn-active-border-color:#085086;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:#fff;
    --bs-btn-disabled-bg:#085086;
    --bs-btn-disabled-border-color:#085086;
}
.btn-secondary {
    --bs-btn-color:#ffffff;
    --bs-btn-bg:#0074B6;
    --bs-btn-border-color:#0074B6;
    --bs-btn-hover-color:#ffffff;
    --bs-btn-hover-bg:#0074B6;
    --bs-btn-hover-border-color:#0074B6;
    --bs-btn-focus-shadow-rgb:49,132,253;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:#0074B6;
    --bs-btn-active-border-color:#0074B6;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:#fff;
    --bs-btn-disabled-bg:#0074B6;
    --bs-btn-disabled-border-color:#0074B6;
}
.btn-success {
    --bs-btn-color:#ffffff;
    --bs-btn-bg:#475720;
    --bs-btn-border-color:#475720;
    --bs-btn-hover-color:#ffffff;
    --bs-btn-hover-bg:#475720;
    --bs-btn-hover-border-color:#475720;
    --bs-btn-focus-shadow-rgb:49,132,253;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:#475720;
    --bs-btn-active-border-color:#475720;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:#fff;
    --bs-btn-disabled-bg:#475720;
    --bs-btn-disabled-border-color:#475720;
}
.btn-outline-primary {
    --bs-btn-color:#283891;
    --bs-btn-border-color:#283891;
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg:#283891;
    --bs-btn-hover-border-color:#283891;
    --bs-btn-focus-shadow-rgb:13,110,253;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:#283891;
    --bs-btn-active-border-color:#283891;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:#283891;
    --bs-btn-disabled-bg:transparent;
    --bs-btn-disabled-border-color:#283891;
    --bs-gradient:none
  }

.btn-light {
  --bs-btn-color: #283891;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #283891;
  --bs-btn-hover-bg: #FCCF0B;
  --bs-btn-hover-border-color: #FCCF0B;
  --bs-btn-focus-shadow-rgb: 211,212,213;
  --bs-btn-active-color: #283891;
  --bs-btn-active-bg: #FCCF0B;
  --bs-btn-active-border-color: #FCCF0B;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #283891;
  --bs-btn-disabled-bg: #FCCF0B;
  --bs-btn-disabled-border-color: #FCCF0B;
}
/* End Buttons */

/* Header */
.plastopil-header{padding-top: 15px; padding-bottom: 15px;}
.plastopil-header .logo { padding-right: 20px;}
.plastopil-header .main-nevigation ul{margin: 0px 30px 0 20px; padding: 0px; display: flex;}
.plastopil-header .main-nevigation ul li{margin: 0px; padding: 0px 18px 0; list-style: none; font-size: 16px;  font-weight: 400; font-family: 'Unbounded';}
.plastopil-header .main-nevigation ul li a{padding: 17px 0px; text-decoration: none; color:#64748B; position: relative;}
.plastopil-header .main-nevigation ul li a:hover{ color:#0074B6;}
.plastopil-header .search-box {position: relative;}
.plastopil-header .search-box .btn{position: absolute; right: 0px; top: 0px;}
.plastopil-header .search-box .form-control{border:#B1BBC8 solid 1px!important;}
.plastopil-header ul.social-link{ margin: 0px; padding: 0px;}
.plastopil-header ul.social-link li{ margin: 0px; padding: 0px; width: 40px; height: 40px; display: flex; background-color:#EAEAEA; border-radius: 8px; align-items: center; justify-content: center;}
.plastopil-header .call-to-action .btn{font-family: 'Unbounded'; padding: 7px 16px!important; font-weight: normal!important; }
.plastopil-header .plastopil-mob-sidebar{ max-width: 300px;}

.plastopil-header .menu-top-menu-container{position: relative; right: 0px;}
.plastopil-header .plastopil-mob-sidebar ul.menu-top-menu-container { padding: 0px!important; margin: 0px!important;}
.plastopil-header .plastopil-mob-sidebar ul.menu-top-menu-container li{ list-style: none; position: relative; padding: 0px 0; font-family: 'Unbounded';}
.plastopil-header .plastopil-mob-sidebar ul.menu-top-menu-container li a{ transition: all 0.5s ease-out; color: #64748B; text-decoration: none; padding: 8px 30px; display: block; }
.plastopil-header .plastopil-mob-sidebar ul.menu-top-menu-container li a:hover{ color:#0074B6;  }
.plastopil-header .current-menu-item a { color:#0074B6!important; }
/* End header */
.page-content{ min-height: 300px;}
/* Home */
.plastopil-hero .hero-img-box{ position: absolute;  top: 0px; right: 0px;}
.thumb-animation { width: 100%;height: 346px; float: left;  overflow: hidden; position: relative; cursor: default;}
.thumb-animation .mask, .thumb-animation .content {width: 100%; height: 200px; position: absolute; overflow: hidden; left: 0; bottom: 0px;}
.thumb-animation img { display: block; position: relative;}
.thumb-animation .mask { background-color: #fff; -webkit-transform: translateY(150px); -moz-transform: translateY(150px); -o-transform: translateY(150px);  -ms-transform: translateY(150px);
transform: translateY(150px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.thumb-animation:hover .mask { -webkit-transform: translateY(0px);  -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px);}

.plastopil-solutions{ background: url(./assets/images/solution-bg.png) no-repeat right top;}

.plastopil-solutions .featured-height{ height: 290px;}
.plastopil-solutions .content-limit-w{max-width: 240px;}
.cirlce-icon{ width: 80px; height: 80px; justify-content: center; align-items: center; display: flex;}
.latest-news-and-events { background:#EDF7FF url(./assets/images/latest-news-bg-home.png) no-repeat center top;}
.latest-news-and-events a.read_more{ color: #00588D;}
.latest-news-and-events .news-thumbnail img, .latest-news-inner-page .news-thumbnail img{ width: 100%; height: 192px;}
.promoting-pustainability-home {background:#FAFBEE url(./assets/images/promoting-bg-home.png) no-repeat center bottom;}
.home-video-box .video{position: relative;}
.home-video-box .video .red-box{position: absolute; top: 35px; left: -70px; z-index: -1; width: 112px; height: 112px; background-color: #E31A2D; border-radius: 4px;}
.home-video-box .video .yellow-box{position: absolute; bottom: -35px; right: -70px; z-index: -1; width: 243px; height: 243px; background-color: #FFD303; border-radius: 4px;}
.home-video-box .video .blue-box{position: absolute; bottom: 230px; right: -100px; width: 72px; height: 72px; z-index: -1; background-color: #038ACD; border-radius: 4px;}
/* End Home */

/* Promoting Sustainability */
.sustainability-banner{  background: #E7F1B6; background: linear-gradient(180deg,rgba(231, 241, 182, 1) 0%, rgba(255, 255, 255, 1) 60%); }
.sustainability-banner p{ color:#475720;  }
.sustainability-features{ background: url(./assets/images/sustainability-page-bg.jpg) no-repeat left top;}
.sustainability-features .bg-white{ background-color: rgba(255, 255, 255, 0.3)!important; box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.06);}
.sustainability-features .bg-white h2{ min-width: 400px; min-height: 62px;}

.sustainability-methods .icon-box{ width: 164px; height: 164px; border-radius: 50%; margin: 0 auto; display: flex; justify-content: center; align-items: center; background-color:#e7f1b6; }
.our-enviromental-promise .rounded-box{ border-radius: 8px 60px 8px 60px; background: url(./assets/images/our-environmental-bg.png) no-repeat;}
/* End Promoting Sustainability */

/*News and events  */
.news-and-event-hero .search-box{ max-width: 478px; width: 100%; }
.news-and-event-hero .search-box .input-box { max-width: 370px; width: 100%; position: relative;  }
.news-and-event-hero .search-box .form-control{ border-radius: 4px; padding: 11px 40px 11px 15px; }
.news-and-event-hero .search-box .input-box .icon{ position: absolute; right: 15px; top: 10px; }
.plastopil-all-posts .plastopil-single-post h3, .plastopil-all-posts .plastopil-single-post p{ background-color: #fff;}
.plastopil-all-posts .plastopil-single-post p{ max-width: 100px;}
.plastopil-all-posts .plastopil-single-post.style-1 .info{ position: relative; left: 60px;}
.plastopil-all-posts .plastopil-single-post.style-2 .info{ position: relative; left: -60px;}
.plastopil-all-posts .plastopil-single-post.style-2::after{ position: absolute; content: ''; width: 100%; max-width: 656px; height: 100%; top: 30%; left: 30%; background-color: #ECEEF2;}
/* End News and events  */


/* Get in touch */
.get-in-touch-box{  background:#042740 url(./assets/images/contact-bg.png) no-repeat right center;}
.get-in-touch-box p{ color:#64748B;}
.get-in-touch-box .address-box ul li{ list-style: none; color:#64748B; margin: 0px; padding: 0px 0 10px; display: flex; gap: 8px; line-height: normal; align-items: center;}
.get-in-touch-box .address-box ul li a{ text-decoration: none; color:#64748B;}
.plastopil-form .form-control, .plastopil-form  .form-select{ border: #014A75 solid 1px; color: #fff; background-color: #031f33;}
.plastopil-form .form-control::placeholder { color: #687985; /* Bootstrap muted color */}
.contact-page .plastopil-footer .ft-top-box{ display: none!important;}
/* End Get in touch */

/* Post detail Page */
.post-detail-content {width: 100%; padding-left: 12px; padding-right: 12px; max-width: 958px; margin: 0 auto;}
.post-detail-content h3{ margin-top: 30px; font-weight: 800;}
.latest-news-and-events a, .latest-news-inner-page a{text-decoration: none;}
/* End Post detail Page */

/* Privacy Policy */
.privacy-policy-banner{ background:#F6F7F9 url(./assets/images/bg-privacy-policy.jpg) no-repeat right top; background-size: contain;}
.privacy-policy-banner h1{ margin: 0px; padding: 0px; color:#D5D9E2; font-size: 130px; font-weight: normal; line-height: 0.5;}
/* End Privacy Policy */

/* Our technologies */
.technologies-hero-section{ position: relative;}
.technologies-hero-section::before{ position: absolute; right: 0px; top: 0px; content: ''; width: 100%; max-width: 1108px; height:488px; background: url(./assets/images/tech-bg-top-right.png) no-repeat;}

.technologies-hero-section::after{ position: absolute; left: 0px; bottom: 0px; content: ''; width: 100%; max-width: 435px; height:179px; background: url(./assets/images/tech-bg-bottom-left.png) no-repeat;}
.technologies-hero-section .icon{ width: 80px; height: 80px; display: flex;  border-radius: 50%; justify-content: center; align-items: center;}

.technologies-detail-boxes{background: url(./assets/images/tech-bg-shape.png) no-repeat center 50px; background-size: contain;}

.technology-video .red-box{ top: 0px!important; }
.technologies-detail-boxes .icon{ width: 40px; height: 40px; display: flex;  border-radius: 50%; justify-content: center; align-items: center;}
.quality-above-all {  background:#EDF7FF; position: relative;}
.quality-above-all::before { position: absolute; left: 5%; top: 0px; height: 100%; width: 329px; content: '';  background:url(./assets/images/quality-bg-left.png) no-repeat left top; z-index: 0;}
.quality-above-all::after { position: absolute; right: 5%; top: 0px; height: 100%; width: 329px; content: '';  background:url(./assets/images/quality-bg-right.png) no-repeat left top; z-index: 0;}
/* Market Segments */
.market-segments-main-section .segment-custom-height{ min-height: 260px;}
.market-segments-main-section .cirlce-icon{ width: 64px!important; height: 64px!important;}

.segment-detail-section .banner-box{ min-height: 445px; position: relative;}
.segment-detail-section .banner-box::before{ height: 100%; width: 100%; position: absolute; content: ''; background: url(./assets/images/segment-bg.png) no-repeat center center; background-size: contain; z-index: 0;}
.segment-detail-section .banner-box h1 { text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);}
.segment-detail-section .banner-box p{ text-shadow: 0px 4px 9px rgba(0, 0, 0, 0.65);}
.segment-detail-section .thumb-animation { height: 320px; }
.segment-detail-section .thumb-animation img{ height: 254px; width: 100%; }
.segment-detail-section .thumb-animation .mask, .thumb-animation .content { height: 248px; }
.dotted-effect{position: relative;}
.dotted-effect::before{position: absolute; right: 0px; top: 0px; content: ''; z-index: -1; width: 1108px; height:562px; background: url(./assets/images/dotted-effect-bg-top.png) no-repeat right top;} 
.dotted-effect::after{position: absolute; left: 0px; bottom: 0px; content: ''; z-index: -1; width: 829px; height:484px; background: url(./assets/images/dotted-effect-bg-bottom.png) no-repeat left bottom;} 
.main-product-page .thumb-img img{ width: 100%; height: 251px;}
/* End Market Segments */

/* Product Detail Page */
.color-shade-yellow{position: absolute; right: -165px; top: 50px; border-radius: 4px; content: ''; width: 136px; height: 136px; background-color: #FFD303; }
.color-shade-blue{position: absolute; right: -195px; top: 210px; border-radius: 4px; content: ''; width: 60px; height: 60px; background-color: #038ACD; }
.color-shade-red{position: absolute; left: -136px; bottom: 0px; border-radius: 4px; content: ''; width: 98px; height: 98px; background-color: #E31A2D; }

.product-detail-banner{ background:#042740 url(./assets/images/product-detail-bg.png) no-repeat right top; min-height: 184px; }
.product-detail-banner p{ color: #fff; }
.market-applications .segment-custom-height{ min-height: 202px; }
.ready-to-optimize-box{ background-color: #EDF7FF;}
.ready-to-optimize-box p, .ready-to-optimize-box h2{ color: #053E62; max-width: 770px; margin: 0 auto;}

.product-series .single-product-main-box ul.product-featured{ margin: 0px; padding: 0px;}
.product-series .single-product-main-box ul.product-featured li{ margin: 0px 0 16px; padding: 3px 0 0px 46px; list-style: none; color:#343A46; position: relative;}
.product-series .single-product-main-box ul.product-featured li .icon{ width: 36px; border-radius: 50%; margin-right: 10px; height: 36px; background-color: #D9EFFF; display: flex; justify-content: center; align-items: center; position: absolute; left: 0px; top: -3px; color: #0074B6;}
.product-series .single-product-main-box ul.product-featured li ul { margin-top: 10px;}
.product-series .single-product-main-box ul.product-featured li ul li{ display: flex; align-items: center; margin: 0px; padding: 0px 0 4px; list-style: none; color:#343A46;}
/* .product-series .single-product-main-box ul.product-featured li ul li .icon{ position: static; height: inherit;  margin-right: 10px; color:#343A46; border-radius: none; background: none;} */
.product-series .single-product-main-box ul.product-featured ul { margin: 0px 0 20px;}
.product-series .single-product-main-box ul.product-featured ul li{ display: flex; padding: 0px 0 6px; margin: 0px; font-size: 14px;}
.product-series .single-product-main-box ul.product-featured ul li .icon{ position: static; height: inherit;  margin-right: 0px; color:#343A46; border-radius: none; background: none;}


.product-series .single-product-main-box.style-1 .product-description .devider-border{ position: absolute; width: 2px; height: 184px; top: 25%; right: 0px;} 
.product-series .single-product-main-box.style-2 .product-description .devider-border{ position: absolute; width: 2px; height: 184px; top: 25%; left: 0px;} 

.sustainable-solutions .rounded-box{ border-radius: 8px 60px 8px 60px;} 
.sustainable-solutions .right-img{ border-radius: 4px 60px 4px 0px;} 
.sustainable-solutions p, .sustainable-solutions ul li, .sustainable-solutions h4{ color: #546621;} 
/* End Product Detail Page */

/* About us page */
.about-us-banner{ min-height: 115px; font-size: 153px; color: #038ACD; letter-spacing: -9%; line-height: 0.78; font-weight: normal;font-family: 'Unbounded';}
.about-us-content-box p { font-family: 'Unbounded'; line-height: 1.5; color: #000000;}
.about-us-content-box .content-style-1 { position: relative; padding-right: 50px; max-width: 566px;}
.about-us-content-box .content-style-1 .red-box{ width: 50px; height: 50px; border-radius: 8px; position: absolute; right: 0px; bottom: 0px; background-color: #F35C6A;}
.about-us-content-box .content-style-2 { position: relative; margin-left: 350px; max-width: 500px;}
.about-us-content-box .content-style-2 .yellow-box{ width: 108px; height: 108px; border-radius: 8px; position: absolute; left: -140px; top: 0px; background-color: #FFD303;}
.about-us-content-box .content-style-2 span{position: relative;}
.about-us-content-box .content-style-2 span::before{ position: absolute; background-color: #AECE39; content: ''; width: 100%; height: 4px; border-radius: 3px; left: 0px; bottom: -2px; }

.about-us-content-box .content-style-3 { position: relative; margin-left: 150px; max-width: 500px;}
.about-us-content-box .content-style-3 span{ color: #0FB1FF; font-weight: bold;}
.subsidiaries-box{ background: url(./assets/images/subsidiaries-bg.png) no-repeat center -200px;}
.subsidiaries-box .logo{ height: 60px;}
.our-history .timeline {position: relative;}
.our-history .timeline::before { content: "";  position: absolute; left: 51.2%; top: 0; width: 2px; height: 100%; background: #B1BBC8; transform: translateX(-51%); }
.our-history .timeline-item { width: 50%;  padding: 20px 50px; position: relative;}
.our-history .timeline-item.left { left: 0; text-align: right;}
.our-history .timeline-item.right {  left: 50%; text-align: left;}
.our-history .timeline-item.right .year{ position: absolute; left: -140px; top: 20px;}
.our-history .timeline-item.left .year{ position: absolute; right: -170px; top: 20px;}
.our-history .timeline-item::before { content: ""; position: absolute; top: 30px; width: 40px; height: 40px; border-radius: 50%; background: currentColor; z-index: 2;}
.our-history .timeline-item.left::before {right: -33px;}
.our-history .timeline-item.right::before { left: -7px;}
.our-history .year { display: inline-block; padding: 6px 14px; border-radius: 32px; color: #fff; font-size: 28px; margin-bottom: 6px; font-family: 'Unbounded';}
.our-history .red { color: #E31A2D;}
.our-history .red .year { background: #E31A2D;}
.our-history .blue { color: #0FB1FF;}
.our-history .blue .year { background: #0FB1FF;}
.our-history .green { color: #AECE39;}
.our-history .green .year { background: #AECE39;}
.our-history .yellow { color: #FFD303;}
.our-history .yellow .year { background: #FFD303;}

/*End About us page */
/* Pop Up windows */
.request-a-quote-box{ position: relative; }
.request-a-quote-box::before{ position: absolute; content: ''; top: 0px; right: 0px; width: 100%; z-index: 0; height: 242px; background: url(./assets/images/quote-bg-top.png) no-repeat right top; }
.request-a-quote-box::after{ position: absolute; content: ''; width: 100%; bottom: 0px; left: 0px; z-index: 0; height: 242px; background: url(./assets/images/quote-bg-bottom.png) no-repeat left bottom; }
.request-a-quote-box .form-control, .request-a-quote-box .form-select { padding: 8px 16px; color: #fff; background-color: rgba(255, 255, 255, 0.2)!important; border-color: rgba(255, 255, 255, 0.5)!important;  color: #fff!important;} 
.request-a-quote-box .form-control::placeholder { color: rgba(255, 255, 255, 0.5)!important; opacity: 1;}
.request-a-quote-box .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5)!important; }
.request-a-quote-box .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.5)!important; }
.request-a-quote-box .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5)!important; }
.request-a-quote-box .btn-close{ position: absolute; left: 10px; top: 10px; background: none!important;}
.request-a-quote-box .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label::after, .request-a-quote-box .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label::after {display: none!important;}
.request-a-quote-box .fluentform .error.text-danger { color: #fff!important;}
/* End Pop Up windows */

.global-presence .relative { position: relative;}
.global-presence .absolute { position: absolute;}
:root {
    --white-100: #ffffff;
    --green-100: #005f51;
    --green-20: rgba(0, 95, 81, 0.2);
    --primary-light: #6fd1c3;
}

/* Type pin responsive */
@media (max-width: 768px) {
    .map .pin.type-pin { transform: scale(0.7);}
}
.global-presence .text-content .dotted {padding-bottom:10px;}
.global-presence .map {width:100%;}
.global-presence .map .pin { top:var(--y);left:var(--x); cursor:pointer;}
.global-presence .map .pin .tooltip { opacity:0; visibility:hidden; z-index:0; top:0; left:calc(100% + 9px); padding:16px 15px 12px; width:180px; background:#fff; box-shadow:0 4px 10px 0 rgba(0,95,81,.15); border-radius:10px;display: flex;justify-content: center;align-items: center; gap: 10px;}
.global-presence .map .pin .tooltip p.country {padding-bottom:0px; margin: 0px; text-align:center; font-size: 15px; font-weight: bold; color: #000;}
.global-presence .map .pin .tooltip .logos .logo { padding-block:0px; border-top:1px solid rgba(0,95,81,.2); }
.global-presence .map .pin .tooltip .logos .logo img{ width: 20px;}
.global-presence .map .pin .tooltip .logos .logo.no-border { border-top:none;}
.global-presence .map .pin .tooltip::before { content:url("./assets/images/arrow.png"); position:absolute; top:8px; left:-10px;}
.global-presence .map .pin span.bullet { display:inline-block; width:7px; height:7px; border-radius:100%; background:#038ACD; animation:3s infinite pulse-animation; padding:3px;}
.global-presence .map .pin span.bullet:hover { transform:scale(1.3); animation:unset;}
.global-presence .map .pin.open .tooltip { opacity:1; visibility:visible; z-index:2;}

/* Footer */
.plastopil-footer{ background-color: #021726;}
.plastopil-footer .ft-top-box {position: relative; background-color: #042740;}
.plastopil-footer .ft-top-box::before {position: absolute; z-index: 0; left: 0px; bottom: 0px; width: 100%; height: 100%; max-width: 1085px; content: ''; background: url(./assets/images/footer-bg-1.png)  no-repeat;;}
.plastopil-footer .ft-top-box::after {position: absolute; right: 0px; z-index: 0; top: 0px; width: 100%; height: 100%; max-width: 744px; content: ''; background: url(./assets/images/footer-bg-2.png) no-repeat;}

.plastopil-footer p{ color: #fff;}
.plastopil-footer .form-control, .plastopil-footer .form-select{ border: #014A75 solid 1px; color: #fff; background-color: #031f33;}
.plastopil-footer .form-control::placeholder { color: #687985; /* Bootstrap muted color */}
.plastopil-footer ul.links{display: flex; margin: 0px; padding: 0px;}
.plastopil-footer ul.links li{list-style: none; margin: 0px; padding: 0px 15px 0 0;}
.plastopil-footer ul.links li a{list-style: none; margin: 0px; padding: 0px; text-decoration: none; color: #9CA3AF;}
.plastopil-footer ul.links li a:hover{ color: #fff; text-decoration: underline;}
.plastopil-footer ul.links.quick-links li{ padding: 0px 0px 10px 0!important;}
.plastopil-footer .address-box, .plastopil-footer .address-box a, .ft-bottom, .ft-bottom a{ color: #9CA3AF; text-decoration: none;}
.plastopil-footer .fluentform .ff-el-group.form-check, .get-in-touch-box .fluentform .ff-el-group.form-check {margin-bottom: 0px!important;}
.plastopil-footer .fluentform .form-check, .get-in-touch-box .form-check {padding-left: 0px!important;}
.plastopil-footer .plastopil-form-box {gap: 45px!important;}
.plastopil-footer .plastopil-form-box .equal-width{width: 50%; float: left; padding: 0 8px;}
.plastopil-footer .frm-fluent-form .ff-t-cell.ff-t-column-3 {display: block!important;}
.plastopil-footer .frm-fluent-form .full-width {width: 100%!important; float: left!important; padding: 0 8px;}
.plastopil-footer .ff-default .ff-el-form-control, .get-in-touch-box .ff-default .ff-el-form-control {border-color: #014A75;}
.plastopil-footer .ff-el-form-check p, .get-in-touch-box .ff-el-form-check p { font-size: 14px;}
.plastopil-footer .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label::after {color: #fff!important;}

/* Media Query for responsive view */
/* Max Width Media Query */
@media (max-width: 575.98px) {
  .plastopil-header .btn{font-size: 12px!important}
  .thumb-animation { max-width: 320px!important; margin: 0 auto!important; float: none!important; }
  .sustainability-features .bg-white h2{ min-width: inherit!important; border: none!important; min-height: inherit!important;}
}

@media (max-width: 767.98px) {
  .plastopil-header ul.social-link, .plastopil-header .call-to-action{ display: none!important;}
  .plastopil-hero p {font-size: 16px!important;}
  .privacy-policy-banner{  background-size: cover!important;}
  .market-segments-main-section .segment-custom-height{ min-height: inherit!important;}
   .segment-detail-section .banner-box{ min-height: 400px!important;}
  .color-shade-yellow, .color-shade-blue, .color-shade-red { display: none!important;}
  .pd-top-80 {padding-top: 40px!important;}  
  .product-detail-banner .border-start{border: none!important; }
  .product-series .single-product-main-box.style-1 .product-description .devider-border, .product-series .single-product-main-box.style-2 .product-description .devider-border{ display: none!important;} 
  .sustainable-solutions .rounded-box{ border-radius: 8px 8px 8px 8px!important;}
  .sustainable-solutions .right-img{ border-radius: 4px 4px 4px 4px!important;} 
  .plastopil-solutions .content-limit-w{max-width: inherit!important;}
  .about-us-banner{ font-size: 52px!important; min-height: 40px; }
  .plastopil-all-posts .plastopil-single-post.style-1 .info{ left: 0px!important;}
  .plastopil-all-posts .plastopil-single-post.style-2 .info{ left: 0px!important;}
  .plastopil-all-posts .plastopil-single-post.style-2::after {display: none!important;}
  .technologies-detail-boxes{background: #fff!important}
  .quality-above-all::before, .quality-above-all::after {display: none!important;}

  .plastopil-footer .plastopil-form-box .equal-width{padding: 0 0px!important; width: 100%!important;}
  .plastopil-footer .frm-fluent-form .full-width {padding: 0 0px!important;}
}
@media (max-width: 991.98px) {
 .plastopil-header .main-nevigation{display: none!important;}
   h1{ font-size: 40px!important;}
   h2{ font-size: 30px;}
  .font-48{ font-size: 36px!important;}
  .about-us-content-box .content-style-2 { margin-left: 0!important; padding-top: 120px;}
.about-us-content-box .content-style-2 .yellow-box{ left: 0px!important; top: 0px!important;}
.home-video-box .video .red-box, .home-video-box .video .yellow-box, .home-video-box .video .blue-box{display: none!important;}
.about-us-content-box .content-style-3 { margin-left: 0px!important;}
.our-history .timeline::before {left: 30px!important;}
.our-history .timeline-item.right .year, .our-history .timeline-item.left .year{ position: relative!important; left: 0px!important; top: 0!important; margin-bottom: 15px!important;}
.our-history .timeline-item.right { left: 17px!important; text-align: left!important;}
.our-history .timeline-item::before { top: 26px!important;}
.our-history .timeline-item {width: 98%!important;}
.our-history .timeline-item.left { left: 17px!important; text-align: left!important;}
.our-history .timeline-item.left::before { right: auto!important; left: -7px!important;}
}
@media (max-width: 1199.98px) {
.dotted-effect::after, .dotted-effect::before{ display: none!important;} 
}

@media (max-width: 1399.98px) {
  .plastopil-header .search-box { display: none!important;}
}
/* End Max Width Media Query */

@media (min-width: 576px) and (max-width: 767.98px) { 
  .plastopil-header .btn{font-size: 13px!important}
  .thumb-animation { height: 250px!important; }
  .sustainability-features .bg-white h2{ min-width: inherit!important; }

}

@media (min-width: 768px) and (max-width: 991.98px) {
  .plastopil-header .btn{font-size: 14px!important}
}


@media (min-width: 992px) and (max-width: 1199.98px) { 
  .plastopil-header .main-nevigation ul li{ padding: 0px 9px 0 !important; font-size: 13px !important; }
  .plastopil-header ul.social-link{ display: none!important;}
  .plastopil-header .btn{font-size: 14px!important}
  .thumb-animation { height: 250px!important; }
    .privacy-policy-banner h1{ font-size: 80px!important; }
}

@media (min-width: 1200px) and (max-width: 1399.98px) { 
  .plastopil-header .main-nevigation ul li{padding: 0px 10px 0!important;  font-size: 15px!important;  }
  .thumb-animation { height: 250px!important; }
}

@media (min-width: 1400px) and (max-width: 1649.98px) { 
.plastopil-header .main-nevigation ul li{padding: 0px 10px 0!important;  font-size: 15px!important;  }
}
/* Min Width Media Query */
/* Min Width Media Query */
@media (min-width: 992px) {
.plastopil-header .mob-nav-button {
    display: none !important;
  }
}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {
 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1512px!important;
  }
}

@media (min-width: 1650px) {
  .plastopil-header .logo { min-width: 300px!important;}

}
/* End Min Width Media Query */

/* End Media Query for responsive view */