@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


#main-wrapper {overflow: hidden;position: relative;max-width: 1900px;margin: 0 auto;width: 100%;}
a:focus,a:hover{text-decoration: none;outline: none;}
/*.container{max-width:1140px;}*/

.txt-center{text-align: center;}
.txt-left{text-align: left;}
.color-white{color: #fff;}
.color-blue{color: #1A324E;}
.color-black{color: #2E2E2E;}



h1{font-family: "Poppins", sans-serif;
  font-weight: 700;font-size: 71px;margin:0;}
h2{font-family: "Poppins", sans-serif;
  font-weight: 700;font-size: 50px;}
h3{font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;font-size: 30px;}
h4{font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;font-size: 35px;}
h5{font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;font-size: 25px;margin:0;}
h6{font-family: 'Lato', sans-serif;font-weight:400;font-size: 25px;margin:0;}
p{font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;font-size: 16px;}
  p.subhdng span{font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;font-size: 22px;}

header{margin: 0;padding: 12px 0 9px;float: left;width: 100%;}


.menu-part{margin: 11px 0px 0 0;padding: 0 0px 0 0;border-radius:45px;background-color: transparent;}

/*-----------------------css for menu part----------------------*/

.new-menu ul li.current-menu-item a{color:rgba(167, 188, 9, 1);}
.new-menu ul li.current-menu-item:after {
    position: absolute;
    content: '';
    right: 0;
    top: -33px;
    background: url(images/menuline.svg) no-repeat;
    width: 8px;
    height: 40px;
    left: 0;margin: 0 auto;
    transition: 1s ease-in-out;
}
.new-menu{width: 100%;float: right;/*margin: 0 0 0 24px;*/margin: 0px 0 0;padding: 0;}
ul.menu{margin: 0 0 0 0px;padding:0 0 0 0;list-style: none;float:left;overflow: visible;height: 49px;}
ul.menu li {
    margin: 0 10px 0;
    list-style: none;
    float: left;
    position: relative;
    padding: 0 3px 6px;
    transition: ease-in-out 1s;
    height: auto;
    z-index: 9;
    text-align: center;
    width: auto;
}

ul.menu li:hover:after{position: absolute;
    content: '';
    right: 0;
    top: -33px;
    background: url(images/menuline.svg) no-repeat;
    width: 8px;
    height: 40px;
    left: 0;margin: 0 auto;
    transition: 1s ease-in-out;}

ul.menu li:after{position: absolute;
    content: '';
    right: 0;
    top: -69px;
    background: url(images/menuline.svg) no-repeat;
    width: 8px;
    height: 0px;
    left: 0;margin: 0 auto;
    transition: 1s ease-in-out;}


ul.menu li a {font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-optical-sizing: auto;font-size: 18px;color:rgba(46, 46, 46, 1);display: block;text-decoration: none;z-index: 9;
    position: relative;
    text-align: center;}

ul.menu li:hover a{color:rgba(167, 188, 9, 1);transition: 1s ease-in-out;}
ul.menu {clear: both;max-height: 0;transition: max-height .2s ease-out;}
.new-menu .menu-icon {cursor: pointer;display: inline-block;float: right;padding: 28px 20px;position: relative;user-select: none;}

 .menu-icon .navicon {background: #333;display: block;height: 2px;position: relative;transition: background .2s ease-out;width: 18px;}
.menu-icon .navicon:before,
 .menu-icon .navicon:after {background: #333;content: '';display: block;height: 100%;position: absolute;transition: all .2s ease-out;width: 100%;}

.new-menu .menu-icon .navicon:before {top: 5px;}

.new-menu .menu-icon .navicon:after {top: -5px;}

/* menu btn */

.new-menu .menu-btn {display: none;}

.new-menu .menu-btn:checked ~ .menu {max-height: 240px;}
.new-menu .menu-btn:checked ~ .menu-icon .navicon {background: transparent;}

.new-menu .menu-btn:checked ~ .menu-icon .navicon:before {transform: rotate(-45deg);}

.new-menu .menu-btn:checked ~ .menu-icon .navicon:after {transform: rotate(45deg);}

.new-menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.new-menu .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {top: 0;}

/* 48em = 768px */

@media (min-width: 48em) {
  .new-menu li {float: left;}
  .new-menu li a {padding: 0 1px;}
  .new-menu .menu {clear: none;float: right;max-height: none;/*padding: 17px 0px 0 0;*/width: 100%;margin: 0 0;}
  .new-menu .menu-icon {display: none;}
}
img.logopic {
    width: 219px;
    height: 88px;
    object-fit: contain;
}


section#banner-part {
    margin: 0;
    width: 100%;
    float: left;
    position: relative;
    padding: 0% 0 4%;
}
section#banner-part h5{color: #2E2E2E;}
section#banner-part h4{color: #2E2E2E;font-size: 31px;
    line-height: 49px;
    margin: 15px 0 0 0;}
img.bnrimage {
    width: 100%;
    position: relative;
    height: 510px;
    object-fit: cover;
}
#banner-part::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%; /* adjust how much gradient covers */
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
  pointer-events: none; /* keeps it non-interactive */z-index: 8;
}
.banner-caption {
    position: absolute;
    left: 0;
    top: 122px;
    z-index: 9;
    width: 1108px;
    right: 0;
    margin: 0 auto;
}

a.cntus {
    margin: 19px 0 0;
    padding: 6px 36px;
    float: left;
    font-size: 18px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    transition: ease-in-out 1s;
    background-color: #A7BC09;
    border-radius: 10px;
    text-decoration: none;
    width: auto;
}
a.cntus:hover{transition:ease-in-out 1s;background-color: #000;}

section#whoweare{margin:0;padding:4% 0;float: left;width: 100%;}
img.whoimgpart {
    width: 540px;
    height: 400px;
    object-fit: cover;
    border-top-right-radius: 65px;
    border-bottom-right-radius: 163px;
}
section#websrvces{margin:0;padding:4% 0;float: left;width: 100%;background-color: #1A324E;}





.eachsrvcwhite {
    margin: 0 0 22px 0;
    padding: 0;
    float: left;
    width: 100%;
    background-color: #fff;
    border-radius: 15px;
    min-height: 151px;box-shadow: 0px 4px 11px 3px rgba(255, 255, 255, 0);transition:ease-in-out 1s;
}
.eachsrvcwhite:hover{margin: -6px 0 22px 0;box-shadow: 0px 4px 11px 3px rgba(255, 255, 255, 0.3);transition:ease-in-out 1s;}
.eachsrvcwhite img {
    margin: 0 auto;
    float: none;
    display: table;
    width: 58px;
    height: 79px;
    object-fit: contain;
}
.eachsrvcwhite p{font-family: "Poppins", sans-serif;    font-weight: 500;    font-style: normal;color: #000;text-align: center;}

section#websrvces h2 {
    margin: 58px 0 0 0;
}
p.ofrr {
    margin: 16px 0 16px 0;
    padding: 0 111px 0 0;
}

section#aiwebcnt{margin:0;padding:4% 0;float: left;width: 100%;}
section#aiwebcnt img.whoimgpart{border-top-left-radius: 31px;
    border-bottom-left-radius: 157px;border-top-right-radius: 0;
    border-bottom-right-radius: 0;}
section#hrcnsltng{margin:0;padding:0% 0;float: left;width: 100%;position: relative;}
img.hrpicture {
    position: relative;
    width: 100%;
    height: 406px;
    object-fit: cover;
}

#hrcnsltng::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40%; /* adjust how much gradient covers */
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
  pointer-events: none; /* keeps it non-interactive */z-index: 8;
}

.hrtext {
    position: absolute;
    left: 0;
    top: 54px;
    width: 1117px;
    z-index: 9;
    right: 0;
    margin: 0 auto;
    float: none;
    padding: 0 607px 0 0;
}
.hrtext p {
    margin: 21px 0 9px 0;
}

section#contactpart{margin:0;padding:4% 0;float: left;width: 100%;}
.form-part{margin: 0;padding: 0;float: left;width:100%;}
.inpt-fld-new{width: 32%;
line-height: 51px;
padding: 0 0 0 17px;
margin: 5px 10px -2px 0px;
color: rgba(0, 0, 0, 0.4);
font-size: 18px;
font-family: "Poppins", sans-serif;    font-weight: 500;    font-style: normal;
transition: all 1s;
background-color: rgba(240, 240, 240, 1);
float: left;
border: none;
border-radius: 12px;}
textarea.inpt-fld-new {
    width: 98%;
    line-height: 50px;
    padding: 0 0 0 17px;
    margin: 15px 10px 13px 0px;
    color: rgba(0, 0, 0, 0.4);
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    transition: all 1s;
    background-color: rgba(240, 240, 240, 1);
    float: left;
    border: none;
    border-radius: 12px;
    height: 149px;
}
.sb-btn-cntct-new{color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    transition: ease-in-out 1s;
    background-color: #A7BC09;
padding: 6px 36px;
margin: 19px auto 0;
float: none;
transition: ease-in-out 1s;
border-radius: 12px;
cursor: pointer;display: table;border: none;
}
.sb-btn-cntct-new:hover{background-color:#000 !important;transition: 1s ease-in-out;color: #fff;}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity:  1;color: rgba(0, 0, 0, 0.4);
font-size: 18px;
font-family: "Poppins", sans-serif;    font-weight: 500;    font-style: normal;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity:  1;color: rgba(0, 0, 0, 0.4);
font-size: 18px;
font-family: "Poppins", sans-serif;    font-weight: 500;    font-style: normal;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity:  1;color: rgba(0, 0, 0, 0.4);
font-size: 18px;
font-family: "Poppins", sans-serif;    font-weight: 500;    font-style: normal;
}
:-moz-placeholder { /* Firefox 18- */
  opacity:  1;color: rgba(0, 0, 0, 0.4);
font-size: 18px;
font-family: "Poppins", sans-serif;    font-weight: 500;    font-style: normal;
}
::placeholder {color: rgba(0, 0, 0, 0.4);
font-size: 18px;
font-family: "Poppins", sans-serif;    font-weight: 500;    font-style: normal;}

footer{margin: 0;padding:2% 0 0;float: left;width: 100%;background-color: rgba(26, 50, 78, 1);}
.top-footer{margin: 0;padding:0% 0 27px;float: left;width: 100%;border-bottom: 1px solid #fff;}
.bottom-footer{margin: 0;padding:2% 0 0;float: left;width: 100%;}
img.btmlogoimage {
    margin: 0 auto;
    float: none;
    display: table;
    width: 287px;
    height: 134px;
    object-fit: contain;
}
ul.btm-menu-part {
    margin: 0 auto 19px;
    padding: 0;
    float: none;
    width: auto;
    display: table;
}
ul.btm-menu-part li {
    margin: 0 18px;
    padding: 0;
    float: left;
    list-style: none;
}
ul.btm-menu-part li a{margin:0;padding:0;float:left;list-style: none;color:#fff;font-size: 18px;font-family: "Poppins", sans-serif;font-weight: 500;transition:ease-in-out 1s;text-decoration: none;}
ul.btm-menu-part li:hover a{color:rgba(167, 188, 9, 1);transition:ease-in-out 1s;}
ul.btm-menu-part li.current-menu-item a{color:rgba(167, 188, 9, 1);transition:ease-in-out 1s;}
p.adress-part{font-size: 18px;font-family: "Poppins", sans-serif;font-weight: 400;font-style: normal;text-align: center;}
p.adress-part a{color:#fff;text-decoration: none;}
p.adress-part span{font-size: 18px;font-family: "Poppins", sans-serif;font-weight: 700;}
p.copyright{font-size: 16px;font-family: "Poppins", sans-serif;font-weight: 400;color:#fff;text-align: center;}

.hmnewimage {
    width: 540px;
    height: 400px;
    overflow: hidden;
    object-fit: cover;
    border-top-right-radius: 65px;
    border-bottom-right-radius: 163px;
}

section#aiwebcnt .hmnewimage {
    border-top-left-radius: 31px;
    border-bottom-left-radius: 157px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.image-container {
  width: 100%;         /* or your custom width */
  height: 400px;       /* set the visible height */
  overflow: hidden;    /* crop anything outside */
  position: relative;
}
section.insdeonly .bnrimage {
  height: 309px !important;
  transform: scale(1.8);      /* zooms in */
  transform-origin: center;   /* adjust focus */
}

ul.websrvc-listing{margin:0;padding:0;float: left;width: 100%;}
ul.websrvc-listing li {
    margin: 0;
    padding: 0 0 9px 16px;
    float: left;
    width: 100%;
    list-style: none;
    position: relative;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
}
ul.websrvc-listing li:before {
    position: absolute;
    content: '';
    left: 0;
    top: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(167, 188, 9, 1);
}

section.backgroundble{background-color: rgba(26, 50, 78, 1);}

section#mission-part{margin: 0;padding:4% 0 0;float: left;width: 100%;}
.brdrlne{border-bottom:1px solid rgba(0, 0, 0, 0.4);}

section.cntbnrprt .bnrimage {
    height: 700px !important;
    transform: scale(1.5);
    transform-origin: center;
    overflow: hidden;
    object-fit: contain;
    max-height: 748px;
}
section.cntbnrprt .image-container {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}






:root {
            --custom-green: rgba(167, 188, 9, 1);
            --custom-green-light: rgba(167, 188, 9, 0.1);
            --custom-green-dark: rgba(147, 168, 8, 1);
        }

        body {
            font-family: "Poppins", sans-serif;
            background-color: #f8f9fa;
        }

        .heading-style {
            font-family: "Poppins", sans-serif;
            font-weight: 700;
            font-size: 50px;
        }

        .paragraph-style {
            font-family: "Poppins", sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 16px;
        }

        .custom-green {
            color: var(--custom-green) !important;
        }

        .custom-green-bg {
            background-color: var(--custom-green) !important;
        }

        .custom-green-light-bg {
            background-color: var(--custom-green-light) !important;
        }

        .custom-green-gradient {
            background: linear-gradient(135deg, var(--custom-green), var(--custom-green-dark));
        }
.contact-card {
            background: white;
            border-radius: 0.5rem;
            box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
            padding: 2rem;
            height: 100%;
        }

        .contact-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 1.5rem;
        }

        .contact-icon {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 1rem;
            flex-shrink: 0;
        }

        .contact-item h5 {
            font-weight: 600;
            margin-bottom: 0.25rem;
            color: #212529;
        }

        .contact-item a {
            color: #6c757d;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .contact-item a:hover {
            color: var(--custom-green);
        }

        .map-container {
            border-radius: 0.5rem;
            overflow: hidden;
            box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
        }

        .special-offer {
            border-radius: 0.5rem;
            padding: 2rem;
            text-align: center;
            margin-top: 3rem;
        }

        .special-offer h2 {
            margin-bottom: 1rem;
        }

        .offer-content {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.5rem;
        }

        .offer-content i {
            font-size: 2.5rem;
            margin-right: 1rem;
        }

        .offer-text {
            text-align: left;
        }

        .btn-custom {
            background-color: var(--custom-green);
            border-color: var(--custom-green);
            color: white;
            font-weight: 600;
            padding: 0.75rem 1.5rem;
            border-radius: 0.5rem;
            transition: all 0.3s ease;
        }

        .btn-custom:hover {
            background-color: var(--custom-green-dark);
            border-color: var(--custom-green-dark);
            color: white;
            opacity: 0.9;
        }
        @media (max-width: 768px) {
            .heading-style {
                font-size: 2.5rem;
            }
            
            .offer-content {
                flex-direction: column;
                text-align: center;
            }
            
            .offer-content i {
                margin-right: 0;
                margin-bottom: 1rem;
            }
            
            .offer-text {
                text-align: center;
            }
        }
section.insdeonly .bnrimage {
    height: 677px ;
    transform: scale(1.3);
    transform-origin: center;
}
section.insdeonly .bnrimage.web {
    height: 389px !important;
    transform: scale(1.1);
    transform-origin: center;
}
section.insdeonly .bnrimage.ai {
    height: 410px !important;
    transform: scale(1);
        object-position: center right;
    transform-origin: center;
}
.agent-area {
    padding: 4% 0;
    margin: 0;
    float: left;
    width: 100%;
    position: relative;
    .swiper-button-next , .swiper-button-prev {
        color: #fff;
        &::after {
            font-size: 28px;
        }
    }
    .swiper-pagination-bullet {
        background-color: #ffff;

    }
    .item {
        position: relative;
        border-radius: 20px;
        overflow: hidden;
        margin-bottom: 24px;

        &::before {
            background: #000000;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.54) 60%, rgba(0, 0, 0, 0.85) 80%, rgba(0, 0, 0, 0.9) 100%);
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        img {
            width: 100%;
            object-fit: cover;
            height: 330px;
        }
        .cont {
            position: absolute;
            top: 30%;
            left: 50%;
            transform: translate(-50%, 40%);
            width: 100%;
            padding: 0px 10px;
            z-index: 3;
            h4 {
                font-size: 19px;
                font-weight: 700;
                color: #A7BC09;
                margin-bottom: 10px;
            }
            p {
                font-size: 16px;
                color: #fff;
                margin-bottom: 0px;
            }
        }
    }
}
.web-section {
    padding: 4% 0;
    margin: 0;
    float: left;
    width: 100%;
    h2 {
        font-size: 47px;
        font-weight: 700;
    }
    .icon {
        position: relative;
        width: 120px;
        height: 120px;
        border-radius: 100px;
        background-color: #A7BC09;
        outline: 5px solid #a7bc0993;
        img {
            position: absolute;
            top: 53%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 80px;
            height: 80px;
            object-fit: contain;
        }
    }
    .cont {
        width: 86%;
    }
    h5 {
        color: #A7BC09;
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    p {
        font-size: 17px;
        a {
            color: #A7BC09;
            font-weight: 600;
            text-decoration: none;
        }
    }
    ul {
        padding-left: 16px;
        li {
            font-weight: 600;
            &::marker {
                color: #A7BC09;
            }
            
        }
    }
}
.white-list li {
    color: #fff;
}
#whoweare {
    h5 {
        font-size: 20px;
        font-weight: 600;
        color: #000;
        margin-bottom: 10px;
    }
}
.sml {
    h2 {
        font-size: 42px;
    }
    ul {
        li {
            font-weight: 400;
        }
    }
}
.sml.backgroundble {
    ul {
        li {
            color: #fff;
        }
    }
}
.agent-area.end {
    background: url(./images/getstarted.webp) no-repeat;
    background-size: cover;
    background-position: center right;
    position: relative;
    &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(./images/getstarted-bg.webp);
        background-size: cover;
        background-position: left center;
        z-index: 1;
    }
    .btm-flex {
        gap: 10px;
        justify-content: space-between;
        p.sml {
            font-size: 12px;
            padding: 0px 6px;
        }
        &>div {
            width: 32%;
        }
        a.cntus {
            text-align: center;
            width: 100%;
            padding: 14px 12px;

        }
    }
    .row>div {
        position: relative;
        z-index: 3;
    }
}
footer {
    .adress-part {
        span.d-lg-block {
            display: inline-block !important;
        }
        br {
            display: none;
        }
    }
}
.copyright {
    br {
        display: none;
    }
}

.abtonll .abtprt {
    height: 354px !important;
    transform: scale(1.2) !important;
}


  @media (max-width: 1200px) {
    img.whoimgpart {
        width: 100%;
    }
    .hmnewimage {
        width: 100%;
    }
  }
  @media (max-width: 992px) {
    .offcanvas-body {
        .menu {
            li {
                text-align: left;
                margin: 0px 0px 10px;
                a {
                    text-align: left;
                }
                &::after {
                    display: none;
                }
                &.current-menu-item {
                    a {
                        color: #A7BC09;
                    }
                }
            }
        }
    }
    .btn.menu-btn {
        padding: 0px;
        font-size: 24px;
    }
    #banner-part::before {
        width: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.2));
    }
    .banner-caption {
        width: 100%;
        padding: 0px 15px;
    }
    section#websrvces h2 {
        margin-top: 0px;
    }
    #hrcnsltng::before {
        width: 100%;

    }
    .hrtext {
        top: 54px;
        width: 100%;
        padding: 0 20px 0 20px;
    }
    #hrcnsltng::before {
        width: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4));
    }
    .inpt-fld-new {
        width: 100%;
    }
    ul.btm-menu-part {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 12px;
        margin-bottom: 30px;
    }
    h2 {
        font-size: 40px;
    }
    section.insdeonly .bnrimage {
        height: 444px !important;
        transform: scale(1.3);
        transform-origin: center;
    }
     section.insdeonly {
       .image-container {
           height: 240px;
        }
        .banner-caption {
            top: 35%;
        }

     }
     .web-section {
            h2 {
                font-size: 32px;
                font-weight: 700; 
                br {
                    display: none;
                }
            }
        }
    .agent-area.end {
        &::before {
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
        }

    }
    footer {
        .adress-part {
            span.d-lg-block {
                display: none !important;
            }
            br {
                display: block;
            }
        }
    }

















  }
  @media (max-width: 768px) {
        p.ofrr {
            margin: 16px 0 16px 0;
            padding: 0 0px 0 0;
        }
        .banner-caption {
            top: 40px;
        }
        section#banner-part h4 {        
            font-size: 20px;
            line-height: 30px;
        }
        h1 {
            font-size: 50px;
        }
        img.bnrimage {
            height: 400px;
        }
        section.insdeonly .bnrimage {
            height: 200px !important;
            transform: unset;
            transform-origin: center;
        }
        section.insdeonly .bnrimage.web {
            height: 200px !important;
            transform: unset;
            transform-origin: center;
        }
        section.insdeonly .bnrimage.ai {
            height: 200px !important;
            transform: unset;
            object-position: center right;
            transform-origin: center;
        }
        section.insdeonly.cntbnrprt .bnrimage {
            height: 200px !important;
            transform: unset;
            transform-origin: center;
            background-size: cover;
            object-fit: cover !important;
        }
        h2 {
            font-size: 34px;
        }
        a.cntus {
            margin-top: 10px;
        }
        .sml {
            h2 {
                font-size: 32px;
            }
        }
        .w-75 {
            width: 100% !important;
        }
        .agent-area.end {
          
                h2 {
                    br {
                        display: none;
                    }
                }
                .btm-flex {
                    flex-wrap: wrap;
                    justify-content: center !important;
                    row-gap: 0px;
                    &>div {
                        width: 48%;
                        
                    }
                    a.cntus {
                        padding: 14px 6px;
                        font-size: 14px;
                        margin-top: 0px;
                        margin-bottom: 3px;
                    }
                    p.sml {
                        font-size: 11px;
                    }
                }
        }
    #contactpart {
        .row {
            padding: 0px 10px;
        }
    }
    #websrvces {
        .swiper-pagination {
            margin-bottom: -10px;
            .swiper-pagination-bullet-active {
                background-color: #fff;
            }
        }
        .swiper-button-prev , .swiper-button-next {
            display: none !important;
        }
    }
    .web-section {
        padding-top: 6%;
        h2 {
            font-size: 26px;
            font-weight: 700;
        }
            .cont {
        width: 100%;
    }

    }




  }
  @media (max-width: 576px) {
    .eachsrvcwhite p {
        font-size: 14px;
    }
    p {
        margin-bottom: 8px;
    }
    .hrtext {
        top: 20px;
        width: 100%;
        padding: 0 20px 0 20px;
    }
    img.whoimgpart {
        height: 340px;
    }
    .hmnewimage {
        height: 340px;
    }
    section.insdeonly {
        .image-container {
            height: 200px;
        }
    }
    .web-s {
        font-size: 40px;
    }
    .web-content {
        font-size: 35px;
    }
    .web-section {
        .icon {
            width: 80px;
            height: 80px;
            img {
              
                width: 50px;
                height: 50px;
            }
        }
    }
    .agent-area {
        .swiper-button-next , .swiper-button-prev {
            display: none;
        }
        & .item {
            img {
                height: 260px;
            }
            .cont {
                h4 {
                    font-size: 16px;
                }
                p {
                    font-size: 12px;
                }
            }
        }
    }
    section.insdeonly.cntbnrprt .bnrimage {
        height: 296px !important;
        transform: scale(1.3);
        transform-origin: center;
    }
    section.insdeonly.cntbnrprt h1 {
        font-size: 40px;
    }
    .map-container {
        iframe {
            height: 300px !important;
        }
    }
    header {
        padding: 10px 0px;
        img.logopic {
        width: 170px;
        height: auto;
        object-fit: contain;
        }
    }
    .copyright {
        br {
            display: block;
        }
    }
    ul.btm-menu-part {
        row-gap: 10px;
        margin-bottom: 30px;
        li {
            margin: 0 10px;
            a {
                font-size: 16px;
            }
        }
    }
    img.btmlogoimage {
        margin: 20px auto;
     
        width: 200px;
        height: auto;
        object-fit: contain;
    }






  }