:root {
    --primary-color: #E04218;
    --secondary-color: #FF9409;
    --height: 100vh;
    --width: 100vw;
    --font-family: poppins;
    --regular: 400;
    --medium: 600;
    --bold: 700;
    --large: 800;
    --navrbar-link: 1.25rem;
    --footer-heading: 1.375rem;
    --footer-peragraph: 1rem;
    --font-shadwo: 5.625rem;
    --story-heading: 3.438rem;
    --offer-heading: 2.188rem;
    --icon-size: 1.875rem;
    --bag-icon: 1.563rem;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    /* background-color:  #FFF5EA; */
    position: relative;
    font-family: Poppins;
    overflow-x: hidden;
    margin: 0;
    z-index: 0;
    /* background-color: #FFF5EA; */
    scroll-behavior: smooth;
    font-family: var(--font-family);
}

/* Navbar start */


.nav-div {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    overflow: hidden;
}

.navbar-brand {
    padding-left: 160px;
    padding-right: 55px;
}

.navbar-brand img {
    width: 194.992px;
    height: 117.177px;
    flex-shrink: 0;
}

.navbar-nav {
    display: inline-flex;
    align-items: flex-start;
    gap: 28px;
}

.nav-div .nav-item .nav-link {
    color: #000 !important;
    font-family: Poppins;
    font-size: var(--navrbar-link);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color: var(--primary-color) !important;
}

.navbar form {
    width: auto;
    padding-right: 50px;
    gap: 50px;
}

.navbar form .ags-contact {
    padding-right: 20px;
    color: #000 !important;
    font-family: Poppins;
    font-size: var(--navrbar-link) !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.ags-home__action {
    color: #000 !important;
}

.navbar form .ags-btn {
    color: #FFF;
    font-family: Poppins;
    font-size: var(--navrbar-link) !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: inline-flex;
    padding: 7px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: none !important;
    border-radius: 5px;
    background: var(--primary-color);
}

.navbar form .ags-btn a {
    color: #fff;
    text-decoration: none;
}

.white {
    position: fixed;
    top: 0;
    background: white;
    width: 100%;
    height: 50px;
}

.ags-contact a {
    text-decoration: none;
    color: black;
}

/* Navbar end */

/* footer start */

.footer-start {
    height: auto;
    width: 100vw;
    background: url('../img/footerback.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    color: white;
    font-family: poppins;
    overflow: hidden;
}

.footer-start .ags-footer__info {
    padding: 12rem 0 0 0;
    /* display: flex; */
    flex-wrap: wrap;
}

.footer-logo {
    width: 194.999px;
    height: 117px;
    flex-shrink: 0;
}

.footer-start .ags-footer__info h1 {
    font-family: Poppins;
    font-style: normal;
    font-size: 3.063rem;
    font-weight: 600;
}

.ags-footer__texts {
    padding: 56px 0 130px 0;
}

.ags-footer__info .ags-footer__contact {
    display: flex;
    align-items: center;
    padding: 0 0 0 10px;
}

.ags-footer__contact i {
    color: var(--primary-color);
    font-size: var(--bag-icon);
}

.ags-footer__contact p {
    padding: 0 0 0 15px;
}

.footer-start .footer-anchors-main {
    display: flex;
}

.footer-start .ags-footer__anchors {
    padding: 15rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.footer-start .ags-footer__anchors h1 {
    font-size: var(--footer-heading);
    padding: 0 0 30px 25px;
}

.footer-start .ags-footer__anchors ul li {
    list-style: none;
    text-decoration: none;
    padding: 0 10px 15px 0;
}

.footer-start .ags-footer__anchors ul li a {
    text-decoration: none;
    color: white;
    font-weight: 400;
}

.footer-start .ags-footer__anchors ul li a:hover {
    color: var(--secondary-color);
}

.ags-footer__anchors p {
    font-size: var(--footer-peragraph);
    padding: 0.3rem 1.5rem;
}

.ags-footer__anchors input {
    padding: 0.7rem 2.5rem;
    border-radius: 72px;
    background: #3C3C3C;
    color: white;
    border: none;
    outline: 0;
    margin: 0 1.5rem;
}

.ags-footer__anchors input::placeholder {
    color: white;
    font-family: Poppins;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: var(--medium);
}

.ags-footer__anchors .footer-socio__icon {
    display: flex;
    color: var(--primary-color);
    padding: 0 15px;
}

.footer-socio__icon .icons {
    height: 40px;
    width: 40px;
    line-height: 40px;
    cursor: pointer;
    background-color: white;
    font-size: var(--bag-icon);
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 2rem 0.7rem;
    transition: 0.3s all ease-in-out;
}

.icons a {
    text-decoration: none;
    color: var(--primary-color);
}

.footer-socio__icon .icons:hover {
    transform: scale(1.2);
}

.footer-email {
    position: relative;
    display: flex;
    align-items: start;
    gap: 50px;
}

.footer-email__img {
    position: absolute;
    top: 7.5px;
    right: 60px;
    background: var(--primary-color);
    border-radius: 50%;
    padding: 5px 8px;
}

.carousel-inner {
    position: relative;
    overflow: unset;
}

.carousel-item .carousel-two {
    margin-top: 4rem;
}

.button-left .carousel-control-prev-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 18rem -28rem;
    background-color: #FF9409;
    transform: rotate(360deg);
    z-index: 1;
}

.button-right .carousel-control-next-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 18rem -10.5rem;
    background-color: var(--primary-color);
    transform: rotate(-360deg);
    font-size: var(--bag-icon);
    opacity: 1;
    z-index: 1;
}

/* footer end */

/* ags story start */
.ags-story {
    margin: 0;
    padding: 0;
    /* height: 80vh; */
    width: 100vw;
    position: relative;
}

.ags-story .hero-main__access {
    height: 100%;
    width: 100%;
    background: url('../img/mainbackground.jpg');
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-wrap: wrap;
}

.hero-main__combo {
    color: black;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    margin-top: 10px;
}

.hero-main__combo .combo-textinfo {
    font-size: var(--font-shadwo);
    color: #000000;
    opacity: 5%;
    font-family: poppins;
    font-weight: 600;
    text-transform: uppercase;
    z-index: -1;
    flex-wrap: wrap;
}

.hero-main__combo h1 {
    text-align: center;
    z-index: 10;
    position: absolute;
}

.hero-main__combo h1 .ags-span__one {
    color: var(--primary-color);
    font-family: Poppins;
    font-size: var(--story-heading);
    font-weight: 600;
    margin-left: 10px;
}

.hero-main__combo h1 .ags-span__two {
    color: #FF9409;
    font-family: Poppins;
    font-size: var(--story-heading);
    font-weight: 600;
    padding: 0 10px;
}

.ags-image__textinfo {
    display: flex;
    flex-wrap: wrap;
}

.ags-image__textinfo .ags-image {
    height: 450px;
    width: 450px;
    margin-bottom: 8em;
    margin-left: 2.5rem;
}

.ags-main__offers {
    margin: 7rem 6.5rem;
}

.ags-main__offers h2 {
    color: var(--primary-color);
    font-family: poppins;
    font-weight: 700;
    font-size: var(--offer-heading);
}

.ags-main__texts {
    display: flex;
}

.ags-main__texts ul li {
    color: var(--primary-color);
    padding: 0.3rem 0;
}

.ags-main__texts ul li a {
    text-decoration: none;
    color: var(--secondary-color);
    font-size: var(--footer-heading);
    font-weight: var(--medium);
}

.ags-main__texts .ags-main__para {
    font-size: var(--footer-peragraph);
    font-weight: var(--regular);
    margin: 5px -10px;
    color: #757575;
    /* margin-left: 20px; */
}

.ags-main__texts .ags-btn {
    color: #FFF;
    width: 165px;
    font-family: Poppins;
    font-size: var(--navrbar-link);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: inline-flex;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: none;
    border-radius: 5px;
    background: var(--primary-color);
    text-wrap: nowrap;
}

.text button a {
    color: #fff;
    text-decoration: none;
}

.ags-main__texts button a {
    color: #fff;
    text-decoration: none;
}

.ags__action {
    margin: 0.5rem 10px;
}

.story-btn {
    margin-left: 12px !important;
}

.leaf-post {
    height: 100px;
    width: 100px;
    position: absolute;
    top: 50px;
    right: 60px;
    /* changed */
    animation-name: leafanimation;
    animation-duration: infinite;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;

}

.leaf-post img {
    width: 148px;
    height: 130px;
    flex-shrink: 0;
}

/* ags story end  */


/* Explore menu start */
.ags-exploermenu {
    margin: 0;
    background-color: white;
}

.exploremenu__start {
    width: 100vw;
    background-color: #FFF5EA;
    margin-top: 10px;
}

.exploremenu-items {
    height: 100px;
}

.menu-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-item .item-lists {
    margin: 0.5rem 0.9rem;
}

.nav-link:hover {
    color: var(--primary-color);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-pills .nav-link.active .item-lists span .timeline__image::before {
    color: white;
}

.nav-pills .nav-link.active .item-lists span .timeline__image {
    color: white;
    font-size: var(--icon-size);
}

.timeline__image {
    font-size: var(--icon-size);
    border-radius: 10px;
}

.item-lists {
    display: flex;
    align-items: center;
}

.custom-initial a {
    color: #000;
}

.item-lists .list {
    margin: 0 10px;
    font-size: var(--navrbar-link);
    font-family: poppins;
    font-weight: var(--medium);
    text-wrap: nowrap;
}

.col-md-3 {
    width: 24%;
}

.box {
    filter: drop-shadow(14px 44px 20px #0000000D);
}

.explore-cards__menu {
    height: 340px;
    width: 275px;
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 38%);
    background-color: white;
    border-radius: 25px;
    /* box-shadow: 0px 17px 44px 0px #0000000D; */
    margin-bottom: 50px;
    margin-left: 25px;
}

.semi-image {
    position: relative;
}

.semi-image__amount {
    position: absolute;
    top: 10px;
    left: 144px;
    right: 0;
    z-index: 0;
}

.semi-image__typo {
    position: absolute;
    top: 53px;
    right: 15px;
    font-size: var(--footer-heading);
    font-family: poppins;
    font-weight: var(--medium);
    z-index: 100;
}

.custom-initial.explore-cards {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.nav.nav-pills {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.last-image__slot {
    margin-top: -20px;
}

.cards-posts {
    position: absolute;
    z-index: 100;
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
}

.card-textinfo {
    position: absolute;
    top: 90px;
}

.semi-image h3 {
    position: absolute;
    top: 145px;
    left: 10px;
    font-size: var(--footer-heading);
    font-weight: var(--medium);
}

.optinal-item {
    position: absolute;
    top: 203px;
    left: 6px;
    color: #757575;
    /* font-family: 12px; */
}

.buy-now__post {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: absolute;
    top: 270px;
    left: 210px;
    background: var(--secondary-color);
    color: white;
    text-align: center;
    line-height: 3;
}

.icon-bag:before {
    color: white;
    font-size: var(--bag-icon);
    font-weight: var(--regular);
    line-height: 2;
    font-family: 'icomoon';
}

.card-slor__two .card-slor__three .card-slor__four {
    margin-top: -50px;
    display: flex;
    justify-content: space-between;
}

/* explore menu end  */

/* ags-pickup end  */
.ags-features {
    background-color: white;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.ags-feature__info {
    width: auto;
    background: url('../img/agsfeatures.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    position: relative;
}

.ags-pickups {
    display: flex;
}

.ags-pickup__image {
    background: url('../img/orange.png');
    background-position: center;
    background-size: 100% 100%;
    position: relative;
}

h1 {
    color: #FFF5EA;
    font-family: poppins;
    font-weight: var(--medium);
}

.ags-pickup__image h1::before {
    content: '';
    width: 62%;
    position: absolute;
    top: 58px;
    bottom: 11px;
    left: 135px;
    height: 1px;
    background-color: #FFF5EA;
}

.pt-6 {
    padding-top: 3.5rem;
}

.ags-pickup__img {
    height: 280px;
    width: 280px;
    background: url('../img/djback.png');
    background-size: 100% 100%;
    background-position: center;
    height: 100%;
}

.ags-feature__textinfo P {
    display: flex;
}

.ags-feature__textinfo P img {
    width: 25px;
    height: 25px;
}

.ags-feature__textinfo P span {
    padding: 0 10px;
}

.ags-feature__action button {
    padding: 15px 15px;
    border-radius: 5px;
    text-wrap: nowrap;
    font-weight: 600;
    font-size: var(--footer-peragraph);
    border: none;
    outline: none;
    margin-left: -60px;
    margin-bottom: 40px;
    background: #A81F27;
}


.ags-feature__action button a {
    text-decoration: none;
    color: white;
}

.ags-delivery__option {
    position: relative;
}

.ags-delivery__option h1::before {
    content: '';
    width: 51% !important;
    position: absolute;
    top: 60px;
    bottom: 11px;
    /* left: 110px;     */
    height: 1px;
    background-color: var(--primary-color);
}

.vs-back {
    position: relative;
    top: 0;
    left: -20px;
}

.vector-vs {
    position: absolute;
    left: 38%;
    top: 242px;
}

.hero-main__combo .ags-span__three {
    font-size: 9.375rem;
    font-weight: var(--large);
    color: #A81F27;
    text-shadow: 15px 0 0 black;
}

.hero-main__combo .ags-span__four {
    font-size: 9.375rem;
    font-weight: var(--large);
    color: #FFCC00;
    text-shadow: -15px 0 0 black;
}

.ags-delivery__option h1 {
    color: black;
}

.ags-assets {
    padding-left: 0;
}

.ags-delivery__partners {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 20px;
}

/* ags-pickup end  */

/* ags combo offer  */

.ags-combo__offer {
    /* height: 100vh; */
    background-color: white;
}

.combo-options {
    height: 100%;
    /* width: 350px; */
    /* For Dashed Border */
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='35' ry='35' stroke='%23757575FF' stroke-width='3' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 35px;
    transition: 0.6s all ease-in-out;
}

.combo-options__posts {
    height: 250px;
    width: 250px;
}

.combo-options__posts img {
    position: relative;
    top: -5rem;
    left: 0.8rem;
    /* right: 1rem; */
}

.combo-options__posts___one {
    position: relative;
    top: 3.5rem;
    right: -1rem;
}


#img1 {
    position: relative;
    top: -102px;
    left: -20px;
    height: 285px;
    width: 310px;
}

.combo-options:hover {
    background-color: #E04218;
    color: white;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='35' ry='35' stroke='%23E04218FF' stroke-width='3' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
    border-radius: 35px;
}

.combo-textInfo {
    margin-top: -3rem;
}

.combo-textInfo p {
    font-weight: var(--regular);
}

.combo-delivers__info .buy-now__post {
    height: 50px;
    width: 50px;
    position: unset;
    background-color: var(--primary-color);
    align-items: center;
    line-height: 3;
}

.pt-7 {
    padding-top: 5rem;
}


.combo-options .buy-now__post .icon-bag:before {
    color: white;
    font-size: var(--icon-size);
    font-weight: var(--regular);
    line-height: 2;
    font-family: 'icomoon';
    box-shadow: 2px 5px 7px 2px #E0421854;
}

.combo-options:hover .buy-now__post {
    color: white;
    background-color: white;
    font-family: 'icomoon';
}

.combo-options:hover .buy-now__post .icon-bag:before {
    font-size: var(--icon-size);
    font-weight: var(--bold);
    line-height: 2;
    font-family: 'icomoon';
    color: #E04218;
    box-shadow: 0px 5px 7px 0px #FFFFFF30;
}

/* Newsletter Start */

.ags-newsletter {
    margin-top: 100px;
    background: url(../img/mainbackground\ -\ 2.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    width: 100vw;
    height: 70vh;
}

.newsletter-cover {
    width: 75vw;
    background-color: #E04218;
    margin: 0 auto;
    border-radius: 50px;
}

.ags-newsletter__email {
    margin: 0 auto;
    position: relative;
    top: -25px;
    left: 0px;
    border: none;
}

.ags-newsletter__email input {
    padding: 1rem 25rem 1rem 1rem;
    border-radius: 30px;
    text-align: start;
    border: none;
    outline: none;
    box-shadow: 0px 0px 39px 0px rgba(0, 0, 0, 0.24);
}

.ags-newsletter__email input::placeholder {
    opacity: 1;
    color: black;
}

.ags-newsletter__typo {
    width: 25%;
    position: relative;
    padding: 10px 20px;
    right: -400px;
    top: -52px;
    background-color: #E04218;
    border-radius: 25px;
    font-family: poppins;
    font-weight: var(--medium);
    color: white;
}

.ags-newsletter__action button {
    position: absolute;
    top: 7.8px;
    right: 30px;
    border-radius: 33px;
    padding: 10px 0 3px 3px;
    font-weight: 600;
    background-color: var(--primary-color);
    padding: 0.5rem 0.8rem;
    border: none;
    outline: none;
}

.p-96 {
    padding: 1rem 2.5rem 1.5rem;
}

.pizza-plate {
    position: absolute;
    top: -47px;
    left: -44px;
}

.carousel-indicators [data-bs-target] {
    background-color: #e04318;
}

/* Newsletter End */

/* Testimonials Start */


.ags-testimonial__guestlist {
    background-color: white;
}

.testemonial-section {
    background: lightgrey;
    position: relative;
}

.left-box {
    width: 100%;
    min-height: 700px;
    background: url('../img/back-one1.jpg');
    background-size: 100% 100%;
    background-position: center;
}

.right-box {
    width: 100%;
    min-height: 700px;
    background: url('../img/back-two.jpg');
    background-size: 100% 100%;
    background-position: center;
}

.slide-wrapper .testemonial-slider {
    position: absolute;
    left: 0;
    top: 8rem;
    right: 0;
}

.svg-wrapper {
    width: 100px;
    height: 100px;
}

.wrapper-right {
    margin: 0 25px;
}

.slide-img__wrapper {
    position: relative;
    left: 0.9rem;
}

.carousel-indicators {
    bottom: 8rem;
    left: 0;
}

.profile-wrapper {
    margin-right: 10px;
}

.profile-info h2 {
    font-weight: var(--bold);
    margin-right: 25px;
}

.profile-info span {
    font-weight: var(--regular);
}


/* Testimonials End */