@import url('../font/stylesheet.css');

body *,
::before,
::after {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

html {
    scroll-behavior: smooth;
}

img {
    max-width: 100%;
}

a,
button {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    color: inherit;
}

a:hover,
button:hover {
    text-decoration: none;
    outline: none;
}

a:focus,
button:focus {
    text-decoration: none;
    outline: none;
}

input:focus {
    outline: none;
}

:active,
:hover,
:focus {
    outline: 0 !important;
    outline-offset: 0;
}

body {
    font-family: "Inter", sans-serif !important;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: 0%;
    color: #2A2A2A;

}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2 !important;
}

.bg-green {
    background-color: #2F4F37;
}

.text-grn,
.text-grn p {
    color: #2F4F37;
}

.bg-light {
    background-color: #F3EDE4;
}

.text-light {
    color: #F3EDE4;
}

.bg-brown {
    background-color: #5B4A38;
}

.text-brown,
.text-brown p,
.text-brown h6 {
    color: #5B4A38;
}

.p_130 {
    padding: 130px 0px;
}

.p_110 {
    padding: 110px 0px;
}

.white,
.white p,
.white h2 {
    color: #fff;
}

a:hover {
    color: inherit;
}

.mb-3 {
    margin-bottom: 30px !important;
}

.mb-2 {
    margin-bottom: 25px !important;
}

h1,
h2,
h3 {
    font-family: 'Times New Roman' !important;
    font-weight: 700;
    font-style: Bold;
}

h1 {

    font-size: 96px;
    line-height: 96px;
    letter-spacing: 0%;


}

h2 {
    font-size: 66px;
    line-height: 1.2;
    letter-spacing: 0%;


}

h3 {
    font-size: 46px;
    line-height: 56px;
    letter-spacing: 0%;



}

h4 {
    font-family: "Inter", sans-serif !important;
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 34px;

}

h6 {
    font-family: "Inter", sans-serif !important;
    font-weight: 400;
    font-style: Regular;
    font-size: 22px;
    letter-spacing: 0%;

}

.size14,
.size14 p {
    font-family: "Inter", sans-serif !important;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0%;

}

.cta {
    display: inline-block;
    max-width: 100%;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 100% !important;
    text-align: center;
    vertical-align: middle;
    color: #fff !important;
    background-color: #7F9A80 !important;
    border: 1px solid transparent !important;
    border-radius: 140px !important;
    padding: 16px 40px !important;
    cursor: pointer !important;
    position: relative;
    overflow: hidden !important;
    transition: all 0.4s ease;
    text-decoration: none;
    z-index: 1;
}


.cta::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #fff;
    z-index: -1;
    transition: width 0.4s ease;
    border-radius: 140px;
}


.cta:hover {
    color: #2F4F37 !important;
    border: 1px solid #2F4F37;
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}


.cta:hover::after {
    width: 100%;
}


.container-fluid {
    padding: 0px 20px;
}

.container {
    padding: 0px 15px;
}

/* header css */

header.main-header {
    padding: 30px 0px;
}

.main-header .navbar-brand {
    display: inline-block;
    max-width: 139px;
    padding: 0;
    margin: 0;
}

.main-header nav.navbar {
    padding: 0;
}

.main-header nav.navbar #collapsibleNavbar {
    justify-content: flex-end;
    gap: 59px;
    align-items: center;
}

.main-header ul.navbar-nav {
    gap: 60px;
}

.main-header ul.navbar-nav li {
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
}

.main-header ul.navbar-nav li .nav-link {
    margin: 0;
    padding: 0;
    color: #fff;
}

header.main-header {
    padding: 30px 0px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
}

.cnt-btn {
    display: inline-block;
    max-width: 100%;
    font-family: "Inter", sans-serif !important;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #fff;
    border: 0.8px solid #7F9A80;
    background: #2F4F371A;
    border-radius: 140px;
    padding: 14px 36px;
    background: #2F4F371A;
}

.cnt-btn {
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s ease;
}

.cnt-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #fff;
    border-radius: inherit;
    z-index: -1;
    transition: width 0.4s ease;
}

.cnt-btn:hover {
    color: #2F4F37;
    border-color: #2F4F37;
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.cnt-btn:hover::after {
    width: 100%;
}


.contact-link {
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #7d9b87;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-decoration: none;
}

.main-header ul.navbar-nav li .nav-link {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 6px 0;
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}


.main-header ul.navbar-nav li .nav-link::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #fff;
    transition: width 0.3s ease, left 0.3s ease;
}


.main-header ul.navbar-nav li .nav-link:hover {
    color: #7F9A80;
}

.main-header ul.navbar-nav li .nav-link:hover::after {
    width: 100%;
    left: 0;
}

/* Custom Hamburger */
.custom-toggler {
    border: none;
    background: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    padding: 6px;
}

.custom-toggler span {
    display: block;
    width: 28px;
    height: 3px;
    background: #fff;
    /* White bars */
    border-radius: 3px;
    transition: all 0.4s ease;
}

/* When aria-expanded="true" (menu open) → cross */
.custom-toggler[aria-expanded="true"] .bar1 {
    transform: translateY(9px) rotate(45deg);
}

.custom-toggler[aria-expanded="true"] .bar2 {
    opacity: 0;
}

.custom-toggler[aria-expanded="true"] .bar3 {
    transform: translateY(-9px) rotate(-45deg);
}

button.navbar-toggler.custom-toggler {
    padding: 0;
    border: 0;
    outline: 0;
    box-shadow: none;
}

/* banner css */

.banner-sec {
    padding: 290px 0px 220px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.banner-content {
    max-width: 901px;
    margin: auto;
}

.bnr-btn {
    margin-top: 52px;
}

.banner-content h1 {
    margin-bottom: 15px;
}

/* spin button code */
.spin-btn {
    position: absolute;
    right: 60px;
    bottom: 60px;
}

.spin-btn .circle-wrapper {
    position: relative;
    width: 100px;
    height: 100px;
}

.circle-wrapper .center-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 61px;
    height: 61px;
    border-radius: 50%;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 24px
}

.circle-wrapper svg {
    width: 100%;
    height: 100%;
    animation: spin 12s linear infinite
}

.circle-wrapper text {
    font-family: sans-serif;
    font-size: 23px;
    fill: #fff;
    letter-spacing: 10px;
    text-transform: uppercase;
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

/* mst-section css*/
.mst-content {
    max-width: 998px;
    margin: auto;
}

.mst-content h2 {
    margin-bottom: 10px;
}

.mst-content .bnr-btn {
    margin-top: 36px;
}


/* sevc-section css */
.srvc-col {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
}

.srvc-col .srvc-img {
    max-width: 145px;
    text-align: center;
    margin-bottom: 20px;
}

.srvc-col .srvc-img.servc1 {
    max-width: 113px;
}

.srvc-col .srvc-img.servc3 {
    max-width: 132px;
}

.srvc-title h4 {
    max-width: 259px;
    margin: auto;
}

/* trend section css */
.trend-sec h2 {
    max-width: 825px;
    margin: auto;
}

.trend-img {
    border-radius: 25px;
    overflow: hidden;
}

.trend-col .trnd-top {
    position: relative;
}

.trend-col .dttext {
    position: absolute;
    top: 17px;
    right: 15px;
}

.trend-col .spg1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: Inter;
    font-weight: 500;
    font-style: Medium;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -2%;
    text-align: center;
    vertical-align: middle;
    padding: 7px 14px;
    color: #5B4A38;
    border-radius: 140px;
    background-color: #F3EDE4;
}

.trend-col .trend-btm {
    margin-top: 12px;
}

.trend-col .trend-btm h6 {
    max-width: 387px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.4 !important;
}

.trend-col .trdn-text {
    max-width: 440px;
}

.trend-content .btm-btn {
    margin-top: 64px;
}

.trdn-text p:last-child {
    margin-bottom: 0;
}

/* Reach sub section css */


.next-sbmt .bnr-btn {
    margin-top: 40px;
}


/* footer css */
footer.footer-sec {
    padding: 95px 0px;
}

.ftr-rw {
    display: flex;
    justify-content: space-between;
}

.ftr-rw .ftr-ryt {
    width: 60%;
}

.ftr-rw .ftr-lft {
    width: 36%;
}

.ftr-rw .ftr-lft .ftr-logo {
    max-width: 206px;
}

.social-links {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0.8px solid #5B4A381A;
    width: 51px;
    height: 51px;
    border-radius: 100%;
    color: #2F4F37;
    font-size: 18px;
    transition: all 0.3s ease;
}

.social-links:hover {
    background-color: #2F4F37;
    color: #fff;
    border-color: #2F4F37;
}

.social-icons ul {
    display: flex;
    gap: 16px;
    margin: 0;
}

.copyt-text p {
    margin-bottom: 0;
}

.ftr-rtn {
    border-bottom: 1px solid #5B4A381A;
    padding-bottom: 37px;
    margin-bottom: 37px;
}

.social-icons {
    margin-top: 25px;
}

.ftr-tp {
    max-width: 623px;
}

.ftr-tp ul {
    display: flex;
    justify-content: space-between;
}

.ftr-tp ul li {
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
}

.ftr-tp ul li:hover a {
    color: #2F4F37;
    font-weight: 600;
}

/* inner pages css */
.mb-4 {
    margin-bottom: 40px !important;
}

.banner-sec.inner-baner {
    padding: 240px 0px 163px;
}

.banner-sec.inner-baner .banner-content h1 {
    margin-bottom: 2px;
}

.banner-sec.inner-baner .banner-content {
    max-width: 813px;
}

.mst-sec.whs-sec .mst-content {
    max-width: 1195px;
}

.btp-img {
    border-radius: 25px;
    overflow: hidden;
    display: inline-block;
}

.btp-img img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease, filter 0.4s ease;
    border-radius: 25px;
    /* keep same rounding */
}
.btp-sec.abt-btsp .btp-img {
    max-width: 640px;
    margin-left: 60px;
}
.hpt-sec.abt-hpt .btp-text {
    max-width: 665px;
    margin-left: 20px;
}


.btp_sbtext a {
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;
}

.hpt-hd {
    max-width: 998px;
    margin: auto;
}

/* Hover effect */
.btp-img:hover img {
    transform: scale(1.05);
    /* smooth zoom */
    filter: brightness(1.05);
    /* slight glow */
}

.btp-text {
    max-width: 691px;
}

.btp-text h2 {
    max-width: 561px;
}

.btp-img {
    max-width: 670px;
}


.trend-img {
    border-radius: 25px;
    overflow: hidden;
    display: inline-block;
}

.trend-img img {
    transition: transform 0.5s ease;
    width: 100%;
    height: auto;
    display: block;
}

.trend-img:hover img {
    transform: scale(1.1);
}


.btp-img {
    border-radius: 25px;
    overflow: hidden;
    display: inline-block;
}

.btp-img img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease, filter 0.4s ease;
    border-radius: 25px;
    /* keep same rounding */
}

.hpt-hd {
    max-width: 998px;
    margin: auto;
}

/* Hover effect */
.btp-img:hover img {
    transform: scale(1.05);
    filter: brightness(1.05);

}

.btp-text.ptnr-text h2 {
    max-width: 100%;
}

.hpt-sec.part-sec .hpt-hd {
    max-width: 655px;
    margin: auto;
}

.prt-list ul li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
    font-weight: 600;
}

.prt-list ul li::after {
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url('https://sagmeticinfotech.com/wp/2025/business-porter/wp-content/uploads/2025/09/wht-chel1.png');
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
}

.servc-sec.srvc-new .srvc-title h4 {
    max-width: 100%;
    margin: auto;
    text-align: left;
    margin-bottom: 9px;
}

.servc-sec.srvc-new .srvc-title p {
    text-align: left;
}

.servc-sec.srvc-new .srvc-col .srvc-img {
    text-align: left;
    margin-left: 0 !important;
}

.servc-sec.srvc-new .srvc-col {
    border: 1px solid #5B4A381A;
    border-radius: 30px;
    overflow: hidden;
    padding: 60px;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.servc-sec.srvc-new .srvc-col:hover {
    background-color: #fff;
    border-color: #fff;
}

.banner-sec.inner-baner.servc-baner .banner-content {
    max-width: 785px;
}

.mst-sec.whs-sec.srvc-do .mst-content.srvc-do-content {
    max-width: 800px;
    margin: auto;
}

.servc-sec.srvc-new .srvc-col .srvc-img {
    margin-bottom: 35px;
    max-width: 106px !important;
}

.srvc-title h3 {
    text-align: left;
}

.srvc-title {
    max-width: 548px;
}

.btn-wrap {
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 16px;
}

.btn-wrap button {
    background-color: #fff;
    border: 1px solid transparent;
    width: 75px;
    height: 75px;
    border-radius: 100%;
    font-weight: 600;
    transition: all 0.5s;
}

.btn-wrap button img {
    max-width: 20px;
}

.btn-wrap button.slick-disabled {
    background-color: transparent;
    border-color: #fff;
}

.btn-wrap button.slick-disabled img {
    filter: invert(1);
}

.hlp-sec {
    overflow-x: hidden !important;
}

.hlp_box {
    padding: 40px 22px;
    box-shadow: 50px 34px 94px 0px #00000021;
    background: #FFFFFF;
    border-radius: 15px;
    height: 100%;
}


.hlp-slider .slick-track {
    display: flex;
    margin: 0px -15px;
}

.hlp-slider .slick-track .hlp-sldies.slick-slide {
    height: auto;
    padding: 0px 15px;
}

.hlp-slider button.slick-arrow {
    display: none !important;
}

.hlp-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
}

.hlp-top .hlp-lft h2 {
    max-width: 430px;
}

.hlp-slider .hnum {
    display: inline-block;
    font-family: Times New Roman;
    font-weight: 700;
    font-style: Bold;
    font-size: 64px;
    line-height: 77px;
    letter-spacing: 0%;
    color: #2A2A2A1A;
    margin-bottom: 18px;
}

.hlp-slider .slick-list.draggable {
    overflow: visible;
}

.hlp-slider .slick-list.draggable {
    overflow: visible;
}

.hlp_box h6 {
    font-weight: 600;
    color: #2A2A2A;
}

.hlp-slider {
    position: relative;
    margin-left: 65px;
}

.hlp-slider::before {
    position: absolute;
    content: '';
    top: 0px;
    right: 100%;
    height: 100%;
    width: 100%;
    background-color: #5B4A38;
    z-index: 1;
}

.next-sbmt.srvc-dtail .next-sbmt-content {
    max-width: 1150px;
    margin: auto;
}

/* statr section css */

.strat-hd {
    max-width: 990px;
    margin: auto;
}

.strat-hd h2 {
    max-width: 710px;
    margin: auto;
    text-align: center;
    margin-bottom: 5px;
}

.mst-content.guide-text {
    max-width: 1165px;
    margin: auto;
}

.prt-list.prt-ne ul li::after {
    background-image: url('https://sagmeticinfotech.com/wp/2025/business-porter/wp-content/uploads/2025/09/brnw-chck.png');
}

.wh-iner p {
    margin-bottom: 0;
}

/* contact page css */
.banner-sec.inner-baner.contact-banr .banner-content {
    max-width: 870px;
    margin: auto;
}

.contact-card {
    background: #fff;
    border-radius: 15px;
    padding: 35px 68px;
    text-align: center;
    height: 100%;
}

.contact-icon {
    width: 60px;
    height: 60px;
    background: #5B4A38;
    color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin: 0 auto 20px;
}

.contact-card h6 {
    font-weight: 600;
    margin-bottom: 14px;
}

.contact-card p:last-child {
    margin-bottom: 0;
}

.contact-form {
    max-width: 690px;
}

.form-col .form-control {
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #FFFFFF;
    padding: 18px 20px;
    border: 1px solid #FFFFFF1A;
    border-radius: 7px;
    background: none;
}

.form-col .form-control:focus {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    outline: 0;
    box-shadow: none;
}

.form-col .form-control::placeholder {
    color: #fff;
}

.form-col button.btn:focus {
    outline: none;
    box-shadow: none;
}

.cntc-hd {
    max-width: 629px;
}

.cntc-hd h2 {
    font-weight: 600;
}

.cntc-hd p:last-child {
    margin-bottom: 0;
}

.btp-img.ryt-img {
    max-width: 690px;
    margin-left: 30px !important;
}


/* comment container box */
.inst-text h4 {
    font-family: 'Times New Roman' !important;
    font-weight: 700;
    font-style: Bold;
    font-size: 36px;
    margin-top: 40px;

}

.inst-text p:last-child {
    margin-bottom: 0;
}

.comments-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.search-box {
    display: flex;
    align-items: center;
    border: 1px solid #5B4A381A;
    border-radius: 0;
    padding: 18px 20px;
    background: #fff;
    gap: 9px;
    flex: 0 0 303px;
}

.search-box i {
    font-size: 15px;
    color: #000000;
}

.search-box input {
    border: none;
    outline: none;
    width: 100%;
    font-size: 16px;
    vertical-align: middle;
}

.sort-box select {
    padding: 0;
    background: none;
    border: none;
}

.sort-box {
    font-weight: 300;
    font-style: Light;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0%;
    text-align: center;
    vertical-align: middle;
}

.sort-box {
    display: flex;
    align-items: center;
    gap: 2px;
}

.sort-box strong {
    font-weight: 600;
}

.sort-box strong {
    display: inline-block;
    white-space: nowrap;
}

.comment-card {
    background: #5B4A3808;
    border: 1px solid #5B4A381A;
    padding: 38px 40px;
}

.rd-text {
    text-decoration: underline;
    font-weight: 600;
}

.stars {
    color: #F8BD00;
    margin-bottom: 14px;
}

.comment-title {
    font-family: 'Times New Roman';
    font-weight: 700;
    font-style: Bold;
    font-size: 25px;
    vertical-align: middle;
    margin-bottom: 10px;
}

.comment-text {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0%;
    vertical-align: bottom;
    color: #2A2A2A;
    max-width: 991px;
}

.user-info {
    display: flex;
    align-items: center;
    gap: 20px;
}


.user-info .usr-lft {
    max-width: 80px;
}

.user-name {
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    margin-bottom: 10px;
}

.user-date {
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    letter-spacing: 0%;
    vertical-align: bottom;
}

.pagination {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-top: 60px;
    border-top: 1px solid #5B4A381A;
    border-bottom: 1px solid #5B4A381A;
    padding: 32px 0px 35px 0px;
}

.pagination a {
    text-decoration: none;
    font-size: 18px;
    color: #5B4A38;
}

.stars i.fa.fa-star-half-alt {
    color: #727272;
}

.new-comment {
    display: none;
    margin-bottom: 20px;
}

.new-comment textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    resize: none;
}

.inst-text ul li {
    margin-bottom: 10px;
}

.new-comment button {
    margin-top: 10px;
    padding: 8px 14px;
    border: none;
    background: #333;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}

.new-comment button:hover {
    background: #555;
}

.banner-sec.inner-baner.insdt-bnr .banner-content {
    max-width: 1152px;
    margin: auto;
}

.banner-sec.inner-baner.insdt-bnr .banner-content p {
    max-width: 813px;
    margin: auto;
}

.search-box {
    background: #F3EDE4;
}

.search-box input {
    background: none;
}

/* insight page css */

.insightd-content {
    max-width: 1078px;
    margin: auto;
}   


/*****     Custom Css 23-09-2025       ******/
.custom-logo-link img{
    max-width: 139px;
}
section.error-404.not-found {
    padding: 200px 138px;
    text-align: center;
}
.hidden_class{
    display: none;
}
span.nav-subtitle {
    padding: 0px 5px;
}
.wpcf7-not-valid {
    border-color: red !important;
}

span.wpcf7-not-valid-tip {
    display: none;
}
.insightd-content .inst-text ul {
    margin: 0px;
    padding-top: 20px;
}
.error-404 h1.page-title {
    font-size: 73px;
}
header.page-header {
    text-align: center;
}

/* search page and archive page css */
.p_125{
padding-top: 100px;
}
.search-banner section.no-results.not-found {
    text-align: center;
}
@media (max-width: 767px) {
    section.banner-sec.inner-baner.white.search-banner {
        padding: 120px 0 40px 0 !important;
    }
}