
ul{
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}

.container1 {
    max-width: 1440px !important;
    margin: auto !important;
    width: 100% !important;
}


header.main_header {
    background: #F03653;
    padding: 10px 0;
}

.header_top_inner ul {
    display: flex;
    align-items: center;
}

.header_top_inner ul li {
    margin: 0 20px 0 0;
}

.header_top_inner ul li a {color: #fff;font-size: 16px;line-height: 16px;}

.menu {
    justify-content: end;
    align-items: center;
}

.menu nav {
    padding: 0 !important;
    align-items: center;
}

.menu nav div#navbarSupportedContent {
    display: flex !important;
    align-items: center !important;
}

.menu nav div#navbarSupportedContent ul li a {
    padding: 0;
    font-size: 20px;
    font-weight: 500;
    color: #565656;
}

.menu nav div#navbarSupportedContent ul {
    align-items: center;
}

.menu nav div#navbarSupportedContent ul li {
    margin: 0 0 0 30px;
}

.menu nav div#navbarSupportedContent ul li button {
    width: 200px;
    height: 45px;
    border-radius: 30px;
    background: #F03653;
    font-size: 18px;
    font-weight: 500;
}

.header_social_icon ul {
    display: flex;
    align-items: center;
    justify-content: end;
}

.header_social_icon ul li a {border: 1px solid #22498C;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;border-radius: 5px;color: #22498C;}

.header_social_icon ul li {
    margin: 0 0 0 10px;
}

section.header_wraper {
    padding: 15px 0;
}

section.sec_1 {
    background-image: url(../images/build-max_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 763px;
    padding: 80px 0 0 0;
}

.build_max_inner h2 {
    font-size: 65px;
    line-height: 75px;
    color: #fff;
    font-weight: 500;
    margin: 20px 0 15px 0;
}

.build_max_inner p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

.global_btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 30px 0 0 0;
}

.global_btn button {
    background-image: linear-gradient(
    170deg,
    hsl(220deg 3% 83%) 0%,
    hsl(220deg 3% 83%) 8%,
    hsl(220deg 3% 83%) 17%,
    hsl(220deg 3% 83%) 25%,
    hsl(220deg 4% 83%) 33%,
    hsl(220deg 4% 84%) 42%,
    hsl(220deg 4% 84%) 50%,
    hsl(220deg 4% 86%) 58%,
    hsl(220deg 4% 89%) 67%,
    hsl(220deg 4% 92%) 75%,
    hsl(220deg 4% 95%) 83%,
    hsl(220deg 4% 97%) 92%,
    hsl(0deg 0% 100%) 100%
  );
    width: 230px;
    font-size: 22px;
    font-weight: 500;
    height: 50px;
    border-radius: 50px;
    color: #314888;
}

.global_btn a.btn-download {
    display: flex;
    width: 320px;
    border: 1px solid #fff;
    justify-content: center;
    align-items: center;
    height: 50px;
    border-radius: 50px;
    font-size: 22px;
    font-weight: 400;
    color: #fff;
}

.global_btn a.btn-download i {
    margin: 0 10px 0 0;
}

.global_btn span {
    margin: 0 15px 0 0;
}

.intro_banner ul {
    display: flex;
    align-items: center;
}

.container-fluid.top {
    margin-top: 110px;
}

.intro_banner ul li {
    margin: 0 30px 0 0;
}

.intro_banner ul li h2 {
    color: #fff;
    font-size: 36px;
    line-height: 36px;
    margin: 0;
}

.intro_banner ul li p {
    color: #fff;
    font-size: 23px;
    font-weight: 300;
}

.bannener_badge {
    text-align: right;
}

section.sub_footer {
    background-image: url(../images/build_bg_2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 200px 0 0 0;
}

.partner_inner img {
    margin: 0 0 10px 0;
}

.partner_inner h2 {
    color: #878787;
    font-size: 50px;
    line-height: 50px;
    margin: 0 0 14px 0;
}

.partner_inner p {
    color: #878787;
    font-size: 22px;
    width: 64%;
}

.partner_inner p a {
    color: #878787;
}

.partner_inner {}

.partner_inner form {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px 20px;
    border-radius: 20px;
    margin: 30px 0 0 0;
}

.partner_inner form .form_main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.partner_inner form .form_main  span {
    flex: 0 0 48%;
}

.partner_inner form input, .partner_inner form textarea {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    padding: 0 0 0 15px;
    outline: none;
    color: #000;
}

.partner_inner form span p {
    font-size: 16px;
    color: #878787;
}

.partner_inner form textarea {
    height: 180px;
    padding: 15px 0 0 15px;
}

.partner_inner form input[type="submit"] {
    width: 25%;
    display: block;
    margin: 30px 0 0 0;
    padding: 0;
    background: #009FE3;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 20px;
    margin-left: auto;
}

footer.main-footer {
    background: #08274D;
    padding: 80px 0 20px 0;
}

.footer_inner p {
    color: #ACACAC;
    font-size: 16px;
    margin: 30px 0 20px 0 !important;
    font-weight: 300;
}

.footer-inner h5 {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 30px 0;
}

.footer-inner ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.footer-inner ul li {
    flex: 0 0 50%;
    margin: 0 0 15px 0;
}

.footer-inner ul li a {
    color: #ACACAC;
    font-size: 18px;
    font-weight: 300;
}

.footer-inner p {
    color: #ACACAC;
    font-size: 15px;
    margin: 0 0 10px 0 !important;
    display: flex;
    align-items: center;
    font-weight: 300;
}

.footer-inner p i {
    margin: 0 10px 0 0;
}

h5.bottom_space {
    margin: 30px 0 5px 0;
}

.footer-inner.end_wraper .header_social_icon ul li {
    flex: unset;
}

.footer-inner.end_wraper .header_social_icon ul {
    margin: 20px 0 0 0 !important;
    justify-content: start;
}

.footer-inner.end_wraper a {
    color: #ACACAC;
    display: block;
    margin: 0 0 15px 0;
    font-weight: 300;
}

.footer-inner.end_wraper .header_social_icon ul li, .footer-inner.end_wraper .header_social_icon ul li a {
    margin: 0 5px 0 0 !important;
    display: flex;
}

.footer_links ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.footer_links ul li a {
    font-weight: 300;
    color: #ACACAC;
}

section.sec_2 {
    padding: 100px 0;
}

section.sec_2 .container1 {
    box-shadow: 0 0 20px #ccc;
    border-radius: 50px;
    padding: 60px;
    background: #fff;
}

.global_inner h5 {display: flex;align-items: center;justify-content: center;font-size: 30px;font-weight: 400;color: #878787;margin: 0 0 10px 0;}

.global_inner h5 img {
    width: 4%;
    margin: 0 10px 0 0;
}

.global_inner h2 {
    font-size: 50px;
    color: #6A6A6A;
    line-height: 60px;
    margin: 0 0 10px 0;
    text-transform: capitalize;
}

.global_inner p {
    width: 81.5%;
    color: #878787;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    margin: auto !important;
}

.post_inner img {
    width: 100%;
}

.post_content {
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 30px 30px;
}

.post_content h3 {
    font-size: 22px;
    font-weight: bold;
    color: #6A6A6A;
    margin: 0 0 10px 0;
}

.post_content p {
    color: #878787;
    font-size: 14px;
    font-weight: 400;
}

.post_content a {
    text-align: right;
    display: block;
    color: #878787;
    font-size: 14px;
    font-weight: 400;
}

/* section.sec_2 .row.mt-5 {
    width: 85%;
    margin: auto;
} */

.post_inner:hover {
    transition: .5s ease;
}

.post_inner:hover .post_content {
    background: #EEFAFF;
    transition: .5s ease;
}

.post_inner:hover .post_content a{
    color: #009FE3;
    transition: .5s ease;
}

section.sec_3 {
    padding: 80px 0 100px 0;
}

.image-hotspot-wrapper {
    position: relative;
    max-width: 100%;
    margin: 80px 0 0 0;
}

.hotspot-image {
    width: 100%;
    height: auto;
    display: block;
}

/* Hotspot Styles */
.hotspot {
    position: absolute;
    z-index: 2;
}

.hotspot-btn {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    background: #a7140f;
    cursor: pointer;
    position: relative;
    animation: pulse 2s infinite;
}

.hotspot-btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background: #ffffffbd;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

/* Pulse Animation */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(167, 20, 15, 0.4);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(167, 20, 15, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(167, 20, 15, 0);
    }
}

/* Content Box */
.hotspot-content {
    position: absolute;
    background: #fff;
    padding: 10px 10px;
    border-radius: 5px;
    width: 400px;
    box-shadow: 0 0 10px #ccc;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    transform: translateY(10px);
    border-radius: 20px;
}

.hotspot-content h4 {
    color: #6A6A6A;
    margin: 20px 0 0 10px;
    font-size: 22px;
    font-weight: bold;
}

.hotspot-content p {
    color: #878787;
    font-size: 18px;
    margin: 0 0 0 10px !important;
    padding: 0 0 20px 0;
}

/* Hover Effects */
.hotspot:hover .hotspot-content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Position Content Boxes */
.hotspot:nth-child(odd) .hotspot-content {
    left: 40px;
    top: 0;
}

.hotspot:nth-child(even) .hotspot-content {
    right: 0;
    left: 15px;
    bottom: 10px;
}

/* Mobile Responsive */
@media only screen and (max-width: 767px) {
    .hotspot-content {
        width: 150px;
    }

    .hotspot-btn {
        width: 25px;
        height: 25px;
    }

    .hotspot-content h4 {
        font-size: 14px;
    }

    .hotspot-content p {
        font-size: 12px;
    }
}

.hotspot_points {
    margin: 40px 0 0 0;
}

.hotspot_points ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.hotspot_points ul li {
    border: 1px solid #E30613;
    display: flex;
    align-items: center;
    flex: 0 0 16.3%;
    text-align: center;
    border-radius: 50px;
    height: 68px;
    justify-content: space-evenly;
    transition: .5s ease;
}

.hotspot_points ul li img {
    margin: 0 10px 0 0px;
}

.hotspot_points ul li p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.hotspot_points ul li:hover {
    background: #E30613;
    transition: .5s ease;
}

.hotspot_points ul li:hover p {
    color: #fff;
    transition: .5s ease;
}

.hotspot_points ul li:hover img {
    border: 2px solid #fff;
    transition: .5s ease;
    border-radius: 50%;
}

.accordion_wraper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 60px 0 0 0;
    width: 85%;
    margin: auto;
    margin-top: 60px !important;
}

.accordion_wraper ul#myTab, .accordion_wraper div#myTabContent {
    flex: 0 0 50%;
}

.accordion_wraper div#myTabContent {
    flex: 0 0 55%;
}

.accordion_wraper ul#myTab {
    display: block;
    border: 1px solid #ccc;
    flex: 0 0 42%;
    border-radius: 20px;
    padding: 15px 15px !important;
}

.accordion_wraper ul#myTab button {
    border: none;
    padding: 0 0 0 20px !important;
    background: #ebebeb87;
    width: 100%;
    text-align: left;
    height: 56px;
    margin: 0 0 10px 0;
    border-radius: 15px;
    color: #878787 !important;
    font-size: large;
    transition: .5s ease;
}

.accordion_wraper ul#myTab button:hover, .accordion_wraper ul#myTab button.active {
    transition: .5s ease;
    background: #7fd9ff54;
    color: #019FE3 !important;
}

.accordion_wraper div#myTabContent img.img-fluid {width: 100%;}

.accordion_wraper div#myTabContent span {
    background: #009FE3;
    width: 100%;
    display: block;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin: -20px 0 0 0;
    z-index: 9;
    position: relative;
    height: 90px;
    display: flex;
    align-items: center;
    padding: 0 0 0 30px;
    font-size: 25px;
    font-weight: 400;
    color: #fff;
    line-height: 30px;
}

section.sec-4 {
    padding: 0 0 100px 0;
}

/* Accordion Styles */
.accordion-item {
    margin-bottom: 20px !important;
    border: none !important;
}

.accordion-button.collapsed {
    height: 70px !important;
    padding-left: 40px !important;
    font-size: 24px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
    color: #999999 !important;
    border-radius: 10px !important;
    background-color: #fff !important;
    border: 1px solid #ADADAD !important;
    box-shadow: 0 0 10px #cccccc2e;
    padding-right: 40px;
}

.accordion-button:not(.collapsed) {
    background-color: #009FE3 !important;
    color: #fff !important;
    height: 80px;
    border-top-right-radius: 30px !important;
    border-top-left-radius: 30px !important;
    font-size: 30px;
    padding: 0 40px 0 40px;
}

.accordion-button:focus {
    box-shadow: none !important;
    border-color: #e0e0e0 !important;
}

.accordion-body {
    padding: 40px 50px !important;
    border: 1px solid #ccc;
    border-top: 0;
}

.accordion-body p {
    margin-bottom: 0 !important;
    color: #666 !important;
    line-height: 1.6 !important;
}


.accordion-body ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    margin: 50px 0 0 0 !important;
}

.accordion-body ul li {
    flex: 0 0 50%;
}

.accordion-body ul li:nth-child(1) {
    flex: 0 0 60%;
}

.accordion-body ul li:nth-child(2) {
    flex: 0 0 40%;
}

.accordion-body ul li p, .accordion-body p {
    font-size: 20px;
    margin: 0 0 20px 0 !important;
    color: #878787 !important;
    font-weight: 400;
    line-height: 24px !important;
}

.accordion-body h3 {
    font-size: 35px;
    color: #009FE3;
    text-transform: capitalize;
    margin: 0 0 15px 0;
    line-height: 35px;
}

.accordion-body p {
    font-size: 20px;
    
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
    visibility: visible !important  ;
}

section.sec_6 {
    padding: 100px 0;
}

.post_wraper {
    margin: 80px 0 0 0;
}

section.sec_6 .global_inner h5 {
    justify-content: start;
}

section.sec_6 .global_inner p {
    width: 80%;
    margin: unset !important
}

ul.slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.slick-dots li {
    margin: 0;
    font-size: 0;
    height: 0;
}

ul.slick-dots li button {
    padding: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #C3EDFF;
    font-size: 0;
}

.slick-dots li button:before {
    display: none;
}

ul.slick-dots li.slick-active button {
    background: #009FE3;   
}

section.sec_7 {
    padding: 100px 0;
}

.testimonial_slider {
    margin: 80px 0 0 0;
}
.post_slider {
  display: flex;
  flex-wrap: wrap;
}

.post_slider > .px-3 {
  flex: 1 1 300px;
  display: flex;
}

.testimonial {
  height: 300px; /* Adjust this value as needed */
  overflow: auto; /* Adds scroll if content overflows */
}

section.sec_8 {
    padding: 0 0 100px 0;
}

section.sec_8 .post_content {
    padding: 0;
    padding: 0 10px;
}

section.sec_8 .post_content h3 {
    font-size: 18px;
    margin: 0 0 5px 0;
    padding: 20px 0 0px 0;
}

section.sec_8 .post_content p {
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 10px 0 !important;
}

section.sec_8 .post_content i {
    color: #73CBF0;
    font-size: 20px;    
    margin: 5px 20px 10px 0;
}


/* Peb Page */

body.peb_page section.sec_1 {
    background-image: url(../images/peb_bg.png);
    padding-top: 150px;
}


section.sec_2 .global_inner h5 {
    justify-content: start;
}

section.sec_2 .global_inner p {
    width: 100%;
}

section.sec_2 .global_inner h2 {
    margin: 20px 0;
}







.global_inner.text-center.center-wraper h5 {
    justify-content: center;
}

.post_wraper.box_wraper ul li {
    box-shadow: 0 0 10px #ccc;
    padding: 40px 40px;
    border-radius: 20px;
    margin: 0 15px;
}

.post_wraper.box_wraper .slick-list.draggable {
    padding: 20px 0;
}

.post_wraper.box_wraper ul li img {
    margin: 0 0 15px 0;
}

.post_wraper.box_wraper ul li h2 {
    color: rebeccapurple;
}

.post_wraper.box_wraper ul li h4 {
    color: #6A6A6A;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
}

.post_wraper.box_wraper ul li p {
    font-size: 20px;
    line-height: 25px;
    color: #878787;
}   

.global_inner.text-center.center-wraper p {
    margin: auto !important;
}

.post_wraper.box_wraper {
    margin-top: 50px;
}

.post_wraper.box_wraper ul.slick-dots li {
    background: transparent;
    box-shadow: unset;
    padding: 0;
    margin: 0;
}

.post_wraper.box_wraper ul.slick-dots {
    top: 320px;
}

section.sec_new_7 {
    padding: 100px 0;
}

.framing_wraper ul {
    display: flex;
    flex-wrap: wrap;
}

.framing_wraper ul li {
    flex: 0 0 50%;
    margin-bottom: 30px;
    display: flex;
}

/* Default alignment (left items left-aligned, right items right-aligned) */
.framing_wraper ul li {
    justify-content: flex-start;
}
.framing_wraper ul li:nth-child(2n) {
    /* justify-content: flex-end; */
}

/* Reverse alignment for rows with .reverse class */
.framing_wraper ul li.reverse {
    justify-content: flex-end;
    padding-left: 30px;
}
.framing_wraper ul li.reverse + li {
    /* justify-content: end; */
}

.framing_wraper ul li span {
    background: #878787;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    position: relative;
    transition: background-color 0.5s ease;
}

.framing_wraper ul li span img {
    width: 50%;
}

.framing_wraper ul li span:after {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #878787;
    width: 1px;
    height: 200px;
    top: 70px;
    border-style: dashed;
    border-width: 2px;
    transition: border-color 0.5s ease;
}

/* Hide the border after the last row */
.framing_wraper ul li:nth-last-child(-n+2) span:after {
    display: none;
}

/* Active state classes */
.framing_wraper ul li.active span {
    background-color: red;
}

.framing_wraper ul li.active span:after {
    border-color: red;
}

.framing_wraper ul li.simple_img {
    justify-content: start;
    padding-right: 30px;
}

li.animate-element.active {
    justify-content: start !important;
}

li.animate-element.reverse.active {
    justify-content: end !important;
}

.framing_wraper ul li:nth-child(2), .framing_wraper ul li:nth-child(6), .framing_wraper ul li:nth-child(10), .framing_wraper ul li:nth-child(14), .framing_wraper ul li:nth-child(18) {
    position: relative;
    right: 30px;
}
.framing_wraper ul li:nth-child(3), .framing_wraper ul li:nth-child(7), .framing_wraper ul li:nth-child(11), .framing_wraper ul li:nth-child(15), .framing_wraper ul li:nth-child(19) {
    position: relative;
    left: 30px;
}
.post_wraper.box_wraper.simple_box ul {
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
    justify-content: space-between;
}

.post_wraper.box_wraper.simple_box ul li {
    flex: 0 0 23.5%;
    margin: 0;
    padding: 30px 25px;
}

.framing_wraper.cold_chain_framing li.simple_img {
    display: block;
    padding-left: 80px;
}

.framing_wraper.cold_chain_framing li  p {
    font-size: 18px;
    color: #878787;
    width: 90%;
    margin-top: 5px !important;
    
}

.framing_wraper.cold_chain_framing ul li span:after {
    height: 590px !important;
}


.framing_wraper.cold_chain_framing li.reverse {
    display: flex ;
    text-align: right;
}


.framing_wraper.cold_chain_framing li.animate-element.reverse.active {
    display: flex;
}

.framing_wraper.cold_chain_framing li.reverse img {
    margin: 0 0 30px 0;
}

.framing_wraper.cold_chain_framing li.animate-element.reverse.active span img {
    margin: 0;
}

.framing_wraper.cold_chain_framing li.reverse p {
    margin-left: auto !important;
}


body.peb_page section.sec_1 .container-fluid.top {
    margin-top: 50px;
}

section.chose_sec {
    padding: 100px 0;
}

h5.left_rap {
    justify-content: start;
}

.chose_inner ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.chose_inner ul li {
    flex: 0 0 50%;
    margin: 0 0 30px 0;
    display: flex;
    align-items: center;
    font-size: 23px;
    font-weight: 300;
    color: #878787;
    line-height: 25px;
}

.chose_inner {
    margin: 60px 0 0 0;
}

.chose_inner ul li img {
    margin: 0 30px 0 0;
    width: 50px;
    height: 50px;
    object-fit: contain;
}

section.sec_2.cold_chain_sec .container1 {
    padding: 0;
    background: transparent;
    box-shadow: unset;
}

section.sec_2.cold_chain_sec .global_inner.text-center h5 {
    justify-content: center;
}

section.header_wraper.mobile {
    display: none;
}



header.main_header.color_change {
    background: #0B7D1A;
}

section.header_wraper.internaltion_page ul.navbar-nav li button {
    background: #0b7d1a !important;
}

section.sec_1.internaltion_sec_1 {
    background-image: url(../images/internationa_sec_1_bg.png);
}


section.sec_1.internaltion_sec_1 .global_btn span:nth-child(1) button{
    background: rgb(57,181,74);
    background: linear-gradient(258deg, rgba(57,181,74,1) 0%, rgba(194,215,46,1) 100%);   
}

section.sec_3.internaltion_sec_3 {
    background-image: url(../images/internaltional_b_circel.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


section.internaltion_sec_4 {
    padding: 100px 0;
}

section.internaltion_sec_4 .global_inner h5 {
    justify-content: start;
    margin-bottom: 20px;
}

.services_box {
    border: 1px solid #E30613;
    border-radius: 25px;
    padding: 15px 15px;
    min-height: 480px;
}

.services_box h3 img{
    width: 100%;
}

.services_box h3 {
    color: #706F6F;
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    margin: 15px 0 10px 0;
}

.services_box p {
    color: #878787;
    font-size: 14px;
    line-height: 20px;
}

.animate_box {
    min-height: 200px;
    display: flex;
    align-items: end;
    padding: 0 20px 10px 20px;
    background: #fff;
    box-shadow: 0 0 10px #f1f1f1;
    border-bottom: 6px solid #009FE3;
    transition: .5s ease;
}

.animate_box h2 {
    font-size: 26px;
    line-height: 36px;
    color: #706F6F;
    font-weight: 600;
    transition: .5s ease;
}

.animate_box img {
    margin: 0 0 50px 0;
    transition: .5s ease;
}

section.sec_5.internaltion_sec_5 {
    padding: 80px 0 80px 0;
}

.animate_box:hover{
    background: #009FE3;
    transition: .5s ease;
}

.animate_box:hover h2{
    color: #fff;
    transition: .5s ease;
}

.animate_box:hover img{
    filter: brightness(0) invert();
    transition: .5s ease;
}

.brand_logos ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px !important;
}

.brand_logos ul li {
    border: 1px solid #C3EDFF;
    min-height: 100px;
    padding: 10px 20px;
    margin: 0 10px;
    border-radius: 30px;
    transition: .5s ease;
}

.brand_logos ul li img {
    width: 200px !important;
    height: 70px;
    object-fit: contain;
}
.brand_logos ul li:hover{
    background: #C3EDFF;
    transition: .5s ease;
}

@media only screen and (max-width: 1660px){

    section.sec_1 {
        height: 640px !important;
        padding-top: 80px !important;
    }
    
    .build_max_inner h2 {
        font-size: 50px;
        line-height: 60px;
    }
    
    .build_max_inner h2 br {
        display: none;
    }

    
}
@media only screen and (max-width: 1560px){

    section.sec_1 {
        height: 620px !important;
    }
    
}
@media only screen and (max-width: 1260px){

.container1 {
    max-width: 1120px !important;
    margin: auto;
    display: block;
}

section.sec_1 {height: 480px !important;padding-top: 50px !important;}

.build_max_inner h2 {
    font-size: 40px;
    margin: 10px 0 10px 0;
}

.build_max_inner p {
    font-size: 14px;
    line-height: 24px;
    width: 60% !important;
}

section.sec_1 .container1 .row:nth-child(1) .col-md-6 {
    flex: 0 0 100%;
    width: 100%;
}

body.peb_page section.sec_1 .container-fluid.top {
    margin-top: 40px;
}

.intro_banner ul li img {
    width: 80%;
    margin: 0;
}

.intro_banner ul li {
    margin: 0;
}

.intro_banner ul li h2 {
    font-size: 24px;
    line-height: 34px;
}

.intro_banner ul li p {
    font-size: 18px;
}

.build_max_inner p {
    width: 100%;
}

.global_btn button {
    font-size: 18px;
    height: 45px;
    width: 200px;
}

.global_btn {
    margin-top: 20px;
}

.bannener_badge img {
    width: 40%;
}

.menu nav div#navbarSupportedContent ul li a {
    font-size: 16px;
}

.menu nav div#navbarSupportedContent ul li {
    margin: 0 0 0 16px;
}

.menu nav div#navbarSupportedContent ul li button {
    width: 150px;
    font-size: 16px;
}

.menu nav div#navbarSupportedContent ul {
    margin: 0 20px 0 0 !important;
}

.global_inner h5 {
    font-size: 20px;
    line-height: 20px;
}

.global_inner h2 {
    font-size: 40px;
    line-height: 50px;
}

.home_global img {
    width: 90%;
}

section.sec_new_3 {
    height: 700px;
    margin-top: -300px;
}

section.sec_new_3 {
    height: 700px;
    margin-top: -300px;
}

.accordion_wraper ul#myTab button {
    padding-left: 10px !important;
    font-size: 16px;
    line-height: 16px;
}

.accordion_wraper ul#myTab {
    padding: 10px !important;
}

.accordion_wraper ul#myTab li:last-child button {
    margin: 0;
}

.chose_img img {
    width: 80%;
}

.chose_inner ul li {
    font-size: 18px;
}

.chose_inner ul li img {
    margin: 0 15px 0 0;
}

section.sec_2.cold_chain_sec {
    padding-top: 0;
}

section.sub_footer {
    padding-top: 50px;
}

}
@media only screen and (max-width: 1060px){}

@media (min-width: 992px) {
    .navbar-collapse {
      display: flex !important; /* Ensure it displays as flex on larger screens */
    }
  }


@media only screen and (max-width: 767px){

    body.peb_page section.sec_1 {
        background-image: url(../images/mobile_global.png);
        height: auto !important;
        padding: 30px 0 !important;
    }

    /* section {
        overflow: hidden;
    } */

    .build_max_inner h2 {
        font-size: 30px;
        line-height: 40px;
    }
    
    .build_max_inner p {
        width: 100% !important;
    }
    
    .global_btn {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .global_btn span {
        flex: 0 0 48%;
        margin: 0;
    }
    
    .global_btn span button {
        width: 100%;
    }
    
    .global_btn span a.btn-download {
        width: 100%;
        font-size: 15px;
        height: 45px;
    }


    section.sec_2 {
        padding: 40px 0;
    }
    
    section.sec_2 .container1 {
        padding: 20px 20px;
        border-radius: 20px;
        width: 90% !important;
    }
    
    .global_inner h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 10px 0 !important;
    }
    
    .global_inner h2 br {
        display: none;
    }
    
    .global_inner p {
        font-size: 16px;
        width: 100%;
    }
    
    section.sec_2 img {
        margin: 20px 0 0 0;
    }
    
    .global_inner h5 {margin: 0 0 15px 0;align-items: end;}

    .home_global {position: unset;text-align: center;}

section.sec_new_3 {
    height: auto;
    margin: 0;
    padding: 100px 0 30px 0;
}

.home_global p {
    font-size: 14px;
    color: #fff;
}

section.sec-4 {
    padding: 50px 0;
}

.accordion_wraper {
    width: 100%;
    display: block;
}

.accordion_wraper div#myTabContent img.img-fluid {
    margin: 20px 0 0 0;
}

section.chose_sec {
    padding-top: 20px;
    padding-bottom: 40px;
}

section.chose_sec .row.align-items-center {
    flex-direction: column-reverse;
}

.chose_inner ul {
    display: block;
}

.chose_img img {
    width: 100%;
}

section.sec_2 .row.mt-5 {
    width: 100%;
    margin-top: 0 !important;
}

.post_inner {
    margin-top: 20px;
}

section.sec_8 .row.mt-5 {
    margin-top: 0 !important;
}

.global_inner h5 img {
    width: 10%;
}

.partner_inner p {
    width: 100%;
    font-size: 18px;
    line-height: 23px;
}

.partner_inner form input[type="submit"] {
    width: 50%;
}

.partner_inner h2 {
    font-size: 40px;
    line-height: 50px;
}

.footer-inner {
    margin: 20px 0 0 0;
}

.footer_links ul {
    display: block;
}

.header_top_inner ul li a {font-size: 12px;}

section.header_wraper.mobile {
    display: block;
    overflow: unset;
}

section.header_wraper.desktop{
    display: none;
}

/* .navbar .menu {
    display: none;
    flex-direction: column;
    background-color: #333;
    position: absolute;
    top: 117px;
    right: 0;
    width: 100%;
    border-radius: 5px;
    z-index: 999999 !important;
}

  .navbar .menu.active {
    display: block;
  }

  .navbar .toggle {
    display: block;
    font-size: 40px;
    color: #f03653;
  } */

    
}

/* section{
    overflow-y: hidden !important;
} */