/* -------common------ */
.gradient-btn .elementor-button{
    border: 1px solid transparent !important;
    background:
        linear-gradient(85deg, #48BA7E 0%, #2384C6 100%) padding-box,
        linear-gradient(85deg, #48BA7E 0%, #2384C6 100%) border-box !important;
}
.gradient-btn .elementor-button:hover,
.white-btn .elementor-button:hover{
    border: 1px solid transparent !important;
    background:
        linear-gradient(85deg, #2384C6 0%, #48BA7E 100%) padding-box,
        linear-gradient(85deg, #2384C6 0%, #48BA7E 100%) border-box !important;
}

.elementor-icon-box-title{
    margin: 0;
}
.elementor-image-box-title{
	margin-top:0;
}
.elementor-counter-title{
	text-align:center;
}

/* -------header--------- */
.main-header{
	width:100% !important;
}
.main-header.elementor-sticky--effects{
	background-color: #fff;
}
.main-header.elementor-sticky--effects .elementor-nav-menu li a{
	color:#132A63 !important;
}
.main-header.elementor-sticky--effects .elementor-nav-menu li a:hover{
	color:#48BA7E !important;
}
.main-header.elementor-sticky--effects .elementor-nav-menu li.current_page_item a{
	color:#48BA7E !important;
}
.main-header.elementor-sticky--effects .elementor-nav-menu li a svg path{
	fill:#132A63 !important;
}
.main-header.elementor-sticky--effects .elementor-nav-menu li a:hover svg path{
	fill:#48BA7E !important;
}
.main-header.elementor-sticky--effects .elementor-widget-theme-site-logo img,
.main-header.elementor-sticky--effects .sticky-logo img{
    max-width: 150px;
}
.main-header li a:hover {
    color: #48BA7E !important;
}
.main-header {
    transition: all 0.4s ease-in-out !important;
}
.main-header .elementor-widget-image img,
.main-header .sticky-logo img{
    transition: all 0.4s ease-in-out !important;
}
.main-header.elementor-sticky--effects {
    transition: all 0.4s ease-in-out !important;
}
.main-header.elementor-sticky--effects .elementor-widget-image img,
.main-header.elementor-sticky--effects .sticky-logo img{
    transition: all 0.4s ease-in-out !important;
}
.main-header .sticky-logo{
	display:none;
}
.main-header.elementor-sticky--effects .sticky-logo{
	display:block;
}
.main-header.elementor-sticky--effects .elementor-widget-theme-site-logo{
	display:none;
}
.main-header.elementor-sticky--effects .elementor-menu-toggle{
	background-color: #132a63 !important;
}
.main-header.elementor-sticky--effects .elementor-menu-toggle svg{
	fill:#fff !important;
}
.main-header .elementor-icon-list-icon svg,
.main-header .elementor-icon-list-icon svg path{
	fill:#fff;
	stroke:#fff;
}

.main-header.elementor-sticky--effects .elementor-icon-list-items .elementor-icon-list-text{
	color:#132a63 !important;
}
.main-header.elementor-sticky--effects .elementor-icon-list-icon svg,
.main-header.elementor-sticky--effects .elementor-icon-list-icon svg path{
	fill:#132a63 !important;
	stroke:#132a63 !important;
}
.main-header .elementor-icon-list-item .elementor-icon-list-text{
	color:#fff !important;
}

/* -------footer--------- */
.main-footer .copyright-row .elementor-widget-text-editor a{
    color: rgb(255 255 255 / 80%);
    font-weight: 400 !important;
}
.main-footer .copyright-row .elementor-widget-text-editor a:hover{
    color: #48BA7E;
}
.main-footer .elementor-nav-menu li a{
	font-weight:400 !important;
}
.main-footer .services-menu .elementor-nav-menu .sub-inner-menu{
	padding-left: 15px;
}
.main-footer .services-menu .elementor-nav-menu{
	column-count:2;
}
.get-touch-sec .icon_list .elementor-icon-list-icon {
    border: 1px solid #2384C680;
    width: 35px;
    height: 35px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    margin-right: 10px;
}
.get-touch-sec .icon_list .elementor-icon-list-icon svg{
    margin: 0 !important;
}

.icon_list .elementor-icon-list-text {
    word-break: break-all;
    font-weight: 400;
}
.request-form .elementor-button{
    width: 100%;
    max-width: 460px;
}
.request-form .elementor-field-group .elementor-field::placeholder {
  font-size: 16px !important;
  line-height:26px !important;
  opacity: 1;
}
.request-form .elementor-field-group input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.request-form .elementor-field-group select {
  height: 50px !important;
  min-height: 50px !important;
}

.request-form .elementor-field-group textarea {
  height: 120px !important;
  min-height: 50px !important;
}

.request-form .elementor-field-type-select .elementor-field-subgroup {
  position: relative;
}

.request-form .elementor-field-type-select select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url('https://makpharmausa.com/wp-content/uploads/2026/08/Vector-21.svg') !important;
  background-repeat: no-repeat !important;
  background-position: right 15px center !important;
  background-size: 12px !important;
  padding-right: 35px !important;
}

.request-form .elementor-field-type-select .elementor-select-wrapper::before,
.request-form .elementor-field-type-select .elementor-select-wrapper::after,
.request-form .elementor-field-type-select .select-caret-down-wrapper {
  display: none !important;
}

/* ----home slider----- */
.banner-slider{
    margin-bottom: 0 !important;
}
.banner-slider:before{
	display:none;
}
.banner-slider .slick-slide{
	height: 900px;
}
.banner-slider .slick-dots{
	bottom: 40px;
}
.banner-slider .slick-dots li button {
    font-size: 0 !important;
	padding: 0 !important;
	width: 12px;
    height: 12px;
}
.banner-slider .slick-dots li button:focus {
    border-width: 0 !important;
}
.banner-slider .slick-dots li button:before {
    font-size: 0;
    color: #fff;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50px;
}
.banner-slider .slick-dots .slick-active button:before{
	width: 32px;
    background-color: #48BA7E;
}
.banner-slider .slick-dots li.slick-active {
    margin-right: 25px;
}
.banner-slider .slick-dots li {
    margin: 0 3px;
}
.banner-slider .slick-dots li button:hover, 
.banner-slider .slick-dots li button:focus {
    background-image: unset !important;
    border: 0;
}
.banner-slider .slick-arrow{
    padding: 0 !important;
    width: 30px;
    height: 30px;
    font-size: 0 !important;
    top: calc(100% - 50px);
    bottom: -270px;
    border: 1px solid #fff;
    background-image: unset;
    z-index: 2;
}
.banner-slider .slick-arrow.slick-next{
    right: 30px !important;
}
.banner-slider .slick-arrow.slick-prev{
    right: 50px !important;
    left: calc(100% - 100px) !important;
}
.banner-slider .slick-arrow.slick-next::before,
.banner-slider .slick-arrow.slick-prev::before{
    background-image: url(https://makpharmausa.com/wp-content/uploads/2026/08/arrow-left.svg);
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
    opacity: 1;
}
.banner-slider .slick-arrow.slick-next::before{
    background-image: url(https://makpharmausa.com/wp-content/uploads/2026/08/arrow-right.svg);
}

/* -------capabilities sec--------- */
.capabilities-box .elementor-icon-box-content {
    width: 100%;
}
.capabilities-box .elementor-icon-box-title {
    margin: 0;
    transform: translateY(0);
}
.capabilities-box:hover .elementor-icon-box-title {
    animation: capabilitiesTitleSlide 0.4s ease forwards;
}
.capabilities-box .elementor-icon-box-icon {
    transform: translateY(0);
}
.capabilities-box:hover .elementor-icon-box-icon {
    animation: capabilitiesIconSlide 0.4s ease forwards;
}
.capabilities-box .elementor-icon-box-description {
    display: none;
    transform: translateY(25px);
}
.capabilities-box:hover .elementor-icon-box-description {
    display: block;
    animation: capabilitiesSlideUp 0.4s ease forwards;
}
.capabilities-box .elementor-icon-box-wrapper .elementor-icon-box-description{
	font-weight: 400;
}
@keyframes capabilitiesTitleSlide {
    from {
        transform: translateY(15px);
        opacity: 0.5;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes capabilitiesIconSlide {
    from {
        transform: translateY(15px);
        opacity: 0.5;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes capabilitiesSlideUp {
    from {
        transform: translateY(25px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}
.capabilities-box .elementor-icon-box-icon svg {
    filter: brightness(0) invert(1);
}
.capabilities-box:hover .elementor-icon-box-icon svg {
    filter: unset;
}

/* -------our campus sec--------- */
.our-campus-sec .campus-number .elementor-icon{
    margin-top: 5px;
}
.our-campus-sec .campus-number::before{
    content: '';
    position: absolute;
    top: 7px;
    left: 8px;
    height: 90px;
    width: 1px;
    background-color: #6B7A99;
}
.our-campus-sec .campus-number:last-child:before{
    display: none;
}


/* -------process sec--------- */
.process-box .process-number{
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.process-row::before{
    content: '';
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    right: 0px;
    height: 1px;
    background-color: #2384C680;
    z-index: 0;
    width: 100%;
    max-width: 1200px;
}

.built-around-sec .process-box .process-number{
	width: 60px;
    height: 60px;
}

.timeline-row::before{
    content: '';
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
    right: 0px;
    height: 1px;
    background-color: #48BA7E;
    z-index: 0;
    width: 100%;
    max-width: 1120px;
}
.end-row::before{
	 content: '';
    position: absolute;
    top: 55px;
    left: 50%;
    transform: translateX(-50%);
    right: 0px;
    height: 6px;
    background-color: #48BA7E;
    z-index: 0;
    width: 100%;
    max-width: 1200px;
}

.marquee-wrapper {
    width: 100%;
    overflow: hidden;
	padding:25px 0;
}

.marquee-content {
    display: flex;
    width: max-content;
    align-items: center;
    flex-wrap: nowrap;
    animation: marquee 30s linear infinite;
    will-change: transform;
}

.marquee-item {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    font-family: "DM Sans";
    line-height: 1;
    white-space: nowrap;
    padding: 0 20px 0 0;
}

.marquee-dot {
    width: 12px;
    height: 12px;
    min-width: 12px;
    background: #48BA7E;
    border-radius: 50%;
    margin-right: 20px;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}
.marquee-wrapper:hover .marquee-content {
    animation-play-state: paused;
}
.leading-hover{
    border-top: 3px solid transparent;
}
.leading-hover:hover{
    border-top: 3px solid #48BA7E;
}


.packaging-design-sec .swiper-pagination .swiper-pagination-bullet{
    border-radius: 50px;
}
.packaging-design-sec .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 32px;
}

.supplement-box .elementor-icon-box-icon{
    margin-top: 10px;
}



/* ------shape css------ */
.packaging-shapes {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
/*     padding: 20px 0; */
    overflow: hidden;
}
.packaging-shape {
    height: 187px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #002663;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    z-index: 1;
}
.packaging-shape h3 {
    position: relative;
    z-index: 5;
}
.packaging-shape h3{
    font-weight: 500;
    margin: 0;
}
.packaging-shape.shape-one {
    width: 220px;
    z-index: 4;
}
.packaging-shape.shape-one::before {
    content: "";
    position: absolute;
    width: 187px;
    height: 187px;
    left: 0;
    top: 0;
    border-radius: 50%;
    background: #c4e8d5;
}
.packaging-shape.shape-one::after {
    content: "";
    position: absolute;
    width: 187px;
    height: 187px;
    right: 0;
    top: 0;
    border-radius: 50%;
    background: #b8dce9;
}
.packaging-shape.shape-two {
    width: 290px;
    margin-left: -25px;
    border-radius: 93px;
    background: #48BA7E4D;
    z-index: 3;
}
.packaging-shape.shape-three {
    width: 290px;
    margin-left: -25px;
    border-radius: 93px;
    background: linear-gradient(90deg, rgb(74 186 126 / 30%) 30%, rgb(35 132 198 / 30%) 100%);
    z-index: 2;
}
.packaging-shape.shape-four {
    width: 187px;
    margin-left: -25px;
    border-radius: 50%;
    background: linear-gradient(90deg, rgb(74 186 126 / 30%) 30%, rgb(35 132 198 / 30%) 100%);
    z-index: 1;
}
.packaging-shape.shape-one {
    position: relative;
    width: 370px;
    height: 187px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
}
.packaging-shape.shape-one::before {
    content: "";
    position: absolute;
    width: 187px;
    height: 187px;
    left: 0;
    top: 0;
    border-radius: 50%;
    background: rgb(74 186 126 / 30%);
    z-index: 1;
}
.packaging-shape.shape-one::after {
    content: "";
    position: absolute;
    width: 187px;
    height: 187px;
    right: 0;
    top: 0;
    border-radius: 50%;

    background: rgb(35 132 198 / 30%);
    z-index: 2;
}
.packaging-shape.shape-one span {
    position: relative;
    z-index: 5;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
}

.packaging-shape .circle-shape{
    position: relative;
}
.packaging-shape .circle-shape::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 154px;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 130px;
    background-image: url(https://makpharmausa.com/wp-content/uploads/2026/09/Union-shape.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 4;
}

.supplement-format-sec .packaging-shape.shape-three {
    width: 465px;
    text-align: center;
    flex-direction: column;
    gap: 10px;
}
.supplement-format-sec .packaging-shape {
    height: 130px;
}
.supplement-format-sec .packaging-shape.shape-four {
    width: 130px;
}
.supplement-format-sec .packaging-shape h3 {
    font-weight: 700;
}
 .supplement-format-sec .packaging-shape p{
        font-size: 18px;
    font-weight: 600;
	 color: #132A63;
}

.we-support-sec .packaging-shape.shape-two,
.we-support-sec .packaging-shape.shape-three{
    width: 242px;
}

.we-support-sec .packaging-shape .circle-shape::before {
    left: 115px;
}

.layer-box::before{
    content: '';
    position: absolute;
    top: 30px;
    right: 0;
    left: 100%;
    width: 180px;
    height: 95px;
    background-image: url(https://makpharmausa.com/wp-content/uploads/2026/09/line-right.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}
.layer-box.three::before{
    background-image: url(https://makpharmausa.com/wp-content/uploads/2026/09/line-left.png);
    right: 0;
    left: -180px;
}
.layer-box.two::before{
     background-image: url(https://makpharmausa.com/wp-content/uploads/2026/09/line.png);
     top: 25px;
    right: 0;
    left: 100%;
    width: 160px;
    height: 30px;
}
.layer-box.four::before{
     background-image: url(https://makpharmausa.com/wp-content/uploads/2026/09/line.png);
     top: 25px;
    right: 0;
    left: -158px;
    width: 160px;
    height: 30px;
}


.contact-info .elementor-icon-box-description a{
    color: #6B7A99;
    font-weight: 400;
}

.contact-info .elementor-icon-box-description a:hover{
    color: #132A63;
}

.visit-office-sec .elementor-image-gallery .gallery-item img {
    height: 230px;
    object-fit: cover;
}



.code-box .code-num{
	width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.code-sec .end-row::before {
    top: 110px;
    height: 1px;
}


.single-post .get-touch-sec,
.page-id-2041 .get-touch-sec,
.page-id-2256 .get-touch-sec,
.page-id-3103 .get-touch-sec{
	display:none;
}
.single-post .elementor-widget-theme-post-content p{
	text-align:left !important;
}
.single-post .elementor-widget-theme-post-content p a,
.single-post .elementor-widget-theme-post-content p a stron{    
	color: #132A63;
    font-weight: 400;
}
.single-post .elementor-widget-theme-post-content p b,
.single-post .elementor-widget-theme-post-content p strong{ 
    font-weight: 400;
}
.single-post .elementor-widget-theme-post-content h2{
	    font-size: 30px;
    font-weight: 700;
    line-height: 1.2em;
}
.single-post .elementor-widget-theme-post-content h3{
	font-size:20px;
}
.single-post .elementor-widget-theme-post-content h2 span{
	font-weight:700 !important;
}
.single-post .elementor-post-info a{
	font-weight:400;
}
.single-post .elementor-widget-theme-post-content p a u{
	text-decoration:unset;
}
.elementor-widget-loop-grid .elementor-pagination .page-numbers{
	font-weight:600;
}
.recent-post .elementor-posts-container .elementor-post{
	border-bottom: 1px solid rgb(119 119 119 / 70%);
    padding-bottom: 15px;
}
.e-loop-item .post-card .elementor-widget-theme-post-featured-image a{
    width: 100%;
}

.single-post .blog-content-sec .recent-post{
	    position: sticky;
    top: 120px;
}