/*
Theme Name: hmadi 
Theme URI: https://azijulbd.com/hmadi/hmadi/
Author: themexbd
Author URI: https://webitrangpur.com/
Description: hmadi - Multipurpose Responsive WordPress Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, sticky-post, threaded-comments, translation-ready
Text Domain: hmadi
*/
/*----------------------------------------
 Don't change any css from here. If you need to change, Please use child theme.
------------------------------------------*/
@media (max-width: 1024px) {
    /* Hide the default contact button in nav */
    nav .donate-btn-header {
        display: none;
    }

    /* Position a duplicate contact button near the logo */
    .mobile_menu_logo::after {
        content: "Contact";
        display: inline-block;
        background: #005baa; /* match your theme button color */
        color: #fff;
        padding: 6px 12px;
        font-size: 14px;
        margin-left: auto;
        border-radius: 4px;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    .mobile_menu_logo {
        position: relative;
    }
	.mobile_menu_logo.text-center {
    display: flex;
}
}

html, body{
	overflow-x:hidden;
}
.page-id-3501 .breadcumb-area{
	    background-position: center !important;
}

collor{
	color: #0080FF;
}
img.alignnone.size-medium.wp-image-5380 {
    width: 225px !important;
    height: 265px !important;
}
.footer-widget.address p {margin-bottom:7px}
.em_single_testimonial {box-shadow:none;}
.breadcumb-inner li a{display:none !important;}
.breadcumb-inner li i{display:none !important;}
.current-menu-item a {color:#0080ff!important}
.mean-container a.meanmenu-reveal span{border-top:3px solid #0080ff}
.porttitle_inner{display:none}

.page-id-3499 .elementor-widget-tabs .elementor-tabs-wrapper{
	grid-column-gap: 0px;
    grid-row-gap: 0px;
    border: 1px solid #fff;
    border-radius: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: none;
    margin-bottom: 51px;
    display: grid;
    overflow: hidden;
}

.page-id-3499 .elementor-3499 .elementor-element.elementor-element-00e6ef1 .elementor-tab-title{
	color: var(--white);
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    border: 3px #fff;
    border-bottom-width: 1px;
    border-radius: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    display: table-column;
}
.page-id-3499 .img-flex {
    display: flex;
    /* justify-content: flex-end; */
    width: 60%;
    margin: 0px auto;
    margin-right: 20px !important;
}
.page-id-3499 .elementor-widget-tabs .elementor-tab-desktop-title{
	line-height:3 !important;
}
.page-id-3499 .elementor-tab-content{
	border:none !important
}
.page-id-3499 .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active{
	background-color: var(--white);
    color: #000;
    background-image: none;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, .48);
}
}
/* Set the color of the scrollbar track (the area where the thumb moves) */
::-webkit-scrollbar {
  width: 10px;
	border-radius:15px;
	/* Set the width of the scrollbar */
}

/* Set the color of the scrollbar thumb (the draggable handle) */
::-webkit-scrollbar-thumb {
  background-color: #0080ffc9; /* Set the color of the thumb */
}

/* Set the color of the scrollbar track on hover */
::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* Set the color of the track */
}
a.dtbtn{
	font-size:18px !important;
}
.hmadi-main-menu .logo a img{
	padding-bottom:10px !important;
}
/* Set the color and size of the scrollbar corner (where horizontal and vertical scrollbars meet) */
::-webkit-scrollbar-corner {
  background-color: #ccc; /* Set the color of the corner */
}

/* Set the color of the scrollbar thumb when hovering over it */
::-webkit-scrollbar-thumb:hover {
  background-color: #45a049; /* Set the color of the thumb on hover */
}

.wpcf7-form
{
	padding-bottom:1px!important;
}
.wpcf7-spinner
{
	display:none!important;
}

.wpcf7-response-output
{
	color: #46b450!important;
	margin-top: 0px!important;
	margin-bottom: 30px!important;
}
.wpcf7-submit
{
	margin-top: 30px!important;
}
.wpcf7-not-valid-tip:last-child {
margin-top:15px!important;
}
.social-icon {
    target: _blank!important;
  }
#resource-contact .elementor-icon-list-items > li:first-child .elementor-icon-list-text:hover {
	color:#494949!important;
}
#resource-contact .elementor-icon-list-item:first-child:hover .elementor-icon-list-text {
    color: #494949!important;
} {
	color:#494949!important;
}
#resource-contact .elementor-icon-list-item:first-child:hover .elementor-icon-list-icon svg {
    fill: #494949!important;
}
.img-flex
{
	display:flex;
}
.page-id-3499 .breadcumb-area
{
background-image: url("https://autoaestheticsstudio.com/wp-content/uploads/2024/02/Ceramic.jpg")!important;
	background-position:center center!important;
	height:235px !important;
}
.breadcumb-area::before, .breadcumb-blog-area::before {
    background-color: Transparent !important;
}
.page-id-3499 .breadcumb-area .breadcumb-inner
{
	display:none !important;
}
.page-id-3499 .breadcumb-area:before
{
	background-color:unset!important;
}
.pack-img
{
	padding-right:2%;
	min-width:35%!important;
}
.pack-img img
{
	width: 400px!important;
    height: 250px!important;
    object-fit: cover!important;
	border-radius:7px;
}
@media only screen and (max-width: 992px) {
	.page-id-3499 .img-flex {
		display: flex;
		flex-direction: column !important;
		gap:20px !important;
		width:100% !important;
		align-items:center !important;
	}
}
@media only screen and (max-width: 767px) {
	.page-id-5310 .elementor-5310 .elementor-element.elementor-element-50d70a6.elementor-element {
    --align-self: center;
}
	.page-id-5310 .e-con-inner {
    flex-direction: column-reverse !important;
}
	.page-id-3495 .elementor-3495 .elementor-element.elementor-element-aa83dcc {
        padding: 50px 0px 50px 0px;
    }
	.page-id-4668 .elementor-4668 .elementor-element.elementor-element-6485cb9 > .elementor-element-populated,.page-id-4668 .elementor-4668 .elementor-element.elementor-element-26ab337 > .elementor-element-populated{
        padding: 20px 0px 0px 0px;
    }
	.page-id-4668 .elementor-4668 .elementor-element.elementor-element-352183a{
        padding: 0px 0px 0px 0px !important;
    }
}
@media only screen and (max-width: 450px) {
	.page-id-5310 div#wpforms-5103-field_10-container {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.page-id-3499 .elementor-widget-tabs .elementor-tabs-wrapper{
	grid-template-columns: 1fr 1fr 1fr !important;
}
}

@media only screen and (max-width: 425px) {
	div#wpforms-5103-field_10-container {
    width: 100%;
    margin: 0px;
}
	div#wpforms-5103-field_9-container {
    width: 100%;
    margin: 0px;
}
	div#wpforms-5103-field_8-container {
    width: 100%;
}
	div#wpforms-5103-field_1-container {
  padding: 0px;
    width: 100%;
    margin: 0px;
	}
	div#wpforms-5103-field_4-container {
   
    width: 100%;
    margin: 15px 0px 0px 0px;
}
	label.wpforms-5103-field4.wpforms-field-label {
    margin-bottom: 0px !important;
}
  .img-flex {
    display:unset!important;
  }
	.root-btn
	{
		margin-bottom:20px!important;
	}
	.page-id-3499 .breadcumb-area 
	{

		background-position:center!important;
	}
.pack-txt
	{
		margin-top:20px;
	}
}
.root-btn
{
	margin-top:30px;
}
.btn-coating
{
	font-weight: 500;
    fill: #004385;
    color: #004385;
    background-color: #FCFCFC;
	border-radius:4px;
    border-style: solid;
    border-width: 0px 0px 3px 0px;
    border-color: #004385;
    padding: 18px 30px 18px 30px;
}
.btn-coating:hover
{
    color: #FFFFFF!important;
    background-color: #494949!important;
}
.parrent-scroll
{
	 background-attachment: fixed;
}
@media only screen and (max-width: 375px) {
.page-id-3499 .elementor-widget-tabs .elementor-tabs-wrapper{
	grid-template-columns: 1fr 1fr !important;
}
}
@media only screen and (max-width: 425px) {
.page-id-1717 ul.slick-dots {
    display: none !important;
}
	.page-id-1717 .elementor-1717 .elementor-element.elementor-element-c956e83{
		padding-bottom:0px;
	}
	.page-id-1717 .em_single_testimonial{
		padding-bottom:0px;
	}
}
.step1 textarea#wpforms-5103-field_18 {
    display: none;
}
.step2 textarea#wpforms-5103-field_19 {
    display: none;
}
.step3 textarea#wpforms-5103-field_20 {
    display: none;
}
.step1 label.wpforms-field-label {
    font-size: 24px;
}
.step2 label.wpforms-field-label {
    font-size: 24px;
}
.step3 label.wpforms-field-label {
    font-size: 24px;
}
.page-id-3499 .pack-img img {
    width: 403px !important;
    height: 265px !important;
    object-fit: cover !important;
    border-radius: 7px;
}
@media only screen and (max-width: 321px) {
	.breadcumb-inner li {
    display: inline-block;
	margin:0px !important;
	}
}
@media only screen and (max-width: 320px) {
	label.wpforms-5103-field4.wpforms-field-label {
    margin-bottom: 0px !important;
}
	label.wpforms-5103-field4.wpforms-field-label {
    margin: 0px 0px -4px !important;
}

}
@media only screen and (max-width: 430px) {
	.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:last-child {
    padding-inline-end: 1px;
}
	div#wpforms-5103-field_10-container {
    width: 100%;
    margin: 0px;
}
	div#wpforms-5103-field_9-container {
    width: 100%;
    margin: 0px;
}
	div#wpforms-5103-field_8-container {
    width: 100%;
}
	div#wpforms-5103-field_1-container {
  padding: 0px;
    width: 100%;
    margin: 0px;
	}
	div#wpforms-5103-field_4-container {
   
    width: 100%;
    margin: 15px 0px 0px 0px;
}
	.hmadi_nav_area.scroll_fixed.postfix.prefix {
    box-shadow: 0 -6px 10px 5px rgba(0, 0, 0, 0.5) !important;
}
.animated.box-paint.e-child.e-con.e-con-full.e-flex.elementor-element.zoomIn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px !important;
}
span.wpcf7-form-control-wrap.recaptcha {
    display: none;
}
.page-id-3495 .breadcumb-area {
    background-position: center center;
}
a.dtbtn {
    border-style: solid;
    border-width: 0px 0px 3px 0px;
    border-color: #004385;
}
.page-id-1717 .elementor-column.elementor-col-33.elementor-top-column.elementor-element.elementor-element-32338d4 {
    padding: 20px 15px 20px;
}
.breadcumb-area::before{
background-color: transparent !important;
}
.page-id-3499 .elementor-3499 .elementor-element.elementor-element-18bb0c2 > .elementor-widget-container{
	--e-transform-flipX:1;
}
@media (max-width: 767px) {
	.page-id-3501 .elementor-3501 .elementor-element.elementor-element-0fb7600 {
		--padding-block-start: 35px;
	}
.page-id-3501 .elementor-3501 .elementor-element.elementor-element-0fb7600{
	--padding-block-end: 25px;
}
img.attachment-large.size-large.wp-image-5505 {
    width: 727px;
    height: 485px;
}
	    .page-id-3501 .elementor-3501 .elementor-element.elementor-element-219ec53 {
        --margin-block-end: 0px;
    }
	.elementor-element.elementor-element-a024ea4.e-con-full.e-flex.e-con.e-child {
    display: block;
}
.elementor-element.elementor-element-1dc40a9.e-con-full.e-flex.e-con.e-child {
    display: block;
}
.elementor-element.elementor-element-cd36ca1.e-con-full.e-flex.e-con.e-child {
    display: block;
}
	.elementor-element.elementor-element-35973a3.e-con-full.e-flex.e-con.e-child {
    display: block;
}
.elementor-3495 .elementor-element.elementor-element-307289c > .elementor-widget-container {
    margin: 0px 0px 0px 0px;
}
}
@media (max-width: 515px) {
.elementor-element.elementor-element-12cf3f0.elementor-widget__width-initial.elementor-widget.elementor-widget-text-editor {
    text-align: center ! IMPORTANT;
    width: 100% !important;
    margin-top: 50px;
}
.elementor-element.elementor-element-8d0d5ad.e-con-full.e-flex.e-con.e-child {
    display: block;
    text-align: center;
    width: 100% !important;
}
}
.hmadi_nav_area.scroll_fixed.postfix.prefix {
    box-shadow: 0 -6px 10px 5px rgba(0, 0, 0, 0.5) !important;
}