/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 09 2026 | 09:43:07 */
body::-webkit-scrollbar {width: 7px;}
body::-webkit-scrollbar-track {background: #f1f1f1;}
body::-webkit-scrollbar-thumb {background: var(--awb-color4)}
body::-webkit-scrollbar-thumb:hover {background: #555;} 


/*======================================>
    HTML - CSS
=========================================	>*/

 html  {
    scroll-behavior: auto !important; /* Disables default smooth scrolling */
}


a,
.btn,
button,
p,
input,
select,
textarea,
li,
img,
svg path,
*::after,
*::before,
h1,
h2,
h3,
h4,
h5,
h6 {
	transition: all 0.4s linear 0s !important;
}


.grecaptcha-badge {
	visibility: hidden;
}


/*======================================>
    Header - CSS
=========================================	>*/

.Main_Header {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}



.awb-menu__sub-ul_main {
    /*border: 1px solid #c1bebe;*/
    /*box-shadow: #c1bebe 11px 11px !important;*/
}

.awb-menu__sub-ul li a:before {
    position: absolute;
    content: "//";
    top: 50%;
    left: 0;
    color: #ffffff;
    transform: translateY(-50%);
    transition: all 0.3s linear !important;
    visibility: hidden;
    opacity: 0;
    z-index: 99999999999;
}
.awb-menu__sub-ul li li a:hover:before,
.awb-menu__sub-ul li > a:hover:before,
.awb-menu__sub-ul li > a:hover:before {
  left: 10px;
  visibility: visible;
  opacity: 1;
}

.awb-menu__sub-ul li a:hover,
.awb-menu__sub-ul li > a:hover,
.awb-menu__sub-ul li > a:hover {
  color: #000000 !important;
  padding-left: 30px !important;
    /* margin-left: 10px; */
}






/*======================================>
    Button Primary - CSS
=========================================	>*/

.button_primary {
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
    border: none;
    cursor: pointer;
    align-items: center;
    gap: 0.75rem;
    background-color: var(--clr);
    color: #fff;
    border-radius: 10rem;
    font-weight: 500;
    padding: 10px 20px;
    /*padding-left: 20px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background-color 0.3s;
    line-height: 1.72;
    letter-spacing: 0.050em;
    width: fit-content;
    font-family: "DM Sans" !important;
    /*text-transform: uppercase;*/
}

.button_primary .button__icon-wrapper {
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    position: relative;
    color: var(--clr);
    background-color: #fff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.button_primary:hover {
    background-color: #000;
}

.button_primary:hover .button__icon-wrapper {
    color: #000;
}

.button_primary .button__icon-svg--copy {
    position: absolute;
    transform: translate(-150%, 150%);
}

.button_primary:hover .button__icon-svg:first-child {
    transition: transform 0.3s ease-in-out;
    transform: translate(150%, -150%);
}

.button_primary:hover .button__icon-svg--copy {
    transition: transform 0.3s ease-in-out 0.1s;
    transform: translate(0);
}





/*======================================>
    About Us : Section - CSS
=========================================	>*/

.HDP_Bioplast_Title::after {
	position: absolute !important;
    content: '' !important;
    background: url(https://hdpbioplast.com/wp-content/uploads/2025/08/Pan.svg) no-repeat;
    width: 48px !important;
    height: 40px !important;
    background-size: 100% !important;
    /* left: -2%; */
    top: -40%;
    right: 4%;
    /* bottom: -3%; */
    background-position: right;
    transition: all 0.6s linear;
}






/*======================================>
    Mission / Vision : Section - CSS
=========================================	>*/

.global-data-HDP-List {
/*     font-size: 18px; */
    list-style: none;
    /*float: left;*/
    padding-left: 0;
/*     color: #000000; */
}
.global-data-HDP-List li {
    /* float: left; */
    color: #ffffff;
    margin-left: 50px;
    padding: 7px 0;
    width: auto;
    position: relative;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    text-align: left;
}
.global-data-HDP-List li:before {
    background-image: url(https://hdpbioplast.com/wp-content/uploads/2025/08/List-Icon.svg);
    position: absolute;
    background-position: left center;
    background-repeat: no-repeat;
    width: 25px;
    content: "";
    display: block;
    background-size: contain;
    left: -35px;
    height: 25px;
    top: 12px;
}

.Mission_Card:before {
    background-image: url(https://hdpbioplast.com/wp-content/uploads/2025/08/List-Icon.svg);
    position: absolute;
    background-position: left center;
    background-repeat: no-repeat;
    width: 25px;
    content: "";
    display: block;
    background-size: contain;
    left: -35px;
    height: 25px;
    top: 12px;
}





/*======================================>
    Our Products - CSS
=========================================	>*/

.Products_Card .fusion-column-wrapper {
    margin: 20px;
}





/*======================================>
    The Problem With Plastic - CSS
=========================================	>*/

.Problem_Plastic_Card .fusion-column-wrapper {
    margin: 20px;
}




/*======================================>
    Our Solution - CSS
=========================================	>*/

.Our_Solutions {
    background-image: url(https://hdpbioplast.com/wp-content/uploads/2025/08/soil.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: revert-layer;
}

.Our_Solutions:before {
    content: '' !important;
    position: absolute !important;
    background: url(https://hdpbioplast.com/wp-content/uploads/2025/08/sugarcane.png) no-repeat;
    width: 376px !important;
    height: 376px !important;
    background-size: 75% !important;
    left: -4%;
    /* top: -40%; */
    /* right: -3%; */
    bottom: 0%;
    background-position: left;
    transition: all 0.6s linear;
}

.Our_Solutions:after {
    content: '' !important;
    position: absolute !important;
    background: url(https://hdpbioplast.com/wp-content/uploads/2025/08/c3.png) no-repeat;
    width: 259px !important;
    height: 304px !important;
    background-size: 85% !important;
    /* left: -2%; */
    /* top: -40%; */
    right: -3%;
    bottom: -2%;
    background-position: right;
    transition: all 0.6s linear;
}



.Solution_Card .fusion-column-wrapper {
    margin: 20px;
}

.Solution_Card::after {
    content: '' !important;
	position: absolute !important;
    background: url(https://hdpbioplast.com/wp-content/uploads/2025/08/Pan2.svg) no-repeat;
    width: 111px !important;
    height: 93px !important;
    background-size: 100% !important;
    /* left: -2%; */
    /* top: -40%; */
    right: -3%;
    bottom: 7%;
    background-position: right;
    transition: all 0.6s linear;
}





/*======================================>
    Why Choose Us? - CSS
=========================================	>*/

.Choose_Card .fusion-column-wrapper {
    margin: 20px;
    cursor: pointer;
}

.Choose_Card .fusion-column-wrapper:hover img {
    transform: scaleX(-1) !important;
}









/*======================================>
    Why Choose Us? - CSS
=========================================	>*/

.Certifications_Card .fusion-column-wrapper {
     margin: 20px;
}








/*======================================>
    About Us : Page - CSS
=========================================	>*/

.Our_Products_Range_Card .fusion-column-wrapper {
    margin: 20px;
}








.MAP_Section .fusion-column-wrapper {
	position: relative;
    z-index: 1;
/*     padding: 10px; */
/*     --color-scheme: #9a552e; */
	--color-scheme: #f9ad00;
    background: repeating-radial-gradient(circle at 30vw 150px, rgb(from var(--awb-color4) r g b / .1), rgb(from var(--awb-color4) r g b / .1) 10px, rgb(from var(--awb-color4) r g b / .04) 10px, rgb(from var(--awb-color4) r g b / .04) 20px), linear-gradient(180deg, rgb(from var(--awb-color4) r g b / .03), rgb(from var(--awb-color4) r g b / .01));
    border-radius: 12px;
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.MAP_Section .fusion-column-wrapper {
	padding: 20px !important;
}

.MAP_Section .fusion-column-wrapper {
	margin-bottom: 0px !important;
}

.MAP_Section .fusion-column-wrapper {
	height: 550px;
}

.MAP_Section .fusion-column-wrapper iframe {
	border-radius: 20px;
}

.MAP_Section .fusion-column-wrapper::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 18px);
    height: calc(100% - 18px);
    border-radius: 12px;
    background-color: #ffffff;
    z-index: -1;
    /*border: 1px solid red;*/
}







/*======================================>
    Products : Page - CSS
=========================================	>*/

.table-1 table thead tr th {
	background: #2e6e34;
    color: #ffffff;
    text-align: center;
    line-height: 1.6;
}

.table-1 table tbody tr:nth-child(2n) {
	background: #dff4e1;
}

.table-1 tr td {
    text-align: center;
}

.Left_Image img {
	border-radius: 50% 0px 50% 50%;
}

.Right_Image img {
    border-radius: 0px 50% 50% 50%;
}






/*======================================>
    Contact Form 7 - CSS
=========================================	>*/

.Contact-Form .form-group  {
    position: relative;
    /*margin-bottom: 25px;*/
}
.Contact-Form .form-icon {
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-20%);
    color: #878898;
}
.Contact-Form .form-icon svg {
    width: 20px;
    height: 20px;
}
.Contact-Form .input_box p {
	margin-bottom: 35px;
    margin-top: 0px;
}
.Contact-Form .Message_box p {
    margin-top: 15px;
}
.Contact-Form .input_box p:nth-child(1),
.Contact-Form .Message_box p:nth-child(1) {
    margin-bottom: 0px;
}
.Contact-Form .input_box input,
.Contact-Form .Message_box textarea {
	background: transparent;
    border-radius: 0px !important;
    border: none;
    border-bottom: 1px solid #e4e4e4;
    padding: 0;
}
.Contact-Form .Message_box textarea {
    height: 80px !important;
}

.Contact-Form .input_box {
    /*height: 50px;*/
}
.Contact-Form .Message_box {
    /*height: 250px;*/
}
.Contact-Form .input_box input::placeholder,
.Contact-Form .Message_box textarea::placeholder {
    color: #878898;
    font-size: 15px;
}
.wpcf7-not-valid-tip {
    font-size: 14px;
    text-transform: capitalize;
}

.Submit_Button {
    margin-top: 0px;
    /*background-color: #3f7f19 !important;*/
}
.wpcf7-submit {
    background: #3f7f19 !important;
}













@media (min-width: 640px) and (max-width: 1024px) {
    h1 {
        font-size: 54px !important;
    }

    h2 {
        font-size: 38px !important;
    }

    h3 {
        font-size: 26px !important;
    }
	
	.fusion-page-title-bar .fusion-page-title-row h1 {
		font-size: 24px !important;
	}
	
	.entry-title {
		font-size: 24px !important;
	}
	
	.blog-shortcode-post-title {
		font-size: 18px !important;
	}
}

@media (min-width: 0px) and (max-width: 640px) {
    h1 {
        font-size: 34px !important;
    }

    h2 {
        font-size: 24px !important;
    }

    h3 {
        font-size: 18px !important;
    }
	
	.fusion-page-title-bar .fusion-page-title-row h1 {
		font-size: 18px !important;
	}
	
	.entry-title {
		font-size: 18px !important;
	}
	
	.blog-shortcode-post-title {
		font-size: 18px !important;
	}
    
    .Our_Solutions:before,
    .Our_Solutions:after {
        display: none;
    }
    
    .Solution_Card .fusion-column-wrapper {
        border-radius: 10px;
    }
}




.Submit_Button p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.Submit_Button .submit_button {
    /*background-color: #15438c !important;*/
    padding: 16px 30px;
    font-size: 14px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    border-radius: 0px !important;
    width: 100% !important;
}



.HDP_Tag {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
/* 	justify-content: center; */
}
.HDP_Tag a {
	border-right: 1px solid #3333337d;
    font-size: 12px;
    padding: 0 8px;
    margin: 2px 0px;
}