html{box-sizing:border-box; -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; 
	margin:0; font-family: 'Rubik', sans-serif;}
*:before,*:after{box-sizing:inherit;}
a{text-decoration: none;}
div {display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
div,h1, h2, h3, h4, h5, h6, p, a, li {font-family: 'Nunito', sans-serif;}
img{max-width: 100%;}

.top-menu{box-shadow: 0 2px 30px 0 rgb(0 0 0 / 15%);}
/*Top Section CSS*/
.top-section .row{align-items: center; padding-top: 15px; padding-bottom: 15px;}
.top-section .left .logo img{width: 180px;}
.top-section .right{text-align: right;}
.top-section .right ul{margin: 0; padding: 0;}
.top-section .right ul li{list-style: none; display: inline-block;
    margin-left: 40px;}
.top-section .right ul li:first-child{margin-left: 0px;}
.top-section .right .phone a{display: inline-flex; align-items: center;
    text-align: left;}
.top-section .right .phone .icon{background: #ffd0c6; width: 36px; height: 36px;
    line-height: 36px; text-align: center; border: 1px solid #d80001;
    border-radius: 4px; color: #d80001;}
.top-section .right .phone a h4{margin-bottom: 0px; font-size: 16px;
    color: #000; font-weight: 700;}
.top-section .right .phone a .icon{margin-right: 10px;}
.top-section .right .phone a .icon img{width: 40px;}
.top-section .right .phone a p{margin-bottom: 0px; font-size: 13px;
    color: #555;}

.fixed-top {background: #fff; box-shadow: 0px 0px 25px 0px #0000004a;
    position: fixed!important;}
.fixed-top .logo-category .logo {top: -15px!important;}
.menu-section{background: #d80001;}
.menu-section .navbar{padding: 0px; border-top: 1px solid rgba(34,34,34,.1);}
.menu-section .navbar-light .navbar-nav .active{color: #fcc602!important; font-weight: 600!important;}
.menu-section .navbar-light .navbar-nav .nav-link {font-size: 16px; padding: 8px 15px;
    color: #f4ebde; height: 56px; line-height: 42px; font-weight: 500; position: relative;
    text-transform: uppercase; font-family: 'Merienda'; letter-spacing: 0.5px;}
.menu-section .navbar-light .navbar-nav .nav-link:hover{color: #fcc602!important;}
.menu-section .navbar-light .navbar-nav .nav-link:before {background: #fff;
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: "";
    display: block; z-index: -1; opacity: 0; box-shadow: 0 -4px 15px rgb(0 0 0 / 12%);
    transition: 250ms ease all; transform-origin: 50% 100%;}
.menu-section .navbar-light .navbar-nav .nav-link:hover:before{opacity: 1;}
.menu-section .navbar-light .navbar-nav .nav-link:hover{color: #d70301;}
.menu-section .navbar-light .nav-item:hover .dropdown-menu{display: block; }
.menu-section .dropdown-menu{border: none; padding: 0;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);}
.menu-section .dropdown-menu li{border-bottom: solid 1px #f2f2f2;}
.menu-section .dropdown-menu li .dropdown-item{padding-top: 12px; padding-bottom: 11px;}

.menu-section ul.social-icon{margin: 0; padding: 0; padding-right: 15px; display: flex;}
.menu-section ul.social-icon li{list-style: none; display: inline-flex;
    margin: 0px 6px; align-items: center;}
.menu-section ul.social-icon li a{color: #f5eee1;}
.menu-section .btn-primary.toggle{border-color: #fcc602; color: #d80001;
    background: #fcc602;}
.menu-section .offcanvas-header {box-shadow: 0 2px 30px 0 rgb(0 0 0 / 15%);
    margin-bottom: 18px;}
.menu-section .offcanvas-header h5{margin-bottom: 0px; font-weight: 800;
    color: #d70301;}
.menu-section .offcanvas-header h5 span{color: #010101;}
.menu-section .offcanvas-body .logo{width: 250px; text-align: center; position: relative;
    left: 12%; top: -15px;}
.menu-section .offcanvas-body .logo img{width: 160px;}
.menu-section .offcanvas-body .about p{font-size: 17px; color: #555;}
.menu-section .offcanvas-body .contact-detail ul{margin: 0; padding: 0;}
.menu-section .offcanvas-body .contact-detail ul li{list-style: none; 
    display: inline-block; margin: 15px 0px;}
.menu-section .offcanvas-body .contact-detail ul li .icon {background: #fff;
    width: 36px; height: 36px; line-height: 36px; text-align: center;
    border: 1px solid #010101; border-radius: 4px; color: #010101;}
.menu-section .offcanvas-body .contact-detail .phone a{display: inline-flex; align-items: center;
    text-align: left;}
.menu-section .offcanvas-body .contact-detail .phone a h4{margin-bottom: 0px; font-size: 18px;
    color: #d70301; font-weight: 700;}
.menu-section .offcanvas-body .contact-detail .phone a .icon{margin-right: 10px;}
.menu-section .offcanvas-body .contact-detail .phone a .icon img{width: 40px;}
.menu-section .offcanvas-body .contact-detail .phone a p{margin-bottom: 0px; font-size: 13px;
    color: #555;}
.menu-section .offcanvas-body .social-icon{text-align: center; display: block;}
.menu-section .offcanvas-body .social-icon li a{width: 36px; height: 36px;
    line-height: 38px; color: #d70301; background: #ffd0c6; margin-top: 27px;
    border-radius: 4px; box-shadow: 0 2px 30px 0 rgb(0 0 0 / 15%); border: 1px solid #d70301;}
.menu-section .btn-primary:focus {box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 0%);}


/*Banner-section CSS*/
.banner-section {padding: 30px 0px; background-image: url(../images/banner-bg.png);
    position: relative; margin-bottom: -20px; z-index: 3;
    background-size: cover; background-repeat: no-repeat;
    max-width: 100%; height: 700px;}
.banner-section .row {align-items: center;}
.banner-section .left h3 {font-size: 22px; color: #d80001;
    font-family: 'Merienda', cursive;}
.banner-section .left h1 {font-size: 42px; font-weight: 900;
    letter-spacing: 1px; word-spacing: 5px; color: #111111;
    font-family: 'Merienda', cursive;}
.banner-section .left h1 span {color: #d80001; font-family: 'Merienda', cursive;}
.banner-section .left p {font-size: 18px;}
.banner-section .left ul.banner-btn {margin: 0; padding: 0;
    margin-top: 50px;}
.banner-section .left ul.banner-btn li {list-style: none;
    display: inline-block; margin-right: 10px;}
/*.banner-section .left ul.banner-btn li:first-child a {padding: 15px 30px;
    color: #fff; text-align: center; position: relative; margin-right: 15px;
    z-index: 2; border-radius: 5px; font-size: 16px; font-weight: 600;
    border: none; outline: none; background: #d80001; letter-spacing: 1px;
    text-transform: uppercase; word-spacing: 1px; border: 2px solid #d80001;
    transition: all 380ms ease-in-out;}*/
.banner-section .left ul.banner-btn li .dropdown .btn.btn-secondary.dropdown-toggle{padding: 12px 20px;
    color: #fff; text-align: center; position: relative; margin-right: 15px;
    z-index: 2; border-radius: 5px; font-size: 16px; font-weight: 600;
    border: none; outline: none; background: #d80001; letter-spacing: 1px;
    text-transform: uppercase; word-spacing: 1px; border: 2px solid #d80001;
    transition: all 380ms ease-in-out;}
.banner-section .left ul.banner-btn li .dropdown ul{width: 100%; padding: 10px 0px 10px 10px;}
.banner-section .left ul.banner-btn li .dropdown li{display: block;}
.banner-section .left ul.banner-btn li .dropdown li a {position: relative;
    background: none; color: #442914; text-transform: uppercase; text-decoration: none;
    border: 2.9px solid #442914; padding: 12px 26px; border-radius: 4px;
    font-weight: 700;}
.banner-section .left ul.banner-btn li .dropdown li:last-child a{margin-top: 10px;}
.banner-section .left ul.banner-btn li:last-child a {position: relative;
    background: none; color: #442914; text-transform: uppercase;
    text-decoration: none; border: 2.9px solid #442914; padding: 12px 26px;
    border-radius: 4px; font-weight: 700;}
.banner-section .left ul.banner-btn li:last-child a::before {
    content: ""; display: block; position: absolute; width: 10%;
    background: #fff; height: 0.3em; right: 20%; top: -0.21em;
    -webkit-transform: skewX(-45deg); transform: skewX(-45deg);
    -webkit-transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);}
.banner-section .left ul.banner-btn li:last-child a:hover::before {
    right: 80%;}
.banner-section .left ul.banner-btn li:last-child a::after {
    content: ""; display: block; position: absolute; width: 10%;
    background: #fff; height: 0.3em; left: 20%; bottom: -0.25em;
    -webkit-transform: skewX(45deg); transform: skewX(45deg);
    -webkit-transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.45s cubic-bezier(0.86, 0, 0.07, 1);}
.banner-section .left ul.banner-btn li:last-child a:hover::after {
    left: 80%;}


/*Banner Bottom Section CSS*/
.banner-bottom-section {position: relative; z-index: 11; top: -100px;}
.banner-bottom-section .box {position: relative; border-radius: 14px;
    min-height: 292px; text-align: center; overflow: hidden;
    z-index: 2; background: #f7aa4e; -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.banner-bottom-section .box .box-content {background: #d80001;
    border-radius: 0 0 30% 30%; padding: 40px 15px 90px;}
.banner-bottom-section .box .box-content .title a {font-size: 26px;
    font-weight: 900; letter-spacing: 1px; word-spacing: 5px;
    color: #fff; font-family: 'Merienda', cursive;}
.banner-bottom-section .box .box-button {display: inline-block; margin-top: 12px;}
.banner-bottom-section .box .box-button a {padding: 5px 25px 4px 25px;
    border-radius: 30px; color: #fcc602; text-align: center;
    font-size: 14px; font-weight: 600; outline: none; border: 2px solid #fcb302;
    letter-spacing: 1px; text-transform: uppercase;
    word-spacing: 1px; transition: all 380ms ease-in-out;}
.banner-bottom-section .box .image-box {position: relative;
    margin-top: -48px;}
.banner-bottom-section .box .image-box:before {position: absolute;
    content: url(../images/shape18.png); left: 70px; top: -30px;
    transform: scale(0); -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.banner-bottom-section .box:hover .image-box:before {top: -50px;
    transform: scale(1);}
.banner-bottom-section .box:hover .image-box:after {top: -50px;
    transform: scale(1);}
.banner-bottom-section .box .image-box:after {position: absolute;
    content: url(../images/shape19.png); right: 70px; top: -30px;
    transform: scale(0); -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
.banner-bottom-section .box .image-box .image {position: relative;
    display: block; overflow: hidden; margin-bottom: -10px;}
.banner-bottom-section .box .image-box .image:after {position: absolute;
    content: ""; background: url(../images/shape20.png);
    background-repeat: no-repeat; background-size: contain; left: 0;
    bottom: 0; width: 100%; height: 100%;}
.banner-bottom-section .box .image-box .image a {display: flex;
    justify-content: center;}
.banner-bottom-section .box .image-box .image img {margin-bottom: -30px;
    max-width: 100%; width: auto;}









/*About Feature Section CSS*/
.about-feature-section{}
.about-feature-section .row{margin: 0; align-items: center;}
.about-feature-section .left{padding-left: 8.6%;}
.about-feature-section .left .heading h1 {color: #d80001; font-weight: 900;
    font-size: 60px; font-family: sans-serif; line-height: 56px; margin-bottom: 0px;}
.about-feature-section .left .heading h2 {color: #e69700; font-weight: 900;
    font-size: 46px; line-height: 56px;}
.about-feature-section .left .heading h2 span{color: #000;}
.about-feature-section .left .heading p{font-size: 17px; color: #666;}

.about-feature-section .left ul{margin: 0px; padding: 0px;}
.about-feature-section .left ul li{list-style: none; display: inline-block;
    width: 49%; margin: 25px 0px;}
.about-feature-section .left .box{display: inline-flex; align-items: center;
    text-align: left;}
.about-feature-section .left .box .icon{margin-right: 10px;}
.about-feature-section .left .box .icon img{width: 76px;}
.about-feature-section .left .box h4{margin-bottom: 2px; font-weight: 800;
    font-size: 22px; color: #d80001;}
.about-feature-section .left .box p{margin-bottom: 0px; color: #777;
    font-weight: 600; font-size: 16px;}
.about-feature-section .right{padding-right: 0px;}
.about-feature-section .right img{width: 100%;}


.dish-section {padding: 80px 0px; position: relative; background: #f4ebdd;}
.dish-section:before {width: 100%; height: 100%; position: absolute; content: "";
    top: 0px; z-index: -1; background: url(../images/about_overlay.png) top left no-repeat;
    left: -40px; opacity: 0.5; z-index: 11;}
.dish-section:after {width: 100%; height: 100%; position: absolute; content: "";
    top: -60px; z-index: -1; background: url(../images/pizza-shape.png) bottom right no-repeat;
    left: 0px; opacity: 0.5; z-index: 11;}
.dish-section .container {position: relative; z-index: 111;}
.dish-section .heading {text-align: center; margin-bottom: 40px;}
.dish-section .heading h3 {font-size: 18px; color: #42291c; font-weight: 800;
    font-family: 'Merienda', cursive;}
.dish-section .heading h1 {font-size: 36px; font-weight: 800; color: #f43127;
    font-family: 'Merienda', cursive;}
.dish-section .heading .icon {text-align: center;}
.dish-section .heading .icon img {width: 100px;}
.dish-section .heading .nav-tabs {text-align: center; display: block; border-bottom: none;
    margin-top: 30px;}
.dish-section .heading .nav-tabs li {display: inline-block;}
.dish-section .heading .nav-tabs .nav-link.active {display: inline-block;
    background: #f43127; border-color: #f43127; color: #fff;
    box-shadow: 0 13px 35px 0 rgb(10 22 39 / 38%);}
.dish-section .heading .nav-tabs .nav-link {margin-right: 8px; margin-bottom: 5px;
    font-family: 'Merienda', cursive; font-weight: 700; color: #42291c;
    border: 1px solid #d7d7d7; background-color: #fff; border-radius: 30px;
    padding: 6px 26px; display: inline-block; text-transform: uppercase;
    font-size: 15px;}
.dish-section .box {display: flex; align-items: center; margin: 15px 0px;
    border: 1px solid #e2e2e2; border-radius: 10px; background: #fff;
    transition: all 240ms ease-in-out;}
.dish-section .box .image {margin-right: 24px;}
.dish-section .box .image img {width: 100px; height:100px;}
.dish-section .box .content {width: 50%;}
.dish-section .box .content a {display: block; font-size: 18px; font-weight: 800;
    color: #42291c; font-family: 'Merienda', cursive;}
.dish-section .box .content p {margin-bottom: 0px; color: #442914;}
.dish-section .box .price {text-align: right; width: 25%; padding-right: 30px;}
.dish-section .box .price p del {margin-bottom: 0px; font-size: 16px; font-weight: 800;
    color: #f43127; font-family: 'Merienda', cursive;}
.dish-section .box .price p {margin-bottom: 0px; font-size: 20px; font-weight: 800;
    color: #42291c; font-family: 'Merienda', cursive;}
.dish-section .box .price p span {background: #e69700; border-radius: 50px;
    padding: 8px 8px; color: #fff; font-weight: 500; letter-spacing: 1px;
    font-family: 'Merienda', cursive; text-transform: capitalize; font-size: 14px;}







/*Team Section CSS*/
.team-section{padding: 60px 0px;}
.team-section .heading{padding-bottom: 50px; align-items: center;}
.team-section .heading h1{color: #222; font-weight: 900; font-size: 46px;
    line-height: 56px; margin-bottom: 2px;}
.team-section .heading h1 span{color: #d80001; font-family: 'Merienda';}
.team-section .heading p{margin-bottom: 0px; font-size: 17px; color: #666;}
.team-section .heading .right{text-align: right;}
.team-section .heading .right a{color: #fff; padding: 14px 30px; font-size: 17px;
    background-image: linear-gradient(4deg, #d80001 0%, #ff3637 100%);
    font-weight: 600; letter-spacing: 0.5px; border-radius: 47px;
    transition: .2s ease-out; display: inline-block;}
.team-section .heading .right a:hover{
    background-image: linear-gradient(4deg, #ff3637 0%, #d80001 100%);}
.team-section .box{background: #ffd0c6; padding: 60px 30px; text-align: center;}
.team-section .box .image{width: 220px; height: 220px; overflow: hidden;
    position: relative; left: 12%; border-radius: 50%;
    border: 10px solid #fff; box-shadow: 0 2px 30px 0 rgb(0 0 0 / 8%);}
.team-section .box .image img{width: 220px;}
.team-section .title h1{margin-bottom: 2px; font-weight: 800; margin-top: 15px;
    font-size: 24px; color: #d80001}
.team-section .title h4{margin-bottom: 0px; color: #000; font-weight: 600;
    font-size: 18px;}
.team-section .box ul{padding: 0; margin: 0; margin-top: 40px;}
.team-section .box ul li{list-style: none; display: inline-block;}
.team-section .box ul li a{background: #fff; width: 40px; height: 40px;
    line-height: 40px; display: inline-block; margin: 0px 3px;
    box-shadow: 0 2px 30px 0 rgb(0 0 0 / 15%); color: #d80001;}
.team-section .box ul li a:hover{color: #d80001;}



/*delivery-section CSS*/
.delivery-section {position: relative;}
.delivery-section .box {display: flex; align-items: center;
    background: #d80001; color: #fff; border-bottom-left-radius: 36px;
    border-top-right-radius: 36px; position: relative;}
.delivery-section .background-overlay {background-image: url(../images/section_bg9.png);
    background-position: center center; opacity: .16;
    transition: background 0.3s,border-radius 0.3s,opacity 0.3s;
    height: 100%; width: 100%; top: 0; left: 0; position: absolute;}
.delivery-section .box .image {width: 25%; position: relative; top: -33px;}
.delivery-section .box .image img {max-width: 300px;}
.delivery-section .box .content {width: 45%; position: relative; z-index: 11;}
.delivery-section .box .content h1 {font-size: 40px; font-weight: 800;
    font-family: 'Merienda', cursive; color: #fce902;}
.delivery-section .box .content p {margin-bottom: 0px; font-size: 20px;
    font-weight: 800; font-family: 'Merienda', cursive;}
.delivery-section .box .delivery-number {width: 30%; text-align: right;
    margin-left: 60px; margin-right: 30px; position: relative; z-index: 11;}
.delivery-section .box .delivery-number p {background: #fcb302; text-align: center;
    padding: 10px 10px 6px 10px; border-radius: 52px; font-size: 22px;
    font-family: 'Merienda', cursive; color: #d80001; font-weight: 800;}
.delivery-section .box .delivery-number p span {color: #442914;
    font-family: 'Merienda', cursive;}


.testimonial-section {position: relative;}
.testimonial-section:before {width: 100%; height: 100%; position: absolute;
    content: ""; top: 0px; z-index: -1; left: 0px; opacity: 1; z-index: 11;
    background: url(../images/shape31.png) bottom left no-repeat;}
.testimonial-section:after {width: 100%; height: 100%; position: absolute;
    content: ""; top: 0px; z-index: -1; left: 0px; opacity: 1; z-index: 11;
    background: url(../images/shape11.png) bottom right no-repeat;}
.testimonial-section .container {position: relative;}
.testimonial-section .container:before {width: 100%; height: 100%; position: absolute;
    content: ""; top: 0px; z-index: -1; left: 0px; opacity: 1; z-index: 11;
    background: url(../images/shape34.png) top right no-repeat;}
.testimonial-section .row {align-items: center; position: relative; z-index: 111;}
.testimonial-section .heading {margin-bottom: 30px;}
.testimonial-section .heading h3 {font-size: 18px; color: #42291c; font-weight: 800;
    font-family: 'Merienda', cursive;}
.testimonial-section .heading h1 {font-size: 36px; font-weight: 800; color: #d80001;
    font-family: 'Merienda', cursive;}
.testimonial-section .right {background: #fff; box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%);
    border-radius: 20px 20px 20px 0px; position: relative; padding: 40px 40px 40px 80px;}
.testimonial-section .right:before {position: absolute; content: " "; left: 20px;
    top: 40px; background-image: url(../images/quote.png); width: 100%; height: 100%;
    background-repeat: no-repeat; background-size: 40px;}
.testimonial-section .right:after {position: absolute; left: 0; bottom: -26px;
    content: ""; width: 0; height: 0; border-color: currentcolor rgba(0,0,0,0) rgba(0,0,0,0);
    border-style: solid; border-width: 26px 45px 0 0; color: #fff;}
.testimonial-section .box .content {position: relative;}
.testimonial-section .box .profile {display: flex; align-items: center;}
.testimonial-section .box .profile .profile-icon {width: 80px; height: 80px;
    overflow: hidden; margin-right: 18px;}
.testimonial-section .box .profile .profile-icon img {width: 80px; height: 80px;
    border-radius: 60px;}
.testimonial-section .box .profile h4 {font-size: 22px; font-weight: 700;
    color: #d80001; margin-bottom: 0; font-family: 'Merienda', cursive;}
.testimonial-section .box .profile h5 {font-size: 17px; font-weight: 700;
    color: #444; margin-bottom: 0; font-family: 'Merienda', cursive;}



/*Footer Section CSS*/
.footer-section {background-image: url(../images/banner-bg.png);
    background-size: cover; padding-top: 40px; padding-bottom: 30px;
    position: relative;}
.footer-section::after {content: ""; position: absolute; top: 0; left: 0;
    width: 100%; height: 100%; background-image: linear-gradient(120deg, #f3ebdd, #f5c68d);
    opacity: .7;}
.footer-section .container {position: relative; z-index: 11;}
.footer-section .logo{text-align: center; margin-bottom: 40px;}
.footer-section .logo img{width: 260px;}
.footer-section .box{text-align: center;}
.footer-section .box h1{font-size: 22px; font-weight: 900; color: #000;
    text-transform: uppercase; word-spacing: 4px; position: relative;
    padding-bottom: 12px; margin-bottom: 18px;}
.footer-section .box h1:before {content: ""; height: 4px; width: 15px;
    background-color: #ebb147; position: absolute; bottom: 0; left: 44%;
    border-radius: 10px; border: none;}
.footer-section .box h1:after {content: ""; height: 4px; width: 34px;
    background-color: #e69700; position: absolute; bottom: 0; left: 50%;
    border-radius: 10px; border: none;}
.footer-section .box p{margin-bottom: 0px;}

.footer-section .social-icon{margin-top: 40px;}
.footer-section .social-icon ul{padding: 0; margin: 0; text-align: center;}
.footer-section .social-icon ul li{list-style: none; display: inline-block;}
.footer-section .social-icon ul li a{border: 1px solid #dc0100; width: 32px;
    height: 32px; line-height: 32px; border-radius: 50%; display: inline-block;
    color: #d80001; margin: 3px; font-size: 14px;}
.footer-section .copy-right{text-align: center;}
.footer-section .copy-right p{margin-bottom: 0px; margin-top: 20px;}





.breadcumb-area{background-repeat: no-repeat; background-attachment: scroll; background-position: center center;
    background-image: url('../images/breadcumb-bg.webp'); background-size: cover; padding: 60px 0 80px;
    background-color: #121B51; position: relative; z-index: 2;}
.breadcumb-area::before {background: rgb(100 0 0 / 50%); position: absolute; top: 0; right: 0; left: 0;
    height: 100%; width: 100%; content: "";}
.breadcumb-area .ccase {text-transform: capitalize; position: relative;}
.breadcumb-area .brpt {text-align: center;}
.breadcumb-area .brpt h2 {font-size: 45px; margin-bottom: 20px; margin-top: 0; color: #fff; font-weight: 800;}
.breadcumb-area .breadcumb-inner {text-align: center;}
.breadcumb-area .breadcumb-inner ul{color: #fff; margin: 0; padding: 0;}
.breadcumb-area .breadcumb-inner li {display: inline-block; margin: 0 4px; color: #fff; font-size: 14px;
    font-weight: 700; text-transform: uppercase;}
.breadcumb-area .breadcumb-inner li i{color: #fff;}
.breadcumb-area .breadcumb-inner li a {color: #ffffff; text-transform: uppercase; text-decoration: none;
    font-weight: 700;}

.about-page.about-feature-section .left {padding-left: 8.6%; margin-top: 30px; margin-bottom: 30px;}


/*Contact Page CSS*/
.form-section.contact-page {padding-top: 80px; padding-bottom: 80px; position: relative; z-index: 2;
    background: #fff;}
.form-section.contact-page .form {box-shadow: 0 2px 30px 0 rgb(0 0 0 / 15%);
    background-image: linear-gradient(96deg, #d80001 0%, #eb6458 100%); border-top-left-radius: 8px;
    border-top-right-radius: 8px;}
.form-section.contact-page .form .heading {padding: 26px 60px 10px 60px;}
.form-section.contact-page .contact-detail .heading h1 {color: #d80001; font-weight: 800;
    font-size: 36px; line-height: 56px; margin-bottom: 2px;}
.form-section.contact-page .contact-detail .heading h4 {font-size: 22px; color: #020202;
    font-weight: 700; position: relative; display: inline-block;}
.form-section.contact-page .contact-detail .heading p{color: #555;}
.form-section.contact-page .contact-detail .phone a{display: inline-flex; align-items: center;
    text-align: left; margin-bottom: 20px; margin-top: 15px;}
.form-section.contact-page .contact-detail .phone a h1{font-size: 18px; color: #222;
    font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 0px;}
.form-section.contact-page .contact-detail .phone a h4{margin-bottom: 0px; font-size: 18px;
    color: #d80001; font-weight: 700;}
/*.form-section.contact-page .contact-detail .phone a .icon{margin-right: 14px;
    box-shadow: 0 2px 30px 0 rgb(0 0 0 / 15%); background: #fff;
    padding: 18px 8px; border-radius: 4px;}*/
.form-section.contact-page .contact-detail .phone a .icon{margin-right: 18px;
    color: #d80001; border: 1px solid #d80001; background: #ffd0c6;
    padding: 10px 15px; border-radius: 4px;}
.form-section.contact-page .contact-detail .phone a .icon i {color: #065ca9; display: inline-block;
    height: 50px; width: 50px; text-align: center; line-height: 50px; border-radius: 5px;
    box-shadow: 0 0 65px 0 #00000029; transition: .5s; border: 1px solid #ddd; background: #ffffff5e;
    font-size: 18px;}
.form-section.contact-page .contact-detail .phone a p{margin-bottom: 4px; font-size: 14px;
    color: #666; font-weight: 600;}
.form-section.contact-page .contact-detail .social-icon{margin: 0; padding: 0;
    margin-top: 30px;}
.form-section.contact-page .contact-detail .social-icon li{list-style: none; 
    display: inline-block;}
.form-section.contact-page .contact-detail .social-icon li a {color: #d80001; display: inline-block;
    height: 42px; width: 42px; text-align: center; line-height: 42px; border-radius: 5px;
    box-shadow: 0 0 65px 0 #00000029; transition: .5s; border: 1px solid #ddd; background: #ffffff5e;}
.form-section.contact-page .form .heading h4 {margin-bottom: 0px;}
.form-section.contact-page .form .heading h4:before {right: -106%; top: 14px;}
.form-section.contact-page .heading p{color: #ddd;}
.form-section.contact-page .form form {background: #fff; padding: 40px; border-top-left-radius: 40px;}
.form-section.contact-page .form form .form-control {padding: 14px 20px;}
.form-section.contact-page .form .heading h4 {font-size: 22px; color: #e4f1fe; font-weight: 700;
    position: relative; display: inline-block;}
.form-section.contact-page .form .heading h4:before {position: absolute; content: ""; height: 1px;
    width: 100%; background: #e4f1fe; right: -112%; top: 12px; display: inline-block;}
.form-section.contact-page .form .heading h1 {color: #fff; font-weight: 800; font-size: 30px; line-height: 36px;
    margin-bottom: 2px;}
.form-section.contact-page .form form button{background: #d80001; border-color: #d80001;
    padding: 10px 26px; color: #fff; text-transform: uppercase; letter-spacing: 0.5px;}
.form-section.contact-page .form form button i{color: #fff;}

.map-section{margin-bottom: -15px;}
.map-section iframe{background: #fff; position: relative; z-index: 2; width: 100%;}



@media (max-width: 575.98px) {
    .top-section .left{text-align:left;}
    .top-section .right{display:none;}
    .banner-section {height:auto; margin-bottom:0;}
    .banner-section .left{display:none;}
    .about-feature-section {margin-top: 15px;}
    .about-feature-section .left{padding-left: 15px;}
    .about-feature-section .left .heading h1 {font-size: 40px;}
    
    

}

.scrollTop {position: fixed; right: 6.5%; bottom: 70px; opacity: 0; z-index: 111; }
.scrollTop a {font-size: 18px; color: #fff; padding: 12px 20px;
    transition: all 0.4s ease-in-out 0s; border-radius: 4px; display: block;
    background-image: linear-gradient(225deg, #d80001 0%, #ef7d6d 100%);}